@import url("contentarea.css");

body {
color:#333;
text-align:center;
font:13px/100% Arial, Helvetica, sans-serif;
padding:0;
margin:0;
background:#012045 url(images/pagebg.png) center 140px no-repeat;
}

a { 
color:#16572B;
text-decoration:underline;
}

a:hover {
color:#00CC00;
text-decoration:none;
}

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

form {
margin:0;
padding:0;
}

p {
font:12px/150% Arial, Helvetica, sans-serif;
color:#333;
}

input, select, textarea {
background-color:#FFF;
border:1px #CCC solid;
color:#333;
font:normal 12px/100% Arial, Helvetica, sans-serif;
}

.smallsubmit {
background-color:#9A222C;
border:1px solid #68171E;
color:#FFF;
font:bold 14px/100% Arial, Helvetica, sans-serif;
}

.submit {
background-color:#9A222C;
border:1px solid #68171E;
color:#FFF;
font:bold 16px/100% Arial, Helvetica, sans-serif;
padding:5px;
}

#headerwrapper {
width:100%;
height:110px;
vertical-align:top;
background:#FFF url(images/header_bg.png) bottom repeat-x;
}

#header {
width:760px;
margin:auto;
}

#logo {
width:175px;
margin:14px 0 0 15px;
float:left;
text-align:left;
display:inline; /* Fixes IE margin doubling bug IE6 and older */
}

#header-right {
width:555px;
margin:67px 10px 0 0;
float:right;
text-align:right;
display:inline; /* Fixes IE margin doubling bug IE6 and older */
}

#topnavcontainer {
width:100%;
height:28px;
border-bottom:1px solid #571318;
border-top:1px solid #571318;
margin:0;
padding:0;
background:url(images/topnav_bg.png) top left repeat-x;
text-align:center;
}

#topnav {
width:768px;
height:28px;
margin:auto;
padding:0;
}

#topnav ul {
margin:0;
padding:0;
}

#topnav ul li {
font:bold 12px/100% Arial, Helvetica, sans-serif;
list-style-type:none;
padding:0;
margin:0;
color:#FFF;
text-align:center;
float:left;
}

#topnav ul li a {
color:#FFF;
text-decoration:none;
padding:8px 33px 8px;
display:block;
border-left:1px solid #CD6870;
border-right:1px solid #571318;
}

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

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

#mainbgwrapper {
width:100%;

text-align:center;
padding:10px 0 0;
}

#mainwrapper {
width:768px;
padding:0;
margin:auto;
text-align:left;
vertical-align:top;
clear:both;
overflow:hidden; /* Shows White Background in Firefox */
background:#FFF url(images/mainwrapper_top.png) center top no-repeat;
}

#leftcol {
float:left;
width:179px;
padding:15px 0 0;
margin-left:15px;
display:inline; /* Fixes IE margin doubling bug IE6 and older */
}

#leftcol .leftcell {
width:144px;
margin:0 7px;
padding-bottom:5px;
background:url(images/leftcell_bg.png) bottom repeat-x;
}

#leftcol .leftcell p {
color:#FFF;
text-align:left;
margin:0 5px;
font:normal 9px/150% Arial, Helvetica, sans-serif;
}

#leftcol .leftcell a { 
color:#008406;
text-decoration:none;
}  

#leftcol .leftcell a:hover {
color:#00CC00;
text-decoration:none;
}

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

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

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

#leftnav li a {
color:#FFF;
font:bold 14px/100% Arial, Helvetica, sans-serif;
display:block;
width:157px;
padding:8px 5px 9px 15px;
margin-bottom:2px;
text-decoration:none;
text-align:left;
background:url(images/leftnav_bg.png) 1px 1px no-repeat;
border:1px solid #E5E5E5;
}

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

#leftnav li a.selected {
color:#FFF;
font:bold 14px/100% Arial, Helvetica, sans-serif;
display:block;
width:157px;
padding:8px 5px 9px 15px;
margin-bottom:2px;
text-decoration:none;
text-align:left;
background:url(images/leftnav_selected.png) 1px 1px no-repeat;
border:1px solid #E5E5E5;
}

#leftnav ul ul {
width:177px;
padding:5px 0 6px; 
background:#FFF url(images/leftnav_subulbg.png) 1px 1px no-repeat;
border:1px solid #E5E5E5;
border-top:none;
margin:-3px 0 2px;
}

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

#leftnav ul ul li a {
color:#8F2029;
font-weight:normal;
display:block;
width:145px;
font-size:11px;
text-decoration:none;
text-align:left;
padding:3px 5px 3px 27px;
margin-bottom:0px;
background:url(images/leftnav_bullet.png) 15px 9px no-repeat;
border:none;
}

#leftnav ul ul li a:hover {
background:url(images/leftnav_bullet.png) 18px 9px no-repeat;
text-decoration:none;
color:#CE3B4B;
}

#leftnav ul ul li a.selected2 {
color:#360B0E;
font-weight:normal;
display:block;
width:145px;
font-size:11px;
text-decoration:none;
text-align:left;
padding:3px 5px 3px 27px;
margin:0;
background:url(images/leftnav_bullet.png) 15px 9px no-repeat;
border:none;
}

#leftnav ul ul ul {
width:177px;
padding:0 0 3px; 
background:none;
border:none;
margin:0;
}

#leftnav ul ul ul li a {
width:130px;
font-size:11px;
text-decoration:none;
text-align:left;
padding:3px 5px 3px 42px;
background:url(images/leftnav_bullet.png) 30px 9px no-repeat;
border:none;
}

#leftnav ul ul ul li a:hover {
background:url(images/leftnav_bullet.png) 33px 9px no-repeat;
text-decoration:none;
color:#CE3B4B;
}

#leftnav ul ul ul li a.selected2 {
color:#360B0E;
background:url(images/leftnav_bullet.png) 30px 9px no-repeat;
padding:3px 5px 3px 42px;
}

#leftarticles {
padding-bottom:100px;
}

#content {
width:544px;
float:left;
margin:15px 0 15px 15px;
}

#imagearea {
width:544px;
padding:0;
margin:0;
}

#imagearea img {
width:540px;
padding:1px;
margin:0;
border:1px solid #E5E5E5;
}

#mainwrapperbottom {
width:768px;
height:15px;
padding:0;
margin:auto;
text-align:left;
vertical-align:top;
clear:both;
overflow:hidden; /* Shows White Background in Firefox */
background:url(images/mainwrapper_bottom.png) center top no-repeat;
}

#bottomnavwrapper {
clear:both;
margin:auto;
width:768px;
margin-top:10px;
text-align:center;
}

#bottomnav {
width:768px;
margin:auto;
padding:0;
font:normal 11px/200% Arial, Helvetica, sans-serif;
text-align:center;
color:#FFF;
background:#BF2A37;
}

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

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

#bottomnav .bottomnavdiv {
margin:0px 15px;
vertical-align:middle;
}

#footer {
width:738px;
color:#AEB4BB;
font:normal 10px/150% Arial, Helvetica, sans-serif;
padding:15px;
margin:auto;
}

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

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