/* General Styles */

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, hr { 
    margin: 0; 
    padding: 0; 
    border: 0; 
    } /* clean slate start */

html {background: #EEE;}                
body {margin: auto; width: auto; background: url("images/body_bg.gif") repeat-y top center;}
    
.basimg0 {
    border: 0;
    margin: 0;
    padding: 0;
    }

.limg0 {
    border: 0;
    padding: 0px;
    float: left;
    }
    
.rimg0 {
    border: 0;
    padding: 0px;
    float: right;
    }
    
.basimg4 {
    border: 0;
    padding: 4px;
    }
        
.rimg4 {
    border: 0;
    padding: 4px 4px 4px 8px ;
    float: right;
    }
    
.limg4 {
    border: 0;
    padding: 4px 8px 4px 4px;
    float: left;
    }
    
.inlineimgc {
    border: 0;
    padding: 0;
    vertical-align: -25%;
    }
        
.tagimg {
    margin: 0;
    padding: 10px 20px 0 0;
    border: 0;
    }
                
p {font: 15px GillSans-light, sans-serif;}
     
strong {font: 14px GillSans-light, sans-serif; font-weight: bold;}
       
a {color: #00F; text-decoration: none;}

a:hover {color: #00F; text-decoration: underline;}
    
a:visited {color: #00F;}

.clearthis {clear: both;}
    
    
/* Page Layout */

#bodycontainer {
    margin: auto;
    padding: 0;
    text-align: center;
    width: 800px;
    }
                
#header {
    margin: 0;
    padding: 0;
    width: 800px;
    height: 150px;
    background: url("images/header_main.jpg");
    text-align: left;
    }
                
#header img {padding: 4px; border: 0;}
            
#maincontainer {
    margin: 0;
    padding: 0;
    width: 800px;
    background: url("images/page_back.jpg") repeat-y top;
    }
            
#navigation {
    margin: 0;
    padding: 0;
    width: 180px;
    background: url("images/techdots.jpg") repeat top left;
    float: left;
    }
    
#navigation img {
    border: 0;
    margin: 0;
    padding: 0;
    }
    
#mininav, #mininav2, #gsanav {
    margin: 0 4px;
    padding: 0;
    background: #CCC;
    text-align: left;
    }
    
#gsanav {background: #FFF; text-align: center;}
    
#mininav2 {margin: 4px 4px;}
                    
#maintext {
    margin: 0;
    width: 620px;
    background: #FFF;
    color: #000;
    text-align: left;
    float: right;
    }
                
#headerplus {
    margin: 0;
    width: 620px;
    height: auto;
    background: url("images/title_back.gif") repeat-y top;
    text-align: right;
    }
    
#headerplus p {
    padding: 0 20px;
    font: 15px GillSans, sans-serif;
    font-weight: normal;
    color: #FFF;
    text-align: right;
    }
                
#footer {
    margin: 0;
    padding: 0;
    width: 800px;
    clear: both;
    background: #000;
    color: #FFF;
    font-size: smaller;
    }
                
#footer img {padding: 0; border: 0;}

#footer p {
    padding: 0 0 4px 0;
    color: #e31b23;
    font: 11px GillSans-Light, sans-serif;
    }
    
#footer a, #footer a:hover {
    color: #FFF;
    }
    
#bodyshadow {
    margin: auto;
    background: url("images/body_shadow.gif");
    width: 840px;
    height: 23px;
    }
    
/* Menu System */

#mainmenu {
    margin: 0;
    padding: 0;
    list-style: none;
    z-index: 20;
    }
    
#cimain, #csmain, #hsmain, #romain {
    position: relative;
    }

#cimain a, #csmain a, #hsmain a, #romain a {
    padding: 4px 0;
    width: 180px;
    background: url("images/mainbg.gif") repeat top left;
    color: #FFF;
    text-align: center;
    display: block;
    text-decoration: none;
    font: 14px GillSans, sans-serif;
    }

#cimain a:hover, #csmain a:hover, #hsmain a:hover, #romain a:hover {
    background: #06E;
    color: #FFF;
    }

#cimenu, #csmenu, #hsmenu, #romenu {
    margin: 0;
    padding: 0;
    background: #000;
    list-style: none;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    border-left: 1px solid #000;
    position: absolute;
    left: 180px;
    visibility: hidden;
    z-index: 21;
    }
    
#cimenu li a, #csmenu li a, #hsmenu li a, #romenu li a {
    padding: 4px 0;
    color: #000;
    background: #EEE;
    border-bottom: 1px solid #000;
    text-align: center;
    display: block;
    font: 12px GillSans, sans-serif;   
    }
    
#cimenu a:hover, #csmenu a:hover, #hsmenu a:hover, #romenu a:hover {
    background: #06E;
    color: #FFF;
	}
		
/* Specific Text Styles */
    
#maintext h1 {
    padding: 2px 4px 2px 4px;
    font: 15px GillSans-Bold, sans-serif;
    font-weight: bold;
    color: #000;
    }
    
#maintext h2 {
    margin: 1px 4px 1px 4px;
    padding: 1px;
    font: 14px GillSans-Bold, sans-serif;
    font-weight: bold;
    color: #000;
    }
    
#maintext h3 {
    padding: 2px 8px 4px 8px;
    font: 14px GillSans-Bold, sans-serif;
    font-weight: bold;
    color: #000;
    }
    
#maintext h4 {
    margin: 0 5px;
    padding: 0 0 10px 0;
    font: 12px GillSans, sans-serif;
    color: #000;
    border-top: 1px solid #555;
    }
    
#maintext h4 a {
    padding: 0 5px;
    color: #555;
    }
    
#maintext h5 {
    font: 14px GillSans, sans-serif;
    color: #000;
    border-bottom: 1px dotted #555;
    display: inline;
    }
    
#maintext p {
    margin: 0;
    padding: 4px 8px;
    }
    
#maintext hr {
    margin: 0 5px 0 5px;
    padding: 0;
    height: 1px;
    border: 0;
    border-top: 1px solid #555;
    }
    

#navigation h1 {
    margin: 0;
    padding: 4px 4px 1px 4px;
    font: 13px GillSans-Bold, sans-serif;
    font-weight: bold;
    color: #000;
    text-align: center;
    }
    
#navigation h2 {
    margin: 0;
    padding: 1px 4px 1px 4px;
    font: 13px GillSans-Bold, sans-serif;
    font-weight: bold;
    color: #000;
    }
    
#navigation h3 {
    margin: 0;
    padding: 1px 8px 1px 8px;
    font: 12px GillSans-Bold, sans-serif;
    font-weight: bold;
    color: #000;
    }
    
#navigation h4 {
    margin: 0;
    padding: 1px 8px 1px 8px;
    font: 12px GillSans-Bold, sans-serif;
    font-weight: bold;
    color: #000;
    }
    
#navigation p {
    margin: 0;
    padding: 1px 4px 3px 4px;
    font-size: 13px;
    }
    
#navigation hr {
    margin: 1px 4px 0 4px;
    padding: 0;
    height: 1px;
    border: 0;
    border-top: 1px solid #555;
    }
    
.listctr {
    margin: 0;
    padding: 2px 0 2px 0;
    text-align: center;
    list-style: none;
    font: 12px GillSans, sans-serif;
    }
    
.olist {
    margin: 0 0 0 50px;
    padding: 0 0 5px 0;
    text-align: left;
    font: 14px GillSans, sans-serif;
    }
    
.ulist {
    margin: 0 0 0 50px;
    padding: 0 0 5px 0;
    text-align: left;
    list-style: none;
    font: 14px GillSans, sans-serif;
    }
        
.minilistctr {
    margin: 0 5px;
    padding: 2px 0;
    text-align: center;
    list-style: none;
    font: 12px GillSans, sans-serif;
    }
    
.minilistl {
    margin: 0 5px;
    padding: 2px 0;
    text-align: left;
    list-style: none;
    font: 12px GillSans, sans-serif;
    }
    
.minilistl li {
    padding: 2px 0;
    }
        
.maplink:hover {
    color: #F00;
    text-decoration: none;
    }
    
.emplist {
    margin: 0 0 0 10px;
    padding: 0;
    border: 0;
    }
    
.emplistl {
    border: 0;
    width: 280px;
    display: block;
    }
    
.emplistr {border: 0;}
        
.techb {
    background: url("images/techdots.jpg") repeat top left;
    text-align: center;
    }
    
.ctr {text-align: center;}
    
.rht {text-align: right;}
    
.lft {text-align: left;}
    
.frhgt {float: right;}
    
.flft {float: left;}

.moreinfo {color: #666; font-style: italic; font-size: 13px;}
    
#menuend {
    margin: 0;
    padding: 0;
    background: url("images/menuend.jpg") repeat-x left;
    height: 20px;
    }

#minilistmain {text-decoration: none;}
    
#minilist {
    margin: 0 5px;
    padding: 2px 0;
    text-align: left;
    list-style: none;
    font: 12px GillSans, sans-serif;
    }
    
#minilist li {padding: 2px 0;}
    
#imgarrow0 {
    border: 0;
    padding: 0 5px 0 0;
    vertical-align: -25%;
    }
        
#minibutton {
    margin: 0;
    padding: 0;
    list-style: none;
    }
    
#minibutton li a {
    background: #CCC;
    color: #000;
    text-align: center;
    display: block;
    text-decoration: none;
    font: 14px GillSans, sans-serif;
    }

#minibutton li a:hover {
    background: #06E;
    color: #FFF;
    }
    
/* Photo Gallery Stuff */
            
#thumbsscroller {
    margin: auto;
    padding: 10px 0;
    width: 620px;
    height: 115px;
    overflow: auto;
    }
            
#thumbscontainer {
    margin: auto;
    padding: 0;
    width: 0px; 
    text-align: center;
    overflow: hidden;
    background: #FFF;
    }
            
#thumbsmain {
    margin: 0;
    padding: 0;
    }
                
#thumbsmain li {
    padding: 2px;
    display: inline;
    }
                
#thumbsmain img {
    padding: 0;
    width: 160px;
    height: 89px;
    border: 1px solid #777;
    }
            
#photoshowback {
    margin: auto;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    height: expression(document.body.clientHeight + "px");  /* stupid IE fix */
    display: block;
    background: #222;
    visibility: hidden;
    text-align: center;
    z-index: 100;
    filter:alpha(opacity=95);
    opacity: .95;
    -moz-opacity: .95;  
    }
                
#photoshow {
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    text-align: center;
    color: #FFF;
    visibility: hidden;
    z-index: 101;
    }
            
#photoshow img {
    margin: 25px 0;       
    border: 1px solid #FFF;
    clear: both;
    }
                
#photoshow a {
    color: #FFF;
    text-decoration: none;
    }
 
 
#gallerybar {
    padding: 5px;
    background: #444;
    color: #FFF;
    text-align: center;
    font: 12px GillSans, sans-serif;
    }
    
.cap {
    margin: 0;
    padding: 0 10px;
    float: left;
    }
    
.close a {
    margin: 0;
    padding: 2px 10px;
    border: 1px dotted #FFF;
    float: right;
    }
                
#controls {
    margin: 0;
    padding: 0 5px;
    clear: both;
    }
    
#controls img {
    padding: 0 10px;
    margin: 0 10px;
    border: 1px dotted #FFF;
    }
    
    
/* block paragraph menu thingie */

#expander01, #expander02 {
    margin: 5px;
    padding: 2px;
    background: #BBB;
    border: 2px solid #E31B23;
    }
                    
#expander01 ul, #expander02 ul {
    list-style: none;
    }
                
#expander01 li, #expander02 li {
    font: 13px GillSans-bold, sans-serif;
    font-weight: bold;
    display: inline;
    }
                
#expander01 li a, #expander02 li a {
    padding: 0 10px;
    color: #000;
    text-decoration: none;
    }
                                
.sel {
    background: #FFF;
    float: left;
    }
                
.unsel {
    background: #BBB;
    float: left;
    }
                
.home {
    background: #BBB;
    float: right;
    font: 13px GillSans, sans-serif;
    }
             
#block00, #block01, #block02, #block03, #block04, #block10, #block11, #block12, #block13, #block14 {
    padding: 5px;
    clear: both;
    font: 14px Gillsans-light, sans-serif;
    }
    
#block00 p, #block01 p, #block02 p, #block03 p, #block04 p, #block10 p, #block11 p, #block12 p, #block13 p, #block14 p {
    padding: 5px 8px;
    }
            
.shown {
    display: block;
    background: #FFF;
    }
                
.hidethis {
    display: none;
    }