#piccontainer
{
width: 100%;
margin: 1px auto;
background-color: #fff;
color: #333;
border: 1px solid gray;
line-height: 130%;
}

#pictop
{
padding: .5em;
background-color: #a5b1bc;
border-bottom: 1px solid gray;
}

#pictop h1
{
padding: 0;
margin: 0;
}

#picleftnav
{
float: left;
width: 180px;
margin: 0;
padding: 1em;
}

#picrightnav
{
float: right;
width: 160px;
margin: 0;
padding: 1em;
}


#piccontent
{
margin-left: 200px;
border-left: 1px solid gray;
padding: 1em;
max-width: 900em;
}

#piccontent-noalbums
{
padding: 1em;
}


#picfooter
{
clear: both;
margin: 0;
padding: .5em;
color: #333;
background-color: #ddd;
border-top: 1px solid gray;
}

	
	#photo {
		float:left;
		width:155px;
		background:#E0E8F0;
		margin: 0px 10px 10px -1px;
		padding-top:5px;
		text-align:center;
		border-top:1px solid #000; border-left:1px solid #000; border-right:1px solid #000; border-bottom:1px solid #000;
		background-image: url(/patterns/fossil.png);
		}
	
	#phototext {
		float:left;
		width:150px;
		background:#E0E8F0;
		margin: 0px 10px 10px -1px;
		padding-top:5px;
		padding-left:5px;
		text-align:left;
		border-left:1px solid #000; border-top:1px dotted #000;
		font-family: Arial, Helvetica, Sans-serif; font-size: 8pt; color: #000; text-decoration: none; 
		background-image: url(/blue_ridge.png);
		}

div.thumbfloat {
	float: left;
	background-color: #f6f6f6; 
	padding: 1px;
	margin: 2px;
	text-align: left;
	height: 135px;
	width: 240px;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 8pt;
	border: 0px solid black;
}

div.picfloat {
	float: left;
	background-color: transparent; 
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	text-align: left;
}
	  
div.textfloat {
	float: left;
	font-family: Arial, Helvetica, Sans-serif;
	text-align: left;
	vertical-align: text-top;
	font-size: 10pt;
	padding-left: 5px;
	padding-right: 5px;
	width: 150px;
	height: 50px;
	color: #000;
	/* cursor: pointer; */
}

div.textfloat2 {
	float: left;
	font-family: Arial, Helvetica, Sans-serif;
	text-align: left;
	vertical-align: text-top;
	font-size: 10pt;
	padding-left: 5px;
	padding-right: 5px;
	width: 150px;
	height: 50px;
	color: #555;
	text-decoration: none;
}


div.textfloat3 {
	float: left;
	clear: left;
	font-family: Arial, Helvetica, Sans-serif;
	text-align: left;
	vertical-align: text-top;
	font-size: 10pt;
	padding-left: 5px;
	padding-right: 5px;
	width: 150px;
	height: 30px;
	color: #555;
	text-decoration: none;
}

div.textfloat4 {
	float: left;
	clear; left;
	font-family: Arial, Helvetica, Sans-serif;
	text-align: left;
	vertical-align: text-top;
	font-size: 10pt;
	padding-left: 5px;
	padding-right: 5px;
	width: 150px;
	height: 30px;
	color: #888;
	background: #bfc8d0;
	text-decoration: none;
}

div.textfloatnolink {
	float: left;
	font-family: Arial, Helvetica, Sans-serif;
	text-align: left;
	vertical-align: text-top;
	font-size: 10pt;
	padding-left: 5px;
	padding-right: 5px;
	width: 150px;
	height: 30px;
	color: #000;
}



div.spacer {
	clear: both;
}

div.picdisplay {
	float: left;
	background: #fff;
	padding-top: 3px;
	border: 1px solid black;
	text-align: left;
}

div.topfloat {
	float: left;
	background-image: url(/patterns/blue_ridge.png);
	border: 1px solid black;
	padding-left: 3px;
	padding-bottom: 6px;
}

div.float {
	float: left;
	background-color: transparent; 
/*	background: #E0E8F0; */
	padding: 3px;
	text-align: left;
	height: 120px;
	width: 310px;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 8pt;
	border: 1px solid black;
}

div.floatpic {
	float: left;
	background-color: transparent; 
/*	background: #E0E8F0; */
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	text-align: left;
}
	  
div.floattext {
	float: right;
	font-family: Arial, Helvetica, Sans-serif;
	text-align: right;
	vertical-align: text-bottom;
	font-size: 8pt;
	padding-left: 3px;
	color: #000;
}

body,p,th,td { font-family: Verdana, Geneva, Helvetica, Sans-serif; font-size: 11px; font-weight: normal; text-decoration: none; color: #000000; }

font.img-info-big { font-family: Arial, Helvetica, Sans-serif; font-size: 8pt; background-color: #FFFFFF; color: #770000; }
font.img-info-medium { font-family: Arial, Helvetica, Sans-serif; font-size: 8pt; background-color: #FFFFFF; color: #858c00; }
font.img-info-small { font-family: Arial, Helvetica, Sans-serif; font-size: 8pt; background-color: #FFFFFF; color: #066606; }
font.img-name { font-family: Arial, Helvetica, Sans-serif; font-size: 8pt; background-color: #FFFFFF; color: #656565; }
font.img-footer { font-family: Arial, Helvetica, Sans-serif; font-size: 7pt; background-color: #FFFFFF; color: #888888; }
.img { border: 1px solid black; }
font.child-album-details { font-family: Arial, Helvetica, Sans-serif; font-size: 8pt; color: #656565; text-decoration: none; }


table.pic { background-color: #FFFFFF; }
td.pic { font-family: Arial, Helvetica, Sans-serif; font-size: 8pt; background-color: #000000; }

a.emenu { font-family: Arial, Helvetica, Sans-serif; font-size: 12px; color: #000000; text-decoration: none; }
a.emenu:hover { font-family: Arial, Helvetica, Sans-serif; font-size: 12px; color: #444444; text-decoration: none; }
a.emenu:active { color: red; }

a.ln { font-family: Arial, Helvetica, Sans-serif; font-size: 12px; color: #000000; text-decoration: none; }
a.ln:hover { color: #efefef; }
a.ln:active { color: red; }

a.pic { font-family: Arial, Helvetica, Sans-serif; font-size: 11px; color: #000000; text-decoration: none; }
a.pic:hover { color: white; }
a.pic:active { color: red; }

a { color: #000000; }
a:active { color: #f00; } 
a:visited { color: #4c4c4c; }


div.picinfo { font-family: Arial, Helvetica, Sans-serif; font-size: 8pt; color: #aaaaaa; text-decoration: none; }

.bblogdate
{
	border: 2px solid #000;
	border-bottom: 1px solid #fff;
	border-bottom: 1px dashed #000;
	background: #f6f6f6;
	padding: 0.1em;
	margin: 0 0 0 5px;
	width: 25em;
	text-align: center;
	font-weight: bold;
	font-size: 10px;
	position: relative;
	z-index: 2;
}


.blogdate
{
	border: 2px solid #000;
	border-bottom: 1px solid #fff;
	border-bottom: 1px dashed #000;
	background: #000;
	padding: 0.1em;
	margin: 0 0 0 5px;
	width: 25em;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 10px;
	position: relative;
	z-index: 2;
}

.blogpost
{
	background: #f6f6f6;
	padding: 0.1em 0.1em 0.1em 0.1em;
	margin-top: -1px;
	border: 1px solid #000;
}



h2.news	
{
	border: 2px solid #000;
	border-bottom: 1px solid #fff;
	border-bottom: 1px dashed #000;
	background: #f6f6f6;
	padding: 0.1em;
	margin: 0 0 0 5px;
	width: 25em;
	text-align: center;
	font-weight: bold;
	font-size: 10px;
	position: relative;
	z-index: 2;
}

p.news
{
	background: #f6f6f6;
	padding: 0.6em 0.6em 0.6em 0.6em;
	margin-top: -1px;
	border: 1px solid #000;
}



h1
{
   font-size: 22px;
   color: #666677;
}

h2
{
   font-size: 20px;
   color: #666677;
}

h2.warning
{
   font-size: 20px;
   color: #FF0000;
}

h3
{
   font-size: 17px;
   color: #666677;
}

li
{
   line-height: 140%;
   font-size: 9pt;
}

ul
{
   margin-top: .5em;
   line-height: 140%;
   font-size: 9pt;
}

ol
{
   margin-top: .5em;
   line-height: 140%;
   font-size: 9pt;
}

input
{	BACKGROUND-COLOR: #cccccc;
COLOR: #000000;
FONT-FAMILY: Verdana, Geneva, Helvetica, Sans-serif;
FONT-SIZE: 12px;
BORDER-STYLE: solid;
BORDER-COLOR: #000000;
BORDER-WIDTH: 1px;
}

.phpdigHighlight {color:#000000;
                 background-color:#FFBB00;
                 font-weight:bold;
                 }
.phpdigMsg       {background-color:#000066;color:white;font-weight:bold;}
.phpdigAlert     {color:red;font-style:italic;}

.phpdig a{text-decoration:underline;}
.phpdig a:hover{text-decoration:none;}

.grey {padding:5px;
       margin-top:8px;
       margin-bottom:18px;
       margin-right:8px;
       border:2px dotted #BBBBBB;
       background-color:#EEEEEE;
       font-size:10px}
.blue {background-color:#CCDDFF;
       margin-top:8px;
       margin-bottom:8px;
       margin-right:8px;
       padding:3px;
       border-top:1px solid #7688A7;
       border-bottom:1px solid #7688A7;
       }
.phpdigSelect {
        background-color:#F5F5F5;
        }
.greyForm {padding:3px;
       border:1px solid #BBBBBB;
       background-color:#EEEEEE;
       font-size:10px;}
.greyFormDark {padding:3px;
       border:1px solid #BBBBBB;
       background-color:#E0E0E0;
       font-size:10px;}
.greyFormLight {padding:3px;
       border:1px solid #BBBBBB;
       background-color:#F8F8F8;
       font-size:10px;}
.blueForm {background-color:#CCDDFF;
       text-align:center;
       font-weight:bold;
       padding:3px;
       border:1px solid #7688A7;
       font-size:12px;}
.borderCollapse { border-collapse: collapse; }

	/*  Horizontal nav */

#emenu {
	margin: 0;
	padding: 0;
	}

#emenu ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	clear: left;
	}

#emenu ul li {
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
	}

#emenu ul li a {
	background: #fff;
	width: 74px; 
	height: 2em;
	border-top: 1px solid #000;
	border-right: none;
	border-bottom: 1px solid #000;
	border-right: none;
	padding: 0;
	margin: 0 0 10px 0;
	color: #111;
	text-decoration: none;
	display: block;
	text-align: center;
	font-family: Arial, Helvetica, Sans-serif; 
	font-size: 11px;
	font-weight: bold;
	line-height: 2em;
	background-image: url(patterns/blue_ridge.png);
	}

 #emenu ul li#three a	{
	width: 77px;
	}
 
 #emenu ul li#one a	{
	border-left: 1px solid #000;
	}

 #emenu ul li#eight a	{
	border-right: 1px solid #000;
	}

#resources a:link, #resources a:visited {
	border-right: 1px solid #ccc;
	}

#emenu ul li a:hover {
	color: #fff;
	background: #ccc;
	background-image: url(patterns/blue_ridge.png);
	}

#emenu a:active	{
	background: #c60;
	color: #fff;
	}

body#sectionone #emenu li#one a, 
body#sectiontwo #emenu li#two a,
body#sectionthree #emenu li#three a,
body#sectionfour #emenu li#four a,
body#sectionfive #emenu li#five a,
body#sectionsix #emenu li#six a,
body#sectionseven #emenu li#seven a,
body#sectioneight #emenu li#eight a {
	background: #111;
	border-top: 1px solid #111;
	color: #fff;
	}

#eheader {
	color: #000; 
	font-size: 46px; 
	text-align: center; 
	background-image: url(underwater-sh.jpg); 
	width: 595px; 
	height: 60px; 
	border: 1px solid;
	}
body#sectionone #eheader {
	height: 190px;
	}


a.info{
    position:relative; /*this is the key*/
z-index:24; background-color:#000;
color:#000;
text-decoration:none}

a.info:hover{z-index:25; background-color:#000}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
display:block;
position:absolute;
top:2em; left:2em; width:5em;
border:1px solid #fff;
background-color:#000; color:#eee;
text-align: center}

pre
{
	background-color: #eee;
	border: 1px dashed #999;
	margin: 10px;
    font-family: Courier, monospaced;
	padding: 7px;
	overflow: auto;
}

div.imageboxright { float: right; 
	width: 307px; 
	margin: 0 0 10px 10px;
	padding: 10px;
	 border-top: 1px solid #999;
	 border-right: 2px solid #555;
	 border-bottom: 2px solid #555;
	 border-left: 1px solid #999;
	font-style:italic;
	font-family:arial;
	font-size:smaller;
	background-color:#aaa;}
div.imageboxleft { float: left; 
	width: 307px; 
	margin: 0 0 10px 10px;
	padding: 10px;
	 border-top: 1px solid #999;
	 border-right: 2px solid #555;
	 border-bottom: 2px solid #555;
	 border-left: 1px solid #999;
	font-style:italic;
	font-family:arial;
	font-size:smaller;
	background-color:#aaa;}

div.imageboxright img {border:1px solid black;}
div.imageboxleft img {border:1px solid black;}