@import url("contentarea.css");

body {
color:#333;
text-align:center;
font:12px/100% Arial, Helvetica, sans-serif;
background:#CCC;
padding:0;
margin:0;
}

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:#EBF6EB;
border:1px #CCC solid;
color:#333;
font:normal 12px/100% Arial, Helvetica, sans-serif;
}

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

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

#header {
width:890px;
margin:auto;
height:157px;
background:#FFF;
}

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

#leftcol {
float:left;
width:155px;
padding:0;
margin-left:20px;
display:inline; /* Fixes IE margin doubling bug IE6 and older */
background:url(images/leftcol_bg.jpg) left repeat-y;
}

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

#leftcol .leftcell {
width:140px;
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 7px;
line-height:normal;
list-style-type:none;
}

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

#leftnav li a {
color:#FFF;
font:normal 12px/100% Arial, Helvetica, sans-serif;
display:block;
width:140px;
padding:8px 0 8px;
margin-bottom:5px;
text-decoration:none;
text-align:center;
background:url(images/leftnav_bg.jpg) top left no-repeat;
}

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

#leftnav li a.selected {
color:#FFF;
font:normal 12px/100% Arial, Helvetica, sans-serif;
display:block;
width:140px;
padding:8px 0 8px;
margin-bottom:5px;
text-decoration:none;
text-align:center;
background:url(images/leftnav_selected.jpg) top left no-repeat;
}

#leftnav ul ul {
padding:1px 0;
}

#leftnav ul ul li a {
color:#01CC01;
font-weight:normal;
display:block;
width:110px;
font-size:11px;
text-decoration:none;
text-align:left;
padding:1px 0 3px 20px;
margin-bottom:5px;
margin-top:5px;
background:url(images/leftnav_bullet.gif) 0px 0px no-repeat;
border-bottom:none;
border-top:none;
}

#leftnav ul ul li a:hover {
background:url(images/leftnav_bullet.gif) 3px 0px no-repeat;
text-decoration:none;
color:#F9F9F9;
}

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

#leftnav ul ul li li a {
color:#01CC01;
font-weight:normal;
display:block;
width:92px;
font-size:11px;
text-decoration:none;
text-align:left;
padding:1px 0 3px 38px;
background:url(images/leftnav_bullet.gif) 18px 0px no-repeat;
border-bottom:none;
border-top:none;
}

#leftnav ul ul li li a:hover {
background:url(images/leftnav_bullet.gif) 21px 0px no-repeat;
text-decoration:none;
color:#F9F9F9;
}

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

#leftarticles {
padding-bottom:100px;
}

#content {
width:670px;
float:left;
margin-left:20px;
}

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

#rightcol {
float:right;
width:150px;
margin-right:20px;
text-align:left;
}

#rightcol .rightcol-title {
margin:0;
padding:0;
}

#rightcol .rightcol-title image {
border-top:1px solid #E24141;
border-bottom:1px solid #450A0A;
}

#rightcol .rightcol-form {
border-top:1px solid #40AD6F;
border-bottom:1px solid #711010;
background:#00923F url(images/rightcol_form_bg.png) bottom repeat-x;
color:#FCF4D1;
font:bold 10px/100% Arial, Helvetica, sans-serif;
padding:11px 14px;
}

#rightcol input {
background-color:#FFF;
border:1px solid #000;
color:#000;
font:normal 12px Arial, Helvetica, sans-serif;
margin:1px 0 5px;
}

#rightcol p {
color:#FFF;
font:normal 11px/100% Arial, Helvetica, sans-serif;
padding:0;
margin:1px 0 5px;
}

#rightcol .submit {
background-color:#E41313;
border:2px solid #FFF;
color:#FFF;
font:bold 14px/100% Arial, Helvetica, sans-serif;
padding:3px;
}

#bottomnavwrapper {
clear:both;
margin:auto;
width:890px;
background:#FFF;
text-align:center;
}

#bottomnav {
width:850px;
margin:auto;
padding:15px 0 20px;
font:normal 11px/200% Arial, Helvetica, sans-serif;
text-align:center;
color:#777;
border-top:1px solid #175A2D;
border-bottom:5px solid #175A2D;
}

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

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

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

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

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

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