html, body 
{
    height: 100%;
}

body {
	margin: 5px 0px;
	padding: 0px;
	background: #FFFFFF; /* #475963; */
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

/* ============ margins auto center the container on the page ==========*/
#containerXX {
	margin: auto;
	padding: 10px;
	background-color: #ffffff;
	width: 780px;
}
/*=================== styles for top banner ========================*/
#banner {
	background-color: #FFFFFF;
	background: url('images/HeaderBG.jpg') no-repeat left bottom;
	height: 120px;
	color: #000000;
	width: 780px;
	margin: 0px auto
}
/*=================== styles for logo ========================*/
#logo {
    float: left;
    margin-left: 10px;
    margin-top: 4px;
}

#logintop 
{
    width: 300px;
    float: right;
    text-align: right;
	margin: 84px 10px 0px 0px;
}

#header {
	width: 780px;
	height: 112px;
	margin: 0 auto;
}

#logoxx {
	float: left;
	height: 112px;
}

#navtop {
    color: Black;
	width: 780px;
	height: 16px;
	margin: 0 auto;
	background: url("images/navtop.gif") no-repeat;
	padding-top: 8px; 
}
#topbutton {border-top: 1px solid Gray;}

#navtopleft{
  	float: left;
	width: 500px;
	text-align: left;
	padding-left: 10px;
}
#navtopright{
   	float: right;
	width: 200px;
	text-align: right;
	padding-right: 10px;
}

/*====================== page ======================== */
#page {
	width: 782px;
	margin: 0px auto;
}

.xxsubpage #content {
	width: 616px;
	margin-right: 0px;
}

.subpage #content .box {
	background-image: url(images3/subpage1_01.gif);
}

.subpage #content .box .bottom {
	background-image: url(images3/subpage1_02.gif);
}

.subpage #content2 {
	width: 460px;
	margin-right: 0px;
}

.subpage #content2 .box {
	background-image: url(images3/subpage1_01b.gif);
}

.subpage #content2 .box .bottom {
	background-image: url(images3/subpage1_02b.gif);
}
/*====================== Main Contents ======================== */
#content {
	float: left;
	width: 622px;
}
#content .box {
	background: #FFFFFF url(images3/homepage22.gif) repeat-y left top;
}

#content .box .bottom {
	height: 20px;
}

#contentmid {
	color: #000000;
	background-color: #ffffff;
	width: 489px;
}

.content2 {
	padding: 10px;
}

.content4 {
	color: #000;
	padding: 10px;
	margin: 5px 0px 5px 5px;
    border: 1px solid Black;
	background-color: #ffffff;
	width: 593px;
	float: right;
}

.content4 h2 {margin: 0px;
font-size: 14px;
padding: 4px;
color: Black;
border: 1px solid black;
text-align: center;
font-weight: bold;
background-color: #FCD310;}

.contentCS01 {
	width: 600px;
    margin-left: auto ;
    margin-right: auto ;
}

.contentCS02 {
	color: #000;
	padding: 10px;
	margin: 5px 0px 5px 5px;
    border: 1px solid Black;
	background-color: #ffffff;
}

.contentCS02 h2 {margin: 0px;
font-size: 14px;
padding: 4px;
color: Black;
border: 1px solid black;
text-align: center;
font-weight: bold;
background-color: #C5B358;}

.content5 {
	color: #000;
	padding: 10px;
	margin: 5px 0px 5px 5px;
    border: 1px solid Black;
	background-color: #ffffff;
	float: right;
	width: 95%;
}

.content5 h2 {margin: 0px;
font-size: 14px;
padding: 4px;
color: Black;
border: 1px solid black;
text-align: center;
font-weight: bold;
background-color: #FCD310;}
/*====================== Left Sidebar ======================== */
#left-sidebar {
	float: left;
	width: 160px;
}
.leftsidebar {
}
.leftsidebar .box {
}
.leftsidebar .entry {
	padding-bottom: 10px;
}
/*====================== Right Sidebar ======================== */
#right-sidebar {
  	float: right;
	width: 130px;
}
.rightsidebar {
}
.rightsidebar .box {
}
.rightsidebar .entry {
	padding-bottom: 10px;
}
/*============================================================== */
h1 {margin: 0px;
font-size: 20px;
padding: 4px;
color: #FCD310;
text-align: center;
font-weight: normal;
background-color: Black;}

.dddd {background-image: url(images/h1fade2.gif);}

h2 {margin: 0px;
font-size: 14px;
padding: 4px;
color: Black;
text-align: center;
font-weight: bold;
background-color: #FCD310;}

h3 {font-size: 13px;
color: Black;
text-align: center;}

td,th,p,div {font: 12px Verdana, Arial, Helvetica, sans-serif;
}

.tablerowheader {background-color: #FCD310;
font-weight: bold;
color: Black;
padding: 2px;
background-image: url('images/headerfade3.gif'); 
}

.tablerowdark {background-color: #F4F7FB;
padding: 4px;}

.tablerowlight {background-color: #E6ECF6;
padding: 4px;}

.bordereddiv {background-color: #F4F7FB;
border: 1px #A4C0E2 solid;
padding: 4px;
text-align: center;}

.newspane {background-color: #F4F7FB;
border: 1px #A4C0E2 solid;
padding: 4px;}

.fulltable {width: 100%;
margin: 0px 174px 0px 0px;}

.xxb {color: Black;}

a {color: #407AB6;
text-decoration: none;
font-weight: bold;}

a:hover {color: #86AEDA;
text-decoration: underline;}

/* input, textarea, select {background-color: #E6ECF6;
border: 1px solid #2352B1;
margin-bottom: 3px;} */
/* -moz-border-radius: 5px; */

.xxform {margin: 0px;}

.xbutton {font-family: Verdana, Arial, Helvetica;
font-size: 11px;
font-weight: bold;
color: #FFFFFF;
background-color: #5A89C0;
cursor: hand;
border-top: 1px solid #D9EBF1;
border-left: 1px solid #D9EBF1;
background-image: url(images/sideheaderfade.gif);}

.smaller {font: 11px/17px Verdana, Arial, Helvetica, sans-serif;}

.evensmaller {font: 9px Verdana, Arial, Helvetica, sans-serif;}

.evensmaller a {font-weight: normal;}

#bannertd {text-align: right;}

ul {list-style-image: url(images/bullet.gif);}

.xxbreadcrumbs {background-color: #F4F7FB;
border: 1px Black solid;
padding: 2px;
text-align: left;
font: 11px/17px Verdana, Arial, Helvetica, sans-serif;}

.sotm {padding-left: 10px;
width: 200px;}

img.floatLeft { 
    float: left;
    clear: left;  
    margin: 4px;
    height: 100px;
    width: 100px;
}
img.floatRight { 
    float: right; 
    clear: right;  
    margin: 4px; 
}
#search {
	float: right;
	width: 280px;
}

#search form {
	margin: 0;
	padding: 63px 0 0 0;
}

#search fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#search #s, #search #x {
	float: left;
}

#search #s {
	width: 188px;
	margin: 2px 6px 0 0;
	padding: 2px 5px;
	background: url(images/img02.gif) repeat-x;
	border: 1px solid #ACACAC;
}

#search #x {
	width: 67px;
	height: 28px;
	padding: 0;
	background: #006BFF url(images/img03.gif) no-repeat;
	border: none;
	text-transform: lowercase;
	color: #FFFFFF;
}
.centered
{
     margin: 10px auto 10px auto;
     text-align:center;
     vertical-align:middle;
}
.leftjust
{
	float: left;
    clear: left;  
    width: 400px;
    margin-left: 10px;

}
.rightjust
{
	float: right; 
    clear: right;
    width: 100px; 
    margin-right: 10px;
}
.line_spacer4px
{
    height: 4px;	
}
.line_spacer8px
{
    height: 8px;	
}
.list_spacing
{
    margin-bottom: 10px;
}
table.snackTable
{ text-align: center;
font-family: Verdana;
font-weight: normal;
font-size: 11px;
color: black;
width: 500px;
background-color: #fafafa;
border: 1px black solid;
border-collapse: collapse;
border-spacing: 0px; } 

td.snackHeader
{border: 1px solid black;
background-color: #FCD310;
text-align: center;
text-indent: 5px;
font-family: Verdana;
font-weight: bold;
font-size: 11px;
color: #000000;
}

td.snackRow
{border: 1px solid black;
background-color: white;
text-align: center;
text-indent: 5px;
font-family: Verdana;
font-weight: normal;
font-size: 11px;
color: black;
width: 120px; }

td.snackSelected
{border: 1px solid black;
background-color: #CCCCCC;
text-align: center;
text-indent: 5px;
font-family: Verdana;
font-weight: bold;
font-size: 11px;
color: black;
width: 120px; }

table.volTable
{ text-align: left;
font-family: Verdana;
font-weight: normal;
font-size: 11px;
color: black;
width: 440px;
background-color: white;
border: 1px Black solid;
border-collapse: collapse;
border-spacing: 0px; } 

td.volTitle
{border: 1px solid Black;
background-color: #CCCCCC;
text-align: center;
text-indent: 5px;
font-family: Verdana;
font-weight: bold;
font-size: 11px;
color: #000000;
width: 100%; }

td.volHeader
{border: 1px solid black;
background-color: #FCD310;
text-align: left;
text-indent: 5px;
font-family: Verdana;
font-weight: bold;
font-size: 11px;
color: #000000;
width: 160px; }

td.volRow
{border: 1px solid black;
background-color: white;
text-align: left;
text-indent: 5px;
font-family: Verdana;
font-weight: normal;
font-size: 11px;
color: black;
width: 50%; }

table.miscTable
{ text-align: left;
font-family: Verdana;
font-weight: normal;
font-size: 11px;
color: black;
background-color: white;
border: 1px Black solid;
border-collapse: collapse;
border-spacing: 0px; } 

td.miscRow
{border: 1px solid black;
background-color: white;
text-align: left;
text-indent: 5px;
font-family: Verdana;
font-weight: normal;
font-size: 11px;
color: black;}

.borderedPicture{
border: 2px silver solid;
padding: 2px;
text-align: center;}

/*================== general styles =================*/
hr {
	width: 90%;
	text-align: center;
	background-color: Silver;
	height: 5px;
}


/** COMMON BOX STYLE */

.menubox {
/*	margin-bottom: 3px; */
	border: 1px solid Black;
    margin: 5px 0px 5px 0px;
    padding: 0px 0px 20px 0px;
}
.menubox .title
{
    border-bottom: 1px solid Black;
    padding: 0px;
}
.menubox .title h2 {
    margin: 0px 0px 0px 0px;
    padding: 5px;
    font-family: Verdana, Arial, Helvetica;
    font-size: 11px;
    font-weight: bold;
    color: White;
    background-color: Gray;
}
.box {
/*	margin-bottom: 3px; */
	border: 1px solid Black;
    margin: 5px;
/*    padding-bottom: 5px; */
}

.box .title
{
    background-color: #fbd312;
    border-bottom: 1px solid Black;
    padding: 0px;
    text-align: center;
    vertical-align: middle;
}
.box .title h2 {
    margin: 0px 0px 0px 0px;
    padding: 5px;
    font-family: Verdana, Arial, Helvetica;
    font-size: 12px;
    font-weight: bold;
	color: #000000;
}
.box .title h1 {
    margin: 0px 0px 0px 0px;
    padding: 10px;
    font-family: Verdana, Arial, Helvetica;
    font-weight: bold;
    font-size: 14px;
	color: #ffffff;
	background-color: Black;
}
.box .title h1 span {
	color: #fbd312;
}

.box .title h3 {margin: 0px;
font-size: 20px;
padding: 4px;
color: #FCD310;
text-align: center;
font-weight: normal;
border: 1px solid Black;
background-color: Black;}

.box2 .border {
	margin: 0px 4px;
	border-top: 1px solid #8CAAA5;
}

.titleonly h3 {margin: 0px;
border: 1px solid Black;
margin: 5px;
padding-bottom: 5px;
font-size: 20px;
padding: 4px;
color: #FCD310;
text-align: center;
font-weight: normal;
border: 1px solid Black;
background-color: Black;}

/* ===============Post / Entry ======================= */
.post {
	padding: 0px 4px;
}

.post h3 {
	height: 15px;
	margin: 0px;
	padding: 2px 5px;
	background: url(images3/homepage15.gif) repeat-x left top;
	border-top: 1px solid #8CAAA5;
	border-bottom: 1px solid #8CAAA5;
	font-size: 11px;
}

.post h3 a {
	color: #000000;
}

.post .meta {
	margin: 0px;
	padding: 3px 19px;
	background: #C6DBD7 url(images3/homepage24.gif) no-repeat 7px 50%;
	border-bottom: 1px solid #8CAAA5;
	font-size: 9px;
}

.post .entry {
	padding: 19px 19px 9px 19px;
}

.post .entry2 {
	padding: 5px 10px 5px 10px;
}
.post .entry2 p {
	 margin: 0px 0px 10px 0px;
}

/*============== Styles for footer =================== */
#footer {
	clear: both;
	padding: 10px;
	background-color: #ffffff;
	text-align: center;
	background: url('images/FooterBG.jpg') no-repeat top left;
}
#footer p {
	margin-top: 0px;
	margin-bottom: 0px;
}
#footerXX {
	width: 780px;
	margin: 0 auto;
	padding: 10px 0;
	background: url(images/footer.gif) no-repeat;
	background-repeat: no-repeat;
	text-align: center;
}
/*================used to center anything==============*/
.center {
	text-align: center;
}
/* ============floats images to right or left ============*/
.imgrgt {
	float: right;
	padding: 7px;
}
.imglft {
	float: left;
	padding: 7px;
}

.smtxt {
	font-size:small;
}

/*======================== Side Menu ========================= */
.sidemenu a {font: 10px Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
font-weight: bold;
color: Black;
width: 154px;
padding: 2px;
display: block;}

.sidemenu a:hover {color: #FFFFFF;
text-decoration: none;}

.sideheader1 a {background-color: Black;
border-bottom: 1px solid Gray;
color: White;
background-image: url(images/sideheaderfade3.gif);}

.sidebuttons1 a {border-bottom: 1px solid Gray;}

.sidebuttons1 a:hover {background-color: Gray;
color: Black;
background-image: url(images/buttonbg2.gif);}