/*CSS for CCCSMHS by SRJC CS50.31 Web Content Development Team Fall 2012*/

body 
	{ 
		font-family: trebuchet ms, verdana, sans-serif;
		font-size: .75em;
		line-height: 1.5em; 
		color: #333; 
		background: #fff;
		margin: 0;
		padding: 0;
		text-align: center;
	

	}

p 
	{ 
		margin-top: 0px; 
	}
	
p span em
     { 
	  	color:#00C;
	 }
	
h1{ 
		font: bold 160% trebuchet ms;
		letter-spacing: -1px; 
		margin-bottom: 0; 
		margin-left:10px;
		color: #00f;
	}
	
h3 
	{ 
		font: bold 135% trebuchet ms;
		letter-spacing: -1px; 
		margin: 0;
		color: #556b2f;
	}
	
h3 span
 	{
		color:#C30;
	}
	
h4 
	{margin:0;
	padding:0;
	font: bold 115% "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#333;
	}

h5 
	{margin:0;
	padding:0;
	font: bold 110% "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#666
	}
	
a:link 
	{ 
		text-decoration: none;
		border-bottom: 1px dotted #385e0f; 
		color: #385E0F;
	}
	
a:visited 
	{ 
		text-decoration: none;
		border-bottom: 1px dotted #666; 
		color: #666;
	}
	
a:hover, a:active 
	{ 
		text-decoration: none;
		border-bottom: 1px solid #690; 
		color: #690;
	}
	
	
footer 
	{ 
		border:none;
		padding-top: 50px;
		position:absolute;
		top:500px;
		text-align: center;
	}
	
img
	{
		margin: 50px 15px 0px auto;
		float:right;
		position:relative;
		clear:left;
	}
	
cite
	{
		color:#666;
		font-size:11.5px;
		margin: 3px 3px 15px 25px;
		
		
	}


#pageheader h1
	{color:#385E0F;
	}

	
#search
	{margin:0 50px;
	}

#container 
	{
		position: relative;
		background: #fff;
		margin: 0 auto 10px auto;
		padding:10px;
		border-left: 1px solid #000;
		border-right: 1px solid #000;
		border-bottom: 1px solid #000;
		text-align: left;
 		width: 800px;
	}
	
#pageheader h2 
	{
	position: absolute;
	font-size: 1.2em;
	top: 67px;
	left: 31px;
	padding: 0;
	margin: 0;
	width: 528px;
	height: 74px;
	color: #6e8b3d;
	}
	
#searchbox
	{
		float:right;
	}

#searchbox p {
	margin-bottom:0px;
	padding-bottom:0px
}
	
#utilitynav
	{
		float:right;
		clear:both;
		width:235px;
		margin:10px 0px 0px 0px;
	}
	
#utilitynav ul 
	{
		margin: 0px;
		padding: 1px 1px 0px 4px;
		list-style:none;
	}
	
#utilitynav li
	{
		margin: 0px;
		background:url("navimages/norm_right.gif") no-repeat top right;
		padding: 0px;
		float:left;
	}
	
#utilitynav a
	{
		display:block;
		border-bottom:none;
		background:url("navimages/norm_left.gif") no-repeat top left;
		padding: 1.5px 5px .5px 5px;
	}
	
#utilitynav #current
	{
		background-image:url("navimages/norm_right_on.gif");
	}
	
#utilitynav #current a
	{
		background-image:url("navimages/norm_left_on.gif");
		padding-bottom: 1px;
	}


#main 
	{
	margin: 0px 340px 0px 20px;
	position: relative;
	left: -18px;
	top: 40px;
	width: 70%;
	height: 500px;
	padding-right: 4px;
    overflow: visible;
	
	}

h4 span em
    {
		color:#C00;
	}
	
		
		
#main a
	{text-decoration:none;

	}
	
#main ul li a	
{color:#363;
}
		
/* ---topic nav list----------------------------- */


#topics 
	{
	position: absolute;
	clear: left;
	top: 99px;
	right: 1px;
	left: auto;
	width: 240px;
	padding: 0;
	border-left: 1px solid #CDC4AC;
	border-bottom: 1px solid #CDC4AC;
	border-top: 4px solid #360;
	background: #eee9e9;
	z-index: 1;
	height: 535px;
	}
	

#topics h3
	{
		color: #635F57;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		font-size: 110%;
		margin: 3px 0px 5px 3px;
		padding: 1px;
	
	}	
	
#topics ul
	{
		margin: 0px;
		padding: 0px;
	}
#topics li
	{
		display: block;
		margin-bottom: 2px;
		padding-left: 14px;
		list-style-type: none;
	}
	
#topics li a:link
	{ 
		color: #385E0F;
		border-bottom: none;
	}
	
#topics li a:visited
	{
		color: #666;
		border-bottom: none;
	}
	
#topics li a:hover
	{
		color: #390;
	}
	


#bottomnav
    {
		border-top: 1px dotted #CDC4AC;
		padding-top: 6px;
		text-align: center;	
		}