*
{
	margin: 0;
	padding: 0;
}

html
{
	height: 100%;
}

body
{
	height: 100%;
}



td
{
	padding: 5px;
}

ol
{
	margin-left: 50px;
}

p
{
	padding-top: 5px;
	padding-bottom: 5px;
}

body
{
	background-color:#008B8B;
}

#pageWrapper
{
	width:1000px;
	
	color: #444;
	margin: auto;

	background-color:#008B8B;
	min-height: 100%;
	position: relative;
	border-left: 25px ridge #838B8B;
	border-right: 25px ridge #838B8B;
}

#pageWrapper a
{
	color: #FFF;
}




#bannerWrapper
{
	background-color: #FFF;
	//border-bottom: 3px solid black;
	/*font-style: italic;*/
	font-style: bold;
	color: black;
	font-size:40px;
	text-align: center;
	height: 150px;
}


#barWrapper
{
	background-color: #008B8B;
	border-top: 3px ridge #2E2E2E;
	border-bottom: 3px ridge #2E2E2E;
	color: #fff;
	
	text-align: center;
	font-size:20px;
	height: 40px;
}

#infoWrapper
{
	background-color: #FFF;	
	//background-color: #B1E4F2;
	//border-bottom: 3px solid black;
	/*font-style: italic;*/
	font-style: bold;
	color: black;
	font-size:14px;
	text-align: center;
	//padding-left: 25px;
	//padding-right: 25px;
	padding-bottom: 100px;
}

ul
{
list-style-type:none;
margin:0;
padding:0;
padding-top:6px;
padding-bottom:6px;
}
li
{
display:inline;
}
a:link,a:visited
{
font-weight:bold;
color:#FFFFFF;
background-color:#008B8B ;
text-align:center;
padding:6px;
text-decoration:none;
text-transform:uppercase;
}
a:hover,a:active
{
//background-color:#838B8B;
background-color:#66CDAA;
}


#temp{font-size: 14px; text-align: center; padding: 15px;}

/*#pageWrapper a:visited
{
	color: #838B8B;
}*/





#infowrapper img.person {
display:inline;
width: 150px;
height: 150px;
border: 5px ridge #003366;
margin-left: auto;
margin-right: auto;


//background-color: #ff9933;
} 

#pinfo{
display:inline;
padding-right:15px;
padding-left:15px;
position:relative;
}
#pline{

padding-bottom:30px;

}


#people{
text-align: center;
list-style-type:none;
margin:0;
padding-bottom: 5px;
padding-top: 40px; 
 

}
#people span.caption{
//display: block;
position:absolute;
	top:15px; /* in conjunction with left property, decides the text position */
	left:80px;
visibility:hidden;
color: blue;
//visibility:visible;
}


#infowrapper img.person:hover {
width: 250px;
height: 250px;

} 
#infowrapper #pinfo:hover span.caption{
visibility:visible;
}