body { color: #02253a; font-size: 95%; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: 500; background-color: #F0FFFF; text-align: justify; margin: 0; padding: 0; }
h1 { color: #61524e; font-size: 220%; font-family: Garamond, Georgia, "Times New Roman", Times, serif; font-variant: small-caps; }
h2 { font-size: 175%; font-variant: small-caps; }
h3 { font-size: 150%; }
h4 { font-size: 125%; }

.ttitle { background-color: #d1d1d1; font: bolder 125%/150% Arial, Helvetica; padding-left: 5px; margin-top: 1.8em; }
.title { font-size: 100%; }
a:link {
	color: blue;
	text-decoration: none;
	font-weight: bold;
}
a:visited {
	color: blue;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	color: red;
	text-decoration: underline;
	font-weight: bold;
}
a:active {
	color: blue;
	text-decoration: underline;
	font-weight: bold;
}
#header-top { background-color: #e0d4bc; }
#logo { position: absolute; top: 0; right: 0; }
#header-bottom { background-color: #c5b8b2; height: 1%; border-top: 1px solid #7c98ae; }
#main { position: static; top: 0; left: 0; width: 100%; margin-top: 0; }
#content { color: #003c79; margin-right: 250px; margin-left: 10px; padding-right: 30px; border-right: 1px solid #7c98ae; }
#photobar { text-align: center; position: absolute; top: 123px; right: 0; width: 240px; padding-right: 5px; padding-left: 5px; }
.caption { font-size: 110%; font-family: Garamond, Georgia, "Times New Roman", Times, serif; font-style: italic; text-align: center; }
#photobar img { outline: solid 1px #7c98ae; }
.caption { color: #003c79; font-size: 110%; font-family: Garamond, Georgia, "Times New Roman", Times, serif; font-style: italic; text-align: center; }

#footer { width: 100%; margin-top: 100px; border-top: 1pt solid #7c98ae; border-bottom: 1px solid #7c98ae; }
#footer p { color: #003c79; font: 90% Garamond, Georgia, "Times New Roman", Times, serif; text-align: center; }
#footer a { text-decoration: underline; }

#menu { background-color: #c5b8b2; width: 100%; height: auto; float: left; }
#menu ul { margin: 0; padding: 0; width: 10em; float: left; list-style: none; }
#menu a, #menu h4 { font: bold 85%/140% arial, helvetica, sans-serif; text-align: left; display: block; border-width: 1px; border-style: solid; border-color: #ccc #888 #555 #bbb; margin: 0; padding: 2px 5px 2px 8px; }

#menu h4 { color: #00234c; background: #c5b8b2; text-transform: uppercase; }
#menu a { color: #00234c; background: #ebebe1; text-decoration: none; }

#menu a:hover { color: #7a1d41; background: #e0d4bb; }

#menu li { position: relative; }
#menu ul ul { position: absolute; z-index: 500; }
#menu ul ul ul { position: absolute; top: 0; left: 100%; }

div#menu ul ul { display: none; }

div#menu ul li:hover ul { display: block; }

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block; }


[if IE]>
<style type="text/css" media="screen">
body { behavior: url(csshover2.htc); font-size: 100%; } 
#menu ul li {float: left; width: 100%;}
#menu ul li a {height: 1%;} 

#menu a, #menu h4 { font: bold 85%/140% arial, helvetica, sans-serif; text-align: left; display: block; border-width: 1px; border-style: solid; border-color: #ccc #888 #555 #bbb; margin: 0; padding: 2px 5px 2px 8px; }
 
[if IE]>
<style type="text/css" media="screen">
body { behavior: url(csshover2.htc); font-size: 100%; } 
#menu ul li {float: left; width: 100%;}
#menu ul li a {height: 1%;} 

#menu a, #menu h4 { font: bold 85%/140% arial, helvetica, sans-serif; text-align: left; display: block; border-width: 1px; border-style: solid; border-color: #ccc #888 #555 #bbb; margin: 0; padding: 2px 5px 2px 8px; }
</style>
<![endif]