/*************************************************************
This file and created by Lee Alley on August 13th 2005
and copyright and all intellectual property rights reserved.
This file may be used for any purpose provided all attribution
retained.
**************************************************************/
body {background: #000;
	text-align: center;
	font-family: trebuchet ms, verdana, arial, sans serif;
        color: white;
}
h2, h3 {color: white;
        margin: 20px;
}
p,a,li {color: white;
	text-decoration: none;
	font-size: x-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small;
} 
table {margin-left: 20px;}
a:hover {color: #eb9326;}
a:visited {color: #e1e1e1;}
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1.3em;
}

#nav a {
	display: block;
	width: 89px;
}
#nav li { /* all list items */
	text-align: center;
	float: left;
	width: 89px; /* width needed for older Operati */
}
#nav li ul { /* second-level lists */
	position: absolute;
	background: #5c5c89;
	width: 89px;
	left: -999em; /* using left as display: none isn't read by screen readers */
}
#nav li ul ul { /* third+ level lists */
	margin: -1.3em 0 0 89px;
        voice-family: "\"}\"";
        voice-family: inherit;
        margin: -1.3em 0 0 89px;
}
#nav li ul li {left: 0;
        border-bottom: 1px solid white;
        voice-family: "\"}\"";
        voice-family: inherit;
        left: auto;
}
#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
#nav li.sfhover ul {margin-left: -44px;}
#nav li li.sfhover ul {margin-left: 44px;}
.subnav a {text-align: left}
#container {position: relative;
	background: #333366;
	width: 750px;
	height: auto;
	margin: 0px auto;
	padding: 0;
	border:0;
	clear: both;
}
#header {background: #5c5c89;
	position: relative;
	width: 750px;
	height: 190px;
	padding: 0;
	margin: 0;
	border: 0;
	z-index: 900;
}
#header img {border: 0;
	margin: 0;
	padding:0;
}
#header h1 {display: none;
 visibility: hidden;
 text-indent: -999em;
}
#menu {
	position: absolute;
	bottom: -4px;
	left: -2px;
	background: transparent;
	border: 0;
	padding: 0;
	margin: 0;
	width: 751px;
	height: 52px;
}
#mainpage {
	background: #333366;
	position: absolute;
	top: 222px;
	left: -13px;
	width: 750px;
	height: inherit;
	clear: left;
	margin: 0;
	padding: 0;
	border: 0;
	text-align: left;
}
#mainpage a {border: 0;
	padding: 0;
}
#mainpage p {border: 0;
	padding: 0;
	margin: 20px 20px 20px 20px;
	text-align:justify;
}
#mainpage table {margin: 0;}
.row {text-align: center;
	height: 154px;
	width: 138px;
	margin: 7px 2px 0 6px;
	background-color: #9999cc;
	padding: 0;
	float: left;
	z-index: 10;
}

div.row img, img.bordered {border:6px solid #9999cc;
}
div.row a:hover img {border:6px solid white;
}
#fronttop {
	height: auto;
	border: 0;
	margin: 0 0 30px 20px;
	padding: 0;
        font-family: trebuchet ms, verdana, arial, sans serif;
        color: white;
        font-size: small;
 
	background: transparent;
}
#fronttop p {margin-bottom: 20px;
  float: left;
}
#upright {float: right;
	height: auto;
	width: auto;
	margin: 0 0 30px 10px;
	background-color: white;
	border: 0;
}
#upright img {border:0;
	display: block;
	voice-family: "\"}\"";
	voice-family: inherit;
	margin-top:0;
}
#frontright {float: right;
        height: auto;
        width: auto;
        margin: 0px 0px 0 10px;
        background: transparent;
        border: 0;
}
#frontright img {border:0;
        display: block;
        margin: 40px 20px 10px 0;
        voice-family: "\"}\"";
        voice-family: inherit;
        margin-top:20px;
}
#upleft {float: left;
	height: auto;
	width: 350px;
	margin: 10px 10px 0 20px;
	background: transparent;
	border: 0;
}
#upleftDesc {float: left;
	font-weight: 600;
	font-size: 100%;
	height: auto;
	width: 350px;
	margin: 48px 10px 0 10px;
	background: transparent;
	border: 0;
}

#calendar {
	float: right; 
	width: 180px;
	margin: 0 0 30px 50px;
	background-color: #CCCCFF;
	border: 0;
}

.frontpic150x150 {
background: transparent;
	border: 0;
	padding: 0;
	margin: 0 30px 10px 30px;
	float: left;
	width: 150px;
	height: 150px;
}

.pixntext {float: left;
	height: auto;
	width: 100%;
	background: transparent;
	margin-bottom: 20px;
	padding:0;
	border: 0;
}
.frontpic {background: transparent;
	border: 0;
	padding: 0;
	margin: 0 30px 10px 30px;
	float: left;
	width: 150px;
	height: 120px;
}
pixdesc {position: relative;
	top: 0;
	left: 210px;
	width: 470px;
	text-align: justify;
	color: white;
}
.dateHeader { font-style: italic;
	font-weight: 500;
}
.bodyHeader { 
	font-weight: 600;
	font-size: 110%;
}
.blueHeader {
	font-family: "trebuchet ms", verdana, "sans serif";
	font-style: normal;
	font-weight: 500;
	color: #9999CC;
	font-size: 110%;
}
.footertext {font-size: 8px;
  text-align: center;
}
.access {margin-left: -999em;}

@media all {
        #fronttop {font-family: trebuchet ms, verdana, arial, sans serif;
       font-size: 1.2em;}
        }

/* All CSS layouts and XHTML structure by Lee Alley of MorganAlley.com; thanx to Patrick Griffiths and Dan Webb for the basis concept for the dropdown menus. */