body{
        font-family: "Monotype Corsiva";
        color: #FFFFFF;
         scrollbar-face-color: RGB(33,33,57);
         scrollbar-highlight-color: RGB(33,33,57);
         scrollbar-shadow-color: RGB(180,180,210);
         scrollbar-3dlight-color: RGB(180,180,210);
         scrollbar-arrow-color: RGB(255,255,255);
         scrollbar-track-color: RGB(180,180,210);
         scrollbar-darkshadow-color: RGB(33,33,57);
         scrollbar-base-color: RGB(180,180,210);
}

a:link {
        color: #FFFFFF;
}
a:visited {
        color: #0033CC;
}
a:hover {
        color: #0066FF;
}
a:active {
        color: #993399;
}

#main {
        background-color: #212039;
        width: 800px;
}

#header{
        background-color: #212039;
        width: 100%;
        padding: 0 0 10px 0;
}

#line{
        background-color: #212039;
        width: 100%;
        height: 50px;
        clear: both;
}

#menu{
        background-color: #212039;
        margin: 0 75% 0 0;
        padding: 0 10px 10px 0px;
        font-style: italic;
        font-weight: bold;
        font-size: 18px;
}

#content{
        background-color: #212039;
        float:right;
        width: 75%;
        margin: 0;
        padding: 0 3% 0 0;
}

.cats{
        padding: 0px 0px 10px 10px;
        font-size: 18px;
        background-color: #212039;
        float:right;
        width: 100%;
        margin: 0;
        padding: 0 0 0 0;
}

.cats img{
        padding: 10px 10px 10px 10px;
        margin: 0;
}

#caption{
        clear: both;
}

/************** .feature styles ***************/

.feature{
        padding: 0px 0px 10px 10px;
        font-size: 18px;
}

.feature h3{
        padding: 0px 0px 5px 0px;
        text-align: center;
}

.feature img{
        /*float: left; */
        padding: 10px 10px 0px 10px;
        margin: 0 5px 5px 0;
}
/* adjust margins to change separation between the feature image and text flowing around it */



#footer{
        background-color: #212039;
        clear: both;
        font-size: 12px;
        color: #FFFFFF;
        padding: 10px 10px 10px 10px;
        margin-top: 0px;
        text-align: center;
}
/* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)
        the bottom border of the navBar in cases where they "touch" */
input.button
 {
 background-color: RGB(33,33,57);
 color: RGB(255,255,255);
 border_style: solid;
 border_width: 1px;
 border-color: RGB(180,180,210);
 font-size: 8pt;
 }

select.select
 {
 background-color: RGB(33,33,57);
 color: RGB(255,255,255);
 border_style: solid;
 border_width: 1px;
 border-color: RGB(180,180,210);
 font-size: 8pt;
 }

input.text
 {
 background-color: RGB(33,33,57);
 color: RGB(255,255,255);
 border_style: solid;
 border_width: 1px;
 border-color: RGB(180,180,210);
 font-size: 8pt;
 }

input.radio
 {
 color: RGB(255,255,255);
 border_style: solid;
 border_width: 1px;
 border-color: RGB(180,180,210);
 }

textarea.textarea
 {
 background-color: RGB(33,33,57);
 color: RGB(255,255,255);
 border_style: solid;
 border_width: 1px;
 border-color: RGB(180,180,210);
 font-size: 8pt;
 }