html, body, h1, h2, p {      /*This is because the html and body tags have default margins and/or padding on nearly all browsers. So we need to write a CSS rule to reset the margins and padding on the html and body tags to zero.http://www.subcide.com/tutorials/csslayout/page4.aspx */
margin: 0;
padding: 0;
list-style:none;
}


body {
	font-family: Helvetica, Verdana, Arial, Sans-serif;
	color: #006666;
	background:black;
    padding-top: 20px;
}

p {
color: #999999;
font-size:95%;
}
h2{
color:#999999;
font-size: 130%;
}

h3{
color:silver;
font-size: 100%;
}
h4{
color:#999999;
}
blockquote{
color: #999999;
font-style: italic;
margin-top: -2px; 
}

dt a {
text-decoration: none; /*to remove underline from links*/
color: #006666;

}
dt a:hover{
color: #ffffff;
}

dt{
font-size:100%;
}


#active a:link, #active a:visited, #active a:hover{ /*to change color of the active page menu item*/
color:  #339999;
font-weight: bold;
}


#maintext a{
color: #339999;
}
#maintext a:hover{
color: #ffffff;
}

#maintext ul{
padding-left: 20px;
margin-left: 20px;
}
#maintext{
padding-left: 20px;
}

#maintext li, ul {
color:#999999;
line-height: 150%;
font-size:110%;
list-style-type:disc;
}
#maintext h3{
color: #cccccc;
}


#about_text {
padding-top: 30px;
padding-left:100px; 
margin-left:100px;
}
#about_text h2{
padding-bottom: 20px;
}
#about_text p{
padding-bottom: 15px;
}
#about_text a{
color: #339999;
}

#about_text a:hover{
color: #ffffff;
}
#about_blockquote{
background-image:url(./images/about_quotes_times.gif);
background-repeat: no-repeat;
background-position: 7%;  /*to align bgd quote marks with quote*/
height:70px;
}

#contact_box li, ul{
color:#999999;
line-height: 150%;
font-size:100%;
list-style-type:none;

}
#contact_box ul{
margin-left: -10px;
}

#contact_box {
padding-left:100px;
margin-left: 100px;
padding-top: 40px;
margin-top: -20px;
padding-bottom: 60px;
}
#contact_box h2{
padding-bottom: 40px;
}
dt, dl {
text-align: right;
list-style:none;
text-decoration: none;
font-size: 100%;
padding: 5px;
}
#contact_box a:link, a:visited{
color: #339999;
}
#contact_box a:hover{
color: #ffffff;
}

#gallery{
margin-top: -20px;

}
#gallery  a:link, a:visited{
text-decoration: none;
color: #009999;
}
#gallery a:hover{
color: #ffffff;
}

#wrap {

margin: auto;
width: 760px;
padding-left: 20px;
background: black;
background-image:url(./images/tapered_stripes.gif);
background-repeat: no-repeat;
}

#header{
height: 100px;

padding-top: 20px;


}

#logo{
background-image: url(./images/logo_black_bezel.gif);
background-repeat: no-repeat;
height: 106px;
margin-left:5px;
 
}

#leftnav{
float: left;
width: 120px; 
padding-top: 50px;
padding-right: 5px;
height: 200px;
}


#maintext{
margin-left: 130px;
padding-left: 50px;
padding-top: 30px;
list-style-type: disc;
}

#image_thumbs {
padding-top: 50px;
text-decoration: none;
}
#image_thumbs a img  {

text-decoration: none;
border: none;          /*to remove border on image anchors*/

}



#footer{
background-image:url(./images/footer_stripes01.gif);
background-repeat: no-repeat;
margin-top:20px;
padding-top: 5px;
}
#footer ul li{

font-size: 75%;
color:#555555;
height:40px;
clear: both;
padding: 10px;
display: inline;
text-align: left;
}