/* CSS Document */

body {
	margin: 0;
	font-family: "Trebuchet MS", verdana, sans-serif;
	font-size: small;
	text-align: center;
	line-height: 1.5em;
	background: #E8E0DB;
	}
	
/* page structure
-------------------------------------------------------*/

#wrapper {
	position: relative;
	width: 770px;
	margin: 0 auto;
	text-align: left;
	background: #FFFFFF;
	}
	
#shadowBG {
	width: 770px;
	background: url(../images/mainBG.gif) repeat-y;
	}
	
#widePictures {
	padding: 0;
	margin: 0 0 0 12px;
	width: 746px;
	}
	
#mainContainer {
	width: 746px;
	padding: 0;
	margin: 0 0 0 12px;
	background: #fff url(../images/bodyBG.gif) top repeat-x;
	overflow: auto;
	}	
	
#content {
	padding: 25px 0 25px 0;
	width: 52%;
	float: left;
	}
	
	
#leftNav {
	padding: 25px 0 25px 0;
	float: left;
	width: 23%;
	}
	
#rightNav {
	padding: 25px 0 25px 0;
	float: right;
	width: 23%;
	text-align: right;
	}
	
#footer {
	width: 770px;
	height: 39px;
	background: url(../images/footer.gif);
	}



/* navigation
-------------------------------------------------------*/

#navBox {
	width: 165px;
	background: url(../images/navBG.gif) repeat-y top left;
	border: 0px solid black;
	}
	
#topTab {
	background: url(../images/navTopTab.gif) no-repeat top left;
	height: 19px;
	margin: 0;
	padding: 0;
	}
	
#bottomTab {
	background: url(../images/navBottomTab.gif) no-repeat bottom left;
	height: 19px;
	margin: 0;
	padding: 0;
	}
	
#navBox ul {
	margin: 0;
	}
	
#navBox ul, #navBox li {
	margin: 0;
	padding: 0;
	text-decoration: none;
	list-style: none;
	font-weight: 600;
	font-size: 115%;
	line-height: 2em;
	}
	
#navBox div {
	padding: 0 0 0 20px;
	font-weight: 600;
	font-size: 115%;
	line-height: 2.2em;
	}
	
#navBox a:link, #navBox a:visited {
	text-decoration: none;
	color: #000;
	}
	
#navBox a:hover {
	text-decoration: underline;
	color: #000;
	}
	
.selected {
	border-bottom: 3px solid #00094C;
	padding: 0 0 3px 0;
	}
	


/* header
-------------------------------------------------------*/

#header {
	margin: 0 0 0 12px;
	width: 746px;
	background-color: #00094C;
	}
	
#logo {
	padding: 15px 15px 15px 15px;
	}

#headerLinks {
	text-align: right;
	color: #FFFFFF;
	font-size: 90%;
	float: right;
	}
	

/* content styles
-------------------------------------------------------*/
img.newsimage {
	float: right;
	width: 120px;
	padding: 10px;
	}

div.newsbox {
	border-style: solid;
	border-width: 1px;
	padding: 0px;
	margin-top: 20px;
	background: #ffffff;
	}

#content h1 {
	font-size: 160%;
	line-height: 1.1em;
	margin:0;
	}
	
#content h1.small {
	font-size: 125%;
	font-weight:600;
	}
	
#content h1.xsmall {
	font-size: 110%;
	font-weight:600;
	}
	
#content div {
	padding: 0 0 0 20px;
	}
	
#ccStory {
	float: right;
	position: relative;
	width: 175px;
	height: 277px;
	margin: 0;
	padding: 0;
}

#content ul {
	margin: 10px 0 10px 20px;
	}
	
#ccBoxImpact {
	width: 143px;
	height: 143px;
	float: right;
}
	
/* rightNav styles
-------------------------------------------------------*/

#rightNav img.logoES {
	padding: 25px 7px 25px 0;
	}
	
#rightNav img.logoCC {
	padding: 0 30px 0 0;
	}
	
	
/* footer styles
-------------------------------------------------------*/

#footer div {
	color: #fff;
	text-align: center;
	font-size: 82%;
	font-weight:500;
	padding: 4px 0 0 0;
	}
	
.footerLink {
	color: #fff;
	}
	
#footer a:link, #footer a:visited {
	color: #FFFFFF;
	}


/* show none text/images
-------------------------------------------------------*/

h2 {
	font-size: 12pt;
	}

h1.esTitle {
	background: url(../images/esTitle.gif) no-repeat;
	height: 29px;
	}
	
h1.esTitle span {
	display: none;
	}
	
h1.ccTitle {
	background: url(../images/ccTitle.gif) no-repeat;
	height: 29px;
	margin: 0;
	padding: 0;
	}
	
h1.ccTitle span {
	display: none;
	}