﻿body
{
    background-color: #ECFFEC;
    color: #454545;
    font: 15px Arimo, Tahoma, Arial, sans-serif;
    height: 1.6em;
    margin: 0;
    margin: auto;
    padding: 0;
	width: 1024px;


}
#pagebody
{
    background-color: #FFFFFF;
}
#headerbar
{
    float: left;
}
#header #headerbar
{
    background-image: url('Images/main_bar_middle.gif');
    background-repeat: repeat-x;
    height: 45px;
    margin: auto;
	width: 1024px;

}
#header #searchbar
{
    background-image: url('Images/search_middle.gif');
    background-repeat: repeat-x;
    height: 43px;
    margin-left: 102px;
    margin-top: -5px;
    width: 400px;
    float: left;
}
#header #searchbar #searchquery {
	width: 300px;
}
#header ul
{
    display: inline-block;
    margin-left: -36px;
    margin-top: 3px;
    float: left;
}
#header li
{
    display: inline;
    list-style: none;
    padding-right: 30px;
}
#header ul li a
{
    color: #ffcc33;
    font-size: 22px;
    position: relative;
   
    text-decoration: none;
    font-family: Arial, Gadget, Sans-Serif;
    font-weight: 900;
}

#header .list-sep
{
    color: White;
    font-size: 32px;
}
#header ul li a:hover
{
    color: #87bf55;
}
#header ul li a.selected
{
    color: #87bf55;
}
#searchbar input[type=text]
{
    height: 18px;
    margin: 5px 0 0 0;
    width: 170px;
}
#searchbar #searchsubmit
{
}
a img
{
    border: 0;
}
.left
{
    float: left;
}
.right
{
    float: right;
}
#content
{
    line-height: 1.5em;
    padding: 0 22px 0 22px;
    word-spacing: 0.25em;
    margin: 100px 0 0 0;
}
#content .content-header
{
}
#content .content-header-item
{
    line-height: 1.7em;
    font-size: 18px;
}
#logo
{
    margin: 0 0 0 22px;
}
#right-bar
{
    float: right;
    margin: 0 0 10px 0;
    width: 295px;
}
.boxtop
{
    background: #fff url('Images/boxtop.gif') no-repeat;
    color: #000;
    height: 19px;
}
.box
{
    background: #fff url('Images/box.gif') no-repeat bottom left;
    color: #5b5b5b;
    margin: 0 0 10px 0;
    padding: 0 10px 15px 10px;
}
.box p
{
    margin: 0;
    padding: 0;
}
.image
{
    float: left;
    margin: 0 9px 3px 0;
}
#content p, .main-content
{
    width: 652px;
}
.footer
{
    border-top: 1px solid #ccc;
    clear: both;
    line-height: 1.8em;
    padding: 10px 0 10px 0;
    text-align: center;
}
#content h1
{
    color: #488EB2;
    line-height: 26px;
}
#content a, .footer a
{
    background: inherit;
    color: #003B6E;
}
#content a:hover, .footer a:hover
{
    background: inherit;
    color: #9EC068;
}
#left-bar
{
    float: left;
    margin: 0 0 10px 0;
    width: 680px;
}
#content .item
{
    margin: 0 0 5px 0;
}
#content table
{
    border-collapse: collapse;
    width: 650px;
}
#content table tbody td
{
    border: 0px;
    padding: 10px 0 10px 0;
    vertical-align: top;
}

#content table tbody tr.even
{
    background-color: #dddddd;
}

#content table tbody tr.odd
{
}
#content table thead
{
    background-color: #488EB2;
    color: White;
    font-weight: bold;
    text-align: center;
}
#content table .year
{
    width: 50px;
}
#content table .title
{
    width: 300px;
}
h2.home
{
    text-align: center;
}
#indexlinks
{
    position: relative;
    left: 20px;
    top: 5px;
}
#indexlinks a
{
    color: #336580;
    float: left;
    font-size: 22px;
    margin-right: 20px;
    text-decoration: none;
    font-family: Arial, Sans-Serif;
    
}

#indexlinks a:hover
{
    color: #9EC068;
}
#indexlinks img
{
    float: left;
}
.lookup
{
    text-align: center;
}
.lookup div.index
{
    margin-bottom: 20px;
}
.lookup div.index a
{
    font-size: 22px;
    margin-right: 7px;
}
.boxcontent
{
    font-size: 13px;
}
.boxcontent h3
{
    margin: 0 0 0 0;
    text-align: center;
}
.boxcontent ol
{
    margin: 5px 0 0 -20px;
}
.boxcontent li
{
    margin: 0 0 5px 0;
}
.itemicon
{
    float: left;
}
.boombox
{
    float: right;
    margin: 3px 3px 3px 3px;
}
#contact, #contact tr td
{
    border-collapse: collapse;
    border-style: hidden;
    border-width: 0;
}
#contact label
{
    font-weight: bold;
}
#contact textarea
{
    height: 200px;
    width: 300px;
}
.social
{
    margin: 0 0 5px 0;
}
.categories
{
    float: left;
    width: 335px;
}

