@import url("contentarea.css");

body {
color:#333;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
background:#999 url(images/pagebg.png) 0px 132px repeat-x;
padding:0;
margin:0;
}

a { 
color:#FF6600;
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:#FF6400;
border:1px solid #FF3500;
color:#FFF;
font-family: Verdana, Arial, Helvetica, san-serif;
font-size: 10px;
font-weight: normal;
}

.submit {
background-color:#FF6400;
border:1px solid #FF3500;
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
padding:2px;
}

#header {
width:100%;
background:url(images/header_bg.png) top repeat-x;
}

#logo {
width:400px;
text-align:left;
vertical-align:bottom;
}

#header-right {
width:360px;
text-align:right;
vertical-align:bottom;
}

#topnav {
margin:0;
padding:0;
border-top:2px solid #FFF;
border-bottom:2px solid #FFF;
width:100%;
}

#topnav sup {
font-size: 10px;
}

#topnav td {
background: url(images/topnav_bg.png) top repeat-x;
}

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

#topnav ul li {
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
float: left;
text-align: center;
font-weight:bold;
color:#FFF;
}

#topnav ul li a {
color:#FFF;
font-weight:bold;
text-decoration: none;
padding: 7px 14px 7px;
border-left:1px solid #FF7315;
border-right:1px solid #F43100;
display:block;
} 

#topnav li a:hover {
background:url(images/topnav_over.png) top repeat-x;
}

#topnav li a#current {
background:url(images/topnav_selected.png) top repeat-x;
}

#maintable {
width:760px;
margin:10px auto 0px;
}

#leftcol {
background:#333 url(images/leftcolbg.png) -20px bottom repeat-x;
text-align:left;
vertical-align:top;
width:200px;
}

#leftcol p {
line-height:100%;
}

#leftcol_pic {
margin:15px;
}

#leftinfobox {
margin:15px 10px 10px;
background-color:#7E7E7E;
padding:10px;
color:#FFF;
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
line-height:130%;
border:1px dotted #CCC;
}

#leftinfobox h2 {
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFF;
margin-top:5px;
}

#leftinfobox p {
color:#FFF;
font-size:10px;
line-height:130%;
}

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

#leftnav ul {
line-height:normal;
list-style-type:none;
padding:0;
margin:0;
border-top:1px solid #2C2C2C;
border-bottom:1px solid #494949;
}

#leftnav li {
font-family: Arial, Helvetica, sans-serif;
padding:0;
margin:0;
}

#leftnav li a {
color:#FFF;
font-weight:bold;
display:block;
width:185px;
font-size:14px;
text-decoration: none;
text-align: left;
padding: 6px 0px 5px 15px;
background:#2E2E2E url(images/leftnav_bg.png) bottom repeat-x;
border-top:1px solid #494949;
border-bottom:1px solid #2C2C2C;
}

#leftnav li a:hover {
background:#4D4D4D url(images/leftnav_over.png) bottom repeat-x;
color:#FFF;
}

#leftnav li a#selected {
color:#FFF;
font-weight:bold;
display:block;
width:185px;
font-size:14px;
text-decoration: none;
text-align: left;
padding: 6px 0px 5px 15px;
background:#838383 url(images/leftnav_selected.png) bottom repeat-x;
border-top:1px solid #494949;
border-bottom:1px solid #2C2C2C;
}

#leftnav ul ul {
padding-bottom:10px;
padding-top:3px;
border-top:none;
border-bottom:none;
background:#333 url(images/leftnavsub_bg.png) bottom repeat-x;
}

#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 ul ul li a {
color:#FF6600;
font-weight:normal;
display: block;
width: 170px;
font-size: 11px;
text-decoration: none;
text-align: left;
padding: 3px 0px 4px 30px;
background:url(images/leftnav_bullet.gif) 18px 8px no-repeat;
border-bottom:none;
border-top:none;
}

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

#leftnav ul ul li a#selected2 {
color:#FFF;
background:url(images/leftnav_bullet.gif) 17px 8px no-repeat;
}

#content {
text-align:left;
vertical-align:top;
width:560px;
padding:0;
margin:0;
background-color:#FFF;
}

#imagearea {
padding:0;
margin:0;
background-color:#F3F3F3;
}

#bottomwrapper {
background-color:#D0E4FC;
}

#bottomnav {
background: url(images/bottomnav_bg.png) top repeat-x;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
text-align:center;
color:#FFF;
margin-top:10px;
}

#bottomnav sup {
font-size: 8px;
}

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

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

.bottomnav_div {
margin: 0px 20px;
}

#footer {
font-size: 11px;
font-weight: normal;
color:#CCC;
font-family:Arial, Helvetica, sans-serif;
line-height: 150%;
padding:15px 25px 10px 25px;
}

#footer sup {
font-size: 8px;
}

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

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