﻿/* Color */

body {background:#edf5fa url(/images/bodybg2.png) top left repeat-x;}

#wrap {
background:#fff;
color:#545f62;
}

body.secondary #wrap, body.tertiary #wrap {
background:#fff;
color:#545f62;
}

a {color:#545f62;}
h2 {color:#545f62;}

fieldset {border:1px solid #ccc;}
input[type=text]:focus, input[type=password]:focus {background:#eee;}

/* Buttons */

p.button {background:#FFF;}
p.button, p.button a {color:#0B3D78;}

p.button a {
/*border:1px solid #9fdcf6;*/
background:url(/images/newsbtnbg.png) repeat-x center;
border-radius:3px;
font-family: verdana;
font-size: 10px;
color: #fff !important;
height: 16px;
line-height: 16px;
}

body.kids p.button a, #main #matchgame li {
/*color:#662F00;
border:1px solid #C4AE94;
background:url(/images/kidslmbg.gif) repeat-x center;*/
}

body.res p.button a {
color:#030;
/*border:1px solid #8FA58F;
background:url(/images/reslmbg.gif) repeat-x center;*/
}

body.pro p.button a {
/*color:#030;
border:1px solid #A58FBC;
background:url(/images/prolmbg.gif) repeat-x center;*/
}

body.pro #const p.button, body.pro #dev p.button, body.pro #ind p.button {
background:transparent;
}

body.pro #const p.button a, body.pro #dev p.button a, body.pro #ind p.button a {
/*border:1px solid #A5A5A5;
background:url(/images/prolmbg.png) repeat-x;*/
}
body.pro #const h3, body.pro #dev h3, body.pro #ind h3 { margin: 6px 0px 5px 0; }


/* Header */

#header ul {background:#7cbce5;}
#header ul#hnavtwo {background:#0e69ad;}
#header ul#hnavtwo li a {color:#fff;}

body.tertiary #header p {}
body.kids #header p, body.terkids #header p {/*background:#FFEBCC url(/images/crumbkidsbg.png) repeat-y;*/}
body.res #header p, body.terres #header p {/*background:#D3FFDF url(/images/crumbresbg.png) repeat-y;*/}
body.pro #header p, body.terpro #header p {/*background:#F8E7FF url(/images/crumbprobg.png) repeat-y;*/}
body.kids #header p, body.kids #header p a, body.terkids #header p, body.terkids #header p a {color:#545f62;}
body.res #header p, body.res #header p a {color:#545f62;}
body.pro #header p, body.pro #header p a, body.terpro #header p, body.terpro #header p a {color:#545f62;}
body.hhw #header p, body.hhw #header p a {color:#545f62;}
#header li a, #footer li a {color:#0e69ad;}

#intro, body.tertiary #intro {

 /* Hack to hide light blue page background */
}

body.kids #intro p, body.kids #intro li, body.kids #intro h3, body.kids #intro h4 {color:#545f62;}
body.res #intro p {color:#030;}
body.secondary #main a, body.kids #intro p a, body.res #intro p a, body.pro #intro p a {color:#545f62;}
body.pro #intro .imgright p {color:#545f62;}

body.terkids #intro p, body.terres #intro p, body.terpro #intro p,
body.terkids #intro h3, body.terres #intro h3, body.terpro #intro h3,
body.terkids #intro h4, body.terres #intro h4, body.terpro #intro h4,
body.terkids #intro li, body.terres #intro li, body.terpro #intro li {
color:#006;
}

body.pro #const {/*background:url(/images/proconstbg.png) no-repeat;*/}
body.pro #dev {/*background:url(/images/prodevbg.png) no-repeat;*/}
body.pro #ind {/*background:url(/images/proindbg.png) no-repeat;*/}

#main p.snippet {color:#666;}
#main .floatright h3 {border-bottom:0;}

#main .secondarysection h3 {
color:#577DAA;
border:0;
}

#main .secondarysection img {
/*border-left:1px solid #fff;
border-right:1px solid #fff;
border-bottom:1px solid #fff;*/
}
body.kids .secondarysection h2 img, body.res .secondarysection h2 img, body.pro .secondarysection h2 img {margin-bottom:10px;}
body.kids .secondarysection p, body.res .secondarysection p, body.pro .secondarysection p { padding:0;}

/* body.pro #main .secondarysection a {color:#9019C7;} */
body.tertiary .more a {color:#518DD0;}
#personality p {color:#545f62; font-family:Verdana, Geneva, sans-serif; font-size:11px; font-weight:normal; line-height:15px;}

#kids .learnmore a {
/*border:1px solid #B9A591;*/
color:#515151;
background:url(/images/kidslmbg.png) no-repeat top center;
width:83px;
height:19px;
text-indent:200px;
overflow:hidden;
}

#res .learnmore a {
/*border:1px solid #99B392;*/
color:#2C4911;
background:url(/images/reslmbg.png) no-repeat top center;
width:83px;
height:19px;
text-indent:200px;
overflow:hidden;
}

#pro .learnmore a {
/*border:1px solid #A58EBB;*/
color:#306;
background:url(/images/prolmbg.png) no-repeat top center;
width:83px;
height:19px;
text-indent:200px;
overflow:hidden;
}

#pro {/*border-right:3px solid #fff;*/}

#break {
clear:both;
line-height:3px;
background:#fff url(/images/leftshadow.gif) repeat-y 3px 2px;
}

#jtf {
/*background:url(/images/jtfh3bg.png) no-repeat 3px 2px;
border-right:2px solid #fff;*/
background: #ddeffa;
padding-bottom:20px;
padding-left:45px;
}

#jtfwrap { background:#ddeffa; /*background:url(/images/jtftertiarybg.png) repeat-y -200px 0;*/ padding-bottom:8px;}

#jtf h3 {
color:#545f62;
border:0;
margin-left:-65px;
}


/* Search */

body.kids #search {/*background:url(/images/searchbgkids.png) no-repeat;*/ background:#fff; margin-top:-13px; padding:1px 15px; width:170px; height:71px;}
body.res #search {/*background:url(/images/searchbgres.png) no-repeat;*/ background:#fff; margin-top:-13px; padding:1px 15px; width:170px; height:71px;}
body.pro #search {/*background:url(/images/searchbgpro.png) no-repeat;*/ background:#fff; margin-top:-13px; padding:1px 15px; width:170px; height:71px;}
#search, body.terkids #search, body.terres #search, body.terpro #search {}

#search input.button, body form.mainform .submit {
border:1px solid #b9dff5;
background:#b9dff5;
}


/* Floated Content */

#partnerlinks li, body.community #intro p {color:#545f62;}
.floatright {/*background:url(/images/floatrightbgbtm.png) no-repeat left bottom;*/}
.floatrightinner { background:#ddeffa; /*background:url(/images/floatrightbg2.png) repeat-y;*/}

body.kids .floatrightinner, body.res .floatrightinner, body.pro .floatrightinner {
/*background:url(/images/floatrightbg.png) repeat-y;*/
background:#fff;
}

body.terkids .floatrightinner, body.terres .floatrightinner, body.terpro .floatrightinner {
background:url(/images/floatrightbg2.png) repeat-y;
}

.nodd, .podd {
/*background:#F6FAFE;
border-bottom:1px dashed #518DD0;*/
}

.neven, .peven {
background:#FFF;
border-bottom:1px dashed #518DD0;
}

body.alt .neven, body.alt .nodd {border-bottom:0;}

body.community .neven, body.community .nodd {
/*border-bottom:1px dashed #518DD0;*/
}

body.community .nilast {border-bottom:1px solid #0B3D78;}

.fodd {/*background:#E2EFFB;*/ margin-top: 18px;}
.feven {/*background:#F3F8FD;*/ margin-top: 5px;}
.nilast {border-bottom:1px solid #0B3D78;}
.podd a, .peven a {color:#09C;}
.pilast {border-bottom:0;}

#hhw a, #swim a, #main .secondarysection a {color:#FB8317;}
/* body.res #main .secondarysection a {color:#08A030;} */
#main .secondarysection p {color:#545f62; line-height:16px;}

.school {background:url(/images/secsectionschool.png) no-repeat;}
.scouts {background:url(/images/secsectionscouts.png) no-repeat;}
.waste{background:url(/images/secsectionwaste.png) no-repeat;}
.difference {background:url(/images/secsectiondifference.png) no-repeat;}
.inlet {background:url(/images/secsectioninlet.png) no-repeat;}
.diagrams {background:url(/images/secsectiondiagrams.png) no-repeat;}

#footer {
/*background:url(/images/footerbg.png) no-repeat;*/
color:#edf5fa;
}

body.secondary #footer, body.tertiary #footer {
/*background:url(/images/footerbgtwo.png) 1px 0 no-repeat;
color:#E5F1FB;*/
}

#footer li a, #footer p {color:#545f62; font-family:Verdana, Geneva, sans-serif; font-size:11px;}

#kids {background:url(/images/kidsbg.jpg) no-repeat 0 39px;}
#res {background:url(/images/resbg.jpg) no-repeat 0 39px;}
#pro {background:url(/images/probg.jpg) no-repeat 0 39px;}

#swimpic {
/*border:1px solid #CED7DF;
padding:1px;
background:#fff;*/
}

#matchgame {background:url(/images/eddyclaramatchgame.png) no-repeat;}
#matchgame p {color:#662F00;}
#matchgame a {color:#663100;}


/* Vertical Nav */

body.kids #subnav li,
body.terkids #subnav li {
border-left:7px solid #fab731;
background:#fff;
color:#545f62;
}

body.res #subnav li {
border-left:7px solid #ea422d;
background:#fff;
}

body.pro #subnav li,
body.terpro #subnav li {
margin:0;
border-left:7px solid #8e2d89;
background:#fff;
}

body.hhw #subnav li,
body.alt #subnav li {
margin:0;
border-left:7px solid #0e69ad;
background:#fff;
}

body.kids #subnav li a,
body.terkids #subnav li a {
/*border-bottom:1px solid #E8D0B1;*/
color:#545f62;
}

body.res #subnav li a {
/*border-bottom:1px solid #BEE4C3;
color:#030;*/
}

body.pro #subnav li a,
body.terpro #subnav li a {
/*border-bottom:1px solid #E8C6F4;
color:#460066;*/
}

body.hhw #subnav li a,
body.alt #subnav li a {
/*border-bottom:1px solid #CEE0F6;*/
color:#545f62;
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
}

body.kids #subnav li ul.secondsub li, body.terkids #subnav li ul.secondsub li {
border-left:0;
background:#fff;
}

body.pro #subnav li ul.secondsub li, body.terpro #subnav li ul.secondsub li {
border-left:0;
background:#fff;
}

.secondaryboxodd {
background:#ddeffa;
/*border-bottom:1px dashed #336;*/
}

.secondaryboxeven {
background:#fff;
border-bottom:1px dashed #336;
}

body.hhw .secondaryboxodd a, body.hhw .secondaryboxeven a, body.hhw .floatright a {color:#0B3D78;}
body.alt .secondaryboxodd, .sblast, body.hhw #main .harris h3, body.hhw #main .cityhouston h3 {border-bottom:0;}
.secondaryboxodd h4 a, .secondaryboxeven h4 a, .secondaryboxodd p, .secondaryboxeven p, body.tertiary .floatright a {color:#545f62;}

.secondaryboxodd h4 a, .secondaryboxeven h4 a {color:#0e69ad; font-family:Verdana, Geneva, sans-serif; font-size:10px;}
 .secondaryboxodd p, .secondaryboxeven p { color:#545f62; font-family:Verdana, Geneva, sans-serif; font-size:10px;}

body.hhw #intro table td {color:#545f62;}

form .error {
color:#C00;
}

body.kids #main .games h2 img, body.kids #main .games p img {
border:0;
}
.bor_bot { border-bottom: 1px solid #545f62; clear: both; display: inline-block; }
p.readmore a { color:#0e69ad; text-decoration:none;}
#intro { margin:0 11px; min-height:300px;}
h4.blue { color:#0e69ad;}
#main h4.date { margin:0 0 13px;}
.trigger h3, .triggerexpanded h3 { 
color:#545f62 !important;
font-size:12px !important;
}
#secondary h4 { color:#0e69ad;}
#featured, #featured a , #featured h4{ font-size:11px;}
#main .floatright h4 { margin-bottom:0;}
body.hhw td.harris h3, body.hhw td.cityhouston h3 { margin: 15px 25px 5px 0 !important;}
#countylinks td a { font-size:10px;}
.fourr tr img { margin:0 0 15px 0;}

body.community .floatright .floatrightinner { background: #fff; border:1px solid #b9dff5; padding-top:0px;}
body.community #swim p {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	line-height:16px;
}
body.community #swim h4 { padding: 5px 15px; }
body.community #swim h4 a { color:#0e69ad; font-family:Verdana, Geneva, sans-serif; font-size:10px;}

body.bgfill #wrap {
background:#edf5fa url(/images/bodybg_multy.png) top left repeat-y;

}