body {font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: .8em;
color: #636363; 
text-align: center;
margin-top: 1px;} 

body.general, body.gallery, body.searchmap {background-color: #663366; /*#66567b;*/ }
body.general #gnav h2 {color: #663366;/*#66567b;*/ }
body.general #banner, body.searchmap #banner {background: url("images/facewall_lips_banner.jpg") no-repeat #666;}
  
body.craft {background-color: #383F79; }
body.craft #gnav h2 {color: #383F79; }
body.craft #banner {background: url("images/rosemary_banner.jpg") no-repeat #666;} 
/* 383F79
2C2F51
393C6D
5F6694 */
  
body.web110 {background-color: #541E32; }
body.web110 #gnav h2 {color: #541E32; }
body.web110 #banner {background: url("images/absolut_banner.jpg") no-repeat #666;}

body.web120 {background-color: #882c2d; }
body.web120 #gnav h2 {color: #882c2d; }
body.web120 #banner {background: url("images/threes_heads_banner.jpg") no-repeat #666;}

body.web200 {background-color: #cc6622; }
body.web200 #gnav h2 {color: #cc6622; }
body.web200 #banner {background: url("images/yellowsprings_banner.jpg") no-repeat #666;}

body.web205 {background-color: #996600; }
body.web205 #gnav h2 {color: #996600; }
body.web205 #banner {background: url("images/flowerwindow_banner.jpg") no-repeat #666;}

body.web210 {background-color: #6C691C; }
body.web210 #gnav h2 {color: #6C691C; }
body.web210 #banner {background: url("images/montst_gens_banner.jpg") no-repeat #666;}

body.mic102 {background-color: #2A525C; }
body.mic102 #gnav h2 {color: #2A525C; }
body.mic102 #banner {background: url("images/magusivywall_banner.jpg") no-repeat #666;}

body.mic298 {background-color: #5e4171; }
body.mic298 #gnav h2 {color: #5e4171; }
body.mic298 #banner {background: url("images/rachelfountain_banner.jpg") no-repeat #666;}

body.itc161 {background-color: #7D7077;}
body.itc161 #gnav h2 {color: #7D7077; }
body.itc161 #banner {background: url("images/treetower_banner.jpg") no-repeat #666;}
  
h1 {font-size: 2em;}  
h2 {font-size: 1.5em;}
h3 {font-size: 1.4em;}
h4 {font-size: 1.1em;}

   #wrapall {background-color: #fff; 
   width: 725px;
   text-align: left;
   border: 1px solid #333;
   padding: 0;
   margin-left: auto;
   margin-right: auto;}
   
   #header {padding-left: 8px;}
 
   /* header styles */
   #header h1, #header h2 {line-height: .3em;}
   #header h1 {font-size: 1.8em; padding-top:     .8em;}
   #header h2 {font-size: 1.2em;}		 
   #header a, #unav a {text-decoration: none;}
   #header a:link {color: #333;}
   #header a:visited {color: #333;}
   #header a:hover {color: #333;}
   #header a:active {color: #333;}

   #banner {height: 150px;
   border-top: 1px solid #333;}
   
   #unav {background-color: #ddd;
   border-top: 1px solid #333;
   border-bottom: 1px solid #333;
   border-left: 0;	 		  
   border-right: 0;	   
   text-align: right;
   padding: 0;
   font-weight: bold;}
   
   /* universal navigation styles */
   #unav ul {display: inline;
   width: 725px;}
   
   #unav ul li {list-style-type: none;
   display: inline;} 
				
	#unav ul li a 
	{border-top: 1px solid #333;
   	border-bottom: 1px solid #333;
	border-left: 1px solid #333;
	margin: 0;
	padding: 0 10px 0 10px;}
	
	#unav ul li.first a 
	{border-left: none;}
		
	#unav ul li#web110 a:hover
	{background-color: #541E32;
	color: #fff;}
	
	#unav ul li#web120 a:hover
	{background-color: #882c2d;
	color: #fff;}
	
	#unav ul li#web200 a:hover
	{background-color: #cc6622;
	color: #fff;}	
	
	#unav ul li#web205 a:hover
	{background-color: #996600;
	color: #fff;}
	
	#unav ul li#web210 a:hover
	{background-color: #6C691C;
	color: #fff;}
	
	#unav ul li#mic102 a:hover
	{background-color: #2A525C;
	color: #fff;}	
	
	#unav ul li#mic298 a:hover
	{background-color: #5e4171;
	color: #fff;}	  

	#unav ul li#itc161w a:hover
	{background-color: #7D7077;
	color: #fff;}	  
	  
   #wrapcontent {background-color: #fff; }
   
   #gnav {
   border-right: 1px solid #333;
   float: left;
   width: 140px;
   margin: 3px 5px 5px 0;
   padding: 5px;}
   
   #gnav ul {margin-left: 1em;
   list-style-type: square;
   padding-left: 0;}
		
   #gnav li {margin: .7em;}

   #gnav ul li.admin {list-style-type: none;
   color:#fff;}

   #gnav ul li.admin a:link {color:#fff;}
   #gnav ul li.admin a:visited {color:#fff;}
   #gnav ul li.admin a:hover {color:#fff;}
   #gnav ul li.admin a:active {color:#fff;}
   
   
   #gallery {clear: both;
   border-top: 1px solid #636363; 
   margin-bottom: 2px;
   text-align: center;
   padding-top: 10px;
   padding-bottom: 5px; }

   #gallery a, #gthumbnails a {text-decoration: none;
   font-size: .85em;}

   #gallery img {border: solid 1px #333;
   text-align:center;}
   
   #gallery h6 {line-height: .9em;}
 
   #xtralinks, #handouts
   {border-top: 1px solid #636363}
   
   #content {background-color: #fff;
   border: 0;
   float: left;
   width: 545px;
   margin: 5px 0 0 0;
   padding: 8px;}
   
   #content h1 {color: #333;}
   
   #content img {float: right;
   border: 1px solid #333;
   margin-left: 15px;}

   #breadcrumbs { border: 1px dotted red;
   font-size: .85em;
   width: 99%;}

   p.back {font-size: .8em;
   text-align: right;}  

   p.back a:link, p.back a:visited, p.back a:hover, p.back a:active  {text-decoration: none;} 

   #footer {clear: both;
   border-left: 0;
   border-right: 0;
   border-top: 1px solid #333;
   border-bottom: 0;
   padding: 0 8px;
   text-align: left;
   font-size: .8em;
   margin: 0;}

   #search {clear: both;
   border-left: 0;
   border-right: 0;text-align: center;
   border-top: 1px solid #333;
   font-size: .9em;
   color: #333;}

   #search input.searchbox {height: .9em;}
   #search input.button {height: 1.7em;
   font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
   font-size: 1em;}
   
   /* image gallery pages styles */  

body.gallery #content {float: none;
width: 660px;
margin-left: auto;
margin-right: auto;
border-bottom: 1px solid #999;
}

#gallerycontainer {width: 660px;
margin-left: auto;
margin-right: auto;
padding: 10px;
text-align: center;}

#gthumbnails {width: 150px;
border: 0;
float: left;
margin: 10px;
text-align: center;}

#gpicture {width: 460px;
border: 0;
float: left;
text-align: left;
margin: 10px;
padding-top: 2px;}

#gthumbnails ul {list-style-type: none;
margin: 0;
padding: 0;}

#gthumbnails img {text-align: center;
border: 1px solid #666;
margin: 2px 0;}

body.gallery #gpicture h2 {font-size: .9em;
text-align: left;
line-height: .6em;}

body.gallery #gpicture img.lg {border: solid 1px #666;} 

body.searchmap #content {float: none;
width: 700px;
margin-left: auto;
margin-right: auto;
}

body.searchmap #content a {text-decoration: none;}

hr.goback	{text-align: center;
		width: 75%;}

p.assignback	{text-align: right;}

/*portfolio page styles*/
#portfoliocontain	
{border: 0;
width: 98%;
padding: 5px;}

div.portfitem	
{margin: 20px 5px;
height: 235px;}

div.portfitem h2
{font-size: 1.2em;}

div.portfitem h2 a:link, div.portfitem h2 a:visited
{color: #636363;
text-decoration: none;}

div.portfitem h2 a:hover
{text-decoration: underline;}

#content img.sitescreen	
{margin-right: 10px;
margin-bottom: 10px;
float: right;
border: 0;}

div.clearer	
{clear: left;
line-height: 0;
height: 0;}