@import url("contentarea.css");

body {
color:#000;
text-align:center;
font:normal 12px/150% Arial, Helvetica, sans-serif;
background:#000 url(images/pagebg.png) top repeat-x;
padding:0;
margin:0;
}

a { 
color:#DF0022;
text-decoration: none;
}  

a:hover {
text-decoration: underline;
}

hr {
color:#DADADA;
height:1px;
}

form {
margin: 0;
padding: 0;
}

p {
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color:#333;
line-height:150%
}

input, select, textarea {
background-color:#F9F9F9;
border:1px #CCC solid;
color:#333;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
}

.smallsubmit {
background-color:#DF0022;
border:1px solid #6C0000;
color:#FFF;
font-family: Verdana, Arial, Helvetica, san-serif;
font-size: 10px;
font-weight: normal;
}

.submit {
background-color:#DF0022;
border:1px solid #6C0000;
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
font-size: 17px;
font-weight: bold;
padding:2px;
}

#header {
width:100%;
margin:0;
padding:0;
height:89px;
}

#headerbg-left {
background:url(images/headerl_bg.jpg) top right no-repeat;
}

#logo {
width:260px;
padding:0;
}

#header-right {
width:500px;
text-align:right;
padding:0;
}

#headerbg-right {
background:url(images/headerr_bg.jpg) top left no-repeat;
}

#topnav {
margin:0 0 6px;
padding:0;
width:100%;
height:20px;
background:url(images/topnav_bg.jpg) top repeat-x;
clear:both;
}

#mainwrapper {
width:760px;
padding:0;
margin:auto;
background:#FFF url(images/mainarea-bg.gif) top repeat-y;
border-bottom:5px solid #FFF;
overflow:hidden;
clear:both;
}

#leftcol {
float:left;
width:195px;
margin:5px;
}

#leftnav {
padding:0;
margin:0;
}

#leftnav ul {
padding:0;
margin:0;
line-height:normal;
list-style-type:none;
}

#leftnav li {
font:bold 12px/100% Arial, Helvetica, sans-serif;
padding:0;
margin-bottom:2px;
}

#leftnav li a {
color:#FFF;
display:block;
width:160px;
padding:7px 0 5px 25px;
text-decoration:none;
text-align:left;
background:url(images/leftnav_bg.jpg) no-repeat;
border-top:1px solid #AA0000;
}

#leftnav li a:hover {
background:url(images/leftnav_over.jpg) no-repeat;
}

#leftnav li a#selected {
background:url(images/leftnav_selected.jpg) no-repeat;
}

#leftnav ul ul {
padding-bottom:10px;
padding-top:10px;
}

/*
#leftnav li a#currentopensection {
color:#FFF;
background:#2C2C2C url(images/leftnavsub_selected.png) top repeat-x;
padding: 6px 0px 2px 15px;
border-bottom:none;
}
*/

#leftnav li li {
font:normal 11px/100% Arial, Helvetica, sans-serif;
}

#leftnav ul ul li a {
color:#CCC;
display:block;
width:145px;
text-decoration:none;
text-align:left;
padding:3px 0 3px 40px;
background:url(images/leftnav_bullet.gif) 27px 6px no-repeat;
border-bottom:none;
border-top:none;
}

#leftnav ul ul li a:hover {
background:url(images/leftnav_bullet.gif) 30px 6px no-repeat;
text-decoration:underline;
color:#FF0000;
}

#leftnav ul ul li a#selected2 {
color:#FFF;
}

#content {
width:550px;
float:right;
margin-right:5px;
}

#imagearea {
width:540px;
padding:0;
margin:5px 5px 0px 5px;
}

#imagearea image {
border:1px solid #A8A8A8;
background:#FFF;
padding:4px;
}

#bottomnavwrapper {
width:760px;
margin:auto;
padding:10px;
clear:both;
}

#bottomnav {
font:normal 11px/200% Arial, Helvetica, sans-serif;
color:#CCC;
}

#bottomnav a {
color:#CCC;
text-decoration: none;
}  

#bottomnav a:hover {
color:#FFF;
text-decoration:underline;
}

.bottomnav_div {
margin:0px 8px;
line-height:200%
}

#footer {
font:normal 11px/200% Arial, Helvetica, sans-serif;
color:#DDD;
padding:30px 25px;
clear:both;
}

#footer a { 
color:#DDD;
text-decoration: none;
} 

#footer a:hover {
color:#FFF;
}