@charset "UTF-8";
/* CSS Document */
 
body {
margin: 0; padding: 0; font-family:Tahoma, Geneva, sans-serif; color:#000; font-size:12px;  background:url(/images/pg_topbackrep.jpg) top left repeat-x #fff;        /* optional */
}
 
#back {background:url(/images/pg_btmbackgrn.gif) repeat-x bottom left; padding:8px 0 0 0;}
#main {width:951px; margin:0px auto 0 auto; padding:0;  }
 
.clear {clear: both}
.left {float:left}
.right{float:right;}

 
h1{ font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; color:#05483b; font-size:150%; margin:0px; padding:6px 5px 6px 0px;   }
h2{ font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; color:#05483b; font-size:136%; margin:0px; padding:6px 5px 4px 0px;   }
h3{ font-family:Tahoma, Geneva, sans-serif; font-weight:bold; color:#555;  font-size:120%; margin:0px; padding:5px 5px 3px 0px; text-transform:uppercase;  }
h4{ font-family:Tahoma, Geneva, sans-serif; font-weight:bold; color:#065445; font-size:110%; margin:0px; padding:5px 5px 3px 0px;  }
h5{ font-family:Tahoma, Geneva, sans-serif; font-weight:bold; color:#9d8016; font-size:110%; margin:0px; padding:5px 5px 5px 0px;  }
h6{ font-family:Tahoma, Geneva, sans-serif; font-weight:bold; color:#555; font-size:110%; margin:0px; padding:8px 5px 3px 0px;  }

h1 a, h2 a {font-family:Georgia, "Times New Roman", Times, serif; } 
h3 a, h6 a {color:#555;}
h4 a{color:#065445;}
h5 a{color:#9d8016;}
 
a{ font-weight:bold; color:#05483b; text-decoration:none;   font-family:Helvetica, Geneva, Arial, sans-serif; }
p a {color:#000; } p a:hover {color:#05483b; }
a:hover{ color:#000;     }
 
ul, ol{margin:0px; padding:0px 5px 5px 15px;} ol {margin-left:25px;}
li{margin:0px ; padding:5px 5px 5px 5px;  }

p { font-family:Arial, Helvetica, sans-serif; margin:0px; padding: 5px 0px 5px 0px; font-size:100%; color:#000; }

#header {background-color:#FFF; padding-bottom:7px;}

hr, html body hr {width:100%; margin:3px 3px 3px 0px; padding:0px; color:#efe7c7; background-color:#efe7c7; height:1px; border: 0px solid #efe7c7; text-align:right;   }

img a, a img {border:0px;}

.topbox{width:451px; float:right; background:url(/images/pg_topgrnback.gif) repeat-x top left;  }
.topbox ul, .topbox li {margin:0; padding:0;}
.topbox ul li {display:inline-block; float:left;   list-style:none;  margin:0 6px 0 8px; color:#FFF; font-size:95%;   }
.topbox ul li a {color:#FFF; display:inline-block; float:left;  }
.topbox ul li.but1 {width:87px; background:url(/images/pg_topbut1.gif) no-repeat top right ;    }
.topbox ul li.but1 a {  padding:3px 20px 3px 0px;   }
.topbox ul li.but2 {width:70px; background:url(/images/pg_topbut2.gif) no-repeat top right ;   }
.topbox ul li.but2 a {  padding:3px 20px 3px 0px;   }
.topbox ul li.but3 {width:106px;    } .topbox ul li.but3 .txt {  padding-top:2px; float:left;  font-size:95%; }
.topbox ul li.but4 {width:48px; background:url(/images/pg_topbut5.gif) no-repeat top right ;   }
.topbox ul li.but4 a {  padding:3px 20px 3px 0px;   }
.topbox ul li.but5 {width:55px; background:url(/images/pg_topbut6.gif) no-repeat top right ;    }
.topbox ul li.but5 a {  padding:3px 20px 0px 0px;   }
.topbox ul li a:hover { color:#efe7c7;   }

.top { height:76px;}
.logo {float:left; width:482px;}

.lftcol {width:213px; float:left; margin-right:18px; padding-top:5px;    }
.hmcol {width:479px; float:left;  margin-right:17px; }
.rghtcol {width:223px; float:left; }

.midcol {width:543px; float:left; padding-right:15px; padding-top:10px;}
.midcol2 {width:704px; float:left; padding-right:15px; padding-top:10px;}
.rghtcol2 {width:161px; float:right;  padding-top:10px; }
.rghtcol3 {width:161px; float:right;  padding-top:10px; margin: 0 0 10px 10px; background-color:#FFF; border-left:5px solid #FFF; border-bottom:5px solid #FFF;}

.teenback .midcol .teentop { background:url(/childteen/images/teens_back2.jpg) no-repeat top right; padding-top:0; padding-left:150px; width:392px; height:120px; margin-top:6px;  }


#content {padding-top:11px;}


.enews, .donate {  display:block;  background-color: #05483b; width:100%;  } .enews p { color:#efe8c8; font-size:95%; width:120px; padding-top:0;}
.enews .submit {width:80px; margin:0 5px 0 0;} .enews .emailaddress {width:143px;}
.donate .submit {  margin:0 5px 0 0; padding:8px 5px 0 5px; width:100px; float:left; height:18px;}
.donate p { color:#efe8c8; font-size:95%; padding-top:0; float:left; display:inline-block; width:90px;}

.map {font-size:98%; padding-top:20px;}
.hmcal {float:left; width:248px; margin-right:13px; margin-top:10px; padding:5px 0px 5px 0;}
.hmfeat {float:left; width:218px;  margin-top:10px;  padding:5px 0px 5px 0;}

.foot {background:url(/images/pg_btmback.gif) no-repeat bottom left #eee3b9; padding-bottom:5px; } .foot p  {font-size:95%; color:#05483b; line-height:135%;} .foot a {color:#05483b;}

.wfl {height:25px; text-align:right; padding-right:6px; padding-top:5px;}
.tablepad1 td {padding:5px 5px 5px 0px;}

#contactForm textarea, #contactForm input  { width:155px; }
#contactForm .submit { width:64px;}

.child{background:url(/childteen/images/child.png) no-repeat top left ; padding:25px 25px 5px 100px; height:122px;}
.teens{background:url(/childteen/images/teens.png) no-repeat top left ; padding:25px 25px 5px 100px; height:122px;}
.childbut{   width:150px;  padding: 5px 5px 5px 5px;  height:70px;  background:url(/childteen/images/child_butsm.png) top left no-repeat; }
.teensbut{ padding: 5px 5px 5px 5px; width:150px; height:70px; background:url(/childteen/images/teens_butback.png) top left no-repeat; }
.teensbut h2, .teensbut h4, .teensbut a, .teensbut p a, .childbut h2, .childbut h4, .childbut  a, .childbut p a { color:#FFF;}

blockquote {padding:0 0 10px 25px; margin:0;}

.box1 {width:260px;}
.box1bord {width:246px; border-left:solid 2px #eee2b8; border-right:solid 2px #eee2b8; padding: 0 5px 0 5px; }
 

/* REUSABLES  ______________________________________________ */
.padL40{padding-left:40px;}
.padL30{padding-left:30px;}
.padL20{padding-left:20px;}
.padL9{padding-left:9px;}
.padL10{padding-left:10px;}
.padL15{padding-left:15px;}
.padL5{padding-left:5px;}
.padR5{padding-right:5px;}
.padR10{padding-right:10px;}
.padR15{padding-right:15px;}
.padR20{padding-right:20px;}
.padR30{padding-right:30px;}
.padR70{padding-right:70px;}
.pad10{padding:10px;}
.padT2{padding-top:2px;}
.padT3{padding-top:3px;}
.padT5{padding-top:5px;}
.padT7{padding-top:7px;}
.padT10{padding-top:10px;}
.padT15{padding-top:15px;}
.padT20{padding-top:20px;}
.padT33{padding-top:33px;}
.margT10{margin-top:10px;}
.margB8{margin-bottom:8px;}
.padB10{padding-bottom:10px;}
.padB5{padding-bottom:5px;}
.nopad{padding:0px;}
.nomarg{margin:0px;}
.margL5{margin-left:5px;}
.margL10{margin-left:10px;}

.font_color_gray {color:#545353;}
.font_color_medgray  {color:#555;}
.font_color_darkgray  { color:#333;}
.font_color_green {color:#05483b;}
.font_color_medgreen  {color:#065445}
.font_color_lightgreen {color:#d5e0de;}
.font_color_lighttan  {color:#efe8c8;}
.font_color_medyellow  {color:#c5a11b;}
.font_color_darkyellow  {color:#9d8016;}
.font_color_black {color:#000;}
.font_color_white  {color:#fff;}
.font_color_brightblue  {color:#0f5dee;}

.background_color_gray {background-color:#545353;}
.background_color_medgray {background-color:#555;}
.background_color_darkgray { background-color:#333;}
.background_color_green {background-color:#05483b;}
.background_color_lightgreen {background-color:#d5e0de;}
.background_color_medgreen {background-color:#065445}
.background_color_lighttan {background-color:#efe8c8;}
.background_color_medyellow {background-color:#c5a11b;}
.background_color_darkyellow {background-color:#9d8016;}
.background_color_black {background-color:#000;}
.background_color_white {background-color:#fff;} 
.background_color_lime {background-color:#ebf08f;}

.font_size_10 {font-size:90%;}
.font_size_11 {font-size:95%;}
.font_size_12 {font-size:100%;}
.font_size_14 {font-size:110%;}
.font_size_16 {font-size:130%;}


.img1_left {float:left; padding:0px 8px 5px 0;}
.img2_left {float:left; padding:5px 8px 5px 0;}
.img3_left {float:left; padding:5px 12px 5px 0;}
.img4_left {float:left; padding:5px 12px 10px 0;}
.img5_left {float:left; padding:0px 8px 10px 0;}
.img6_left {float:left; padding:0px 8px 18px 0;}
.img7_left {float:left; padding:0px 8px 2px 0;}
.img8_left {float:left; padding:0px 0px 5px 0;}
.img9_left {float:left; padding:0px 5px 5px 5px;}
.img10_left {float:left; padding:0px 12px 5px 0;}


.img1_right {float:right; padding:0px 0px 10px 10px;}
.img2_right {float:right; padding:5px 0px 10px 10px;}
.img3_right {float:right; padding:0px 0px 5px 5px;}

.noborder{border:0;}
.nobold {font-weight:normal;}

/* FORMS  ______________________________________________ */

input{ border:1px solid #d1c7a2; color:#545353; font-size:90%;   margin:0px; padding:3px 2px 3px 2px;}
option{ border:1px solid #d1c7a2; color:#545353;  background-color:#fff; margin:0px; padding:0px;  }
select{ border:1px solid #d1c7a2; color:#545353;  padding:2px 2px 3px 2px; font-size:90%;  }
textarea{border:1px solid #d1c7a2; color:#545353; background-color:#FFFFFF; margin:0px; }
form{ margin:0px;  padding:0px;}
label { color:#3b6975; }
.submit { width:24px; height:21px; border:0px; background-color:#efe8c8; color:#05483b; font-weight:bold;  }
  
/* END FORMS ______________________________________________ */


/*NAVS:  */
.nav {  }
.menu{
float:left; width:801px; display:inline-block;  
}

.menu ul{
 padding: 0 ;
margin: 0;
text-align: left; /*set value to "left", "center", or "right"*/
}

.menu ul li{
display: block; padding: 0 ;  float:left;
margin: 0; list-style:none; height:28px; position:relative; 
}

.menu ul li a{
 margin: 0;
text-decoration: none; font-family:Tahoma, Geneva, sans-serif;
margin-right: 4px; font-size:11px; text-transform:uppercase; font-weight:bold; display: inline-block;  float:left;  height:20px;   position:relative; text-align:center;
padding-top:8px;  
}
.menu ul li a.nav1 { background: url(/images/nav1.png) top left no-repeat ;  width:65px; }
.menu ul li a.nav2 { background: url(/images/nav2.png) top left no-repeat ;   width:128px;}
.menu ul li a.nav3 { background: url(/images/nav3.png) top left no-repeat ;   width:128px;}
.menu ul li a.nav4 { background: url(/images/nav4.png) top left no-repeat ;  width:146px;}
.menu ul li a.nav5 { background: url(/images/nav5.png) top left no-repeat ;   width:65px;}
.menu ul li a.nav6 { background: url(/images/nav6.png) top left no-repeat ;  width:92px;}
.menu ul li a.nav7 { background: url(/images/nav7.png) top left no-repeat ; margin-right:0; width:151px;}

.menu ul li a:hover, .menu ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
  color:#FFF; /*THEME CHANGE HERE*/
}
.menu ul li a.nav1:hover, .menu ul li a.nav1.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background: url(/images/nav1ov.png)  no-repeat;  /*THEME CHANGE HERE*/
}
.menu ul li a.nav2:hover, .menu ul li a.nav2.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background: url(/images/nav2ov.png) no-repeat;  /*THEME CHANGE HERE*/
}
.menu ul li a.nav3:hover, .menu ul li a.nav3.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background: url(/images/nav3ov.png) no-repeat;  /*THEME CHANGE HERE*/
}
.menu ul li a.nav4:hover, .menu ul li a.nav4.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background: url(/images/nav4ov.png) no-repeat;  /*THEME CHANGE HERE*/
}
.menu ul li a.nav5:hover, .menu ul li a.nav5.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background: url(/images/nav5ov.png) no-repeat;  /*THEME CHANGE HERE*/
}
.menu ul li a.nav6:hover, .menu ul li a.nav6.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background: url(/images/nav6ov.png) no-repeat;  /*THEME CHANGE HERE*/
}
.menu ul li a.nav7:hover, .menu ul li a.nav7.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background: url(/images/nav7ov.png) no-repeat;  /*THEME CHANGE HERE*/
}


.hm .menu ul li a.nav1 { background: url(/images/nav1ov.png) top left no-repeat ; color:#FFF;}
.ab .menu ul li a.nav2 { background: url(/images/nav2ov.png) top left no-repeat ; color:#FFF;}
.ct .menu ul li a.nav3 { background: url(/images/nav3ov.png) top left no-repeat ; color:#FFF;}
.pe .menu ul li a.nav4 { background: url(/images/nav4ov.png) top left no-repeat ; color:#FFF;}
.news .menu ul li a.nav5 { background: url(/images/nav5ov.png) top left no-repeat ; color:#FFF;}
.res .menu ul li a.nav6 { background: url(/images/nav6ov.png) top left no-repeat ; color:#FFF;}
.sup .menu ul li a.nav7 { background: url(/images/nav7ov.png) top left no-repeat ; color:#FFF;}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
z-index:100;
background-color:#05483b;
width: 200px;
visibility: hidden;

}

.dropmenudiv ul {margin:0; padding:5px 0 5px 0;}
.dropmenudiv li { list-style:none; padding:0px 5px 0px 5px;  }
.dropmenudiv li a{
width: auto;
display: block; 
text-indent: 3px;
 border-top: 1px solid #043e33; /*THEME CHANGE HERE*/
padding: 5px 0 5px 0;
text-decoration: none;
font-weight: bold;
color: #eee4bd; font-size:95%;
}
.dropmenudiv li:first-child a{border:0;}

* html .dropmenudiv li a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv li a:hover{ /*THEME CHANGE HERE*/
color: #fff; background-color:#065445;
}

.dropmenudiv li ul {margin:0; padding:0;}
.dropmenudiv li ul li a {border:0;}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv2{
position:absolute;
 line-height:18px;
z-index:110;
background-color: #eee4bd;
width: 141px; border-top:1px solid #05483b;
visibility:hidden;

}

.dropmenudiv2 ul {margin:0; padding:5px 0 5px 0;}
.dropmenudiv2 li { list-style:none; padding-bottom:0; padding-top:0;   }
.dropmenudiv2 li a{
width: auto;
display: block; 
 border-bottom: 1px solid #05483b; /*THEME CHANGE HERE*/
padding: 5px 0 5px 3px;
text-decoration: none;
font-weight: bold;
color: #05483b; font-size:93%; line-height:130%;
}

* html .dropmenudiv2 li a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv2 li a:hover{ /*THEME CHANGE HERE*/
 color:#000;
}
/* ######### HOW DO I MENU #########*/

.howdoi {float:left; width:146px; display:inline-block;  background:url(/images/pg_grndownarrow.png) no-repeat 90% 50%;  margin-right:3px; }
.howdoi ul {margin:0; padding:0; }
.howdoi ul li { list-style:none; display:inline-block; float:left;  position:relative; margin:0; padding: 0px 0px 0px 0px; border-bottom:#05483b solid 2px;  }
.howdoi ul li a {padding: 5px 15px 3px 5px; display: inline-block;  float:left;  position:relative; width:121px; font-family:Georgia, "Times New Roman", Times, serif; font-size:125%;  }
.howdoi ul li a:hover, .howdoi ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
color:#000; /*THEME CHANGE HERE*/
}

/* ######### SUBNAV #########*/

ul#subnav {background-color:#05483b; margin:0; padding:0 0 0px 0;}
#subnav li { list-style:none; display:block;  margin:0; padding: 0 5px 0 5px;  }
#subnav li a{
	width: auto;
	display: block;  
	padding: 7px 5px  7px 13px;
	text-decoration: none;
	font-weight: bold;
	color: #eee4bd;   
	background:url(/images/pg_yelrightarrow.png) no-repeat 0 50%; font-size:95%;
	border-top: 1px solid #043e33;
}
* html #subnav li a{ /*IE only hack*/
width: 185px;
}
#subnav li a:hover{  
 color:#fff;  background-color:#065445;
}
#subnav li:first-child a {border-top:0;}

#subnav li ul  {margin:0; padding:0;}
#subnav li ul li  {margin:0; padding:0;  background-color:#065445;}
#subnav li ul li a{ border-top: 0; margin-left:10px;  }
 
/* ######### FOOT NAV #########*/

#footnav {margin-top:10px;}
#footnav ul {margin:0; padding:0;}
#footnav li { list-style:none; display: inline-block; padding: 0px; float:left;  }
#footnav li a{
width: auto;
display: inline-block;  
padding: 7px 12px  7px 12px;
text-decoration: none;
font-weight: bold;
color: #05483b;  font-size:95%;
}
#footnav li a:hover{  
 color:#000;
}






/* ######### CSS for Shade Tabs. Remove if not using ######### */

.search {  display:block;  background-color: #05483b; width:213px; margin-bottom:10px;    }

.shadetabs{
padding: 3px 0px 0 5px;
list-style-type: none;
display:block;  
/*background-color: #05483b; */
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
list-style:none; display:inline-block; float:left; position:relative;  width:100px;    margin:0; padding:0;  font-size:12px;
}

.shadetabs li a{
text-decoration: none;
position: relative;  display:inline-block;
z-index: 1;
margin: 0;
background: url(/images/pg_tabback1ov.png) no-repeat top left;
color:#efe8c8;
padding: 8px 5px 5px 5px;  float:left; width:92px; 
font-weight:bold;
}
 
.shadetabs li a:hover{
 color: #fff;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;  color:#05483b;  background: url(/images/pg_tabback1.png) no-repeat top left;
 
}
 
.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

 
.tabcontent{
display:none;  padding:10px 0 5px 5px; height:55px;  width:195px; background-color:#efe8c8; margin-left:5px;
}
.tabcontent a {font-size:85%;}
.tabcontent .searchinput { width:155px;}

@media print {
.tabcontent {
display:block !important;
}
}


/*CALENDAR */

#programname {display:none;}

 .prefix, .printer, .minical th {font-size:12px;}
 .date, .user, .user blink {font-family:Georgia, "Times New Roman", Times, serif; text-decoration:none; }
 .categories input, .categories option {font-size:11px;}
 .minical caption a, #printarea a { color:#000;} #printarea a:hover { color:#05483b;}

 .popup {
   color: #ffffff;
  background-color: #05483b;
  text-decoration: none;
  position: absolute;
  z-index: 20;
  visibility: hidden;
  top: 0px;
  left: 0px;
  border: 1px solid #4d4d4d;
  padding: 3px;
}