@charset "utf-8";
/* CSS Document */

/* ===============================
GENERAL
=============================== */

html {
height:100%; 
padding:0; margin:0;
}

body {
background:url('images/earth.jpg') bottom right no-repeat fixed;
height:100%; 
text-align:center;
}

div.container,
div.container2 {
text-align:left;
}

div#maincontent_hold {
}

/* ===============================
HEADER
=============================== */

div#header {
background:#fff;
}

h1#logo {
display:block;
height:100px;
padding:0; margin:0;
width:315px;
}

h1#logo a {
background:url('images/logo.gif') no-repeat center left #fff;
display:block;
height:100px;
padding:0; margin:0;
text-indent:-9999em;
width:315px;
}

/* -----------
Search
------------ */

div#search_hold {
color:#888;
padding-top:30px;
text-align:right;
}

div#search_hold input.inputbox {
margin-left:10px;
padding:2px;
}

div#search_hold input {
margin-left:10px;
}

/* -----------
Top Menu
------------ */

div#top_menu_hold {
color:#888;
display:block;
font-size:0.8em;
height:30px;
}

div#top_menu_hold ul {
display:block;
float:right;
list-style:none;
padding:0; margin:0;
position:relative;
}

div#top_menu_hold ul li {
display:block;
float:left;
height:30px;
line-height:30px;
padding-left:10px;
}

div#top_menu_hold ul li a {
color:#888;
}

/* -----------
Social Icons
------------ */

div#social_icon_hold {
display:block;
height:34px;
line-height:34px;
text-align:right;
}

div#social_icon_hold img {
margin:0px 0px 0px 2px;
vertical-align:middle;
}
 
/* ===============================
MENU
=============================== */

div#menu {
border-top:1px solid #f7f7f7;
display:block;
float:none;
height:34px;
z-index:9999;
}

table#menu_hold {
padding:0; margin:0;
}

table#menu_hold td {
padding:0; margin:0;
}

ul#nav {
display:block;
float:left;
font-size:1.1em;
font-weight:bold;
height:34px;
line-height:34px;
margin:0px; padding:0px;
list-style:none;
}

#nav, #nav ul { /* all lists */
padding: 0;
margin: 0;
list-style: none;
line-height: 1;
}

#nav a {
color:#777777;
display: block;
padding:0px 15px;
text-decoration:none;
width:auto;
}

#nav a:hover {
background:#4283ba;
color:#fff;
}

#nav li { /* all list items */
float: left;
width: auto; /* width needed or else Opera goes nuts */
}

#nav li:hover,
#nav li.sfhover {
background:#0068a6;
}

#nav li:hover a,
#nav li.sfhover a {
color:#fff;
}

#nav li ul { /* second-level lists */
position: absolute;
background:#0068a6;
font-size:0.8em;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
width: 200px;
z-index:9999;
}

#nav li ul li a {
color:#fff;
display:block;
padding:10px 0px;
text-decoration:none;
text-indent:15px;
width:200px;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
background:#0068a6;
left: auto;
}

/* ===============================
INDEX PAGE ELEMENTS
=============================== */

/* -----------
Splash and Sidebox
------------ */

div#splash_hold {
background:#002337;
}

div#index_sidebox {
border-right:1px dotted #fff;
color:#bdd4e2;
height:350px;
}

div#index_sidebox div.module {
padding:15px 15px 0px 15px;
}

div#index_sidebox div.module h3 {
color:#fff;
}

div#index_sidebox div.module div.module_content a {
text-decoration:underline;
}

div#index_sidebox div.module div.module_content div.teaser {
font-size:.9em;
}

div#index_sidebox div.module a {
color:#3b93c5;
text-decoration:none;
}

div#index_sidebox div.module p {
padding:0; margin:0;
}

/* -----------
Signup
------------ */

div#signup_hold {
background:#0068a6;
background:url('images/signup_bg.jpg') no-repeat top center #0068a6;
}

div#signup_hold div#signup_form {
display:block;
padding:5px 0px 10px 0px;
width:950px;
}

div#signup_hold div#signup_form form {
padding:0; margin:0;
}

div#signup_hold div#signup_form table {
padding:0; margin:0;
}

div#signup_hold div#signup_form table td {
padding:0; margin:0;
vertical-align:top;
}

div#signup_hold div#signup_form table td.charter_form_title {
width:125px;
}

div#signup_hold div#signup_form h2 {
color:#fff;
display:block;
font-size:1.5em;
font-weight:bold;
height:30px;
line-height:30px;
padding:0px 0px 0px 10px; margin:0;
width:125px;
}

div#signup_hold div#signup_form span {
color:#97c9e7;
display:block;
font-weight:bold;
height:25px;
line-height:25px;
padding:0px 0px 0px 10px; margin:0;
width:125px;
}

div#signup_hold div#signup_form table td.charter_form_top {
padding-right:10px;
width:100px;
}

div#signup_hold div#signup_form table td.charter_form_top label {
color:#97c9e7;
display:block;
height:30px;
line-height:30px;
}

div#signup_hold div#signup_form table td.charter_form_bottom {
padding-right:10px;
width:100px;
}

div#signup_hold div#signup_form table td.charter_form_bottom input {
border:1px solid #005a8f;
padding:3px;
width:130px;
}

/* -----------
Action Boxes
------------ */

div#first_row,
div#second_row {
background:url('images/threelines.png') repeat-y top left;
}

div#first_row {
border-bottom:1px dotted #ccc;
padding-bottom:5px;
}

div#index_action_1,
div#index_action_2,
div#index_action_3,
div#index_action_4,
div#index_action_5,
div#index_action_6 {
display:block;
float:left;
width:310px;
}

div#index_action_1,
div#index_action_2,
div#index_action_4,
div#index_action_5 {
margin-right:10px;
}

div#index_action_1 div.module h3,
div#index_action_2 div.module h3,
div#index_action_3 div.module h3,
div#index_action_4 div.module h3,
div#index_action_5 div.module h3,
div#index_action_6 div.module h3 {
background:#aaa;
display:block;
height:40px;
line-height:40px;
padding:0; margin:0;
text-align:center;
}

div#index_action_1 div.module h3 a,
div#index_action_2 div.module h3 a,
div#index_action_3 div.module h3 a,
div#index_action_4 div.module h3 a,
div#index_action_5 div.module h3 a,
div#index_action_6 div.module h3 a {
color:#fff;
text-decoration:none;
}

div#index_action_1 div.module_content,
div#index_action_2 div.module_content,
div#index_action_3 div.module_content,
div#index_action_4 div.module_content,
div#index_action_5 div.module_content,
div#index_action_6 div.module_content {
padding:0px 15px 15px 15px;
}

div#index_action_1 img,
div#index_action_2 img,
div#index_action_3 img,
div#index_action_4 img,
div#index_action_5 img,
div#index_action_6 img {
width:280px;
}

/* ===============================
INTERNAL ELEMENTS
=============================== */

div#internal_hold div.container{
background:url('images/internal_shade.png') repeat-y top right;
}

/* -----------
Title
------------ */

div#internal_splash_hold {
background:#002337;
display:block;
height:80px;
}

div#internal_splash_hold div.container {
background:#0068a6;
}

div#internal_splash_hold div.internal_title {
background:#0068a6;
color:#fff;
display:block;
font-size:2em;
height:80px;
line-height:80px;
padding:0px 15px;
}


/* -----------
Sidebar
------------ */

div.sign_the_charter {
background:url('images/signup_bg_right.jpg') no-repeat top left #3da4e1;
margin:0; padding:0;
}

div.sign_the_charter div.module_inner {
padding-left:15px;
}

div.sign_the_charter h2 {
color:#fff;
font-size:1.5em;
font-weight:bold;
display:block;
height:40px;
line-height:40px;
padding:0; margin:0;
width:260px;
}

div.sign_the_charter table {
width:260px;
}

div.sign_the_charter td {
padding:10px 0px 0px 0px; margin:0;
}

div.sign_the_charter label {
color:#d2e7f4;
}

div.sign_the_charter a {
color:#d2e7f4;
}

div.sign_the_charter a:hover {
color:#fff;
}

/* -----------
Cookies
------------ */

div#cookies {
border-bottom:1px dotted #e6e6e6;
color:#888;
display:block;
font-size:0.8em;
height:30px;
padding-left:15px;
}

div#cookies ul {
list-style:none;
padding:0; margin:0;
}

div#cookies ul li {
display:block;
float:left;
height:30px;
line-height:30px;
padding-right:10px;
}

div#cookies ul li a {
color:#888;
}

/* -----------
Page
------------ */

div#page h1.componentheading {
display:none;
}

div#page, 
div.blog {
padding:30px 30px 15px 15px;
}

div#page p.buttonheading {
display:block;
padding:30px 0px 0px 0px; margin:0px 0px 0px 0px;
}

div#page h2, 
div.blog h2,
div#page h3, 
div.blog h3 {
font-size:1.75em;
font-weight:bold;
line-height:1.25em;
}

div#page h2 a, 
div.blog h2 a,
div#page h3 a, 
div.blog h3 a {
text-decoration:none;
}

/* ===============================
EARTHSCOUTS SUBSECTION
=============================== */

div#earthscouts_hold div.container{
background:url('images/earthscouts_shade.png') repeat-y top right;
}

/* -----------
Title
------------ */

div#earthscouts_splash_hold {
background:#ffa200;
display:block;
height:80px;
}

div#earthscouts_splash_hold div.container {
background:#0068a6;
}

div#earthscouts_splash_hold div.internal_title {
background:#0068a6;
color:#fff;
display:block;
font-size:2em;
height:80px;
line-height:80px;
padding:0px 15px;
}

/* -----------
Page Elements
------------ */

div#earthscouts_hold div.internal_title {
border-bottom:1px dotted #ccc;
display:block;
font-size:2.25em;
font-weight:bold;
padding:0px 15px 0px 15px;
}

/* -----------
Left Menu
------------ */

ul#ec_menu {
display:block;
list-style:none;
margin:0; padding:0;
}

ul#ec_menu li {
background:#008200;
border-bottom:1px solid #006600;
border-top:1px solid #00a100;
display:block;
margin:0; padding:0;
}

ul#ec_menu li a {
color:#a8daa8;
display:block;
text-decoration:none;
}

ul#ec_menu li a:hover {
background:#24a724;
color:#fff;
text-decoration:underline;
}

ul#ec_menu li a span {
display:block;
padding:5px 5px 5px 15px;
}

ul#ec_menu li#current a {
color:#fff;
font-weight:bold;
}

ul#ec_menu ul {
display:block;
list-style:none;
margin:0; padding:0;
}

ul#ec_menu ul li {
background:#006600;
border-bottom:1px solid #055b05;
border-top:0px;
display:block;
list-style:none;
margin:0; padding:0;
}

ul#ec_menu ul li a:hover {
background:none;
color:#fff;
text-decoration:underline;
}

ul#ec_menu ul li a span {
display:block;
padding:5px 5px 5px 25px;
}

ul#ec_menu li#current ul li a {
color:#a8daa8;
font-weight:normal;
}

ul#ec_menu li#current ul li#current a {
color:#fff;
font-weight:bold;
}

/* -----------
Righthand Menu
------------ */

div.become_ec {
background:#0068a6;
padding:15px;
}

div.become_ec h3 {
color:#fff;
}

div.become_ec ul,
div.become_ec ul li {
list-style:none;
padding:0; margin:0;
}

div.become_ec ul li a {
color:#87c5eb;
display:block;
font-weight:bold;
padding:5px;
}

div.become_ec ul li a:hover {
color:#fff;
}


/* ===============================
FOOTER
=============================== */

div#footer {
border-top:1px dotted #ccc;
padding:20px 0px;
}

div#footer div.module {
color:#888;
font-size:.9em;
padding:0px 15px;
}






.nobg {
background:none!important;
}