html{
height: 95%;
border: 0;
padding: 0;
margin: 0;
} 

body
{
    margin-top: 20px;

    height: 93%;
    font-family: arial,helvetica;
    color: rgb(0, 95, 95);
}

a:link {
    color: rgb(0,95,95)
}

h2
{
	font-weight: normal;
	font-style: normal;
}
h5
{
	font-weight: normal;
	font-style: normal;
}

#pageheading
{
    font-size:x-large;
    font-weight: bold;   
}

.section_title
{
    padding-top: 15px;
    text-decoration: underline;
    font-weight: bold;
}

#spacer{
    display: block;
    height: 95%;
    float: left;
    width: 0px; /* 1px would be enough this is for display only */
    font-size: 0px; /* to make sure width is not overridden */
    padding: 0;
    margin: 0;
}

#contentwrap{
    display: block;
    width: 99%; /* to suit but leave room for spacer */
    padding: 0;
    margin: 0;
} 

#container
{
    margin-right:auto;
    margin-left: auto;    
    width: 975px;
}

#main
{    
    width: 840px;
    padding-left: 15px;
    padding-top: 15px;
    float: left;
}
#header {
height:150px;
 background-image:url('Letterhead Web.png');background-position: center;background-repeat:no-repeat;
}

#header p {
font-size:small;
padding: 125px 0 0 150px;

}

#assoc
{
    min-width:840px;
}

.assoc_col
{
    max-width:418px;
    float: left;
    padding-left: 10px;
}

#bottom
{
    width: 700px;
    clear: both;
    height: 3%;
    padding: 0;
    margin: 0; 
    float: left;

}

#side
{
    width: 105px;
    float:left;
    padding-top: 15px;
}
#thumb_list
{
    width: 840px;
    padding-top: 15px;
}

div.project_link
{
    padding-top: 2px;
    width: 48%;
    height: 70px;
    font-size: 80%;
    float: left;
    
}
div.project_link img
{
    width: 50px;
    border-style: none;
}
div.project_link a
{
    border-style: none;
}

#name
{

}

#addr
{
    text-align:center;
}

#info
{
    height: 160px;
    width: 340px;
    float: left;
}

    #proj_name
    {
        font-size: 80%;
    }

    #location
    {
        font-size: 80%;
    }

    #owner
    {
        font-size: 80%;
    }

    #project
    {
        font-weight: bold;
        font-size: small;
    }

#pics
{
    
    margin-left: 310px;
    width: 500px;
    font-size: smaller;  
}


    #pics img
    {       
       max-height: 230px; 
       max-width: 288px; 
        
    }
    
  #proj_pics
    {
        position: relative; /*needed to make layers*/
        float: left;
        margin-left: 10px;
        height: 230px; /*height and width must be set for layers/overlap*/
        width: 460px;
    }
    
   #img1
    {
        visibility: hidden;
        position: absolute;
        top: 0; z-index: 1;
       
    }
    #img2
    {
        
        position: absolute;
        top: 0; z-index: 2; 
    }

    #pic1_cap
    {
        position: absolute;
        bottom:0;
        visibility: hidden;
    }
    #pic2_cap
    {
        position: absolute;
        bottom:0;
    }
    
#single_pic
{
    position: relative; /*needed to make layers*/
    margin-left: 10px;
    height: 230px;
    float: left;
    width: 460px;
}

#summary
{
    padding-top: 15px;  
    font-size: 95%;
    width: 840px;
    float: left;
}

div#menu
{
    width: 105px;
}

div#menu a 
{
    float: left;
    margin-left: 0px;
    height: 20px;   
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    text-align: center;
    line-height: 20px;
    list-style-type: none;
    background-image: url(assets/button_background.gif);
    background-repeat: no-repeat;
    width: 100%;
    display: block;
    text-decoration: none;
}
div#menu a:link {
    color: #ffffff 
}
div#menu a:visited {
    color: #ffffff;
}
div#menu a:hover {
    font-weight: bold;
}

div#menu a:active {
    font-weight: bold;
    color: red;
    background-image: url(assets/button_background.gif);
    background-repeat: no-repeat;
}

#tech_updates
{
    float:left;
    padding-top: 15px;
}

#tu_content
{
    width: 760px;
}

#corpsum
{
    font-size: 80%;
    text-align:justify;
}

#corpsum img
{
    padding: 5px;
}

#downloads
{
    padding-top: 15px;
}

#map
{
    padding-top: 20px;
    margin-left: 60px;
    font-size: smaller; 
    float:left;
}

#building
{
    padding-top: 20px;
    margin-left: 30px;
    width: 160px; 
    float:left;
}
#building img
{
    height: 146px;
}
#directions
{
    float:left;
}
#update_form
{
    margin-left: 280px;
    text-align:justify;
}

#disclaimer
{
    font-size:x-small;
}

#labels
{
    margin-left: 130px;
    width: 150px;
    float: left;   
}
div.sumlbl
{
    height: 50px;
}

span.underline
{
    text-decoration: underline;
}
.small
{
    font-size:smaller;
}

div.testimonial
{
    font-style: italic;
    font-size:smaller;
}

div.testimonial_name
{
    font-size:smaller;
}

div.newsletter
{
    width: 140px;
    float: left;
}
div.dltext
{
    width: 400px;
    float: left;
}

div.downloads_row
{
    padding-top: 15px;
    min-width: 800px;
    float:left;
}
div.downloads_row img
{
    border: none;
    text-decoration: none;
}

.bold
{
    font-weight:bold;
}