body { color: black; font-family: arial; background-color: #c1dce1; text-align: center; margin: 0; padding: 0; }
p { margin-bottom: 10px; }
td {}
a:link { color: blue }
a:visited { color: purple }
a:hover { color: purple }
a:active { color: red }
#mainframe { background-image: url(../images/bg_main.jpg); background-repeat: repeat-y; width: 992px; height: 696px; margin-right: auto; margin-left: auto; }
.capital { color: #92c1f6; font-size: 13px; font-weight: bold; }
.box { padding-top: 10px; padding-bottom: 5px; }
table { font-size: 12px; padding-left: 5px; }
#header { background-image: url(../images/header.jpg); background-repeat: no-repeat; height: 133px; }
#middle { background-image: url(../images/middle2_bg.gif); background-repeat: no-repeat; width: 926px; height: 521px; margin-top: -2px; margin-right: auto; margin-left: auto; }
#left { color: #fff; font-size: 13px; font-family: arial; text-align: left; width:270px; padding:10px 10px 10px 15px; float:left; }
.bigf { color: #75a8e9; font-size: 15px; font-weight: bold; text-align: center; }
#content {
width:411px;
padding:5px 0 0 3px;
float:left;
overflow: hidden;
}
#right {
width:214px;
padding:10px 0 0;
float:left;
}
.photos { margin-bottom: 20px; border: groove 3px #f3bd9e; }
#navlist
{ width: 866px; margin: -16px auto 0; padding-left: 90px; }

#navlist ul, #navlist li
{ margin: 0; display: inline; list-style-type: none; padding: 0 0 0 0; }

#navlist a:link, #navlist a:visited
{ background: #903eba; color: #fff; font-size: 15px; font-family: arial; font-weight: bold; margin-right: 8px; padding: 1px 13px 4px; text-decoration: none; height: 20px; border-top: 2px solid; border-right: 2px solid; border-left: 2px solid; }

#navlist a:link#current, #navlist a:visited#current
{
background: #fff;
border-bottom: 1px solid #fff;
color: #000;
}

#navlist a:hover { color: #fff; background-color: #17457e; }

body.section-1 #navlist li#nav-1 a, 
body.section-2 #navlist li#nav-2 a,
body.section-3 #navlist li#nav-3 a,
body.section-4 #navlist li#nav-4 a
{
background: #fff;
border-bottom: 1px solid #fff;
color: #000;
}

#navlist #subnav-1,
#navlist #subnav-2,
#navlist #subnav-3,
#navlist #subnav-4
{
display: none;
width: 90%;
}

body.section-1 #navlist ul#subnav-1, 
body.section-2 #navlist ul#subnav-2,
body.section-3 #navlist ul#subnav-3,
body.section-4 #navlist ul#subnav-4
{
display: inline;
left: 10px;
position: absolute;
top: 95px;
}

body.section-1 #navlist ul#subnav-1 a, 
body.section-2 #navlist ul#subnav-2 a,
body.section-3 #navlist ul#subnav-3 a,
body.section-4 #navlist ul#subnav-4 a
{
background: #fff;
border: none;
border-left: 1px solid #ccc;
color: #999;
font-size: smaller;
font-weight: bold;
line-height: 10px;
margin-right: 4px;
padding: 2px 10px 2px 10px;
text-decoration: none;
}

#navlist ul a:hover { color: #f00 !important; }

#contents
{
background: #fff;
border: 1px solid #ccc;
border-top: none;
clear: both;
margin: 0px;
padding: 15px;
} 
#footer { color: #fff; font-size: 9px; font-family: arial; clear: both; bottom: 0; left: 0; background: #903eba; text-align: center; width: 100%; border-top: 2px groove #92c1f6; border-right-style: none; border-right-width: medium; border-bottom-style: none; border-bottom-width: medium; border-left-style: none; border-left-width: medium; }
#top { color: #fff; font-size: 9px; font-family: arial; clear: both; bottom: 0; left: 0; background: #903eba; text-align: center; width: 100%; border-bottom: 2px groove #92c1f6; border-top-width: 2px; border-right-style: none; border-left-style: none; border-left-width: medium; }
h1 { color: #fff; font-size: 12px; font-weight: bold; margin: 1px 0; }
em { color: #fff; font-size: 12px; }