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

/*

R2integrated
Build by: Aaron Clark
Email: aclark@r2integrated.com
Client: Living Classrooms
Date: May 26th, 2009

*/


body {
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color:#899ca9;
margin:0px;
*margin-top: -50px;
*padding: 0px;
padding:20px 0px 20px 0px;
}

#wrap {
margin:auto;
width:735px;
padding:0px;
background:url(../images/bg-wrap.gif) left top repeat-y;
}

#head {
height:73px;
width:735px;
position:absolute;
*:position:relative;
*:z-index:100;
left:0%;
right:0%;
top:20px;
margin:auto;
background:url(../images/bg-head.png) top right no-repeat #fcf9e7;
}

#logo {
margin:10px 15px;
float:left;
}

#logo h1 {
margin:0px;
padding:0px;
}

#logo a {
display:block;
width:229px;
height:115px;
background:url(../images/bg-logo.png) no-repeat;
}

#slogan {
float:left;
color:#889ba8;
text-transform:uppercase;
font-size:22px;
padding:30px 0px 0px 5px;
width:300px;
}

#utility {
float:left;
padding-top:15px;
}

#utility ul {
margin:0px;
padding:0px;
list-style:none;
}

#utility li {
font-weight:bold;
font-size:11px;
}

#utility a {
color:#2c5373;
text-decoration:none;
display:block;
padding:5px;
}

#utility a:hover {
color:#8d6328;
}

#sidebar {
background:url(../images/bg-wrap.gif) left bottom repeat-y;
float:left;
clear:both;
width:125px;
background-color:#fbf8e6;
padding: 0 0 20px 0;
margin-top:73px;
*padding: 0 0 20px 0;
*margin-top:20px;
}

#navigation {
border-right:1px solid #e5c4a3;
padding-top:50px;
background-color:#fbf8e6;
}

#navigation ul {
padding:0px;
margin:0px;
list-style:none;
}

#navigation li {
font-size:9px;
background:url(../images/bg-navigation.gif) bottom no-repeat;
}

#navigation li.last {
background-image:none;
}

#navigation a {
color:#8d6328;
text-decoration:none;
padding:11px 0px 11px 8px;
display:block;
}

#navigation a:hover {
color:#2c5373;
}

#address {
padding:20px 0px 20px 5px;
background-color:#2C5373;
font-size:9px;
color:#FFFFFF;
line-height:15px;
overflow:hidden;
}

#design {
background-color:#2C5373;
text-align:center;
padding:0px 0px 15px 0px;
font-size:9px;
color:#FFFFFF;
line-height:15px;
overflow:hidden;
}

#content {
float:left;
width:605px;
background-color:#FFFFFF;
margin-bottom:20px;
padding: 0 0 20px 0;
*padding: 0 0 30px 0;
}

#campaign {
width:605px;
height:200px;
margin-top:73px;
*margin-top:0;
}

h2.page-title {
height:35px;
font-size:14px;
color:#FFFFFF;
line-height:33px;
padding-left:20px;
margin:0px;
border-top:1px solid #fff;
padding-top:0px;
background:url(../images/bg-h2.png) top right no-repeat;
}


#main-content {
float:left;
width:379px;
color:#444444;
font-size:11px;
padding:10px 20px;
border-right:1px solid #d0d0d0;
margin-top:10px;
line-height:15px;
}

#main-content a {
color:#63727C;
border:none;
}

#main-content h3 {
color:#71280D;
font-size:13px;
margin-top:0px;
}

#main-content h3 a {
text-decoration:none;
color:#71280D;
}

#subnav {
float:left;
width:165px;
padding:25px 10px 10px 10px;
}

#subnav ul {
margin:0px;
padding:10px 0px 0px 0px;
list-style:none;
}

#subnav li {
font-size:11px;
background-image:url(../images/bg-subnav.gif);
background-position:left 8px;
*:background-position:left 10px;
background-repeat:no-repeat;
padding-left:5px;
padding-bottom:0px;
}

#subnav a {
color:#63727C;
text-decoration:none;
display:block;
padding:5px 7px;
*:padding:3px 7px;
}



/* --- Interior Campaign Images --- */

body.about #campaign {background:url(../images/interior-kids.jpg) no-repeat;}
body.programs #campaign {background:url(../images/interior-programs.jpg) no-repeat;}
body.training #campaign {background:url(../images/interior-hands-on.jpg) no-repeat;}
body.hands-on #campaign {background:url(../images/interior-about.jpg) no-repeat;}
body.join #campaign {background:url(../images/interior-training.jpg) no-repeat;}
body.giving #campaign {background:url(../images/interior-giving.jpg) no-repeat;}
body.news #campaign {background:url(../images/interior-news.jpg) no-repeat;}
body.contact #campaign {background:url(../images/head_training.jpg) no-repeat;}
body.maritime-magic #campaign {background:url(../images/interior-maritime.jpg) no-repeat;}



/* --- Interior h2 Background Colors --- */

body.programs h2.page-title {background-color:#7c3b1b;}
body.training h2.page-title {background-color:#0f4d74;}
body.about h2.page-title {background-color:#245d32;}
body.hands-on h2.page-title {background-color:#5c433c;}
body.join h2.page-title {background-color:#595d3c;}
body.giving h2.page-title {background-color:#cd7e2f;}
body.news h2.page-title {background-color:#0f4d74;}
body.contact h2.page-title {background-color:#245d32;}



/* --- Index Styles --- */

body.index #campaign {
height:300px!important;
}

body.index #main-content {
border:none!important;
width:605px!important;
margin-top:0px!important;
padding:0px!important;
}

body.index #column-left,
body.index #column-middle {
border-right:1px solid #D0D0D0;
}

body.index #column-left,
body.index #column-middle,
body.index #column-right {
float:left;
width:160px;
height:230px;
padding:20px;
}

body.index h3 {
color:#CF6D1D!important;
font-weight:normal!important;
}

body.index #design {
height:182px;
}