body
{
    background-color: #808080;
    text-align: left;
    font-family: bitstream vera serif, georgia, serif;
    font-size: 10pt;
}

a, a:visited, a:active
{
    color:              white;
    text-decoration:    none;
}

.SelectedMenuItem
{
    text-decoration:    underline;
    font-weight:        bold;
}
      
a:hover, a:visited:hover, a:active:hover
{
    color:              white;
    text-decoration:    underline;
}


#main
{
    width: 95%;
    margin: 0 auto;
    background-color: white;
    min-width: 850px;
    min-height: 400px;
    padding-bottom: 0px;
    margin-bottom: 25px;
}

#leftbar
{
    float: left;
    width: 240px;
    margin: 10px;
}
 
#rest
{
    padding: 0px;
    margin: 0px;
    border-left: 1px solid black;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
}

* html #rest /* IE6 min-midth emulation */
{
    width: expression(document.getElementById('header').scrollWidth - 2);
}

#content
{
    margin-left: 280px;
    padding-right: 10px;
    padding-top: 25px;
}

#header
{
    height: 145px;
    padding: 0px;
    margin: 0px;
    text-align: center;
    margin-left: 0px;
    margin-top: -1px;
    background-color: black;
    background-image: url(img/grayleftarch.png);
    background-position: top left;
    background-repeat: no-repeat;
}

#header h2
{
    margin: 0px;
    padding: 0px;
    padding-left: 15px;
    padding-right: 15px;
    margin-right: 0px;
    background-image: url(img/grayrightarch.png);
    background-position: top right;
    background-repeat: no-repeat;
}

#footer
{
    height: 80px;
    background-color: white;
    background-image: url(img/footer.gif);
    background-repeat: no-repeat;
    background-position: center;
    padding: 0px;
    text-align: center;
    margin: 0px;
    color: white;
    font-weight: bold;
    font-family: bitstream vera serif, serif;
}

#footer a:link, #footer a:visited, #footer a:active
{
    color: white;
    text-decoration: none;
}

#footer a:hover
{
    color: white;
    text-decoration: underline;
}

.minipicture
{
    height: 100px;
    border: none;
}

/* set the image to use and establish the lower-right position */
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2
{
    background: transparent url(img/box.png) no-repeat bottom right;
    color: white;
}

.cssbox
{ /* intended total box width - padding-right(next) */
    width:225px !important; /* IE Win = width - padding */
    width: 210px; /* the gap on the right edge of the image (not content padding) */
    padding-right:15px; /* use to position the box */
    margin:20px auto;
}


/* set the top-right image */
.cssbox_head
{
    background-position:top right; /* pull the right image over on top of border */
    margin-right:-15px; /* right-image-gap + right-inside padding */
    padding-right:40px;
}

 /* set the top-left image */
.cssbox_head h2
{
    font-size: 10pt;
    font-weight: bold;
    background-position:top left;
    margin:0; /* reset main site styles*/
    border:0; /* ditto */ /* padding-left = image gap + interior padding ... no padding-right */
    padding:5px 0 5px 40px;
    height:auto !important;
    height:1%; /* IE Holly Hack */ /* set the lower-left corner image */
}

.cssbox_body
{
    background-position:bottom left;
    margin-right:25px; /* interior-padding right */
    padding:0px 0 5px 10px;
} /* mirror .cssbox_head right/left */

.frameheader
{
    margin-top: 0px; margin-bottom: 0px; color: white; font-size: 10pt; font-weight: bold; padding: 0px;
    background-color: #cc0000;
    background-image: url(img/rightarch.png);
    background-repeat: no-repeat;
    background-position: top right;
}

.frameheader h3
{
    font-size: 10pt;
    font-weight: bold;
    background-image: url(img/leftarch.png);
    background-repeat: no-repeat;
    background-position: top left;
    padding: 0px;
    margin: 0px;
    padding-left: 15px;
}

.framecontent
{
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 10px;
    overflow: hidden;
    font-size: 10pt;
    border-left: #cc0000 solid 1px;
    border-right: #cc0000 solid 1px;
    border-bottom: #cc0000 solid 1px;
}

.framecontainer
{
    margin-top: 0px; margin-bottom: 0px;
}

.frame
{
    background-color: white;
}

#left
{
    width:  47%;
    padding-top: 10px;
    margin: 10px;
}

a img
{
    border: none;
}

#right
{
    float: right;
    width: 47%;
/*  margin-left: 54%;*/
/*    _margin-left: 42%; /* IE6 accepts underscores, sane browsers do not */
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}

.righttext
{
    text-align: right;
}

.clear
{
    clear:    both;
    height:   1px;
    overflow: hidden;
}

#photos
{
    background-color: #cc0000;
    border-top: medium solid #808080;
    border-bottom: medium solid #808080;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    overflow: hidden;
    width: 100%;
    height: 110px;
    white-space: nowrap;
}

#photos img
{
    border: thin solid black;
    margin-left: 5px;
    margin-right: 5px;
}

#content a, #content a:visited, #content a:active
{
    color:              blue;
    text-decoration:    none;
}
#content a:hover, #content a:active:hover, #content a:visited:hover
{
    color:              blue;
    text-decoration:    underline;
}

.management
{
    background-color: white;
    color: black;
    margin-top: 10px;
    border: thick solid black;
    padding: 10px;
}

.imageleft
{
    float:                      left;
    margin-right:               8px;
}

.imageright
{
    float:                      right;
    margin-left:                8px;
}

.imageleft,.imageright
{
    font-size:                  8pt;
    color:                      gray;
    text-align:                 center;
}

.imageright img,.imageleft img
{
    border:                     none;
}