/*  CSS Madness */

*	{
	margin: 0;
	padding: 0;
}

/**  Main Body and any unannotated text  **/
body {
	margin: 0;
	padding: 0; 
	font: normal 12px Arial, Georgia, Tahoma, Verdana, sans-serif;
	background:  #c1c1c1 url("images/dcop_main_bg_sm.gif") left top repeat-x fixed;
}

h3 {
	font: bold 12px Arial, Georgia, Tahoma, Verdana, sans-serif;
}

#Wrapper {
	width: 776px;
	position: relative;
	background: #000;
	/*background: transparent url(bg_container.gif) left top repeat-y;*/
	z-index: 1;
	margin:  auto;
	text-align: left;
}

/**  Main Content, not including links  **/
/**  Padding:  TOP RIGHT BOTTOM LEFT  **/
#mainContent {
    background: transparent;
	position: absolute;
	padding-bottom: 60px;
}

#mainTitle {
	
	/** Logo and title graphics go here **/
	
	background: transparent url("images/dcop_www_logo.gif") left center no-repeat;
	color: #000;
	font: normal 12px Arial, Georgia, Tahoma, Verdana, sans-serif;
	left: 80px;	
	position: absolute;
	top: 5px;
	height: 100px;
	width: 100%;
	border: #000 1px;
}

		#mainTitle p {
			font: bold 16px Arial, Georgia, Tahoma, Verdana, sans-serif;
			color: #000;
			margin-top: 40px;
			margin-left: 190px;
		}

		#mainTitle a, #mainTitle a:link, #mainTitle a:visited, #mainTitle a:active, #mainTitle a:hover {
			text-decoration: none;
		}		

		.headerpic {
			position: absolute;
			top: 30px;
			right: 130px;
			border: none;	
		}


#intro {
	background: #cccc99;
	color: #333333;
	font: normal 12px Arial, Georgia, Tahoma, Verdana, sans-serif;
	padding: 30px 30px 15px 60px;
	margin-left: 120px;
	margin-top: 142px;
	height: 90%;
	width: 555px;
}


		#quickTitle {
			color: #333333;
			font: italic 14px Arial, Georgia, Tahoma, Verdana, sans-serif;
		}
		
		#intro h3 {
			color: #fff;
			background: #3f3f3f left center no-repeat;
			height: 20px;
			margin: 0 0 10px 1px;
			padding: 2px 0 0 25px;
			width: 65%;
		}
		
		#intro p {
			width: 85%;
			padding-left: 30px;
		}
		
		#intro a, #intro a:visited, #intro a:active {
			color: #000; 
			font-weight: bold;
			text-decoration: underline;
		}

		#intro a:hover, #intro a:focus {
			color: #000; 
			text-decoration: none;
		}

#supportingText {
	background-color: #cccc99;
	color: #333333;
	margin-left: 120px;
	font: normal 12px Arial, Helvetica, sans-serif;
	padding: 15px 35px 65px 60px;
	position: relative;
	height: 100%;
	width: 550px;
	z-index: 2;
}

		#supportingText acronym {
			border-bottom:1px dotted #F29E00;
			color: #F29E00; 
			font-size: 85%;
			font-weight: normal;
		}

		#supportingText a, #supportingText a:link, #supportingText a:visited {
			color: #F29E00; 
			font-weight: bold;
			text-decoration: underline;
		}
		
		#supportingText a:hover, #supportingText a:active, #supportingText a:focus {
			text-decoration: none
		}
		
		#supportingText p {
			padding-left: 30px;
		
		}


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

		#columnLeft h3 {
			background: #3f3f3f left top no-repeat;
			color: #fff;
			height: 20px;
			margin: 0 0 10px 1px;
			padding: 2px 0 0 25px;
			width: 85%;
		}
		
		#columnLeft li {
			margin-left: 20px;
		}
		
#columnRight {
	margin-left: 265px;
	/*margin-top: -23px;*/
	width: 230px;
}
		
		#columnRight h3 {
			background: #3f3f3f left top no-repeat;
			color: #fff;
			height: 20px;
			margin: 0px 0 10px 1px;
			padding: 2px 0 0 25px;
			width: 85%;
		}
		
		#columnRight li {
			margin-left: 20px;
		}

		
#optimization {
	width: 500px;
	/*float: left;*/
}
		#optimization h3 {
			background: #3f3f3f left top no-repeat;
			color: #fff;
			height: 20px;
			margin: 0 0 10px 1px;
			padding: 2px 0 0 25px;
			width: 85%;
		}
		
		#optimization .p1 {
			padding-bottom: 30px;
		}
		
		
#footer {
	z-index: 3;
	position: absolute;
	margin-left: 42%;
	bottom: 30px;
	padding-left: 120px;
	height: 64px;
	width: 120px;
	background: #669966;
}	

		#footer a:link, a:hover, a:visited, a:active {
			border: none;
			text-decoration: none;
		}
		.footerpic {
			position: absolute;
			top: 5px;
			right: 135px;
			border: none;	
		}
		
		.footerpic2 {
			position: absolute;
			top: 5px;
			right: 45px;
			border: none;	
		}
		
		
#navbar {
	/*background: transparent url("images/dcop_menu_bg.gif") 0px 2px repeat-y;*/
	background: #669966;
	margin: 0 0px 0 0px;
	color: #fff;
	font-weight: normal;
	padding: 5px 10px 0px 15px;
	position: absolute;
	top: 193px;
	width: 18%;
}
		
		#navbar h3 {
			background: #3f3f3f left top no-repeat;
			margin: 10px 0 0 0px;
			padding-top: 2px;
			padding-left: 30px;
			width: 75%;
		}
		

#linkys {
	/*background: orange url("images/dcop_menu_bg_bot.gif") left bottom no-repeat;*/
	margin-left: 15px;
	padding-bottom: 25px;
}
		
		.linkys {
			/*background: transparent url("images/dcop_menu_bg.gif") left top no-repeat;*/
			background-color: #cccc99;
			display: block;
			margin: 0 auto;
			width: 100%;
		}

		#linkys li a:link, #linkys a:visited, #linkys a:active {
			margin: 0 0 0 0px;
			display: block;
			list-style-type: square;
			color: #000;
			line-height: 14px;
			text-align: left;
			text-decoration: underline;
		}
	
		#linkys li a:hover {
			text-decoration: none;
		}