/******************
 * Color Pallette *
 ******************

red color: #9a0b0f;
beige color: #978778;
dark blue color: #063354;
light blue color: #627d8e;
grey color: #828783;
light grey color: #c5cec9;

*******************/

/**********************
 * General Formatting *
 **********************/

/* 	
	font-size declaration is to reset the 
	default font size to 10px instead of 16px, allowing font sizes to 
	be specified in ems throughout the stylesheet (1.0em = 10px, 
	1.3em = 13px, etc.). Please specify font sizes in ems 
	instead of pixels, because IE/Win does not allow text to be resized
	by the user if it is specified in pixels.	
*/ 
* {margin: 0; padding: 0;}
body {
 	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 63.125%;		/* translate 1.0em to 10px, 1.5em to 15px, etc. */
	color: #000;
	background: #063354;	
}

#wrap { margin: 0 auto; padding: 0; width: 960px; height: 100%; }
#mainContent {display: block; width: 960px; height: auto; background: #fff url(/cen/_img/border.gif) repeat-x top left;}

/*borders*/
.borderL {display: block; width: auto; background: transparent url(/cen/_img/border.gif) repeat-y -1px 0px;}
.borderR {display: block; width: 960px; background: url(/cen/_img/border1px.gif) repeat-y top right;}

/*corners*/
b.cn {display: block; height: 8px; width: 8px; margin:0; padding: 0; background: url(/cen/_img/corner.gif) no-repeat; z-index: 99;}
b.tl {top: 1px; left: 1px; background-position: -1px -1px;float: left;}
b.tr {top: 1px; right: 100%; background-position: 100% -1px; float:right;}

/*inner box corners*/
.topLeftCorner {background: url(/cen/_img/boxCorner.gif) no-repeat 0px 0px;}
.topRightCorner {background: url(/cen/_img/boxCorner.gif) no-repeat 100% 0px;}



/**** standard content div text ****/
.text {padding:6px 0px 0px 24px; ; display: block; width: 80%; height: auto;}
.centerText {padding:10px 0px 0px 0px; display: block; width: 94%; height: auto; margin: 0px auto; padding: 0px;}
.centeringContainer {width: auto; height: auto; display:block; margin:0px auto; padding:0px;}

#leftColumn {display: block; width: 465px; float: left;overflow:hidden; clear:none;}
#currentIssue {display: block; background: url(/cen/_img/boxTop456.gif) no-repeat top right;width: 456px; height: 256px; margin: 10px 0px 6px 5px;border-bottom: 1px solid #c5cec9;}
#currentIssue h2 {display: block; background: url(/cen/_img/titleCurrentIssue.jpg) no-repeat top left;width: 456px; height: 24px; margin:0px!important; padding:0px;}
#currentIssue .contentWrap {display: block; width:98%; height:auto; margin: 0px; padding: 0px; }
#currentIssue .contentWrap .text {color: #063354; width: 90%!important;}
#currentIssue .contentWrap .text p {color: #000; font-size: 11px; text-align: left!important;}
#currentIssue .contentWrap .text ul {list-style-type: none; display: inline; width:170px; height: auto; margin: 0px; float:left;}
html>body #currentIssue .contentWrap .text ul {list-style-type: none; display: inline; width:170px; height: auto; margin: 0px; float:left;}

#currentIssue .coverRight {display: block; width:165px; float: right; margin-right: 5px;}
#currentIssue .coverWrap {display:block; width: 229px; height: auto; float:left;}
#currentIssue .right {width: 120px;}

/* news */
h2.newsHeader {display: block; background: url(/cen/_img/titleNews.jpg) no-repeat top left; width:456px; height:22px; margin: 5px 5px 0px 5px;}
h2.moreNewsHeader {display: block; background: url(/cen/_img/titleMoreNews.jpg) no-repeat top left; width:456px; height:22px; margin: 5px 5px 0px 5px;}
#news {display: block; width: 456px; height: 45.7em; margin: 5px 5px -6px 5px;font-size: 10px;}
#news h3 {margin: .1em 0px;}
#news h3 a img.subscribe {border: none;}
#news h4 {border-top: 2px solid #828783; font-size:10px; color:#828783; margin: .2em 0px;}
#news .moreLink {margin: .1em 0px .3em 0px; font-size:11px; height:14px;}
#news .moreLink img {margin: .3em 0px -3px 0px;}
#news p {font-size: 1.2em;}
#news p a {color: #063354; text-decoration: underline;}
#news p a:visited {color: #828783; text-decoration: underline;}
#news p a:hover {color: #978778;text-decoration:none;}
#news a img {border: none !important;}
#news .news-img {margin-left: 2px;}

#middleColumn {display: block;width: 310px!important; float: left; overflow:hidden; }
#latestNews {display: block; width: 300px; background: url(/cen/_img/boxTop300Grad.gif) no-repeat top left; min-height: 344px; height: auto; margin: 0px 5px 20px 5px; padding-bottom: 10px; overflow:hidden!important; }
#latestNews p.moreLink {margin: .1em 0px .3em 0px; font-size:11px; height:14px; width: 290px;}
#latestNews .moreLink img {margin: .3em 0px -3px 0px;}
#latestNews p {font-size: 1.1em; margin: 0px 0px .1em 0px; }

#recentIssues {display: block; background: url(/cen/_img/boxTop300Fade.gif) no-repeat top right;width: 300px; height: auto; margin: 10px 5px; overflow:hidden;}
#recentIssues .contentWrap {display: block; width:100%; height:200px; margin: 0px auto; padding: 0px; }
#backIssueForm {margin:0px;padding:0px;color: #063354; background: none; }
#backIssueForm form {float:right;margin: 12px 0px 0px 0px; padding:0px 0px 0px 0px;display: inline; width: 112px; height: 12px; background: none; }
#backIssueForm select {float:left;width: 64px; height: 18px; font-size:1em; background: none; }
#backIssueForm img, #backIssueForm img a {border: none;background: none; }
span.smallLeftText {display: block; width:142px!important; height:18px; text-align:right;font-size: 1.1em;font-weight: bold; padding:16px 0px 0px 0px; background: none; border: none!important;}
.plainBlue {font-size: 11px;font-weight: bold; color: #063354;border-bottom: 1px solid #c5cec9;}


span.advertise3 a {display: block; width: 7em; color: #828783; background: #fff; margin: 0px 3px 0px 0px; padding-left: 3px; font-size:9px; z-index:3; float:right; text-decoration: none; position:relative; top: 8px; left: -30px; clear: both;}


span.advertise a {display: block; width: 7em; color: #828783; background: #fff; margin: 0px 3px 0px 0px; padding-left: 3px; font-size:9px; z-index:2; float:right; text-decoration: none; position:relative; top: 4px;}
html>body span.advertise a {display: block; width: 7em; color: #828783; background: #fff; margin: 0px 3px 0px 0px; padding-left: 3px; font-size:9px; z-index:2; float:right; text-decoration: none; position:relative; top: 1px;}

span.advertise2 a {display: block; width: 7em; color: #828783; background: #fff; margin: 0px 3px 0px 0px; padding-left: 3px; font-size:9px; z-index:3; float:right; text-decoration: none; position:relative; top: 8px;clear: both;}

#alerts {display: block; background: url(/cen/_img/boxTop300Fade.gif) no-repeat top right;width: 300px; height: 23.7em; margin: 10px 0px 3px 5px; overflow:hidden;}
#alerts .contentWrap {display: block; width:98%; height:10.2em; margin: 0px; padding: 2px 0px 0px 0px;}
#alerts h2 {display: block; background: url(/cen/_img/titleAlerts.jpg) no-repeat top right;margin:0; padding:0;float: right; width: 300px;height: 20px;}
#alerts h3 {display: block; width: 240px; float: none; clear: left;}
#alerts p {font-size: 12px; line-height:1.2em; width: 240px!important; margin: 24px 0px 0px 0px; padding: 0px; float: left; clear: left!important;}
#alerts p.right {text-align: right; font-size:12px;}
#alerts p.right a {color: #063354; text-decoration:underline; font-weight:bold;}
#alerts p.right a:hover {color: #978778; text-decoration:none;}
#alerts .rssFeeds {display: block; background: url(/cen/_img/iconRSS.jpg) no-repeat top left; float: left; width: 290px; height: 100px; margin: 2px 2px; padding-top: 1px; }
#alerts .emailAlerts {display: block; background: url(/cen/_img/iconEmail.jpg) no-repeat top left; float: left; width: 290px; height: 100px; margin: 2px 2px;}
.alertsText {display: block; width: 260px; height: auto; }

#alerts span.emailForm {text-align:right;display: block; width:220px; margin: 2px; float: left; margin-top: 24px;  }
#alerts span.formRight {display:block; width: 210px; margin: 2px 10px 0px 0px; text-align:right; overflow:hidden;}

.moreLink {display: block; width: 80%; text-align: right; font-weight: bold; font-size: 1.1em;}
.moreLink a {color: #063354; text-decoration: underline; font-weight: bold; font-size: 1em;}
.moreLink a:hover {color: #978778; text-decoration: none; font-weight: bold; font-size: 1em;}


#announceCEN {display: block;width: 100%; height: 9em; margin:0px auto; padding:8px;}
#announce .content {display: block; width: 90%; margin: 0px; padding:8px; }

#pda .content {float: left; width: 240px; margin: 0px auto;padding: 14px 0px 0px 6px;}
#alerts p.right {text-align: right; font-size:12px; margin-top: 20px;}
#alerts p.right a {color: #063354; text-decoration:underline; font-weight:bold;}
#alerts p.right a:hover {color: #978778; text-decoration:none;}
#alerts .rssFeeds {display: block; background: url(/cen/_img/iconRSS.jpg) no-repeat top left; float: left; width: 290px; height: 100px; margin-left: 2px;}
.alertsText {position: relative; left: 40px; top: 25px; display: block; width: 210px; height:100px; }
#alerts .emailFormWrap {display: block; width:180px; margin: 2px;}
#alerts span.emailForm {text-align:right;}
#alerts span.formRight {display:block; width: 180px; margin: 2px 0px; text-align:right;}


#features {display: block; background:  url(/cen/_img/boxTop456.gif) no-repeat top left;width: 456px; min-height: 252px; height: 24.2em!important; margin: 10px 0px 6px 0px;}
#features div.moreLink {float:right; width: 100px; padding: 14px 6px 0px 0px; }

.middleAd2 .contentWrap {width:100%;margin: 0px; padding: 0px;}
.middleAd2 .contentWrap img {margin: 0px; padding: 0px; border:none;}
.middleAd2 .contentWrap img a {margin: 0px; padding: 0px; border:none;}
.middleAd2 .contentWrap img a, .middleAd .contentWrap img a:visited, .middleAd .contentWrap img a:hover {text-decoration: none; border:none;margin: 0px; padding: 0px; }

span.advertise2 a {display: block; width: 7em; color: #828783; background: #fff; margin: 0px 9px 0px 0px; padding-left: 0px; font-size:9px; z-index:2; float:right; text-decoration: none; position:relative; top: 4px;}

#skyscraper span.advertise2 a {display: block; width: 9em; color: #828783; background: #fff; margin: 0px 3px 0px 0px; padding-left: 3px; font-size:9px; z-index:2; float:right; text-decoration: none; position:relative; top: 10px;}


#horizAds {display: block; width: 100%; height:62px; margin:0px; padding: 0px;}
#horizAds ul {display: inline; list-style:none; width: 100%; height:54px; position:relative; margin: 0px; padding: 0px; float:left;}
#horizAds ul li {display: inline; list-style:none; margin: 0px!important; padding:0px!important; width: 104px; height:48px; float:left;}
#horizAds ul li a img {display: inline; margin: 0px; padding: 0px; width: 104px;  float:left; border:none;}

/*** for 6 button ads ***/
.horizAdsLeft6 {display: block; width: 280px; height:160px; margin: 0px auto; }
.horizAdsLeft6 ul {display: inline; list-style:none; width: 280px; height:50px; margin: 10px auto;}
.horizAdsLeft6 ul li {display: inline; list-style:none; margin: 0px 0px 0px 12px; width: 104px; height:50px; float:left; }
.horizAdsLeft6 ul li a img {display: block; margin: 1px; float:left; border:none;}

#rightColumn {display: block; width: 151px; float:right;margin:0px; padding: 0px;}

#quickFind .content ul {float:left;width: 104px; list-style: none; margin:0px; padding:0px;font-size: 1em;}
#quickFind .content ul li {margin:0px; padding: 0px;}
#quickFind .content ul li a {height: 12px; text-decoration: none; color: #063354;}
#quickFind .content ul li a:hover {height: 11px; text-decoration: none; color: #9a0b0f; border-bottom: 1px solid #063354;}

/************* sub pages ******************/

.slimColumn {float:left; width: 40%; height:auto; margin:2px; padding:0px;}
.innerWrap {display: block;height:178px;width:100%; margin:0px; padding:0px; background: url(/cen/_img/boxCornerR.gif) no-repeat top right;}

/* table of contents links */
.tocContainer {float: left;display: block;height:178px;width:100%; margin:0px; padding:0px; background: url(/cen/_img/boxCornerL.gif) no-repeat top left; border-bottom: 1px solid #c5cec9;}
.tocContainer ul {float: left; display: block; list-style:none;width: 160px; height:178px; margin:0px; padding:0px; }
.tocContainer ul li {float: left; width: 160px; font-size:10px; text-transform:uppercase; margin:0px; padding:0px; line-height:1em;}
.tocContainer ul li h1 {float: left; width: 160px; display: block; height: 22px;background: url(/cen/_img/headerTOC.jpg) no-repeat top left;}
.tocContainer ul li a { float: left; margin: 0px 0px 0px 4px; padding: 0px 0px 0px 0.6em; color: #9a0b0f; text-decoration: underline; font-weight: bold; background: url(/cen/_img/downArrow.gif) no-repeat 0em .3em;}
.tocContainer ul li a:hover {float: left; color: #978778; text-decoration: none; font-weight: bold;}
/* columns for toc top block */
.column {display: block; width: 48%; height:178px; margin:2px; padding:0px;}
.slimColumn {display: block; width: 300px;height:178px; margin:2px; padding:0px; float:left;}
.slimColumnBorder {display: block; width: 32%; height:160px; margin:2px 2px 2px 22px; padding:0px;}
.wideColumn {display: block; width: 410px; height:178px; margin:2px; padding:0px; background: none!important;}
.widerColumn {display: block; width: 64%; height:auto; margin:2px; padding:0px;}
.grey {background-color: #eef0ef;padding: 0px; margin:1px;}
.coverStory {float: left; display:block; width:180px; height:160px; margin:2px; padding:0px; background: none!important;}
.coverStory h2 {display: block; background: url(/cen/_img/headerCoverStory.jpg) no-repeat top left;width:180px; height:22px;}
.coverStory h4 {display: block; width: 180px; height: 12px; margin:2px; padding:0px;float:left;}
.coverStory h4 a{display: block; color: #9a0b0f; text-decoration: underline;float: left; width: 180px; height: 12px; }
.coverStory h4 a:hover{display: block; color: #978778; text-decoration: none;float: left;width: 180px; height: 12px;  }
.coverStory p {display: block; width: 180px; margin:2px; padding:0px;float:left; text-align:left;font-size: 11px; clear:both;}
.coverStory p a {float: left; color: #063354; text-decoration: underline; font-weight: bold; font-size: 10px;}
.coverStory p a:hover {float: left; color: #978778; text-decoration: none; font-weight: bold; font-size: 10px;}

/* issue cover in table of contents section 
#coverCurrent {display: none;}
.coverCurrentTOCBorder {display:none;}

.coverImageTOC {display: none;}
.coverImageTOCPic {display: none;}

.wideColumn .right {display: none;}*/
/* toc section picture that goes with cover story */

.imageMargin {float:none; margin:0px;}
.imageMarginR {float:none; margin:0px;float:left; }

/* other */
.imageHighlight {float: left; width: auto; height:auto; display: block; padding: 1px; border: 1px solid #c5cec9; background: #f4f6f5;}
.imageHighlight img {float: right; width: auto; height:auto; display: block; margin: 2px; border: 2px solid #c5cec9; background: #f4f6f5;}

/* sub home pages */
#leftColumnSub #landingLeft {display: block; float: left; margin: 0px 5px;}
#leftColumnSub #landingLeft h3 {margin: 0px; padding: 0px;}
#leftColumnSub #landingLeft h4 {margin: 2px 0px 10px 0px;}
#leftColumnSub #landingLeft p {margin: 0px 0px 4px 0px; font-size: 1.1em!important; text-align: left!important;}
#leftColumnSub #landingLeft .outline2 a img.subscribe {padding: 0px 0px 0px 2px; top: 2px; border: none; }
#leftColumnSub #landingLeft a img.subscribe {padding: 0px 0px 0px 2px; top: 2px; border: none;}

#leftColumnSub #landingRight {display: block; float: left; width: 300px; margin: 0px 0px 10px 5px!important;}
#leftColumnSub #landingRight .landingBox {display: block; float: left; width: 300px; background: url(/cen/_img/rightColGreyBgrd300.gif) no-repeat top left; padding: 4px 0px; margin: 0px 0px 10px 0px;border-bottom: 4px solid #c5cec9; overflow:hidden;}
#leftColumnSub #landingRight .landingBox h1, #leftColumnSub #landingRight .landingBox h2, #leftColumnSub #landingRight .landingBox h4, #leftColumnSub #landingRight .landingBox h5, #leftColumnSub #landingRight .landingBox h6, #leftColumnSub #landingRight .landingBox p {padding: 0px 8px; margin: 1px!important;}
#leftColumnSub #landingRight .landingBox p {font-size: 1.1em; text-align: left; padding-bottom: 20px;}
#leftColumnSub #landingRight .landingBox p.moreLink {float: right!important; clear: both; overflow: hidden;}
#leftColumnSub #landingRight .landingBox h3 {padding: 0px 8px 3px 8px; margin: 1px!important;}
#leftColumnSub #landingRight .landingBox h4 {border-top: 1px solid #fff;border-bottom: 1px solid #c5cec9;  padding: 20px 4px 2px 4px!important;}
#leftColumnSub #landingRight .landingBox img {margin: 10px 6px; padding: 2px 0px; display:block; z-index: 3; }
#leftColumnSub #landingRight .landingBox h3.subHdrNano {display: block; width: 297px; height: 18px; background: url(/cen/_img/subHeaderNano.jpg) no-repeat 3px 0px; margin: 0px 0px 2px 0px; padding: 0px!important;border-bottom: 1px solid #c5cec9;}
#leftColumnSub #landingRight .landingBox h3.subHdrStuff {display: block; width: 297px; height: 18px; background: url(/cen/_img/subHeaderStuff.jpg) no-repeat 3px 0px; margin: 0px 0px 2px 0px; padding: 0px!important;border-bottom: 1px solid #c5cec9; float:left; overflow: visible;}
#leftColumnSub #landingRight .landingBox h3.subHdrCritter {display: block; width: 297px; height: 18px; background: url(/cen/_img/subHeaderCritter.jpg) no-repeat 3px 0px; margin: 0px 0px 2px 0px; padding: 0px!important;border-bottom: 1px solid #c5cec9;}

#leftColumnSub #landingRight .landingBox h3.subHdrGreen {display: block; width: 297px; height: 18px; background: url(/cen/_img/subHeaderGreen.jpg) no-repeat 3px 0px; margin: 0px 0px 2px 0px; padding: 0px!important;border-bottom: 1px solid #c5cec9; overflow: visible; float:left;}
#leftColumnSub #landingRight .landingBox h3.subHdrReelSci {display: block; width: 297px; height: 18px; background: url(/cen/_img/subHeaderReelSci.jpg) no-repeat 3px 0px; margin: 0px 0px 2px 0px; padding: 0px!important;border-bottom: 1px solid #c5cec9;}

.redUnderline {background: url(/cen/_img/redDot.gif) repeat-x bottom left; padding-bottom: 2px;margin: 10px 0px;}
.standout2 {border-top: none!important;}
.outline2 p {line-height: 1.3em!important; padding: 10px 5px;}

.topicsForm {float:left;margin:0px; padding:0px 0px 10px 0px; display: block;width: 400px; height: 18px;}
.topicsForm select {float:left; width: 300px; height: 18px; font-size:10px;}
.topicsForm img, .topicsForm img a {float:left; border: none; position:relative; top: 4px;}

/* cas special issue */
#casAll {display: block; margin: 0px 6px 4px 0px; padding: 0px; color: #063354; font-size: 1em; width: 950px; height: 180em; float:left;}

#casBottom #casBtmLeft {display: block; float: left; margin: 0px; padding: 0px; width: 341px; height:1100px;background: url(/cen/cas/_img/gradBgrd.gif) repeat-x bottom left;}
#casBottom #casBtmLeft h2 {text-transform: none!important; color: #000; margin: 10px 10px 70px 10px;font-size: 1.5em;}
#casBottom #casBtmLeft h3 {display: block; margin: 10px; padding: 0px;font-size: 1.4em; }
#casBottom #casBtmLeft p {font-size: 1.2em; margin: 10px;}
#profileWrap .profileColumn .right img {position: relative; z-index:100;}