@import "reset.css";
@import "superfish.css";

/*------------------------------------------------------------------
# [Color codes]

red: DA0010
red hover: FF001F
blue: 094164
yellow: FFD91F
teal: 00A99D
grey: BFBFBF

*/

/*----Typography-------------------*/

body {
font: 12px/1.4em "Comic Sans MS", Arial, Helvetica, sans-serif;
color: #000000;
}


h2 {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 24px;
margin-bottom: .5em;
border-bottom: 1px solid #BFBFBF;
padding: 15px 0;
line-height: 1.1em;
color: #094164;
}

h3 {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
margin-bottom: 1em;
font-weight: bold;
font-size: 18px;
line-height: 1.1em;
color: #094164;
}

h4 {
}

p {
margin-bottom: 1em;
}

a {
text-decoration: none;
}

a:link, a:visited {
color: #DA0010;
}
a.button:link, a.button:visited {
color: #fff;
}

a:hover, a:active, div#site-info ul li a:hover {
color: #FF001F;
}

#content-main p {
font-size: 13px;
line-height: 24px;
}
a.more-link {
padding-right: 18px;
background: transparent url(../images/bg-more-link.gif) no-repeat right center;
font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.button, a.button, p.submit input {
outline: none;
border: none;
text-decoration: none;
cursor: pointer;
white-space: nowrap;
vertical-align: middle; /* or top */
display: -moz-inline-box;
display: inline-block;
overflow: visible; /* IE6 form button fix */
margin: 0;
padding: 7px 25px;;
background: #D32D41;
color: #fff;
font: bold 18px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
p.submit input {
-moz-border-radius:5px;
-webkit-border-radius: 5px;
}
.button:hover, a.button:hover, p.submit input:hover {
background-color: #FF001F;
}
strong {
font-weight: bold;
}
em {
font-style: italic;
}
hr {
border: none;
border-bottom: 1px solid #BFBFBF;
margin-bottom: 1em;
}
/*----General Layout-------------------*/
body {
background-color: #00A99D;
text-align: center;
}

div#wrap {
width: 928px;
margin: 5px auto 20px auto;
text-align: left;
position: relative;
border: 1px solid #fff;
background-color: #fff;
}

div#header {
position: relative;
height: 98px;
background-color: #094164;
border-bottom: 1px solid #fff;
}

div#branding {
float: left;
}
div#branding a {
display: block;
height: 88px;
background: url(../images/logo.gif) no-repeat left top;
padding: 10px 0 0 193px;
color: #FFF;
}

div#branding p {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
padding-left: 5px;
}
div#branding h1 {
font-size: 55px;
line-height: 1em;
}
div#branding a:focus {
cursor: pointer;
}
p#tagline {
position: absolute;
right: 25px;
top: 10px;
color: #FFD91F;
font: 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
p#tagline span{
padding-left: 10px;
}
form#search {
position: absolute;
bottom: 8px;
right: 8px;
color: #fff;
font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#content-main .right {
float: right;
margin: 0 0 5px 5px;
}
#content-main .left {
float: left;
margin: 0 5px 5px 0;
}
/*----Navigation-------------------*/

div#navigation {
background-color: #C2E31F;
z-index: 2;
position: relative;
}

ul#nav-main li {
float: left;
position: relative;
}

ul#nav-main li a {
display: block;
padding: 8px 15px;
width: 85px;
height: 45px;
overflow: hidden;
text-align: center;
float: left;
color: #094164;
font: bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
border-right: 1px solid #fff;
}
ul#nav-main li a.center {
line-height: 40px;
}	
ul#nav-main li a.last {
border-right: none;
}
ul#nav-main li a:hover, ul#nav-main li a.selected {
color: #DA0010;
}
ul#nav-main ul {
}
ul#nav-main ul li a {
border: 1px solid #fff;
border-top: none;
font-size: 14px;
line-height: 1.2em;
height: auto;
padding: 0;
float: none;
display: block;
background-color: #C2E31F;
width: 95px;
padding: 5px 10px;
text-align: left;
}

div#subnavigation {
background-color: #b5dfed;
border-top:solid 1px #fff;
padding:7px 14px;
}
div#subnavigation ul {
display:inline;
}
div#subnavigation li {
display:block;
float:left;
font-size:13px;
margin:0 12px 0 0;
padding:0 12px;
}
div#subnavigation a {
color: #094164;
text-decoration:none;
}
div#subnavigation a.selected {
color: #094164;
text-decoration:none;
font-weight:bold;
}

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

#wrap.two-col {
background: #fff url(../images/bg-kids.gif) no-repeat 68px bottom
}
div#content {
z-index: 1;
position: relative;
}

.two-col div#content {
background: url(../images/bg-sidebar.gif) repeat-y 696px top;
}


/*--Main Content--*/

.one-col div#content-main {
position: relative;
border-top: 1px solid #fff;
z-index: 1;
}
.two-col div#content-main {
float: left;
width: 657px;
padding: 15px 0 120px 20px;
margin-bottom: 10px;
position: relative;
}


/*--Sub Content--*/

div#content-sub {
margin: 0 0 0 696px;
}

div#content-sub li{
padding: 5px;
border-top: 2px solid #fff
}
div#content-sub h3 {
font-size: 18px;
margin: 0;
line-height: 1.2em;
padding: 8px 10px;
}
div#content-sub li#sponsor-module {
min-height: 135px;
}
div#content-sub li#sponsor-module p {
padding-left: 117px;
line-height: 1.2em;
margin-bottom: .75em;
}
div#content-sub li#sponsor-module p img {
float: left;
margin-left: -117px;
}
div#content-sub li#join h3 {
text-align: center;
}
div#content-sub li#join p {
float: left;
padding: 0 0 0 20px;
line-height: 30px;
}
div#content-sub li#join p img {
vertical-align: middle;
}

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

div#site-info {
background: #094164 url(images/bg-footer.gif) no-repeat left top;
text-align: center;
border-top: 1px solid #fff;
padding: 15px 15px 15px 5px;
color: #fff;
position: relative;
}
div#site-info ul li {
float: left;
padding: 0 10px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
border-right: 1px solid #fff;
line-height: 1em;
font-size: 14px;
}
div#site-info ul li.last {
border-right: none;
}
div#site-info ul li a {
color: #fff;
}
ul#nav-legal {
position: absolute;
top: 15px;
right: 5px;
}
div#site-info p.legal {
text-align: right;
margin: 10px 0 0 0;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

/*----Home-------------------*/
div#slider {
position: relative;
height: 250px;
margin-bottom: 40px;;
}
div#slider p{
line-height: 1.2em;
}
div#slider h2{
margin-left: 50px;
border-bottom: none;
}
div#slider img.left{
margin: 0 15px 0 -10px;
}
#slider-items li {
width: 100%;
}

#slide_nav{
position: absolute;
left: 352px !important;
top: 210px !important;
z-index: 5000;
}
#slide_nav li:hover, #pause_button, .prev_button, .next_button, #first_button, #last_button {
cursor: pointer;
cursor: hand;
z-index: 5000;
}
#slide_nav li:hover, #pause_button, .prev_button, .next_button, #first_button, #last_button {
cursor: pointer;
cursor: hand;
z-index: 5000;
}

ul#slide_nav li {
display: block;
float: left;
height: 9px;
list-style: none;
margin: 0 0 0 3px;
padding: 2px;
width: 20px;
height: 20px;
background-color: #ccc;
color: #fff;
text-align: center;
font: bold 13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
ul#slide_nav li:hover {
background-color: #808080;
}
ul#slide_nav li#button_selected {
color: #000;
}
ul#slide_nav li#button_selected:hover {
}

/*----Where We Work-------------------*/
.one-col h2 {
border: none;
position: absolute;
top: 15px;
left: 20px;
z-index: 20;
}

#salesforce {
	width:930px;
	margin:0 auto;
	padding-bottom:20px;
}
#salesforce div.sf-button {
	border:none;
}
#salesforce div.sf-button a img {
	margin-left:-1px;
}

/*-----------------------------------------------------------------------------------------------
Aslett Clearing Method
-----------------------------------------------------------------------------------------------*/

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */