/* CSS Document */

body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#664D46;
	text-align:center;
	}
	
#header {
	width:751px;
	height:200px;
	border-left:solid 2px #DFCDB0;
	border-right:solid 2px #DFCDB0;
	margin:0 auto;
	padding:0;
	text-align:left;
	background-image:url(http://www.sdcos.org/images/InsideHeader.jpg);
	}

#topnav {
	width:751px;
	margin:0 auto;
	height:27px;
	font-size:12px;
	font-weight:bold;
	background-color:#465067;
	list-style:none;
	border-left:solid 2px #DFCDB0;
	border-right:solid 2px #DFCDB0;
	} 

#topnav ul { 
	padding: 0; 
	margin: 0; 
	list-style: none; 
	text-align:left;
	}
	 
#topnav a { 
	display: block;
	text-align:center; 
	padding-top:6px;
	height:21px;
	text-decoration:none;
	color:#EEFFFF;
	display:block;
	padding-left:6px;
	padding-right:6px;

	}
	
#topnav .contact a {
	background-image:url(images/redbar_back.jpg);
	border-right:solid 1px #FFFFFF;
	}		

#topnav a:hover {
	color:#333333;
	background-color:#BADEFF;
	}
	
#topnav .contact a:hover {
	background-color:#BADEFF;
	background-image:none;
	}	
	 
#topnav li { 
	float: left;
	border-right:groove 2px #B5B5B5;
	}
	
#topnav li ul { 
	position: absolute; 
	width: 200px; 
	left: -999em; 
	opacity:.97;
	filter:alpha(opacity=97);
	
	} 
	
#topnav li ul li {
	border:0;
	clear:both;
	}
	
#topnav li ul li a {
	color:#FFFFFF;
	width:195px;
	border:solid 1px #999999;
	background-color:#465067;
	border-bottom:0;
	font-weight:normal;
	font-size:12px;
	text-align:left;
	padding-left:5px;
	padding-top:2px;
	clear:both;

	}
	
#topnav li ul li a:hover {
	background-color:#BADEFF;
	color:#000066;
	}
	
#topnav li:hover ul, #topnav li.over ul  { 
	left: auto; 
	}





#page {
	width:751px;
	border-left:solid 2px #DFCDB0;
	border-right:solid 2px #DFCDB0;
	background-color:#FFFFFF;
	margin:0 auto;
	padding:0;
	text-align:left;
	overflow:hidden;
	}
	
#side_nav {
	width:170px;
	margin:0;
	padding:0;
	float:left;
	}
	
#side_nav h3 {
	font-size:12px;
	font-weight:bold;
	margin:0;
	padding:0;
	width:146px;
	margin-top:20px;
	padding-left:5px;
	background-color:#DFCDB0;
	padding-top:10px;
	color:#664D46;
	}
	
#side_nav ul {
	list-style:none;
	margin:0;
	padding:0;
	background-color:#DFCDB0;
	padding-bottom:10px;
	width:151px;
	}
	
#side_nav li {
	list-style:none;
	margin:0;
	padding:0;
	width:151px;
	background-color:#DFCDB0;
	}
	
#side_nav a {
	color:white;
	font-weight:bold;
	font-size:11px;
	padding:5px;
	padding-left:10px;
	width:131px;
	text-decoration:none;
	background-color:#DFCDB0;
	}
	
#side_nav a:hover {
	color:#CC0033;
	}
	
#content {
	width:560px;
	padding-right:10px;
	padding-top:20px;
	float:right;
	padding-bottom: 20010px;  
  	margin-bottom: -20000px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;

	}
	
#content h1 {
	font-family:"trebuchet MS",Arial,Helevetica;
	font-size:16px;
	margin:0;
	padding:0;
	padding-bottom:10px;
	}

#content h2 {
	font-family:"trebuchet MS",Arial,Helevetica;
	font-size:14px;
	margin:0;
	padding:0;
	padding-bottom:10px;
	padding-top:5px;
	}
	
#content h3 {
	font-family:"trebuchet MS",Arial,Helevetica;
	font-size:12px;
	margin:0;
	padding:0;
	padding-bottom:10px;
	}	
	
#content li {
	font-size:12px;
	line-height:1.3em;
	}
	
#content ul, #content ol {
	margin-top:0;
	margin-bottom:0;
	padding-bottom:10px;
	}	
	

#content p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.5em;
	margin:0;
	padding:0;
	padding-bottom:10px;
	}
	
#content img {
	margin:0;
	padding:0;
	border:0;
	padding:5px;
	}	
	
#content a {
	color:#0099FF;
	text-decoration:none;
	}
	
#content a:hover {
	color:#FF0000;
	text-decoration:underline;
	}
	
#footer {
	width:751px;
	height:50px;
	background-color:#FFFFFF;
	margin:0 auto;
	padding:0;
	border:solid 2px #DFCDB0;
	border-top:none;
	}
	
#footer h4 {
	text-align:center;
	margin:0;
	padding:0;
	background-color:#465067;
	color:#FFFFFF;
	font-wieght:bold;
	font-size:12px;
	padding-top:5px;
	padding-bottom:5px;
	}
	
#footer p {
	margin:0;
	padding:0;
	text-align:center;
	color:#465067;
	}
	
#footer a {
	text-decoration:none;
	font-size:10px;
	color:#465067;
	}
	
#footer a:hover {
	color:#CC0000;
	}
	
	
	

