/* This stylesheet contains new styles for 2010 redesign that are ONLY used by Collage pages */
#pageWithAdCol {
   width: 1200px;
   margin: 0 auto;
   height: 1%;
}
#pageWithAdCol #ad_column {
   margin-left: 780px;
   padding-top: 7px;
}

#pageWithAdCol #page {
   float:left;
}

#page {
   width:770px;
   margin: 0 auto 0;
 }   /* This was necessary to get the ads to not wrap on 2nd line when browser narrower than 1050 */
.iphone #page {
   margin: 0; 
   } 

/* replaces old style pageWrapper that is still used by all non-collage docs */
#pgWrapper {
   margin:5px auto 15px;
   background-image: url("/graphics/pgElements/pgShadow770.png");
   background-repeat: repeat-y;
	border-top: 2px solid #EEE; 
	border-bottom: 2px solid #eee; 
   padding: 0px 5px;
}  
   .iphone #pgWrapper {
      padding: 0px;
		background-image: none;
		background-repeat: no-repeat;
		border: 1px solid #eee;
   } 
   
#pgWrapper, #pgWrapper td, p  {
   color: #000;
   font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 2.5ex;  }
	
.smText, td.smText, p.smText, td.smText p, #pgWrapper .smText, #pgWrapper p.smText, #pgWrapper td.smText,  
#pgWrapper td.smText p {
	font-size: 10px;
	line-height: 1.3; }

   #searchForm {
      margin-top: 7px;
      margin-bottom: 10px;
      width: 300px;
      position: absolute;
      right: 0px;
   }

   #sponsorLogos {
      width: 400px;
      top: 40px;
      position: absolute;
      font: bold 12px Arial, Helvetica, sans-serif;
      color: #333399;
      text-align: right;
      right: 0px;
   }

#menu {
   margin: 0px 0px 25px 0px;
   background-color: #2D37A0;
   font-size: 11px;
	height: 19px;
}

#bodyDiv {
   height: 1%;
   overflow: auto;
   margin-bottom: 30px;
}

#oneColBody #bodyContent, 
#oneColBody .bodyContent   {
   margin: 0px 25px 20px;
   width: 710px; }

/* Following style is for a page with no menu but with a right 
   column (170 px, no right or left margins). */
#bodyDiv #twoColBody {
   margin: 0 0 0 25px;  
}

td#twoColBody #bodyContent,
td#twoColBody .bodyContent  {
   margin: 0px 15px 20px 25px;
   width: 525px; 
}

#bodyDiv #twoColBody #bodyContent,
#bodyDiv #twoColBody .bodyContent {
   float: left;
   width: 525px;
   margin: 0; 
}
/* need 15px space between body and rt columng */

#bodyDiv #right_columnMargins { 	
   margin: 8px 0px 20px 565px;
}

#right_columnMargins { 	margin: 8px 25px 20px 0px; }

#bodyDiv #right_columnMargins #right_column  { 	margin: 0px; }

#right_columnMargins #right_column  { 	margin: 0px; }


#socialLinks {
   margin:10px 0;
}
#socialLinks div {
    float:left;
}
#print {
    margin: 0 3px;
}


/* Headlines */
#pgWrapper td.headlineStory_left {
	padding: 6px 15px 6px 0px;
	width: 154px;
 	border-right: 1px solid #999; }

#pgWrapper td.headlineStory_center {
	padding: 6px 15px 6px 15px;
	width: 155px;
	border-right: 1px solid #999;  }

#pgWrapper td.headlineStory_right { 
	padding: 6px 0px 6px 15px;   
	width: 154px;  }
	

/* footerBar is defined in stylesx_ctsnet.css and is used to define the footer
   menu in pages with new menuing pages  */
#footerBar { clear:both; }

#footer  {
   clear: both;
   margin: 15px 0px 0px 0px;
   height: 19px;
	font-size: 11px;
   background-color: #2D37A0;
} 

.rightColumnTxt, .rightColumnTxt p {
	color:#000000;
	font:11px/110% Arial, Helvetica, sans-serif;
}

/* following to override old styles in stylesx 
   handles space below image  */
#articleContent div img {
   margin: 0 0 4px 0;
   border: 1px solid #999;
   padding: 0;
}

/* To add spacing between centered images make containing div 8px (borders + padding)
   wider than image except rightmost which should be only 2px wider than img (for borders)
   Necessary because no luck overriding articlecontent no matter how much specifity added */ 
.figure img, .figure a img, 
#pgWrapper #articleContent .figure img, #pgWrapper #articleContent .figure a img  {
   margin: 0px;
   border: 1px solid #999;
   padding: 0;
}
.figure img.imgMargin, .figure a img.imgMargin, 
#pgWrapper #articleContent .figure img.imgMargin, #pgWrapper #articleContent .figure a img.imgMargin {
   margin: 3px;
}
/* Following used for images in centered display */
.left {
    float: left;
}
.right {
    float: right;
}

.imgboxRight {
   float:right; 
   margin: 6px 0px 12px 15px;
   padding: 0;
   clear:both;
}

.imgboxCenter {
   margin: 10px auto;
   clear:both;
}

.imgboxLeft {
   float:left; 
   margin: 6px 15px 12px 0px;
   padding:0;
}
	
.figure {
    overflow:auto;
}

/* new style for figure text. handles spacing previously 
   added by table */
.figureTxt {
   font-size: 10px;
   line-height: 1.3;
   margin: 4px 9px 4px 7px;
}
.figure .figureLabel { 
    font-weight: bold; 
}
.bottomTxtRow {
   margin-bottom: 14px;
}

#authorBox_1  ul.rtAngleBul, #authorBox_1  ol.rtAngleBul {
   margin: 5px 7px;
   padding: 0px;
   }

#authorBox_1  ul.rtAngleBul li, #authorBox_1  ol.rtAngleBul li {
   margin-top: 0px;
   margin-bottom: 3px;
   list-style: none;
   background-image: url("/graphics/bullets/rightcol_bullet11px.png");
   padding-left: 12px;
   background-repeat: no-repeat;
}



/* BOX STYLES */
.roundedBox {
   border-width: 1px;
   border-style: solid;
   border-radius: 7px;
}

/*  Top is squared off to match a header  */
.roundedBoxSqrTop {  
    border-width: 1px;
	border-style: solid;
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
}
.roundedBoxSqrBottom {
    border-top-width: 1px; border-left-width: 1px; border-right-width: 1px;
	border-top-style: solid; border-left-style: solid; border-right-style: solid;
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
    
}

.blueBox  {
   background-color: #e0ecfe;
   padding: 0px 10px 12px 10px;
   margin: 0px 0px 20px; 
   border-color: #c8e3fe;
	color: #043B76;
}

.boxGrey {
   background-color: #EEE; 
   padding: 0px 10px 12px 10px;
   margin: 0px 0px 20px; 
   border-color: #ccc;
}

.boxBorderGrey {
   padding: 0px 10px 12px 10px;
   margin: 0px 0px 20px; 
   border-color: #CCC;
}

.titleBoxNavy {
   margin: 0px;
   padding: 3px 10px 2px 12px;
   background-color:#043B76;
   border-color: #043B76; 
	color: #fff;
}

.titleBoxLtBlue {
   padding: 6px; 
   margin: 0px; 
   background-color:#d9e5f3;
   border-color: #d9e5f3; 
}

.titleBoxGrey {
   margin: 0px; 
   padding: 3px 10px 2px 12px;
   background-color:#ccc;
	border-color: #ccc; 
} 
/*h3.navyHeader {
   font: 12px Arial, Helvetica, sans-serif;
   font-weight: bold;
   text-transform:uppercase;
   color: #fff;
   margin: 0;
   padding: 0;
}*/


     
/* END BOX STYLES */