@charset "UTF-8";

/* CSS Document */
/* Palaecol Research - John McGeary 2009*/


/* EDITOR START */
hr{
border-bottom:1px solid #cccccc;
border-top:1px solid #ffffff;
border-left:1px solid #ffffff;
border-right:1px solid #ffffff;
margin:15px 0 15px 0}

h1{
font-size:1.8em;
color:#233ca7;
line-height:28px;
margin-bottom:15px}

h2{
font-size:1.3em;
color:#666666;
margin-top:5px;
margin-bottom:5px}

h3{
font-size:1.2em;
color:#233ca7;
margin-top:5px;
margin-bottom:5px}

h4{
font-size:1.1em;
color:#233ca7;
margin-top:5px;
margin-bottom:5px}

a{
color:#233ca7;
text-decoration:underline}

a:hover{
color:#233ca7;
text-decoration:underline}

p{
margin-bottom:10px}

.textarea ul{
padding:10px 0 10px 0}

.textarea li{
list-style:none;
background:url(assets/bulletpoint.gif) no-repeat top left;
border:none;
padding:0 0 0 13px}

.textarea ol{
padding:10px 0 10px 15px}

.blue{
color:#233ca7}

body{
font-size:0.8em;
font-weight:200;
line-height:1.8em;
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
background:#000414 url(assets/bg.gif) repeat-x top left}

.B_crumbBox{
font-size:10px;
float:left;
width:100%;
margin:0 0 20px 0}

/* EDITOR END */

*{
margin:0;
padding:0}

img{
border:0}

img, div, input { behavior: url("iepngfix.htc") }

input.c1{
color:#ffffff; 
font-weight:bold; 
background-image:none}

/* --------- Main Container --------- */
#wrapper{
width:990px;
height:100%;
padding:0;
margin:0 auto}

#main_container{
width:990px;
height:100%;
padding:0;
margin:0} 

/* --------- Masthead ---------*/
#masthead{
width:990px;
height:175px;
float:left;
margin:0;
padding:0;
background: url(assets/moa-pattern.jpg) no-repeat top left}

.masthead_text{
width:990px;
height:100px;
padding:40px 0 0 0;
text-align:right}

.masthead_text h2{
color:#ffffff;
letter-spacing:4px;
font-size:1.8em}

.masthead_text h3{
color:#ffffff;
font-size:1.1em}

/* --------- Mainarea ---------*/
#mainarea{
width:990px;
height:100%;
margin:-8px 0 0 0;_margin:-25px 0 0 0;*margin:-10px 0 0 0;
padding:0;
float:left;
border-top:6px solid #233ca7;
background:#ffffff url(assets/moa-nb.jpg) no-repeat bottom right}

.textarea{
padding:32px;_padding:29px!important;
margin:0px;
float:left;
width:680px}

.slideshow{
float:left;
margin:0 0 32px 0;_margin:0;*margin:0;
border:6px solid #eeeeee}

#right_column{
float:right;
width:235px;
height:100%;
margin:0;_margin:0 -10px 0 0}

/* --------- Navigation top ---------*/
.navigation_top{
width:990px;
height:50px;
float:left;
text-align:left;
margin:0;_margin:0 0 -13px 0;
padding:0}

.navigation_top ul{
margin:0;
padding:0;
float:left;
width:800px}

.navigation_top li{
list-style:none;
display:inline;
margin:0 -2px 0 0;
padding:5px 0 5px 0;
background:url(assets/blue-fade.gif) repeat-x bottom left}

.navigation_top a{
text-decoration:none;
color:#cccccc;
margin:0;
padding:11px 20px 11px 20px}

.navigation_top a:hover{
text-decoration:underline;
color:#cccccc;
margin:0;
padding:11px 20px 11px 20px}

.navigation_top .active{
text-decoration:none;
color:#ffffff;
font-weight:bold}

.navigation_top .active a{
text-decoration:none;
color:#ffffff;
font-weight:bold}

.navigation_top .active a:hover{
text-decoration:none;
color:#ffffff;
font-weight:bold}

/* --------- Navigation Right ---------*/
.navigation_right{
width:235px;
height:100%;
float:left;
text-align:left;
margin:0;
padding:0;
background: url(assets/grey-fade.gif) repeat-x top left;}

.navigation_right ul{
margin:0;
padding:0 15px 0 15px;
float:left;
width:180px}

.navigation_right li{
list-style:none;
width:200px;
margin:3px 0 3px 0;
border-bottom:1px solid #eeeeee;
padding:0}

.navigation_right a{
text-decoration:none;
color:#333333;
margin:0;
padding:0}

.navigation_right a:hover{
text-decoration:underline;
color:#333333;
margin:0;
padding:0}

.navigation_right .active{
text-decoration:none;
color:#000000;
font-weight:bold}

.navigation_right .active a{
text-decoration:none;
color:#000000;
font-weight:bold}

.navigation_right .active a:hover{
text-decoration:none;
color:#000000;
font-weight:bold}

.navigation_right li ul li {
border-bottom:none!important;
width:160px!important;
line-height:17px!important;
float:left;
display:block}

.navigation_right li ul li a{
width:160px!important;
color:#233ca7!important;
text-decoration:none!important;
font-size:11px!important;
margin:-3px 0 0 0!important;
font-weight:200!important}

.navigation_right li ul li a:hover{
width:160px!important;
color:#233ca7!important;
text-decoration:underline!important;
font-size:11px!important;
margin:-3px 0 0 0!important;
font-weight:200!important}

.navigation_right h3{
margin:10px 0 0 9px}

.donate{
width:205px;
float:left;
padding:15px;
background:#233ca7 url(assets/blue-fade.gif) repeat-x bottom left}

.donate h2, .donate h2, .donate a{
color:#ffffff}

.box{
width:205px;
float:left;
padding:15px;
background:#233ca7 url(assets/blue-fade.gif) repeat-x bottom left;
border-bottom:6px solid #233ca7}

.box h2{
color:#ffffff;
margin:0}

/* --------- Footer --------- */
#footer{
width:990px;
height:106px;
font-size:0.8em;
color:#ffffff;
margin:0;
padding:0;
clear:left;
background: url(assets/bands.jpg) repeat-x bottom left}

.slogan{
width:990px;
height:65px;
float:left;
background: url(assets/bottom-fade.gif) repeat-x bottom left;
border-bottom:6px solid #233ca7}

.slogan h2{
margin:20px 35px 20px 35px;
color:#666666;
font-weight:200;
letter-spacing:4px}

.copyright{
width:800px;
font-size:9px;
text-align:left;
margin:10px 0 0 33px;_margin:10px 0 0 23px;
float:left}

.copyright a{
text-decoration:none;
color:#ffffff}

.copyright a:hover{
text-decoration:underline;
color:#ffffff}

.copyright p{
padding:0;
margin:0}