@charset "UTF-8";
/* CSS Document */

body {
margin-left: 0px;
margin-top: 0px;
background-color: #fff;
background-image: url("img/bg_stripe.png");
}

p {
margin: 10px 30px 20px 30px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 80%;
color: #ccc;
}

p.navtext {
margin: 35px 0px 0px 0px;
font-family: "Times New Roman", Times, serif;
color: #fff;
font-size: 100%;
}

p.stafftext {
margin: 5px 0px 0px 15px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 80%;
color: #000033;
}

p.stafftext1 {
margin: 5px 0px 0px 15px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 75%;
color: #000033;
}

p.stafftext2 {
margin: -42px 0px 0px 115px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 75%;
color: #000033;
}

p.newstext {
margin: 10px 20px 0px 25px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 80%;
color: #000033;
}

h1 {
margin: 15px 0px 0px 15px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 70%;
color: #000033;
font-weight: bold;
text-decoration: underline;
}

h2 {
margin: 10px 0px 0px 0px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 140%;
color: #666;
font-weight: bold;
text-align: center;
}

h3 {
margin: 5px 0px 0px 0px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 90%;
color: #ccc;
font-weight: bold;
text-decoration: underline;
}

a:link {color:#999; text-decoration:none}
a:visited {color:#999; text-decoration:none}
a:hover {color:#fff; text-decoration:underline}
a:active {color:#fff; text-decoration:underline}

a.navlink:link {color:#fff; text-decoration:none}
a.navlink:visited {color:#fff; text-decoration:none}
a.navlink:hover {color:#ccc; text-decoration:underline}
a.navlink:active {color:#ccc; text-decoration:underline}

a.cal-link:link {color:#000; text-decoration:underline}
a.cal-link:visited {color:#000; text-decoration:underline}
a.cal-link:hover {color:#000066; text-decoration:underline}
a.cal-link:active {color:#000066; text-decoration:underline}

img.sidebar-img {
margin-bottom: 10px;
border-bottom: 1px dotted #fff;
}

.clear {
clear: both;
}

#container {
margin-left: auto;
margin-right: auto;
border-left: 5px solid #000;
border-right: 5px solid #000;
padding: 0px;
width: 820px;
}

#header {
margin: 0px;
border-bottom: 5px solid #000;
padding: 0px;
width: 820px;
}

#row1 {
width: 820px;
background-color: #000033;
}

#top-left {
float: left;
margin: 0px 10px 0px 18px;
border-left: 1px dotted #fff;
border-right: 1px dotted #fff;
border-bottom: 1px dotted #fff;
padding: 0px;
width: 250px;
height: 60px;
}

ol{
margin: 0px;
padding: 0px;
}

#top-right {
float: right;
margin: 0px 10px 0px 0px;
border-left: 5px solid #000;
border-right: 5px solid #000;
border-bottom: 1px dotted #fff;
padding: 0px;
width: 520px;
height: 60px;
text-align: right;
background-color: #000033;
}

#row2 {
width: 820px;
background-color: #000066;
}

#left-1 {
float: left;
background-color: #99ccff;
margin: 0px 10px 0px 18px;
border-left: 1px dotted #fff;
border-right: 1px dotted #fff;
border-bottom: 1px dotted #fff;
padding: 10px;
width: 230px;
height: 130px;
text-align: left;
}

#main-img {
float: right;
margin: 0px 10px 0px 0px;
border-left: 5px solid #000;
border-right: 5px solid #000;
border-bottom: 1px dotted #fff;
padding: 0px;
width: 520px;
height: 150px;
text-align: right;
vertical-align: bottom;
z-index: 0;
}

#row3 {
width: 820px;
background-color: #000;
}

#left-2 {
float: left;
background-color: #66ccff;
margin: 0px 10px 0px 18px;
border-left: 1px dotted #fff;
border-right: 1px dotted #fff;
border-bottom: 1px dotted #fff;
padding: 0px 0px 30px 0px;
width: 250px;
text-align: left;
}

#main {
float: right;
background-color: #000033;
margin: 0px 10px 0px 0px;
border-left: 5px solid #000;
border-right: 5px solid #000;
padding: 10px 20px 30px 20px;
width: 480px;
text-align: left;
}

#footer {
margin: 0px;
border-top: 5px solid #000;
border-bottom: 5px solid #000;
padding: 0px;
width: 820px;
}

/* TABBED MENU */

ol#toc {
    height: 2em;
    list-style: none;
    margin: 0;
    padding: 0px 0px 0px 10px;
}

ol#toc li {
    float: left;
    margin: 0 1px 0 0;
}

ol#toc a {
    background: #bdf url(tab.png);
    color: #008;
    display: block;
    float: left;
    height: 2em;
    padding-left: 14px;
    text-decoration: none;
}

ol#toc a:hover {
    background-color: #3af;
    background-position: 0 -120px;
}

ol#toc a:hover span {
    background-position: 100% -120px;
}

ol#toc li.current a {
    background-color: #48f;
    background-position: 0 -60px;
    color: #fff;
    font-weight: bold;
}

ol#toc li.current span {
    background-position: 100% -60px;
}

ol#toc span {
    background: url(tab.png) 100% 0;
    display: block;
    line-height: 2em;
    padding-right: 14px;
}

div.content {
padding: 20px 0px 0px 0px;
z-index: -1;
border-bottom: dotted 1px #ccc;
}