h1, h2, h3, legend {
	font-family: arial, helvetica, sans-serif;
	color: #003377;
	text-align: center;
}

h1 {
    font-size: large;
    display: none;
}

h2 {
    margin: 0px;
    font-style: italic;
    font-size: 11pt;
    width: 100%;
    border-bottom: 2px groove #003377;  
    text-align: center;
}

legend {
	font-style: italic;
	font-weight: bold;
	font-size: 11pt;
}

fieldset {
	margin: 0 auto;
	width: 600px;
	padding-bottom: 2em;
}


.description {
	display: inline;
	font-style: italic;
}

#submit {
	display: block;
	margin: 2em auto;
}


label {
	margin-top: 1em;
	display: block;
}

/* Most any element will inherit from body & page */

body {
    background-image: url('/gfx/bg.jpg');
    margin: 0px;
    font-size: small;
    font-family: garamond, georgia, times, serif;
    padding: 1em;
    color: #101010;
    text-align: center; /* Needed ugliness for IE */
}

#page {
	margin: 0 auto;
	width: 780px;
	border: 2px ridge white;
	background-color: #f8f8f8;	
	position: relative;
	text-align: left;
}

/* banner.css.php */

/* The position of the logo is dynamically centered in relation to the header image and the navbar.
   These elements must therefore be set first, and the relevant dimensions made available in PHP
 */


#banner {
    position: relative;
    width: 780px;
    height: 210px;
    margin: 0px;
}

#header {
	position: absolute;
	top: 7px;
	right: 2px;
	width: 535px;
	left: 240px;
	height: 200px;
	overflow: hidden;
}





#header .front_slide {
	z-index: 10;
	display: block;
}

#header img {
	right: 10px;
	width: 525px;
	height: 200px;
	border: 2px ridge white;
	z-index: 2;
}

#header span {
	position: absolute;
	top: 30px;
	right: -7px;
	
	
	background-color: #003377;
	border: 2px ridge white;
	color: #f8f8f8;
	z-index: 3;

	font-size: 14pt;
	font-weight: bold;
	font-style: italic;
	/* Set comfortable background to either side of text */
	padding-right: 30px;
	padding-left: 30px;
	font-family: arial, helvetica, sans-serif;
	
	 filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}

#header .hidden_slide {
	display: none;
}



#navs {
	position: absolute;
    top: 165px;
    left: 0px;    
	width: 100%;
	z-index: 5;

}

ul#main_nav {
	
    padding: 0px;
    margin: 0px;
	border: 2px ridge white;
    
	background-color: #003377;

    text-align: center;
    list-style-type: none;
    font-family: arial, helvetica, sans-serif;


    filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}

ul#main_nav li {
    display: inline;
    margin: 0px;
    padding: 0px;
}

ul#main_nav a {
	color: #f8f8f8;
    font-weight: bold;
    font-size: 11pt;
    text-decoration: none;
    margin: 0px;
    height: 100%;
    padding: 2px 10px;
    
    filter:alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}

#main_nav .active a {
	background-color: #eeeeee;
	color: #003377;
}

#main_nav .active  a:visited {
	background-color: #eeeeee;
	color: #003377;
}

#main_nav .active  a:hover {
	background-color: #eeeeee;
	color: #003377;
}

ul#main_nav a:hover {
    color: #003377;
    background-color: #eeeeee;
    border: 2px ridge white;
    padding: 0px 8px;
}


#subnav {
	background-color: #eeeeee;
	border: thin ridge #003377;
	border-width: 0 1px 1px 1px;
	font-family: arial, helvetica, sans-serif;
	margin-top: 0px;
	    
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	
	font-size: 11pt;
	font-style: italic;
	font-weight: bold;
	text-align: center;
}

#subnav li {
	display: inline;
}

#subnav a {
	color: #003377;
	text-decoration: none;
	padding: 0px 10px;
}

#subnav a:hover {
	/* background-color: #EEEEAA; */
	border: 1px ridge #003377;
	padding: 0px 9px;
}


#logo {
	position: absolute;
	left: 30px;
	top: 28.5px;
	height: 108px;
	width: 185px;	
}

div#content {
	position: relative;
    padding: 10px;
    margin: 0px;
}

#content_bottom {
	clear: both;
	height: 5px;
}

div#footer {
    background-color: #003377;
    font-family: arial, helvetica, sans-serif;
    font-size: x-small;
    text-align: center;
    clear: both;
    width: 100%;
    margin: 0px auto;
    padding: .25em 0em;
    color: #f8f8f8;
}

div#footer p {
	margin: 2px;
}

div#footer a {
	color: white;
}

div#footer #webmaster_contact {
	margin-top: 1em;
}
.nav {
	list-style-type: none;
}

.main {
	width: 525px;
	float: left;
	margin-right: 10px;
	margin-bottom: 1em;
	padding-top: 1em;
}


.sidebar {
    width: 200px;
    margin: 3px;
    padding: 7px;
    
    float: right;
    background-color: #eeeeee;

    border: 2px ridge white;
    text-align: center;
}

.sidebar .nav {
	font-style: italic;
	font-size: 11pt;
	font-family: arial, helvetica, sans-serif;
	background-color: #003377;
	color: #f8f8f8;
	text-align: left;
	padding: 0px;
	
}

.sidebar .nav li {
	padding: .2em;
}

.sidebar .nav a {
	color: #f8f8f8;
	text-decoration: none;
}

.portlet {
	color: #101010;
	background-color: #EEF6FF;
	border: 2px ridge #003377;
	padding: 0em;
	text-align: left;
	width: 196px;
}

.portlet h2 {
	color: #f8f8f8;
	background-color: #003377;
	padding: .2em 0px .2em 1px;
	width: 100%;
	font-style: normal;
}

.portlet p, h3 {
	padding: 0px 3px;
}

div#topline {
	background-color: #eeeeee;
	font-family: arial, helvetica, sans-serif;
	color: #101010;
	font-size: x-small;
	font-weight: bold;
	padding: 0px 1em;
}

div#topline .phone {
	position: absolute;
	right: 1em;
}