body {
  	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
  	width: 1000px;
	font-size: small;
	background-color: #D7D7FF;
}

#main {
	width: 800px;
	background-color: #D7D7FF;
}

#header {
	width: 800px;
	height: 145px;/* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 145px;
	margin: 3px 3px 0px 3px;
	border-top-style: solid;
	border-top-width: 2px;
	border-top-color: #000091;
	}

html>body #header {
	height: 145px; /* ie5win fudge ends */
	}

#footer {
	text-align: center;
	margin-top : 0px; 
	margin-bottom : 0px;
	margin-left : 0px;
	margin-right : 0px;
	width : 805px;
	height : 28px;
	float : left;
	BORDER-TOP : 2px solid #000091;
	BORDER-BOTTOM : 2px solid #000091;
}

#leftfooter {
	text-align : left;
	margin-top : 3px; 
	margin-bottom : 3px;
	margin-left : 10px;
	margin-right : 3px;
	width : 258px;
	height : 20px;
	float : left;
}

#middlefooter {
	text-align : center;
	margin-top : 3px; 
	margin-bottom : 3px;
	margin-left : 0px;
	margin-right : 0px;
	width : 238px;
	height : 20px;
	float : left;
}
	
#rightfooter {
	text-align : right;
	margin-top : 3px; 
	margin-bottom : 3px;
	margin-left : 3px;
	margin-right : 3px;
	width : 258px;
	height : 20px;
	float : left;
}

#menu {
	width: 800px;
	height: 80px;
	/* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 80px;
	margin: 3px 3px 0px 3px;
	border-top-style: solid;
	border-top-width: 2px;
	border-top-color: #000091;
}
html>body #menu {
	height: 80px; /* ie5win fudge ends */
	}

#sidebar {
	float: left;
	padding: 2px 1% 2px 1%;
	margin: 0px 0% 0px 0%;
	border: 0px none #FFFFFF;
	width: 35%; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 35%;
	}
html>body #sidebar {
	width: 35%; /* ie5win fudge ends */
	}

#calendar {
	float: left;
	padding: 1px 1% 1px 1%;
	margin: 0px 0% 0px 0%;
	border: 0px none #FFFFFF;
	height: 100%;
	width: 100%; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 100%;
	}
html>body #calendar {
	width: 100%; /* ie5win fudge ends */
	}

#galleryp {
	padding: 1px 1% 1px 1%;
	margin: 0px 0% 0px 0%;
	}

a {color:#99CCFF;}
a:hover {text-decoration:none;}
a:visited {color:#99CCFF;}

.pphoto {width:635px; text-align:left; position:relative; margin:0 auto;}

.pphoto ul.ptopic {padding:0; margin:0; list-style:none; width:635px; height:auto; position:relative; z-index:10;}

.pphoto ul.ptopic li {display:block; width:125px; height:31px; float:left;}
.pphoto ul.ptopic li a.set {border-left:0px solid #99CCFF; border-right:1px solid #99CCFF; border-top:1px solid #99CCFF; border-bottom:0px solid #99CCFF; display:block; font-size:11px; width:124px; height:30px; text-align:center; line-height:30px; color:#000666; text-decoration:none; background:#99CCFF; font-family:verdana, arial, sans-serif}

.pphoto ul.ptopic li a ul, 
.pphoto ul.ptopic li ul 
{display:none;}

.pphoto ul.ptopic li.active a
{color:#99CCFF; background:#000091;}

.pphoto ul.ptopic li a:hover,
.pphoto ul.ptopic li:hover a
{color:#000091; background:#CC0033;}

.pphoto ul.ptopic li.active ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:464px; background:#000091; width:464px; padding:40px 60px; border:20px solid #000091; z-index:1;}

.pphoto ul.ptopic li a:hover ul, 
.pphoto ul.ptopic li:hover ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:464px; background:#000091; width:464px; padding:40px 60px; border:20px solid #000091; z-index:100;}

.pphoto ul.ptopic li ul li
{display:inline; width:87px; height:112px; float:left; border:1px solid #99CCFF; margin:1px;}

.pphoto ul.ptopic li ul li a
{display:block; width:85px; height:110px; cursor:default; float:left; text-decoration:none; background:#99CCFF; border:1px solid #888;}

.pphoto ul.ptopic li ul li a img
{display:block; width:75px; height:100px; border:5px solid #99CCFF;}

.pphoto ul.ptopic li a:hover ul li a:hover, 
.pphoto ul.ptopic li:hover ul li a:hover 
{white-space:normal; position:relative;}

.pphoto ul.ptopic li a:hover ul li a:hover img, 
.pphoto ul.ptopic li:hover ul li a:hover img 
{position:absolute; left:-34px; top:-44px; width:150px; height:200px; border-color:#99CCFF;}

#galleryl {
	padding: 1px 1% 1px 1%;
	margin: 0px 0% 0px 0%;
}

a {color:#99CCFF;}
a:hover {text-decoration:none;}
a:visited {color:#99CCFF;}

.lphoto {width:635px; text-align:left; position:relative; margin:0 auto;}

.lphoto ul.topic {padding:0; margin:0; list-style:none; width:635px; height:auto; position:relative; z-index:10;}

.lphoto ul.topic li {display:block; width:125px; height:31px; float:left;}
.lphoto ul.topic li a.set {border-left:0px solid #99CCFF; border-right:1px solid #99CCFF; border-top:1px solid #99CCFF; border-bottom:0px solid #99CCFF; display:block; font-size:11px; width:124px; height:30px; text-align:center; line-height:30px; color:#000666; text-decoration:none; background:#99CCFF; font-family:verdana, arial, sans-serif}

.lphoto ul.topic li a ul, 
.lphoto ul.topic li ul 
{display:none;}

.lphoto ul.topic li.active a
{color:#99CCFF; background:#000091;}

.lphoto ul.topic li a:hover,
.lphoto ul.topic li:hover a
{color:#000091; background:#CC0033;}

.lphoto ul.topic li.active ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:375px; background:#000091; width:464px; padding:40px 60px; border:20px solid #000091; z-index:1;}

.lphoto ul.topic li a:hover ul, 
.lphoto ul.topic li:hover ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:375px; background:#000091; width:464px; padding:40px 60px; border:20px solid #000091; z-index:100;}

.lphoto ul.topic li ul li
{display:inline; width:112px; height:87px; float:left; border:1px solid #99CCFF; margin:1px;}

.lphoto ul.topic li ul li a
{display:block; width:110px; height:85px; cursor:default; float:left; text-decoration:none; background:#99CCFF; border:1px solid #888;}

.lphoto ul.topic li ul li a img
{display:block; width:100px; height:75px; border:5px solid #99CCFF;}

.lphoto ul.topic li a:hover ul li a:hover, 
.lphoto ul.topic li:hover ul li a:hover 
{white-space:normal; position:relative;}

.lphoto ul.topic li a:hover ul li a:hover img, 
.lphoto ul.topic li:hover ul li a:hover img 
{position:absolute; left:-50px; top:-32px; width:200px; height:150px; border-color:#99CCFF;}
	
#left {
	float: left;
	padding: 1px 1% 1px 1%;
	margin: 0px 0% 0px 0%;
	border: 0px none #FFFFFF;
	height: 100%;
	width: 35%; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 35%;
	}
html>body #left {
	width: 35%; /* ie5win fudge ends */
	}

#left2 {
	float: left;
	padding: 1px 1% 1px 1%;
	margin: 0px 0% 0px 0%;
	border: 0px none #FFFFFF;
	height: 100%;
	width: 72%; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 72%;
	}
html>body #left2 {
	width: 72%; /* ie5win fudge ends */
	}
		
#middle {
	float: left;
	padding: 1px 1% 1px 1%;
	margin: 0px 0% 0px 0%;
	border: 0px none #FFFFFF;
	height: 100%;
	width: 35%; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 35%;
	}
html>body #middle {
	width: 35%; /* ie5win fudge ends */
	}
	
#right2 {
	float: right;
	padding: 1px 1% 1px 1%;
	margin: 0px 0% 0px 0%;
	border-left: 0px solid #000091;
	height: 100%;
	width: 23%; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 23%;
	height: 100%;
	}
html>body #right2 {
	width: 23%; /* ie5win fudge ends */
	}
	
#membership {
	float: left;
	padding: 2px 1% 2px 1%;
	margin: 0px 0% 0px 0%;
	background: #FFFFFF;
	height: 100%;
	width: 90%; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 90%;
	height: 100%;
	}
html>body #membership {
	width: 90%; /* ie5win fudge ends */
	}

#right {
	float: right;
	padding: 2px 1% 2px 1%;
	margin: 0px 0% 0px 0%;
	border-left: 2px solid #000091;
	height: 100%;
	width: 56%; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 56%;
	height: 100%;
	}
html>body #right {
	width: 56%; /* ie5win fudge ends */
	}

h1 {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 150%;
	line-height: 1.5em;
	color: #000091;
	padding-left: 2px;
}

h2 {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 130%;
	line-height: 1.5em;
	color: #000091;
	margin-bottom: 3px;
	padding-left: 2px;
}

h3 {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 120%;
	text-decoration: none;
	line-height: 1.5em;
	color: #000091;
	margin-bottom: 2px;
	padding-left: 2px;
}

h4 {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 110%;
	text-decoration: none;
	line-height: 1.5em;
	color: #000091;
	margin-bottom: 0px;
	padding-left: 2px;
}

p.menu {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	line-height: normal;
	font-weight: normal;
	line-height: 1em;
	color: #00006A;
	margin-top: 5px;
	margin-bottom: 10px;
}

p {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	line-height: normal;
	font-weight: normal;
	line-height: 1em;
	color: #00006A;
	padding-left: 2px;
	margin-top: 5px;
	margin-bottom: 10px;
}

p.selected {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	line-height: normal;
	font-weight: normal;
	line-height: 1em;
	color: #00006A;
	margin-top: 5px;
	margin-bottom: 10px;
	padding-left: 2px;
}

p.link {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 85%;
	line-height: normal;
	font-weight: normal;
	line-height: 1em;
	color: #00006A;
	margin-top: 2px;
	margin-bottom: 2px;
	padding-left: 2px;
}

p.footer {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 85%;
	line-height: normal;
	font-weight: normal;
	line-height: 1em;
	color: #00006A;
	margin-top: 2px;
	margin-bottom: 2px;
	padding-left: 2px;
}

td {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 90%;
}

th {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 90%;
}

a:link {
	color: #CC0033;
}

a:visited {
	color: #990000;
}

a:hover {
	color: #3300CC;
}

.small {
	font-size:xx-small;
	}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */