body {

   background-color: #fff; 
   
/*
   background-color: RGB(205, 194, 183); 
   background-color: RGB(236, 223, 210); 
   background-color: RGB(186, 176, 166);
*/   
   color: #000; 
   font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
   font-size: .9em;
   margin: 0;
   padding-top: 8px;
   }

#wrapper {
   width: 780px;
   margin: 0 auto 0 auto;
   background-color: #fff;
   background-image: url(../images/bkstripe.gif);  
   background-repeat: repeat-y;
   }

#wrapper2 {
   width: 780px;
   margin-left: auto;
   margin-right: auto;
   background-color: transparent;
   }
  
img {
   border: none;
   }

img.leftie {
   float: left;
   margin-right: 12px;
   margin-bottom: 12px;
   }

img.rightie {
   float: right;
   margin-left: 12px;
   margin-bottom: 12px;
   }

img.centered {
   display: block;
   float: none;
   margin-left: auto;
   margin-right: auto;
   }

img.w3badge{
   height: 31px; 
   width: 88px; 
   float: right; 
   margin-top: 75px;
   padding-bottom: 8px;
   }
   
h1, h2, h3, h4 {
   font-weight: normal;
   }
  
h1 {
   font-size: 145%;
   text-align: right;
   font-weight: 600;
   }
      
h2 {
   font-size: 118%;
   }

h2.page_head {
   font-size: 125%;
   font-weight: bold;
   }
    
h3 {
   font-size: 110%;
   }

p {
   margin-left: 12px;
   } 

a:link {
   color: #369;
   } 

a:visited {
   color: #936;
   } 

a:hover {
   color: #09c;
   } 

blockquote {
   margin-left: 2.5em;
   margin-right: 2.5em;
   margin-top: 0;
   font-style: italic;
   color:#777;
   }

div.news_bit {
   margin: 12px;
   }

div.news_bit h3 {
   font-size: 1em;
   display: inline;
   }

 
div.author {
   text-align: right; 
   margin-right: 15px;
   }
   
/* A handy hack */   

.breaker {
   width: 100%; 
   clear: both; 
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   height: 0px;
   line-height: 0px;
   font-size: 0px;
   }
 
 /* Department banner & search */   
 
  
#dept_name  h1 {
   margin: 0 12px 0 0; 
   text-align: right; 
   padding-top: 1.5em;
   color: #036; 
   }

#searchbox {   
   float: right;  
   padding-right: 1em; 
   padding-top: .25em;
   padding-bottom: 0;
   margin-bottom: 0;
   }

#dept_name {
   background: #fff;
   border-bottom: ridge 3px #69c;
   margin-bottom: 0;
   }

.subheading {
   padding-right: 15px; 
   margin-top: 0;
   margin-bottom: 0;
   padding-top: 0;
   color: #036; 
   }  

/* --- Navigation Menubar */

#bar  {
  display: block;
  padding: 0;
  margin: 0;
  background: #036;  
  border-bottom:  6px double #fff;
  }

 #bar  ol {
   width: 100%;
   padding: 0;
   margin: 0;
   list-style-type: none;
   }

 #bar  li {
   padding: 1px 0;
   width: 14.1%;
   display: block;
   float: left; 
   text-align: center;    
   border-left: 1px solid #fff; 

  }

 #bar ol li a {
   padding: 0;
   margin: 2px 0 2px 0;
   color: #fff;;
   text-decoration: none;
   font-weight: bold;
   font-size:    1em;
   display:block;
   }

#bar ol li:first-child {
   border-left: 1px #036; 
   }
   
#homepage #bar_first {
   color:#6cf;
   }

#news #bar_second {
   color:#6cf;
   }

#courses #bar_third {
   color:#6cf;
   }

#programs #bar_fourth {
   color:#6cf;
   }

#faculty #bar_fifth {
   color:#6cf;
   }

#students #bar_sixth {
   color:#6cf;
   }

#resources #bar_seventh {
   color:#6cf;
   }

 #bar ol li a:hover {
   background: #39c;
   color: #036;
   }

/* All the main content boxes belong to the central class. */
div.central_column {
	margin: 0 5px 20px 155px;
	padding:0 10px 10px 10px;

	}
	
div.secondary_central_column	{
	margin: 0 12px 20px 155px;
	padding:10px;
	}

div.central_column h3 {
   background: transparent;
   }

div.central_column a {
   text-decoration: underline;
   }


#nav_column {
   font-family: Arial, Helvetica, sans-serif; 
  	float: left;
   width: 170px;
   padding: 0 10px 1em 10px;
/* Tantek Celik's Box Model Hack for old IEs */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 150px;
	}
/* For Opera */
body>#nav_column {width: 150px;}
   
#nav_column h2, h3 {
   display: block;
   margin: 0;
   font-size: 0.9em;
   font-weight: 500;
   margin-top: 20px; 
   text-align: left;
   }

#nav_column dt {
   margin-left: 5px;
   font-size: .95em;
   }  
#nav_column dd {
   margin-left: 10px;
   margin-bottom: 6px;
   font-size: 0.8em;
   }
   
#nav_column ol {
   list-style-type: none;
   margin-left: 0;
   margin-top: 0;
   padding-left: 0;
   font-size: .85em;
   }

#nav_column li {
   margin-top: 0;
   margin-bottom: 5px;
   margin-left: 8px;
   }
   

#nav_column select {
   margin: 0; padding: 0; 
   }

#nav_column option {
   margin: 0; padding: 2px; 
   }
   
*.gobutton {
   background: #ccf;
   color: #036;
   margin: 0;  
   padding: 0;
   }
	
/* Standard footer and identification */

#footer {
   text-align: center;
   font-size: .8em;
   background: #fff;
   padding-bottom: 15px;
   border-top: ridge 3px #69c;
   }
   
address {
   font-style: normal;
   }
   
 /* Go to Top link for long pages  */

div.go_top {
   text-align: right;
   width: 95%;
   float: none;
   margin: 1em auto;
   padding-right: 0.5em;
   padding-bottom: 1px;
   border-bottom: double 3px #dde;
   font-size: 80%;
   }

div.go_top a {
   display: block;
   text-decoration: none;
   }
   
/* pagemenu for internal page navigation  */
   
.pagemenu {
   list-style-type: none;
   }
   
.pagemenu a {
   display: block; 
   padding-left: 15px; 
   margin-bottom: 0; 
   margin-top: 5px;
   }
   
.form_frame {
   border: double 6px #ddd; 
   padding: 5px;
   }

 /* Accessibility items will show in user-agents that don't handle the GUI styling */
.access_item {display:none}


body.faculty_page #badges {
   display: none;
   }
   
*.googledefault {
   color: #bbb;
   }
   
*.googletype {
   color: Black;
   }   

.trail {
   font-size: .75em; 
   background-color: #fff;
   text-align: right;
   margin: 0 0 .65em 5px; 
   }
   
.datestamp {
   font-size: 0.7em;
   text-align: left;
   }