/*----------------------------*/
/*------- Reset Styles -------*/
/*----------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
margin:0;
padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset,img { 
border:0;
}
address,caption,cite,code,dfn,em,th,var {
font-style:normal;
font-weight:normal;
}
ol,ul {
list-style:none;
}
caption,th {
text-align:left;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
}
q:before,q:after {
content:'';
}
abbr,acronym { border:0;
}

/*---------------------------*/
/*------- Main Styles -------*/
/*---------------------------*/

body {
color:#333;
text-align:center;
font:normal 14px/150% Arial, Helvetica, sans-serif;
background:#F9F9F9 url(/images/page_bg.png) top repeat-x;
}

a { 
color:#4B9140;
text-decoration:none;
}  

a:hover {
text-decoration:underline;
}

em {
font-style:italic;	
}

hr {
color:#DADADA;
height:1px;
text-align:center;
}

p {
font:normal 14px/150% Arial, Helvetica, sans-serif;
}

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

.smallsubmit {
background:#00A671;
border:1px solid #4A6C00;
color:#FFF;
font:normal 10px Arial, Helvetica, sans-serif;
}

.submit {
background:#00A671;
border:1px solid #4A6C00;
color:#FFF;
font:bold 16px Arial, Helvetica, sans-serif;
padding:5px;
}

/*------------------------------*/
/*------- Shared Classes -------*/
/*------------------------------*/

.pictureframe {
border:1px solid #CCC;
}
.photoframe {
border:1px solid #CCC;
}
.left {
text-align:left;	
}
.right {
text-align:right;
}
.center {
text-align:center;
}
.floatleft {
float:left;
}
.floatright {
float:right;	
}
.marginleft {
margin-left:10px;	
}
.marginright {
margin-right:10px;	
}
.smalltext {
font-size:11px;
}
.tinytext {
font-size:10px;
}
.note {
color:#006699;
}
/*----------------------*/
/*------- Header -------*/
/*----------------------*/

#header {
width:840px;
margin:24px auto 38px;
}
#header-left {
width:226px;
text-align:left;
}
#header-right {
width:536px;
text-align:right;
vertical-align:bottom;
}
#header-right img {
margin-top:25px;
}
#header-right .licensed {
margin-right:7px;
}

/*--------------------------*/
/*------- Main Table -------*/
/*--------------------------*/

#maintable {
border:1px solid #80BFE1;
margin:0 auto;
width:840px;
clear:both;
}

/*---------------------------*/
/*------- Left Column -------*/
/*---------------------------*/

#leftcol {
width:250px;
text-align:left;
vertical-align:top;
background:#007FC3 url(images/leftcol_bottom.png) bottom repeat-x;
}
#leftcol .leftnav {
margin:18px 0;
}
#leftcol .leftnav ul {
list-style-type:none;
}
#leftcol .leftnav li {
text-align:right;
font:bold 14px/100% Arial, Helvetica, sans-serif;
}
#leftcol .leftnav li a {
color:#DFF4FF;
text-decoration:none;
display:block;
padding:6px 35px 6px 0;
background:#007FC3 url(/images/leftnav_bg.png) 220px 6px no-repeat;
border-top:1px solid #006196;
border-bottom:1px solid #80BFE1;
}
#leftcol .leftnav li a:hover {
color:#FFF;
background:#008BD7 url(/images/leftnav_over.png) 223px 6px no-repeat;
}
#leftcol .leftnav li a.selected {
color:#003566;
background:#79D0FF url(/images/leftnav_selected.png) 225px 6px no-repeat;
}

/*----------------------------*/
/*------- Content Area -------*/
/*----------------------------*/

#contentarea {
width:590px;
text-align:left;
vertical-align:top;
font:normal 14px/150% Arial, Helvetica, sans-serif;
color:#333;
text-align:left;
background:#FFF;
}
#contentarea a { 
color:#CC0000;
text-decoration:none;
}  
#contentarea a:hover {
color:#FF0000;
text-decoration:underline;
}
#contentarea hr {
color:#DDD;
height:1px;
text-align:center;
}
#contentarea p {
margin:15px 20px;
}
#contentarea h1 {
color:#005299;
font:normal 24px/150% Arial, Helvetica, sans-serif;
text-align:left;
margin:15px 20px;
}
#contentarea h2 {
color:#A30000;
font:normal 20px/150% Arial, Helvetica, sans-serif;
margin:15px 20px;
}
#contentarea h3 {
color:#008AD1;
font:bold 18px/150% Arial, Helvetica, sans-serif;
margin:15px 20px;
}
#contentarea h4 {
color:#000;
font:bold 16px/150% Arial, Helvetica, sans-serif;
margin:15px 20px;
}
#contentarea h5 {
color:#000;
font:bold 14px/150% Arial, Helvetica, sans-serif;
margin:15px 20px;
}
#contentarea ul {
list-style-type:disc;
margin:10px 20px 10px 60px;
margin-top:7px;
}
#contentarea ol { 
list-style-type:decimal;
margin-left:60px;
margin-right:40px;
padding-left:0px;
}
#contentarea ol ol {
list-style-type: lower-alpha;
}
#contentarea li {
text-align:left;
margin-bottom:10px;
}
#contentarea .quote {
font:italic 14px Arial, Helvetica, sans-serif;
}
#contentarea .tip {
background:#E5F6FD;
border:2px dashed #A1DEF8;
margin:10px;
padding:20px;
}
#contentarea .vtable {
width:550px;
border:1px solid #DDD;
margin:10px 20px;
border-collapse:separate;
border-spacing:2px;
}
#contentarea .vtable th {
font:bold 14px/150% Arial, Helvetica, sans-serif;
text-align:right;
vertical-align:top;
padding:5px;
background:#EEE;
width:180px;
}
#contentarea .vtable td {
font:normal 14px/150% Arial, Helvetica, sans-serif;
text-align:left;
vertical-align:top;
padding:5px;
background:#F9F9F9;
}

/*-----------------------------*/
/*------- Gallery Table -------*/
/*-----------------------------*/

#contentarea .gallery {
width:550px;
border:1px solid #DDD;
margin:10px 20px;
border-collapse:separate;
border-spacing:3px;
}
#contentarea .gallery td {
font:normal 11px/150% Arial, Helvetica, sans-serif;
text-align:center;
vertical-align:top;
padding:15px 0;
background:#F5F5F5;
}

/*--------------------------*/
/*------- Bottom Nav -------*/
/*--------------------------*/

#bottomnav {
width:840px;
background:#A20000 url(images/bottomnav_bg.png) top repeat-x;
font:normal 11px/150% Arial, Helvetica, sans-serif;
text-align:center;
color:#FFF;
padding:30px 0;
margin:10px auto;
clear:both;
border:1px solid #990000;
}
#bottomnav a {
color:#FFF;
text-decoration:none;
}  
#bottomnav a:hover {
color:#FFF;
text-decoration:underline;
}
#bottomnav img {
margin:2px 10px;
}

/*----------------------*/
/*------- Footer -------*/
/*----------------------*/

#footer {
font:normal 10px/150% Arial, Helvetica, sans-serif;
color:#007FC3;
margin:10px;
padding:20px;
}
#footer a { 
color:#007FC3;
text-decoration:none;
}
#footer a:hover {
color:#007FC3;
text-decoration:underline;
}