body {
margin: 0;
padding: 0;
font-family: "Verdana", Arial, Helvetica, sans-serif;
color: #000;
background-color: #fff;
}

a:link {
color: #036;
}

a:visited {
color: #066;
}

a:hover, a:active {
color: #FFF;
background-color: #036;
}

body, html {
height: 100%;
min-height: 100%;
}

/* ------------------------------------------------------------- */

div#banner {
color: #FFF;
background-color: #333;
border-bottom: 1px solid #000;
height: 150px;
background-image: url(images/header_bg.jpg);
background-repeat: no-repeat;
}

div#banner h1 {
margin: 0;
padding: 0.3em 0 0.3em 0.5em;
font-size: 2.2em;
font-weight: normal;
}

div#banner a {
color: #FFF;
}

div#container {
background-image: url(images/nav_col_base.jpg);
background-repeat: repeat-y;
}

div#container2 {
background-image: url(images/more_col_base.jpg);
background-repeat: repeat-y;
background-position: right;
}

div#navigation {
float: left;
width: 150px;
padding-top: 2em;
}

/* ------------------------------------------------------------- */


div#navigation ul {
list-style-type: none;
padding: 0;
margin: 0;
}

div#navigation ul li {
margin-top: 4px;
}

#navigation ul li a {
display: block;
width: 135px;
padding: 3px 5px 3px 10px;
text-decoration: none;
color: #000;
background-image: url(images/nav_base.jpg);
background-repeat: repeat-y;
}

#navigation ul li a:hover {
color: #FFF;
background-color: #CCC;
background-image: url(images/nav_base2.jpg);
background-repeat: repeat-y;
}

/* ------------------------------------------------------------- */

div#more {
float: right;
width: 160px;
margin: 0;
padding: 2em 10px 0 0;
color: #FFF;
}

div#more h3 {
margin-top: 0;
color: #FFF;
padding: .2em;
background-image: url(images/more_base.jpg);
background-position: right;
background-repeat: repeat-y;
}

/* ------------------------------------------------------------- */

div#content {
margin-left: 190px;
margin-right: 200px;
}

div#content h2 {
font-size: 2em;
color: #036;
margin: 0;
padding-top: 1em;
font-weight: normal;
border-bottom: 5px double #036;
}

div#content {
line-height: 150%;
}

/* ------------------------------------------------------------- */

#cleardiv {
clear: both;
height: 1em;
}

/* ------------------------------------------------------------- */

div#footer {
clear: both;
padding: 25px 1em;
border-top: 1px solid #000;
text-align: right;
background-color: #333;
height: 125px;
}

div#footer ul {
padding: 0;
margin: 0;
list-style-type: none;
}

div#footer li {
display: inline;
margin-right: 1em;
}

#footer ul li a {
color: #FFF;
background-color: #333;
}

/* ------------------------------------------------------------- */

p.small {
font-family: "Verdana", Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 12px;
text-decoration: none;
}

/* ------------------------------------------------------------- */

td.dashed {
border: dashed;
}

td.dotted {
border: dotted;
}

td.double {
border: double;
}

table.daashed {
border: dashed;
border-width: thin;
}

table {
border-width: medium;
border-color: #000;
background-color: #CCCCCC;
}