body {
   color: #000; 
   font-family: "Lucida Sans Unicode", "Trebuchet MS", Georgia, sans-serif;
   font-size: 13px;
   margin: 0;
   padding-top: 0px;
   padding-left: 50px;
   margin-left: 5px;
   margin-right: 5px;
   background-color: rgb(79, 79, 159);
   z-index: 0;
   }



/* "Royal Blue" 65, 105, 225 */
/* Color Schemer suggests 84, 107. 174 as a compatible color */
#wrapper {
   width: 830px;
   margin: 0 auto 0 auto;
   background-color: transparent;
   background-image: url(http://wyrd.hood.edu/~gpssc/images/background2.gif);
   background-repeat: no-repeat;
   background-position: top left;
   }

img {
   border: none;
   }

img.leftie {
   float: left;
   margin-right: 12px;
   margin-bottom: 12px;
   border: inset 3px #eead0e;
   }

img.rightie {
   float: right;
   margin-left: 12px;
   margin-bottom: 12px;
   border: outset 3px #eead0e;
   }

img.centered {
   display: block;
   float: none;
   margin-left: auto;
   margin-right: auto;
   border: groove 3px #eead0e;
   }
  
h1, h2, h3, h4 {
   font-weight: normal;
   }
  
h1 {
   font-size: 200%;
   text-align: right;
   font-weight: 600;
   z-index: 9;
   margin-bottom: 0;
   }
        
h2 {
   font-size: 130%;
   }
  
h3 {
   font-size: 110%;
   }

p {
   margin-left: 12px;
   } 

a:link {
   color: #369;
   } 

a:visited {
   color: #936;
   } 

ul.imagelist {
   list-style-type: none; 
   list-style-image: 
   url(images/collar.gif); 
   margin-left: 25px; 
   padding-left: 25px;
   }
 
ul.imagelist li{ 
   margin-top: .5em;
   }

/* 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;
   }
 
 /* Identifying banner & search */   
 
#header {
   width: 780px;
   background: transparent;
   margin: 0;
   margin-bottom: 22px;
   height: 202px;
   z-index: -1;
   }
  
#header  h1 {
   margin: 0 85px 0 0; 
   font-family: "Lucida Sans Typewriter", "Arial Rounded MT Bold", "Trebuchet MS", Georgia, sans-serif;
   text-transform: uppercase; 
   text-align: right; 
   padding-top: 1.5em;
   color: #013; 
   font-size: 250%;
   font-weight: bold;
   background-image: url(http://wyrd.hood.edu/~gpssc/images/title.gif); 
   background-repeat: no-repeat; 
   height: 77px; 
   background-position: right; 
   margin-top: 37px; 
   z-index: 10;
   }

#searchbox {   
   float: left;
   padding-right: 1em; 
   padding-top: .25em;
   padding-bottom: 0;
   margin-bottom: 0;
   margin: 15px 0 0 125px;
   background: transparent;
   }

#searchbox form{
   margin: 0;
   padding: 0;
   } 

span.bigcap {
   font-size: 125%;
   }
   
.maincontent{
   width: 750px;
   background-color: #fff;
   padding-bottom: 0;
   }
   
/* --- Navigation Menubar */

#bar  {
  padding: 0;
  margin: 0;
  width: 90%;
  background: transparent;  
  }

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

 #bar  li {
   width: 12.3%;
   display: block;
   float: left; 
   text-align: center;  
  }

 #bar  li:first-child {
   margin-left: 10px;
   
   }
 #bar ol li a {
   padding: 0;
   margin: 10px 2px 0 2px;
   background-color: rgb(79, 79, 159);   
   color: #fff;   
   text-decoration: none;
   font-weight: bold;
   font-size:    .95em;
   display:block;
   height:2.5em;
   border-bottom: solid 3px rgb(79, 79, 159);
   }
  
#homepage #bar_home {
   color: rgb(139, 139, 227);
   }
#about #bar_about {
   color: rgb(139, 139, 227);
  }
#calendar #bar_calendar {
   color: rgb(139, 139, 227);
   }
#documents #bar_documents {
   color: rgb(139, 139, 227);
   }
#contact #bar_contact {
   color: rgb(139, 139, 227);
   }
#photos #bar_photos {
   color: rgb(139, 139, 227);
   }
#results #bar_news {
   color: rgb(139, 139, 227);
   }
#links #bar_links {
   color: rgb(139, 139, 227);
   }

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

/* Standard footer and identification */

#footer {
   text-align: center;
   font-size: .8em;
   background: #fff;
   border-top: ridge 3px #69c;
   }
   
address {
   font-style: normal;
   }
   

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

   
*.googledefault {
   color: #bbb;
   }
   
*.googletype {
   color: Black;
   }   

*.gobutton {
   background: #ccc;
   margin: 0;  
   padding: 0;
   font-size: 80%;
   }   
   
  
thead th {
   font-size: 110%;
   }

tbody th {
   font-style: italic;
   }   
   
   
dt {
   font-size: 110%;
   font-style: italic;
   margin-top: 1.5em;
   }
   
dd {
   margin-left: 0;
   text-indent: 2em;
   }
   
#photos table {
   border: none;
   border-collapse: collapse;
   }

#photos table td {
   border: groove 3px #eead0e;
   padding: 10px;
   text-align: center;
   width: 50%
   }

#photos table td img {
   border: ridge 3px #eead0e;
   }   

#photos .externalstuff table {
   border: none;
   }
   
#photos .externalstuff table td{
   border: none;
   padding: 2px;
   width: inherit;
   }