@charset "utf-8";
/* CSS Document */

body  {
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	font: 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 20px;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}

.thrColAbsHdr {
	background:url(/images/page_bg2.jpg);
	background:url(/images/background.png);
	background:url(/images/parent_bkgnd.png) top repeat-x;
}

.thrColAbsHdr #container { 
	position: relative; /* adding position: relative allows you to position the two sidebars relative to this container */
	width: 949px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	height:800px;
} 


.thrColAbsHdr #header { 
	height: 110px;
	background:url(../images/cds_logo_web.gif) no-repeat;
	margin-left:10px;
	padding: 0 10px 0 20px;
} 
.thrColAbsHdr #header h1 {
	margin: 0;
	padding: 10px 0;
}
.thrColAbsHdr #header #time {
	padding: 10px;
	text-align:right;
	color:#999999;
}
.thrColAbsHdr #header #ups {
	background:#55DD55;
	color:#666666;
	height:20px;
	padding: 0px;
	padding-right:10px;
	padding-top:1px;
	float:right;
	text-align:right;
	font-style:italic;
	width:380px;	
}

.thrColAbsHdr #menu {
	background:#FFF;
    background:url(/images/topnav_bkgnd.png);
	font: 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	height: 29px;
	vertical-align:text-bottom;
} 

.thrColAbsHdr #links {
	position: absolute;
	top: 90px;
	left: 0;
	width: 150px;
	background: #EBEBEB;
	padding: 15px 10px 15px 20px;
}

.thrColAbsHdr #banner {
	background:url(../images/homeBanner2.jpg) center no-repeat;
	padding: 10px;
	margin-top:10px;
	height:162px;
}
	.thrColAbsHdr #banner #text{		
		padding-left: 70px;
	}
	.thrColAbsHdr #banner #text h2{		
		color:#666;
		font-size:36px;
		/* font-style:italic; */
	}
	.thrColAbsHdr #banner #text p{		
		color:#333;
		padding-left:20px;
		font-size:22px;
		font-style:italic;
	}

.thrColAbsHdr #mainContent { 
	margin: 10px;
	width: 929px;
	height:400px;
	text-align:justify;
	z-index:10;
}
	.thrColAbsHdr #mainContent #newsLeft {
	position:absolute;
	left:50px;
	width:420px;
	color:#CCCCCC;
	z-index:10;
	}
	.thrColAbsHdr #mainContent #newsRight {
		position:absolute;		
		left:480px;		
		width: 420px;
		color:#CCCCCC;
		z-index:10;
	}
	.thrColAbsHdr #mainContent #news {
		background: url(/images/panel_bkgnd.png) no-repeat;
		padding:10px;
		width:400px;
		color:#33333;
	}
		.thrColAbsHdr #mainContent #news #header-news {
			background: url(../images/icon_news.png) left no-repeat;
			color:#333;
			font-size:24px;
			height:40px;
			width:330px;
			padding-left:60px;			
		}
		.thrColAbsHdr #mainContent #news #header-downloads {
			background: url(../images/icon_downloads.png) bottom left no-repeat;
			color:#333;
			font-size:24px;
			height:40px;
			width:330px;
			padding-left:60px;
		}
		.thrColAbsHdr #mainContent #news #header-services {
			background: url(../images/icon_services.png) left no-repeat; */
			color:#333;
			font-size:24px;			
			height:40px;
			width:330px;
			padding-left:60px;
		}

	.thrColAbsHdr #mainContent h1 { 
		color:#55AA55;
	}
	.thrColAbsHdr #mainContent h2 { 
		color:#55AA55;
	}
	.thrColAbsHdr #mainContent p { 
		color:#000066;
	}

.thrColAbsHdr #downloads { 
	text-align:justify;
}
	.thrColAbsHdr #downloads th{
		font-size:12px;
		font-style:italic;
	}

	.thrColAbsHdr #downloads a{
		text-decoration:none;
	}
	.thrColAbsHdr #downloads a:hover{
		text-decoration:underline;
	}

.thrColAbsHdr #mainLogin { 
	margin: 10px 200px;
	padding: 0 150px;
	height: 330px;
	text-align:justify;
}
	.thrColAbsHdr #mainLogin div {
		text-align:center;
		width: 190px;
		background: #F6F6F6;
		background:url(../images/parent_bkgnd.png);
		color:#666666;
		padding: 0px 10px 10px 10px;
		z-index:50;
	}
	.thrColAbsHdr #mainLogin div h2{
		color:#333333;
	}
	.thrColAbsHdr #mainLogin div p{
		color:#FF0000;
	}
	.thrColAbsHdr #mainLogin form {
		text-align:left;
	}
	.thrColAbsHdr #mainLogin div div {
		background:none;
		text-align:right;
	}
	

.thrColAbsHdr #footer { 
    height:22px;
/*	background:#CCCCCC; */
} 
.thrColAbsHdr #footer p {
 	color:#666666;
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding-top:10px;
	text-align:center;
}
.thrColAbsHdr #footer a {
 	color:#666666;
	text-decoration:none;
}
.thrColAbsHdr #footer a:hover {
 	color:#FF9900;
	text-decoration:underline;
}


.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}