/* CSS Document */
body {
	margin: 0px;
	padding: 0px;
	background: url(images/site_bg_grad.jpg) top center repeat-y #4e88ba;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*background-image:url(images/site_bg.jpg);
	background-repeat: repeat-x;*/
}

a {
	color: #0072bc;
	text-decoration: none;
}

a:hover {
	color: #4fbaff;
}

.topNav {
	background-image:url(images/headerNav.jpg);
	background-repeat:repeat-x;
	width: 950px;
	height: 20px;
	padding-top: 4px;
}

.topNav a {
	color: #FFCC00;
	text-decoration: none;
}

.topNav a:hover {
	color: #FFFF00;
}

.ieImg {
	padding: 0px;
	border: 0px;
}

.subHeader {
	background: url(images/subHD_bg.jpg) right no-repeat #949494;   
	padding: 0px;
}

.title {
	background: url(images/title_bg.jpg) right no-repeat #6b6b6b; 
	color: #ddd; 
	font-size: 16px; 
	padding: 2px;
	font-weight: bold;
}

.title2 {
	background: url(images/title_bg2.jpg) right no-repeat #6b6b6b; 
	color: #c2c2c2; 
	font-size: 16px; 
	padding: 1px;
	font-weight: bold;
}

#content {
	padding: 7px 10px 0px 21px;
}

.contentContainer {
	background: url(images/content_bg.jpg) top repeat-x #FFF;
	padding: 10px;
}

#columnLeft {
	float: left;
	width: 658px;
}

#columnRight {
	width: 242px;
	padding-left: 19px;
	float: left;
}

.contentImg {
	float: right;
}

#footer1 {
	background-color: #949494;
	float: left;
	width: 677px;
	padding-top: 5px;
	padding-left: 15px;
	height: 30px;
}

#footer2 {
	background-color: #6b6b6b;
	float: right;
	margin-left: 2px;
	width: 254px;
	height: 35px;
}

#footerSpace {
	float: left;
	background-color: #FFF;
	width: 2px;
	height: 35px;
}

.references td {
	border: 1px dotted #EEE;
}

.references { 
	border: 1px dotted #DDD;
}

.references .info {
	border: 1px dotted #AAA;
}

#currentUnit {
	padding: 2px;
	border: 1px solid #CCC;
	background: #EEE;
	color: #000;
	font-size: 12px;
}

#accordion h3.toggler {
	display: block;
	margin: 2px 0px 0px 0px;
	padding: 2px;
	border: 1px solid #CCC;
	background: #EEE;
	color: #000;
	font-size: 12px;
	cursor: pointer;
}

#accordion div.element div {
	padding: 5px;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	background: #FFF;
	color: #000;
	font-size: 10px;
	margin-bottom: 2px;
}

#accordion2 div.toggler2 {
	display: block;
	margin: 2px 0px 0px 0px;
	padding: 2px;
	border: 1px solid #CCC;
	background: #EEE;
	color: #000;
	font-size: 12px;
	cursor: pointer;
}

#accordion2 div.element2 div {
	padding: 5px;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	background: #FFF;
	color: #000;
	font-size: 10px;
	margin-bottom: 2px;
}
.grid { background : #FFF; }
.grid:hover { background: #DDD; }
.grid2 { background: #EEE; }
.grid2:hover { background: #DDD; }
.grid3 { background : #FFBABA; }
.grid3:hover { background: #FFBDBD; }
.grid4 { background: #FFD8D8; }
.grid4:hover { background: #FFBDBD; }

#cwarn {
	display: block;
	float: right;
	border: 1px solid #F00;
	padding: 2px;
	background: #FFD8D8;
}

.contract0 {
	border: 2px solid #F00;
	padding: 4px;
	background: #FFD8D8;
}
.contract0 h1 { padding: 0px; margin: 0px; color: #F00; font-size: 14px; }

.contract1 {
	border: 2px solid #4a9ee8;
	padding: 4px;
	background: #FFD8D8;
}
.contract1 h1 { padding: 0px; margin: 0px; color: #F00; font-size: 14px; }

.contract2 {
	padding: 4px;
	background: #b9deff; 
	border: 2px solid #4a9ee8;
}
.contract2 h1 { padding: 0px; margin: 0px; color: #4a9ee8; font-size: 14px; }

.cmsg {
	color: #000; 
	font-size: 12px;
}