/*GLOBAL
*/
*{
font-family:Verdana,sans-serif;
font-size:11px;
}
html{
height:100%;
}
body{
height:100%;
margin:0;
padding:0;
text-align:center;
background-color:#006600;
}
h2{
margin:0;
padding:0.5em 0;
color:#006600;
}
ul{
padding:0 0 0.5em 0;
margin:0 3em;
}
p{
margin:0;
padding:0 0 1em 0;
}
a:link,a:active,a:visited{
color:#990000;
}
a:hover{
color:#cc0000;
}
img{
border:0;
margin:0;
}

/*SPLASH
*/
.splash_layout{
width:100%;
height:100%;
border-collapse:collapse;
}
.splash_layout img{
display:block;
}
.splash_layout td{
width:50%;
height:50%;

}
.td1{
vertical-align:bottom;
text-align:right;
height:50%;
}
.td1 img{
float:right;
}
.td2{
vertical-align:bottom;
text-align:left;
height:50%;
}
.td3{
vertical-align:top;
text-align:right;
height:50%;
}
.td3 img{
float:right;
}
.td4{
vertical-align:top;
text-align:left;
height:50%;
}
body.splash{
background:url(../images/splash_grad_bg00.png) 0 100% repeat-x;
overflow:hidden;
}
div.splash_content{
width:680px;
background:url(../images/splash_farran_street_logo00.png) 0 35px no-repeat;
padding:105px 0 0 0;
margin:0 auto;
height:502px;
text-align:right;
}
/*LAYOUT
*/
.layout{
width:840px;
margin:0 auto;
background:url(../images/template/content_shadow_mid.jpg) 0 0 repeat-y;
text-align:left;
}
/*banner
*/
.banner{
width:760px;
padding:40px 40px 0 40px;
background:url(../images/template/content_shadow_top.jpg) 0 0 no-repeat;
}
.banner h1{
margin:0;
padding:0;
}
.banner img{
display:block;
}
.overview .banner_top{
background:url(../images/template/banner_overview_top_bg.jpg) 0 0 no-repeat;
height:96px;
}
.overview .banner_mid{
background:url(../images/template/banner_overview_mid_bg.jpg) 0 0 no-repeat;
height:194px;
}
.overview .banner_btm{
background:url(../images/template/banner_overview_btm_bg.jpg) 0 0 no-repeat;
height:40px;
}
.history .banner_top{
background:url(../images/template/banner_history_top_bg.jpg) 0 0 no-repeat;
height:70px;
}
.history .banner_mid{
background:url(../images/template/banner_history_mid_bg.jpg) 0 0 no-repeat;
height:90px;
}
.history .banner_btm{
background:url(../images/template/banner_history_btm_bg.jpg) 0 0 no-repeat;
height:40px;
}
.babies_room .banner_top{
background:url(../images/template/banner_babies_room_top_bg.jpg) 0 0 no-repeat;
height:70px;
}
.babies_room .banner_mid{
background:url(../images/template/banner_babies_room_mid_bg.jpg) 0 0 no-repeat;
height:90px;
}
.babies_room .banner_btm{
background:url(../images/template/banner_babies_room_btm_bg.jpg) 0 0 no-repeat;
height:40px;
}
.pre_school_room .banner_top{
background:url(../images/template/banner_pre_school_room_top_bg.jpg) 0 0 no-repeat;
height:70px;
}
.pre_school_room .banner_mid{
background:url(../images/template/banner_pre_school_room_mid_bg.jpg) 0 0 no-repeat;
height:90px;
}
.pre_school_room .banner_btm{
background:url(../images/template/banner_pre_school_room_btm_bg.jpg) 0 0 no-repeat;
height:40px;
}
.philosophies .banner_top{
background:url(../images/template/banner_philosophies_top_bg.jpg) 0 0 no-repeat;
height:70px;
}
.philosophies .banner_mid{
background:url(../images/template/banner_philosophies_mid_bg.jpg) 0 0 no-repeat;
height:90px;
}
.philosophies .banner_btm{
background:url(../images/template/banner_philosophies_btm_bg.jpg) 0 0 no-repeat;
height:40px;
}
.programs .banner_top{
background:url(../images/template/banner_programs_top_bg.jpg) 0 0 no-repeat;
height:70px;
}
.programs .banner_mid{
background:url(../images/template/banner_programs_mid_bg.jpg) 0 0 no-repeat;
height:90px;
}
.programs .banner_btm{
background:url(../images/template/banner_programs_btm_bg.jpg) 0 0 no-repeat;
height:40px;
}
.contact .banner_top{
background:url(../images/template/banner_contact_top_bg.jpg) 0 0 no-repeat;
height:70px;
}
.contact .banner_mid{
background:url(../images/template/banner_contact_mid_bg.jpg) 0 0 no-repeat;
height:90px;
}
.contact .banner_btm{
background:url(../images/template/banner_contact_btm_bg.jpg) 0 0 no-repeat;
height:40px;
}
/*footer
*/
.footer{
width:760px;
padding:2em 40px 40px 40px;
background:url(../images/template/content_shadow_btm.jpg) 0 100% no-repeat;
clear:both;
text-align:center;
}
.footer ul{
margin:0;
padding:0;
list-style:none;
}
.footer li{
margin:0 0.3em;
padding:0;
list-style:none;
display:inline;
}
.footer p{
text-align:center;
margin:0;
padding:0;
}
.footer a:link,
.footer a:active,
.footer a:visited{
text-decoration:none;
color:#006600;
}
.footer a:hover{
text-decoration:none;
color:#00cc00;
}
.footer .current span{
color:#006600;
font-weight:bold;
}
.content{
width:760px;
padding:0 40px;
clear:both;
}
.content_lt{
width:440px;
float:left;
overflow:visible;
}
* html .content_lt{
height:1px;
}
.content_rt{
width:310px;
float:right;
overflow:visible;
}
* html .content_rt{
height:1px;
}

/*MENU
*/
.menu{
padding-left:40px;
}
.menu ul{
padding:0;
margin:0;
list-style:none;
}
.menu li{
padding:0 15px 0 0;
margin:0;
list-style:none;
float:left;
}
.menu img{
display:block;
}
.menu a,
.menu .current span{
display:block;
padding:2px 0 5px 0;
}
.menu a:link,.menu a:active,.menu a:visited,
.current span{
border-top:6px solid #ffffff;
}
.menu li#overview a:hover,
.menu li#overview.current span{
border-top:6px solid #cc3300;
}
.menu li#history a:hover,
.menu li#history.current span{
border-top:6px solid #cc9900;
}
.menu li#babies_room a:hover,
.menu li#babies_room.current span{
border-top:6px solid #00cc33;
}
.menu li#pre_school_room a:hover,
.menu li#pre_school_room.current span{
border-top:6px solid #ff470a;
}
.menu li#philosophies a:hover,
.menu li#philosophies.current span{
border-top:6px solid #0099cc;
}
.menu li#programs a:hover,
.menu li#programs.current span{
border-top:6px solid #9f9a4b;
}
.menu li#contact a:hover,
.menu li#contact.current span{
border-top:6px solid #cc0033;
}

/*CALLOUTS
*/
/*pink
*/
.callout_pink{
margin:0 0 1em 0;
}
.callout_pink p{
padding:0 10px 1em 10px;
}
.callout_pink p b{
color:#990000;
}
.callout_pink p.firstelement{
padding-top:1em;
}
.callout_pink ul{
padding:1em 0 1em 0;
margin:0 2em 0 3em;
}
.callout_pink img{
display:block;
}
.callout_pink .callout_head{
border-left:10px solid #ffffff;
background:#f2ccbf;
padding-top:10px;
}
.callout_pink .callout_body{
border-left:10px solid #f2ccbf;
border-right:10px solid #f2ccbf;
background:#e8a68f;
}
.callout_pink .callout_foot{
border-right:10px solid #ffffff;
background:#f2ccbf;
padding-top:10px;
}
/*green
*/
.callout_green{
margin:0 0 1em 0;
}
.callout_green p{
padding:0 10px 1em 10px;
}
.callout_green p.firstelement{
padding-top:1em;
}
.callout_green p b{
color:#006600;
}
.callout_green ul{
padding:1em 0 1em 0;
margin:0 2em 0 3em;
}
.callout_green img{
display:block;
}
.callout_green .callout_head{
border-left:10px solid #ffffff;
background:#d9e8d9;
padding-top:10px;
}
.callout_green .callout_body{
border-left:10px solid #d9e8d9;
border-right:10px solid #d9e8d9;
background:#b9d5b9;
}
.callout_green .callout_foot{
border-right:10px solid #ffffff;
background:#d9e8d9;
padding-top:10px;
}
/*orange
*/
.callout_orange{
margin:0 0 1em 0;
}
.callout_orange p{
padding:0 10px 1em 10px;
}
.callout_orange p.firstelement{
padding-top:1em;
}
.callout_orange p b{
color:#ff9900;
}
.callout_orange ul{
padding:1em 0 1em 0;
margin:0 2em 0 3em;
}
.callout_orange img{
display:block;
}
.callout_orange .callout_head{
border-left:10px solid #ffffff;
background:#fee8bf;
padding-top:10px;
}
.callout_orange .callout_body{
border-left:10px solid #fee8bf;
border-right:10px solid #fee8bf;
background:#fed78f;
}
.callout_orange .callout_foot{
border-right:10px solid #ffffff;
background:#fee8bf;
padding-top:10px;
}