/*** Let's Set Everything to Zero ***/
 html,body,p,div,img,li,ul,dl,dd,dt,form,form{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin:0;
  padding:0;
  border:0;
  border-spacing:0;
}
input,select{
  margin:0;
  padding:0;}
  
/* Main DIV Layouts --------------------------------------------------*/

body {margin: 0px 0px 0px 0px; 
      background: #FFFFFF;
	  padding:0;
      color: #333333;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 120%; }


#container {margin-right:auto; 
            margin-left:auto;
			background-color: #FFFFFF; 
			padding: 0; 
			border:solid #FFFFFF;
            border-width:0px 1px 0px 1px; 
			background-color: #FFFFFF;
			max-width: 924px}

* html div#container {width: 760px /* fallback value */;
width:expression(((document.compatMode && 
document.compatMode=='CSS1Compat') ? 
document.documentElement.clientWidth : 
document.body.clientWidth) 
> 930 ? "924px" : (((document.compatMode && 
document.compatMode=='CSS1Compat') ? 
document.documentElement.clientWidth : 
document.body.clientWidth) < 570 ? "552px" : "99.7%")); }



			
#banner {margin: 0px;
		 padding: 0px;}
		
#content {padding: 0px 10px 10px 15px;
		  margin-left: 210px;
		  margin-right: 185px;
		  background-color: #FFFFFF;}
		  
#content2 {padding: 0px 15px 10px 15px;
		  margin-left: 210px;
		  margin-right: 0px;
		  background-color: #FFFFFF;}
		  
#sidebar-a {float: left;
			width: 200px;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			background-color: #FFFFFF;}

#sidebar-b {float: right;
			width: 180px;
			margin: 0px;
			background-color: #FFFFFF;}

#footer {clear: both;
         color:#666666;
		padding: 5px 0px 5px 5px;
		margin: 5px 0px 0px 0px;
		background-color: #f5f8f2;
		 border:solid #EAEAEA;
         border-width:1px 1px 0px 1px;
		 font-size:0.9em;
		 line-height:1.3em}
		 
		 
		 
#footertext {padding: 0px 5px 10px 5px;
		  margin-left: 200px;
		  margin-right: 200px;
		  text-align:center;}
		  
		  
#logoleft {float: left;
			width: 200px;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;}

#logoright{float: right;
			width: 200px;
			margin: 0px;
		text-align:right
}
		 
		
	


		
/* gradient  Bar --------------------------------------------------*/		

#header {height:163px; 
         background-image:  url(../images/header.png);
		 background-repeat: no-repeat;  
		 background-position: top left; }


			 

.hidden {position: absolute; left: -9000px}




#topnav {padding: 135px 0px 0px 15px; color: #FFFFFF; font-size:1.2em}
	

#topnav a {color:#FFFFFF; text-decoration:none; font-weight:bold; }
#topnav a:visited {text-decoration: none; color:#FFFFFF; background:none}
#topnav a:hover   {color: #FFFFFF; text-decoration: underline; background-color: #1b4d47 }
#topnav a:focus {color: #1b4d47; text-decoration: none; background-color: #FFFFCC}
#topnav a:active {color: #1b4d47; text-decoration: none; background-color: #FFFFCC} 
		   		   
		   
#history {padding: 0px 0px 0px 10px;
           margin: 10px 0px 15px 0px; }		   
		   
		   
/* Left Navigation --------------------------------------------------*/

#subnavcontainer { margin:0px;  background-color:#ffffff; border:solid #94aa74;
         border-width:1px 1px 1px 1px;    }
		
#subnavcontainer ul{
			margin: 0;
			padding: 0;
			list-style-type: none;
			font-family: arial, Helvetica, sans-serif;
			font-size: 1em;
			}
		
#subnavcontainer li {margin:0px;  padding:0px ;}

		
#subnavcontainer a
		    {display: block;
			 padding: 8px 0px 8px 10px;
			 width: 188px;
			 color: #1f554e;
			 background-color: #FFFFFF;
			 background-image:  url(../images/navbg_bg_lrg.gif);
             background-repeat: no-repeat;  
			 background-position: left top;
			 text-decoration: none;
			 font-weight:bold;
			}
			
* html #subnavcontainer a
		    {display: block;
			 padding: 8px 0px 8px 10px;
			 width: 190px;
			 color: #1f554e;
			 background-color: #FFFFFF;
			 background-image:  url(../images/navbg_bg_lrg.gif);
             background-repeat: no-repeat;  
			 background-position: left top;
			 text-decoration: none;
			 font-weight:bold;
			}			
			
#subnavcontainer a:visited{
			color: #1f554e;
			background-color: #FFFFFF;
			background-image:  url(../images/navbg_bg_lrg.gif);
            background-repeat: no-repeat;  
			background-position: left top;
			text-decoration: none;
			font-weight:bold}			
		
#subnavcontainer a:hover
		    {color: #1f554e;
			text-decoration: none;
			background-image: url(../images/navbg_over_bg_lrg.gif);
            background-repeat: no-repeat;  
			background-position: left top;
			font-weight:bold }
			
a:link#currentnav, a:visited#currentnav
		    {color: #1f554e;
			text-decoration: none;
			background-image: url(../images/navbg_over_bg_lrg.gif);
            background-repeat: no-repeat;  
			background-position: left top;
			font-weight:bold }	
			

			
			
			
/* Placeholders --------------------------------------------------*/

.place{border: 1px solid #cccccc; background-color: #f5f8f2}
.placesub{border: 1px solid #cccccc; background-color: #f5f8f2; padding: 7px 7px 0px 7px; margin: 0px 0px 15px 0px}
.placecontent {padding: 7px 7px 7px 7px;}

#pushdown {margin: 20px 0px 0px 0px}

#covertext {padding: 0px 0px 0px 0px;
		  margin-left: 140px;}

		  
#cover {float: left;
	    width: 130px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;}
		

.photo {padding: 0px 0px 15px 5px}


		  
/* Buttons ----------------------------*/

#bluebtn { width: 170px; border: 1px solid #cccccc; margin-bottom: 15px; }
#bluebtn p {border: 1px solid #FFFFFF;  color: #FFFFFF; margin: 0px 0px 0px 0px; padding: 1px 3px 3px 7px; background-color: #00a3dd; }

#bluebtn a {color:#FFFFFF; text-decoration:none;  }
#bluebtn a:visited {text-decoration: none; color:#FFFFFF; background:none}
#bluebtn a:hover   {color: #FFFFFF; text-decoration: underline; background-color: #00a3dd}
#bluebtn a:focus {color: #FFFFFF; text-decoration: none; background-color: #00a3dd}
#bluebtn a:active {color: #FFFFFF; text-decoration: none; background-color: #00a3dd} 

#grnbtn { width: 170px; border: 1px solid #cccccc; margin-bottom: 15px; }
#grnbtn p {border: 1px solid #FFFFFF;  color: #FFFFFF; margin: 0px 0px 0px 0px; padding: 1px 3px 3px 7px; background-color: #5fb829; }

#grnbtn a {color:#FFFFFF; text-decoration:none;  }
#grnbtn a:visited {text-decoration: none; color:#FFFFFF; background:none}
#grnbtn a:hover   {color: #FFFFFF; text-decoration: underline; background-color: #5fb829 }
#grnbtn a:focus {color: #FFFFFF; text-decoration: none; background-color: #5fb829}
#grnbtn a:active {color: #FFFFFF; text-decoration: none; background-color: #5fb829} 


	   
   	 

		  		  		  					  			
.backtotop { background: url(../images/bullet_up.gif) 0px 5px no-repeat; padding: 0px 0px 0px 12px; margin-top: 20px}



/* Heading Text and Links --------------------------------------------------*/
#home h1 { font-size: 1.2em; color: #00a3dd; background-color: #FFFFFF; background-image:url(../images/h1_bullet.gif); background-position: 0.2em 0.5em; background-repeat:no-repeat;  margin: 0px 0px 0px 0px; padding: 5px 5px 5px 23px; border:solid #cccccc; border-width:0px 0px 1px 0px;}

#home h2 { font-size: 1.2em; color: #000000; background-color: #FFFFFF; background-image:url(../images/h2_bullet.gif); background-position: 0.2em 0.5em; background-repeat:no-repeat;  margin: 0px 0px 0px 0px; padding: 5px 5px 5px 23px; border:solid #cccccc; border-width:0px 0px 1px 0px; font-weight:bold; }

#sub h1 { font-size: 1.4em; color: #00a3dd; background-color: #FFFFFF; background-image:url(../images/h1_bullet.gif); background-position: 0.2em 0.5em; background-repeat:no-repeat;  margin: 0px 0px 10px 0px; padding: 5px 5px 5px 23px; border:solid #cccccc; border-width:0px 0px 1px 0px;}

#sub h2 { font-size: 1.2em; color: #006666; background-color: #FFFFFF; margin: 0px 0px 5px 0px; font-weight:bold; }
#sub h3 { font-size: 1.1em; color: #333333; background-color: #FFFFFF; margin: 0px 0px 5px 0px; font-weight:bold; }


p   {margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px;}

#content h2 {color: #FFFFFF; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size:1.2em; font-weight:normal; font-size: 1.3em; }
#content h3 {margin: 15px 0px 0px 0px; padding: 0px 0px 3px 0px; font-size:1.2em; color: #608C06;}


#content ul {list-style: none; margin: 0px 5px 0px 5px; padding: 0 0 0.6em 0;}
#content ul li {background:  url(../images/bullet.gif) no-repeat 0em 0.6em; display: block; padding: 0.2em 0 0.1em 10px;}

#content2 ul {list-style: none; margin: 0px 5px 0px 5px; padding: 0 0 0.6em 0;}
#content2 ul li {background:  url(../images/bullet.gif) no-repeat 0em 0.6em; display: block; padding: 0.2em 0 0.5em 10px;}


#content ol { list-style:decimal; margin: 0px 5px 0px 27px; padding: 0 0 0.6em 0; }
#content ol li { padding: 0.2em 0 0.1em 0px;}

#content ol ol{list-style: lower-alpha; margin: 0px 5px 0px 15px; padding: 0 0 0.6em 0;}
#content ol ol li {  padding: 0.2em 0 0.1em 0px;}

#content2 ol { list-style:decimal; margin: 0px 5px 0px 27px; padding: 0 0 0.6em 0; }
#content2 ol li { padding: 0.2em 0 0.1em 0px;}

#content2 ol ol{list-style: lower-alpha; margin: 0px 5px 0px 15px; padding: 0 0 0.6em 0;}
#content2 ol ol li {  padding: 0.2em 0 0.1em 0px;}



hr {width:99%; height:1px; color:#cccccc; border:0; margin: 15px 0px 15px 0px; }


/* Links --------------------------------------------------*/
a:link { color: #00a3dd; text-decoration: underline; }
a:visited { color: #663399; text-decoration: underline; }
a:hover {color: #0000CC; text-decoration: underline; background-color: #FFFFCC}
a:focus {color: #00a3dd; text-decoration: underline; background-color: #FFFFCC}
a:active {color: #00a3dd; text-decoration: underline; background-color: #FFFFCC}







/* Fix 3px Bug --------------------------------------------------*/ 
 
/* Hide from IE5-mac. Only IE-win sees this. \*/

 
* html #content {
  height: 1%;
  margin-left: 0;}
* html #footer {
  height: 1%;
  margin-left: 0;}		
   
* html #content2 {
  height: 1%;
  margin-left: 0;}
   
* html .place {
  height: 1%;
  margin-left: 0;}
  
* html .placecontent {
  height: 1%;
  margin-left: 0;}
  
 * html .pushdown {
  height: 1%;
  margin-left: 0;} 

* html .cover{
  height: 1%;
  margin-left: 0;}
  
* html .covertext{
  height: 1%;
  margin-left: 0;}   
		  
		  
/* Tables --------------------------------------------------*/

table { background-color:#cccccc; margin: 10px 0px 0px 0px;}
th {background-color:#D8F1FC; text-align:left; padding: 5px;}
td,tr  {background-color:#ffffff; text-align:left; padding: 5px;}

/* Middle Position --------------------------------------------------*/
.middle    {vertical-align: middle;}
.deptlogo {margin-top: 10px}




/* Highlight Navigation Items --------------------------------------------------*/
body#serac li#acc a {background-image: url(../images/navbg_over.gif); background-repeat: no-repeat;  background-position: left top; color:#ffffff}




/*General styles not really related to the forms*/


/*Forms defaults*/

form{margin: 10px 0px 0px 0px}

.red {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:red;
}

input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#404040;
}
label {
	color:#666666;
	padding-left:2px;
	line-height:15px;
	vertical-align:top;
}




/*Text inputs*/
.textinput, .textinputHovered {
	width:236px;
	height:15px;
	background:url(../images/input.gif) no-repeat left top;
	border:none;
	padding:4px 8px;
}
.textinputHovered {
	background-position:left bottom;
}

/*Text areas*/
.textarea {
	width:336px;
	height:125px;
	background:url(../images/textarea.gif) no-repeat left top;
	border:none;
	padding:4px 8px;
}

/*Selects*/


.selectArea {
	width:252px;

background-color:#EBF4F7;
border-width:1px;
border-color:#CFD0D6;}



/*Button*/
.buttonSubmit, .buttonSubmitHovered {
	width:69px;
	height:26px;
	color:#FFF;
	font-weight:bold;
	padding:2px 5px;
	background:url(../images/button.gif) no-repeat left top;
	cursor:pointer;
	border:none;
}
.buttonSubmitHovered {
	background-position:left bottom;
}