body { background-color:#B1E6FC; color:#000000; font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; margin: 10px 10px; padding: 0px; }
* { margin: 0px; padding: 0px; }
#container { margin: 0px auto;	text-align: left; width:717px; border-bottom: 3px solid #000000; border-left: 3px solid #000000; border-right: 3px solid #000000; background-color:#D2EFFB;}
a { font-size:12px; }
p { margin: 15px 0px; }
h1{color:#000000; font-size:14px; text-align:center; }
#header { margin: 0px 0px 0px 0px; width:717px; height:248px; position:relative;  }
#header ul{ background-color:#AEE5FC; width:717px; border-bottom: 3px solid #000000; 
	display:block; position:relative; height:25px; padding:8px 0px 0px 0px; text-align:center; margin: 0px 0px 0px 0px;}
#header li{ display:inline;}
#header ul a{ text-decoration:none; color:#000000; margin: 0px 15px; }
#header ul a:hover {text-decoration:underline; 	color:#333399;}
#content {width:717px; }
#left { float:left; width:428px; margin-left:27px; display:inline; margin-top:75px;}
#left a{color:#333399;}
#left a:hover{color:#6666FF;}
#photos { position: relative; z-index: 0;}
#menu { position: relative; z-index: 0;}
#right { float:right; width:220px; margin-top:75px; margin-left:30px; border-left: #FFFFFF 2px solid; padding: 0px 0px 0px 5px}
#right a{color:#333399;}
#right a:hover{ color:#6666FF; }
#footer {width:717px; text-align:center; padding: 20px 0px; }
/*-----------------------------------------------------------------------*/
/*CSS for Horizontal Thumbnails in the LEFT or BOTH LEFT and RIGHT areas */
/*-----------------------------------------------------------------------*/
.thumbnail-L-H { position: relative; z-index: 0; }
.thumbnail-L-H img { border-width: 0; padding: 2px; }
.thumbnail-L-H:hover{ background-color: transparent; z-index: 50; }
/*CSS for enlarged image*/
.thumbnail-L-H span { position: absolute; background-color: white; padding: 5px; left: -1000px; visibility: hidden;
	color: black; text-decoration: none; width:370px;}
/*CSS for enlarged image*/
.thumbnail-L-H span img { border-width: 0; padding: 2px; }
/*CSS for enlarged image on hover*/
.thumbnail-L-H:hover span{ visibility: visible; top: -350px; left: -50px;}
/*---------------------------------------------------------------------*/
/*CSS for Portrait Thumbnails in the LEFT or BOTH LEFT and RIGHT areas */
/*---------------------------------------------------------------------*/
.thumbnail-L-P { position: relative; z-index: 0; }
.thumbnail-L-P img { border-width: 0; padding: 2px; }
.thumbnail-L-P:hover{ background-color: transparent; z-index: 50; }
/*CSS for enlarged image*/
.thumbnail-L-P span { position: absolute; background-color: white; padding: 5px; left: -1000px; visibility: hidden;
	color: black; text-decoration: none; width:250px;}
/*CSS for enlarged image*/
.thumbnail-L-P span img { border-width: 0; padding: 2px; }
/*CSS for enlarged image on hover*/
.thumbnail-L-P:hover span{ visibility: visible; top: -400px; left: 100px;}
/*------------------------------------------------*/
/*CSS for Horizontal Thumbnails in the RIGHT area */
/*------------------------------------------------*/
.thumbnail-R-H { position: relative; z-index: 0; }
.thumbnail-R-H img { border-width: 0; padding: 2px; }
.thumbnail-R-H:hover{ background-color: transparent; z-index: 50; }
/*CSS for enlarged image*/
.thumbnail-R-H span { position: absolute; background-color: white; padding: 5px; left: -1000px; visibility: hidden;
	color: black; text-decoration: none; width:370px;}
/*CSS for enlarged image*/
.thumbnail-R-H span img { border-width: 0; padding: 2px; }
/*CSS for enlarged image on hover*/
.thumbnail-R-H:hover span{ visibility: visible; top: -350px; left: -300px;}
/*-----------------------------------------------*/
/*CSS for Portrait Thumbnails for the RIGHT area */
/*-----------------------------------------------*/
.thumbnail-R-P { position: relative; z-index: 0; }
.thumbnail-R-P img { border-width: 0; padding: 2px; }
.thumbnail-R-P:hover{ background-color: transparent; z-index: 50; }
/*CSS for enlarged image*/
.thumbnail-R-P span { position: absolute; background-color: white; padding: 5px; left: -1000px; visibility: hidden;
	color: black; text-decoration: none; width:250px;}
/*CSS for enlarged image*/
.thumbnail-R-P span img { border-width: 0; padding: 2px; }
/*CSS for enlarged image on hover*/
.thumbnail-R-P:hover span{ visibility: visible; top: -350px; left: -300px;}
