#container {
/*set default font-size*/
font-size: 70%;
font-family: verdana;
color: #ffffff;
text-align : left;
background-color: #43637C;
}

#topbar {
padding-bottom: 2px;
border-bottom: 1px solid #9a9a9a;
}

table td {
vertical-align: top;
}

/*
======================================
==============TAGS====================
======================================
*/


h1,h2,h3 {color: #ffffff;}

h1 {font-size: 20px;}
h2 {font-size: 16px;}
h3 {font-size: 12px;}
h4 {font-size: 11px; margin: 0; padding: 10px 0;}

.content a {color: #FF8A00;}
.content a:hover {color: #000000;}

/*
======================================
============== CLASSES ===============
======================================
*/


/* Used for the search box styling */
#searchbox {
position: relative;
width: 240px;
float: right;
text-align: right;
background: none;
}

.searchinput {
width: 160px;
margin: 0;
padding: 0;
height: 17px;
font-size: 13px;
border-left: 1px solid #c4c4c4;
border-top: 1px solid #c4c4c4;
border-right: 1px solid #8c8c8c;
border-bottom: 1px solid #8c8c8c;
padding-left: 2px;
}

#searchbox form {
padding: 0;
margin: 0;
}

#searchbutt {
border: 0;
padding: 0px;
width: 23px;
height: 20px;
margin: 0;
margin-left: 3px;
margin-right: 10px;
background: #ffcd14;
color: #000000;
font-size: 13px;
border-right: 1px solid #DFC97D;
border-bottom: 1px solid #DFC97D;
}

#searchbutt:hover {
background: #FFC500;
color: #ffffff;
border-right: 1px solid #BFB183;
border-bottom: 1px solid #BFB183;
}

#searchbutt:focus {
background: #fedb58;
color: #CFCFCF;
border-right: 1px solid #AF9436;
border-bottom: 1px solid #AF9436;
}


#spacer {
width: 556px;
line-height: 1px;
font-size: 1px;
}

#map {
width: 406px;
height: 500px;
margin-top: 15px;
border: 1px solid #2F2F2F;
overflow: hidden;
}

.mapinfo {
color: black;
width: 220px;
}

.mapinfo h2 {
color: black;
}

#side_bar {
width: 140px;
float: right;
padding-left: 7px;
position: relative;
overflow: auto;
height: 500px;
}

#side_bar h4 {
padding-left: 10px;
font-size: 13px;
}

#side_bar a {
padding-left: 5px;
color: white;
font-size: 11px;
margin: 0px 5px;
display: block;
}

#side_bar a:hover {
color: #FFE900;
}

#maplink {
padding: 12px;
background: #D1E2EF;
border-left: 1px solid #9BB9CF;
border-top: 1px solid #9BB9CF;
border-right: 1px solid #77A0BF;
border-bottom: 1px solid #77A0BF;
font-weight: bold;
color: #FF5A00;
}

#maplink:hover {
background: #DFF1FF;
color: #000000;
}

.clearing {
clear: both;
}

.content {
padding-left: 28px;
padding-bottom: 30px;
padding-top: 20px;
padding-right: 20px;
line-height: 150%;
}

.content table {
background: #5AA0CF;
border: 1px solid #CFCFCF;
border-top: 1px solid #9A9A9A;
border-left: 1px solid #9A9A9A;
padding: 5px;
}

.content td {
padding: 5px;
text-align: center;
vertical-align: bottom;
}

.showterms {
background: yellow;
color: black;
padding: 2px;
}

.credits {
font-family: arial;
text-align: center;
font-size: 11px;
padding-bottom: 8px;
}

.credits a {
color: #ffffff;
text-decoration: none;
}

.footer {
font-family: verdana;
color: white;
padding-top: 20px;
padding-bottom: 10px;
margin-bottom: 10px;
background: url(/images/footer-bak.gif) repeat-x #EB230A;
}

.footer a {
color: #FFFFFF;
}

.footer a:hover {
color: #FFFFFF;
text-decoration: underline;
}

.row0 {
background-color: #2380BF;
}

.row1 {
}

/* Used on the stats page to create graphs */
.graphbar {
background-color: #ddddff;
border: 1px solid navy;
}

#sitemap ul li {
margin-top: 4px;
}

.boldit {
font-weight: bold;
font-style: italic;
}

.theoctd {
vertical-align: top;
}

#ocmenu {
width: 143px;
font-size: 100%;
padding-top: 45px;
font-weight: bold;
padding-left: 14px;
padding-bottom: 20px;
}

#ocmenu a {
padding-left: 5px;
padding-top: 6px;
padding-bottom: 6px;
color: white;
text-align: left;
text-decoration: underline;
display: block;
}

#ocmenu a:hover {
color: #1F1F1F;
}

#ocmenu ul {
list-style: none;
text-align: left;
margin: 0;
padding: 0;
padding-left: 3px;
}

#ocmenu ul li {
display: block;
margin: 0;
padding: 0;
border-bottom: 1px dashed #ffffff;
}

#ocmenu ul ul {
list-style: none;
text-align: left;
margin: 0;
margin-bottom: 5px;
padding: 0;
font-size: 100%;
padding-left: 5px;
}

#ocmenu ul ul li {
font-weight: normal;
padding-top: 0;
padding-bottom: 0;
border: none;
}
