body {
background: #fbfbfb;
margin: 0;
padding: 0;
color: #70777b;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

#container {
background: #fff;
width: 790px;
margin: 0;
padding: 0;
}

/* header
---------------------------------------------------- */

#header {
background: #000 url(../sitegraphics/structure/headerbg.jpg) no-repeat;
border-top: #363d54 8px solid;
width: 790px;
height: 96px;
margin: 0;
padding: 0;
}

#topmen {
float: right;
margin: 12px 18px 0 0;
padding: 0;
}

/* end header
---------------------------------------------------- */

/* content
---------------------------------------------------- */

#main {

background: #fff;
border-right: #505050 1px dotted;
width: 537px;
padding: 15px;
margin: 25px 0 25px 0;
}

#rightbar {
float: right;
background: #fff;
padding: 0;
margin: 25px 10px 25px 10px;
}

.rightbarbox {
background: #fff;
border: #e0e0e0 1px solid;
width: 199px;
margin: 0 0 15px 0;
padding: 0;
}

.rightbarbox p {
padding: 10px;
}

/* footer
---------------------------------------------------- */

#footer {
background: #000000;
border-top: #363d54 2px solid;
border-bottom: #898989 1px solid;
width: 790px;
height: 25px;
clear: both;
padding: 0;
margin: 0;
}

.footright {
float: right;
color: #fff;
padding: 0;
margin: 5px;
font-size: 11px;
}

.footleft {
float: left;
color: #fff;
padding: 0;
margin: 5px 5px 5px 15px;
font-size: 11px;
font-weight: bold;
}

.footleft a:link {
color: #fff;
text-decoration: none;
}

.footleft a:hover {
color: #878b97;
text-decoration: none;
}

/* end footer
---------------------------------------------------- */

a img { border: none; }
a { outline: none; }

a:link {
color: #878b97;
text-decoration: none;
}

a:visited {
text-decoration: none;
color: #878b97;
}

a:hover {
color: #878b97;
text-decoration: none;
}

.pagebreakermain {
border-top: #505050 1px dotted;
margin: 10px 0 10px 0;
}

h1 {
font-family: Arial, Helvetica, sans-serif;
color: #202870;
font-weight: lighter;
font-size: 22px;
margin: 3px 0 16px 0;
}

h2 {
font-family: Arial, Helvetica, sans-serif;
color: #434a5f;
font-weight: lighter;
font-size: 14px;
margin: 1px 0 8px 0;
}

h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000;
background: #cacbce;
font-size: 12px;
margin: 0;
padding: 6px;
}

h3 a:link {
color: #434a5f;
text-decoration: none;
}

h3 a:hover {
color: #434a5f;
text-decoration: none;
}

p {
color: #000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 1.75em;
margin-top: 1px;
}

p a:link {
color: #434a5f;
text-decoration: none;
}

p a:hover {
color: #434a5f;
text-decoration: none;
}



/* navigation
---------------------------------------------------- */

/* style the outer div to give it width */
.navigation {
background: #000 url(../sitegraphics/structure/navigationbg.jpg) repeat-x;
border-bottom: #2d2e30 8px solid;
width: 790px;
height: 26px;
font-size: 12px;
margin: 0;
padding: 0;
}

/* remove all the bullets, borders and padding from the default list styling */
.navigation ul {
padding: 0;
margin: 0;
list-style-type: none;
}

.navigation ul ul {
width: 120px;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.navigation li {
float: left;
position: relative;
}

/* style the links for the top level */
.navigation a, .navigation a:visited {
display: block;
font-size: 11px;
font-weight: bold;
text-decoration: none;
color: #fff;
height: 20px;
background: none;
padding: 5px 15px 6px 15px;
}

/* a hack so that IE5.5 faulty box model is corrected */
* html .navigation a, * html .navigation a:visited {
width: 150px;
w\idth: 139px;
}

/* style the second level background */
.navigation ul ul a.drop, .navigation ul ul a.drop:visited {
background: #b0b3ba;
}
/* style the second level hover */
.navigation ul ul a.drop:hover{
color: #3e3e40;
background: #b0b3ba;
}
.navigation ul ul :hover > a.drop {
color: #3e3e40;
background: #b0b3ba;
}
/* style the third level background */
.navigation ul ul ul a, .navigation ul ul ul a:visited {
background: #676d7d;
}
/* style the third level hover */
.navigation ul ul ul a:hover {
color: #3e3e40;
background: #676d7d;
}
.navigation ul ul ul :hover > a {
color: #3e3e40;
background: #676d7d;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.navigation ul ul {
visibility: hidden;
position: absolute;
height: 0;
top: 26px;
left: 0;
width: 150px;
}

/* another hack for IE5.5 */
* html .navigation ul ul {
top: 30px;
t\op: 31px;
}

/* position the third level flyout menu */
.navigation ul ul ul{
left: 150px;
top: 0;
width: 150px;
}

/* position the third level flyout menu for a left flyout */
.navigation ul ul ul.left {
left: -150px;
}

/* style the table so that it takes no part in the layout - required for IE to work */
.navigation table {
position: absolute;
top: 0;
left: 0;
}

/* style the second level links */
.navigation ul ul a, .navigation ul ul a:visited {
background: #d4d5d7;
color: #fff;
height: auto;
line-height: 1em;
padding: 5px 10px;
width: 129px

/* yet another hack for IE5.5 */
}
* html .navigation ul ul a{
width: 150px;
w\idth: 129px;
}

/* style the top level hover */
.navigation a:hover, .navigation ul ul a:hover{
color: #3e3e40;
background: #d4d5d7;
}

.navigation :hover > a, .navigation ul ul :hover > a {
color: #3e3e40;
background: #d4d5d7;
}

.navigation :hover > a, .navigation li li :hover > a {
color: #3e3e40;
background: none;
}

/* make the second level visible when hover on first level list OR link */
.navigation ul li:hover ul,
.navigation ul a:hover ul{
visibility: visible;
}

/* keep the third level hidden when you hover on first level list OR link */
.navigation ul :hover ul ul{
visibility: hidden;
}

/* keep the fourth level hidden when you hover on second level list OR link */
.navigation ul :hover ul :hover ul ul{
visibility: hidden;
}

/* make the third level visible when you hover over second level list OR link */
.navigation ul :hover ul :hover ul{
visibility: visible;
}

/* make the fourth level visible when you hover over third level list OR link */
.navigation ul :hover ul :hover ul :hover ul {
visibility: visible;
}

/* end navigation
---------------------------------------------------- */