/* NORTHBAY CHRISTAIN ACADEMY CSS by Robert Egnacheski 7.29.2009 */

/* Need to borrow some CSS? Put it back when you are done! */

/* Light Blue Tabs #dfe7ec */
/* Light Blue BG #e4ecf3 */
/* Med Blue Text #32699c */
/* Dark Blue Text #004a8f */
/* Grey Nav Text #707070 */
/* Light Grey Footer #f0f0f1 */




/* START Reserved Elements */

body{
margin:0px;
padding:0px;
text-align:center;
background-color:#e4ecf3;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#595858;
font-family:Arial, Helvetica, sans-serif;
background-image:url(images/bg.jpg);
background-position:center top;
background-repeat:repeat-y;
}

img{
border:none;
}
form{
padding: 0px;
margin: 0px;
}

a{
color:#004a8f;
text-decoration:underline;
}

a:hover{
color:#32699c;
text-decoration:none;
}

h1{
text-align:left;
font-family:Georgia, "Times New Roman", Times, serif;
color:#004a8f;
font-size:32px;
font-weight:normal;
letter-spacing:1px;
margin:20px 0px 5px 0px;
}

h2, h3, h4, h5{
font-family:Georgia, "Times New Roman", Times, serif;
color:#004a8f;
}

p{
}

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

li{
padding:0px;
margin:0px;
}

/* END Reserved Elements */

/* START Custom Global Styles */

.divClr {
height: 0px; 
clear: both;
overflow:hidden; 
}

.textBlueMed{
color:#32699c;
}

.textBlueDark{
color:#004a8f;
}

.textGreyMed{
color:#707070;
}
.textGreyDark{
color:#595858;
}


.container{
padding: 0px 0px 45px 0px;
margin: 0px auto;
width:1000px;
background-color:#FFFFFF;
/*-webkit-box-shadow: 0px 0px 5px #666;*/
border-right:solid 1px #004a8f;
border-left:solid 1px #004a8f;
border-bottom:solid 1px #004a8f;
text-align:left;
}

.header{
height:185px;
background-image:url(images/bgLogo.jpg);
background-repeat:no-repeat;
}

.header li{
display:inline;
}

.header .logo{
width:580px;
float:left;
text-align:left;
}

.header .toolNav{
width:370px;
float:left;
padding:20px 10px 0px 40px;
text-align:right;
}

.header .toolNav ul{
list-style:none;
}

.header .toolNav ul li{
}

.header .toolNav ul li a{
color:#004a8f;
text-transform:uppercase;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
padding:5px 0px 0px 0px;
display:block;
margin:0px 10px 0px 0px;
float:left;
}

.header .toolNav ul li a:hover{
text-decoration:underline;
}

.memberLoginBTN a{
height:20px;
width:105px;
background-image:url(images/headerBTNmemberLogin.jpg);
background-repeat:no-repeat;
text-decoration:none;
}

.memberLoginBTN a:hover{
background-image:url(images/headerBTNmemberLoginR.jpg);
text-decoration:none;
}

.header .nav{
padding:0px 10px 0px 260px;
height:30px;
text-align:right;
}

.header .nav ul{
list-style:none;
text-align:right;
}

.header .nav ul li{
display:inline-block;
padding:0px;
}

.header .nav ul li a{
padding:10px 20px 0px 20px;
display:inline-block;
height:20px;
color:#707070;
font-size:13px;
text-decoration:none;
margin:0px;
}

.header .nav ul li a:hover{
background-color:#dfe7ec;
-moz-border-radius-topleft: 10px;
-webkit-border-top-left-radius: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
text-decoration:underline;
color:#004a8f;
height:65px;
}



.header .subNav{
height:0px;
padding:0px 10px 0px 260px;
}

.header .subNav .subNavMenu{
position:relative;
display:none;
z-index:9000;
background-color:#dfe7ec;
-moz-border-radius-topleft: 10px;
-webkit-border-top-left-radius: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
height:30px;
padding:15px 0px 0px 0px;
margin:0px;
}

.header .subNav .subNavMenu a{
font-size:12px;
margin:0px 10px 0px 10px;
text-decoration:none;
color:#004a8f;
}

.header .subNav .subNavMenu a:hover{
text-decoration:underline;
}

.content{
padding:0px 0px 40px 0px;
}

#copyright{
color:#a1a1a1;
font-size:12px;
padding:20px 0px 10px 0px;
text-align:center;
}

.footer{
background-color:#f0f0f1;
padding:10px 0px 10px 0px;
border:solid 2px #CCCCCC;
border-left:none;
border-right:none;
}

.footer .footerLogo{
float:left;
margin:0px 10px 0px 50px;
width:180px;
}

.footer .rightCol{
float:left;
margin:0px 0px 0px 10px;
width:740px;
}

#missionStatement{
font-size:16px;
font-style:italic;
margin:40px 0px 20px 0px;
text-align:right;
padding:0px 0px 0px 0px;
text-align:center;
color:#004a8f;
font-family:Georgia, "Times New Roman", Times, serif;
}

.footer .nav{
text-align:right;
}

.footer .nav ul li{
display:inline;
}

.footer .nav ul li a{
padding:10px 0px 0px 40px;
display:inline;
height:20px;
color:#707070;
font-size:13px;
text-decoration:none;
}

.footer .nav ul li a:hover{
text-decoration:underline;
}

.footer .toolNav{
margin:10px 0px 0px 0px;
text-align:right;
}

.footer .toolNav ul li{
display:inline;
}

.footer .toolNav ul li a{
color:#707070;
text-transform:capitalize;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
padding:5px 0px 0px 0px;
display:inline;
margin:0px 0px 0px 10px;
}

.footer .toolNav ul li a:hover{
text-decoration:underline;
}

.footer .address{
text-align:center;
font-size:12px;
margin:10px 0px 10px 0px;
}

#guruz{
text-align:center;
font-size:12px;
margin:10px 0px 20px 0px;
}

#guruz a{
color:#666666;
font-size:12px;
}

#guruz a:hover{
color:#999999;
}

/* END Custom Global Styles */


/* START Custom HOME Styles */

#home h1{
margin:0px 0px 5px 0px;
}

.welcome{
height:305px;
margin:0px 0px 20px 0px;
background-image:url(images/shadow.jpg);
background-repeat:repeat-x;
background-position:bottom;
}

.welcome .flash{
width:635px;
float:left;
height:290px;
background-image:url(images/homeFlashBG.jpg);
}

.welcome .message{
width:365px;
float:left;
height:290px;
}

.news{
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
margin:0px 45px 20px 50px;
padding:0px 20px 10px 20px;
width:215px;
background-image:url(images/bgBoxGradient.jpg);
background-repeat:repeat-x;
border:solid 1px #a6aeb2;
float:left;
text-align:left;
-webkit-box-shadow: 2px 2px 5px #999;
}

#home .news h1{
font-size:24px;
color:#32699c;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
margin:15px 0px 15px 0px;
}

.news ul{
}

.news ul li{
}

.news ul li h2{
font-size:14px;
}

.news ul li h2 a{
text-decoration:none;
}

.news ul li h2 a:hover{
text-decoration:underline;
}

.news ul li h3{
font-size:9px;
}

.news ul li p{
font-size:10px;
}

.news ul li h4{
font-size:12px;
}

.hero{
width:600px;
float:left;
}

.heroV{
width:580px;
padding:20px;
float:left;
background-color:#e4ecf3;
-webkit-box-shadow: 3px 3px 5px #666;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
margin:0px 0px 0px 0px;
border:solid 1px #004a8f;
}

.heroV h1{
font-size:14px;
}


.hero .heroImage{
}

.heroImage img{
-webkit-box-shadow: 3px 3px 5px #666;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
margin:0px 0px 30px 0px;
}

.hero .heroText{
font-family:Arial, Helvetica, sans-serif;
font-size:18x;
color:#004a8f;
letter-spacing:1px;
margin:10px 0px 0px 0px;
}

/* END Custom HOME Styles */



/* START Custom SUB Styles */
.subBorder{
background-image:url(images/subNavBar.jpg);
background-repeat:repeat-x;
height:8px;
-webkit-box-shadow: 0px 3px 5px #666;
margin:0px 0px 2px 0px;
}

#sub ul{
list-style:disc;
}

#sub ul li{
margin:0px 0px 10px 0px;
}

#sub .content, #sub .copyright{
background-image:url(images/subContentBG.jpg);
background-repeat:repeat-y;
}

#sub .content .left{
width:255px;
padding:135px 45px 0px 50px;
float:left;
}

#sub .content .right{
width:600px;
padding:0px 50px 50px 0px;
float:left;
}

#sub .content .right .breadCrumbs{
height:15px;
padding:20px 0px 0px 0px;
margin:0px 0px 40px 0px;
color:#a1a1a1;
font-size:10px;
font-weight:bold;
}

#sub .content .right .breadCrumbs a{
color:#a1a1a1;
font-weight:normal;
}

#sub .content .right h1{
height:40px;
}

#sub .content .right p{
color:#595858;
font-size:14px;
}


#sub .content #grades{
}

#sub .content #grades ul{
list-style:none;
}

#sub .content #grades ul li{
border-bottom: solid 1px #999999;
padding:0px 0px 10px 0px;
}

#sub .content #grades ul li h2{
margin:10px 0px 5px 0px;
}

#sub .content #grades ul li h3{
color:#32699c;
margin:10px 0px 5px 0px;
font-size:14px;
}

#sub .content #grades ul li h4{
color:#707070;
margin:5px 0px 5px 0px;
font-weight:normal;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}

#sub .content #grades ul li ul{
list-style:disc;
margin:0px 0px 20px 20px;
}

#sub .content #grades ul li ul li{
border:none;
padding:0px 0px 5px 0px;
margin:0px;
font-size:10px;
color:#666666;
}

#sub .content #grades img{
-webkit-box-shadow: 3px 3px 5px #666;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}


#sub .content #grades .image{
width:150px;
float:left;
padding:0px 30px 0px 0px;
margin:0px 0px 20px 0px;
}

#sub .content #grades .info{
width:420px;
float:left;
margin:0px 0px 20px 0px;
}



#sub .content #leadership{
}

#sub .content #leadership h2{
margin:10px 0px 5px 0px;
}

#sub .content #leadership h3{
color:#32699c;
margin:10px 0px 5px 0px;
}

#sub .content #leadership h4{
color:#707070;
margin:5px 0px 5px 0px;
font-weight:normal;
}

#sub .content #leadership ul{
list-style:none;
margin:0px 0px 20px 0px;
}

#sub .content #leadership ul li{
margin:0px 0px 20px 0px;
}

#sub .content #leadership ul li .col1{
float:left;
width:160px;
}

#sub .content #leadership ul li .col1 img{
-webkit-box-shadow: 3px 3px 5px #666;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}

#sub .content #leadership ul li .col2{
float:left;
width:420px;
margin:0px 0px 0px 20px;
}

#sub .content #communitySchool{
}

#sub .content #communitySchool ul{
margin:0px 0px 0px 20px;
}

#sub .content #communitySchool ul li{
font-size:12px;
font-weight:bold;
color:#004a8f;
}


#sub .content #activities{
}

#sub .content #activities .event{
border-bottom:solid 1px #999999;
margin:0px 0px 40px 0px;
padding:0px 0px 20px 0px;
}

#sub .content #activities .event img{
margin:0px 0px 20px 0px;
display:block;
}

#sub .content #activities .event .eventCol1{
width:340px;
margin:0px 20px 0px 0px;
float:left;
}

#sub .content #activities .event .eventCol2{
width:240px;
float:left;
padding:20px 0px 0px 0px;
}

#sub .content #activities h2{
margin:20px 0px 0px 0px;
}

#sub .content #activities h3{
margin:0px;
}

#sub .content #activities ul{
padding:0px 0px 0px 40px;
margin:0px 0px 20px 0px;
}

#sub .content #activities li{
font-size:12px;
}

#sub .content #activities p{
margin:5px 0px 10px 0px;
}

#sub .content #contact{
}

#sub .content #contact h2{
font-size:14px;
}

#sub .content #contact h3{
color:#707070;
font-size:12px;
}

#sub .content #contact .left{
width:265px;
margin:0px 10px 0px 0px;
float:left;
padding:0px;
}

#sub .content #contact .right{
width:275px;
float:right;
margin:0px;
padding:0px;
}


#applicationForm{
}

#applicationForm h2{
font-size:16px;
}

#applicationForm h3{
font-size:12px;
font-weight:normal;
}

#applicationForm input, #applicationForm textarea{
background-color:#dfe7ec;
color:#004a8f;
padding:2px 2px 3px 3px;
font-size:14px;
font-weight:bold;
}

#applicationForm .label{
width:90px;
margin:0px 10px 0px 0px;
padding:10px 0px 0px 0px;
float:left;
height:40px;
text-align:right;
font-size:12px;
color:#707070;
}

#applicationForm .item{
width:500px;
float:left;
height:50px;
}

#applicationForm #submitBTN{
background-color:#004a8f;
color:#FFFFFF;
padding:5px;
-webkit-box-shadow: 0px 0px 10px #666;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border:solid 3px #FFFFFF;
font-size:14px;
}


#testimonies{
}

#testimonies ul{
list-style:none;
}

#testimonies ul li{
margin:0px 0px 0px 0px;
border-bottom:solid 1px #999999;
padding:10px 0px 10px 0px;
}

#sub .content #testimonies ul li p{
font-size:12px;
font-style:italic;
margin:12px 0px 5px 0px;
}

#sub .content #testimonies ul li h2{
font-style:italic;
font-weight:normal;
font-size:14px;
color:#004a8f;
margin:0px;
}





#classicEducation{
}


#classicEducation ul{
}

#classicEducation ul li{
color:#004a8f;
font-size:12px;
}



#adminProcedures{
}

#adminProcedures ul{
}

#adminProcedures ul li{
font-size:12px;
}





/* END Custom SUB Styles */