/* CSS Document */

* { margin: 0; padding: 0;}

body { font-size: 62.5%; font-family: Helvetica, Arial, sans-serif; text-align: center;}
body.blue { background: url(/images/bg-blue.png) repeat; }
body.brown { background: url(/images/bg-brown.png) repeat; }
body.green { background: url(/images/bg-green.png) repeat; }
body.pink { background: url(/images/bg-pink.png) repeat; }

#page { width: 990px; margin: 0 auto; text-align: left; color: #444;}

#header { height: 159px; position: relative; }

#header h1 { font-size: 1em; text-indent: -99999em; height: 59px; width: 252px;  float: left; margin: 20px 0 10px 40px; background: url(/images/star_marketing.gif) no-repeat; border: none;}

#starlee_link { float: right; display: block; margin: 50px 95px 0 0; width: 190px; text-align: center; background: #eb008b; color: #fff; padding: 5px; text-decoration: none; font-size: 1.4em;}
#starlee_link:hover { text-decoration: underline;}

/*#top-nav { position: absolute; top: 0; right: 0; background: url(/images/top-nav-bg.gif) no-repeat; width: 360px; height: 26px; padding: 0 20px;}*/
#top-nav { position: absolute; top: 0; right: 0; background: #e6e7e8; width: 400px; height: 26px; padding: 0; border-bottom: 3px solid #e6e7e8;}
#top-nav li { padding: 5px 10px 5px 10px; list-style: none; float: left; margin: 0; }
#top-nav li a { color: #572600; text-decoration: none;}
#top-nav li a:hover { text-decoration: underline; }
#top-nav li a img { margin-top: -4px;}

#nav { height: 41px; margin: 3px 0 0 0; clear: both;}
#nav li { text-align: center; width: 165px; list-style: none; float: left; margin: 0; font-size: 1em; }
#nav li a { display: block; padding: 13px 10px 7px 10px; font-size: 1.4em; font-weight: bold; color: #572600; text-decoration: none; height: 21px; width: 145px;}
#nav li a.dkblue { background: url(/images/nav-home.png) no-repeat left bottom;} /* dkblue */
#nav li a.green { background: url(/images/nav-about.png) no-repeat left bottom;} /* green */
#nav li a.ltblue { background: url(/images/nav-resources.png) no-repeat left bottom;} /* lt blue */
#nav li a.pink { background: url(/images/nav-contact.png) no-repeat left bottom;} /* pink */

#nav li a.dkblue:hover, #nav li a.dkblue.selected { background: url(/images/nav-home-over.png) no-repeat -153px bottom;} /* dkblue */
#nav li a.green:hover, #nav li a.green.selected { background: url(/images/nav-about-over.png) no-repeat -153px bottom;} /* green */
#nav li a.ltblue:hover, #nav li a.ltblue.selected { background: url(/images/nav-resources-over.png) no-repeat -153px bottom;} /* lt blue */
#nav li a.pink:hover, #nav li a.pink.selected { background: url(/images/nav-contact-over.png) no-repeat -153px bottom;} /* pink */


#sub-nav { padding: 6px 0 2px 0; border-bottom: 1px solid #999;}
#sub-nav.dkblue {background: #96c6eb;} /* dk blue */
#sub-nav.ltblue {background: #d3e9fa;} /* lt blue */
#sub-nav.brown {background: #ad7f55;} /* brown */
#sub-nav.green {background: #e1f4af;} /* green */
#sub-nav.pink {background: #ffabcf;} /* pink */
#sub-nav li { display: inline; margin: 0 10px 0 0; padding: 5px 0 3px 0;}
#sub-nav li a { text-decoration: none; color: #444; padding: 5px 5px 3px 20px;}
#sub-nav.dkblue li a.selected, #sub-nav.dkblue li a:hover { background: url(/images/sub-nav-home.png) no-repeat 4px 4px;}
#sub-nav.ltblue li a.selected, #sub-nav.ltblue li a:hover { background:  url(/images/sub-nav-resources.png) no-repeat 4px 4px;}
#sub-nav.brown li a.selected, #sub-nav.brown li a:hover { background:  url(/images/sub-nav-services.png) no-repeat 4px 4px;}
#sub-nav.green li a.selected, #sub-nav.green li a:hover { background:  url(/images/sub-nav-about.png) no-repeat 4px 4px;}
#sub-nav.pink li a.selected, #sub-nav.pink li a:hover { background:  url(/images/sub-nav-contact.png) no-repeat 4px 4px;}


#content { background: #fff; }
/*body.blue #content { border-left: 1px solid #b4ddf6; border-right: 1px solid #b4ddf6; }
body.brown #content { border-left: 1px solid #ad7f55; border-right: 1px solid #ad7f55; }
body.green #content { border-left: 1px solid #e1f4af; border-right: 1px solid #e1f4af; }
body.pink #content { border-left: 1px solid #ffabcf; border-right: 1px solid #ffabcf; }*/

#main { width:725px; margin-right: 10px; float: left; padding-top: 10px; color: #444; }
.col1 { float: left; margin-right: 10px; width: 225px; padding-left: 10px;}
.col2 { float: left; margin-right: 10px; width: 480px; }
.col3 { width: 705px; padding-left: 20px; }

.color1 { background: #00a4e4; padding: 7px 10px 5px 10px; color: #ffffff;} /* blue */
.color2 { background: #eb008b; padding: 7px 10px 5px 10px; color: #ffffff;} /* pink */
.color3 { background: #572600; padding: 7px 10px 5px 10px; color: #ffffff;} /* brown */
.color4 { background: #b4ddf6; padding: 7px 10px 5px 10px; color: #572600;} /* light blue */
.color5 { background: #e4eea5; padding: 7px 10px 5px 10px; color: #572600;} /* green */

#sidebar { width: 255px; float: left; padding-top:5px;}
#sidebar div.color1, #sidebar div.color2, #sidebar div.color3, #sidebar div.color4, #sidebar div.color5 {margin-top: 5px; color: #444;}
#sidebar .color4 { background: #f1f2f2;}
#sidebar .color5 { background: #ccc;}

#footer { padding-bottom: 40px; border-top: 1px solid #444; font-size: 0.8em; margin-top: 10px;}
#footer p { padding: 0 5px;}
#footer .alignright { padding-top:0.75em;}
#footer-nav { border-top: 1px solid #444; font-size: 1.2em; padding-left: 5px;}
#footer-nav li { width: 197px; float: left; list-style: none; font-weight: bold; padding-top: 0.5em;}
#footer-nav li li { font-weight: normal; margin-left: 1em;}
#footer-nav a { text-decoration: none; color: #444;}
#footer-nav a:hover { text-decoration: underline;}

h1 { font-size: 2em; margin: 1.5em 0 0 0; border-bottom: 1px solid #444; }
h2 { font-size: 2em; margin: 0 0 0.5em 0; }
#sidebar h2 { border-bottom: 1px solid #fff; padding-bottom: 0.25em; text-align: center; }
h3 { font-size: 1.6em;  }

p, li{ font-size: 1.4em; line-height: 1.4em;}
#content li { margin-left: 15px;}
p { margin: 0.7em 0;}
li li { font-size: 1em;}

a { color: #3ba5e4;}
a img { border: none; }
.alignleft { float: left; margin: 0 5px 0 0;}
a.alignleft { margin: 0 10px 0 0;}
.alignright { float: right; margin: 0 0 0 5px;}
.alignright h2 { margin: 0 0 0.5em 0;}
.clearer { clear: both; }
.last { margin: 0; }

.button { background: url(/images/button.png) repeat-x top left #572600; padding: 7px 27px 3px 27px; border: none; color: #fff; text-decoration: none;}
.button:hover { background: url(/images/button-over.png) no-repeat top left #572600;}
input.button { padding-top: 3px;}

form div{ padding: 0.5em 0; position: relative;}
legend { font-size: 2em; font-weight: bold; margin: 5px 0 5px -5px; padding: 5px 10px;}
label, .e2ma_signup_form_label { display: block;}
label, input { font-size: 1.4em; line-height: 1.3em;}
.e2ma_signup_form_row { border: none; }

label.error { color: #f00;}

#sidebar label { }

fieldset.color5  { border: 2px solid #c1d72e;}
.color5 legend {background: #c1d72e; color: #fff;}

#name, #email { width: 150px; border: none; background: #fff; padding: 2px;}
#contact_name, #contact_email, #contact_phone, #contact_company, #contact_comments { width: 210px; border: none; background: #fff; padding: 5px 2px;}

#form-loading { position: absolute; top: 3px; left: 175px; display: none;}

/* disclosure */

.disclosure, .disclosure-closed { margin: 0; }

.disclosure-img { float: left; margin: 10px 10px 0 15px; }

.disclosure h1, .disclosure-closed h1, .disclosure h2, .disclosure-closed h2, .disclosure h3, .disclosure-closed h3, .disclosure h4, .disclosure-closed h4 { cursor:pointer; }