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

 body {
margin: 0; padding: 0;   font-family:Arial, Helvetica, sans-serif; color:#000; font-size:12px;  background:url(/images/page_back.gif) top left repeat-x #d4cbe0;    /* optional */
}
 
 
#main {width:952px; margin:0 auto 5px auto; padding:10px 9px 13px 8px; background:url(/images/page_btm.gif) bottom left no-repeat #FFF; }
#wht_back {background-color:#FFF;}

.clear {clear: both}
.left {float:left}
.right{float:right;}

h1{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#5b3932; font-size:130%; margin:0px; padding:6px 5px 6px 0px;   }
h2{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#fff; font-size:130%; margin:0px; padding:5px 5px 5px 0px; text-transform:uppercase;  }
h3{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#5b3932; font-size:130%; margin:0px; padding:5px 5px 5px 0px; text-transform:uppercase;  }
h4{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#3b6975; font-size:120%; margin:0px; padding:5px 5px 5px 0px;  }
h5{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#d4cbe0; font-size:100%; margin:0px; padding:5px 5px 5px 0px;  }
h6{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#333; font-size:110%; margin:0px; padding:8px 5px 3px 0px;  }


h3 a { color:#305468; }
h1 a {font-family:Georgia, "Times New Roman", Times, serif;  color:#ac0030; font-weight:normal; }
h1 a:hover {font-family:Georgia, "Times New Roman", Times, serif;  color:#5891b0; font-weight:normal;}
h6 a {color:#333;  }

a{ font-weight:bold; color:#3b6975; text-decoration:none;   font-family:Helvetica, Geneva, Arial, sans-serif; font-size:100%; }
a:hover{ color:#000;  font-family:Helvetica, Geneva, Arial, sans-serif;   }
 
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:5px 3px 5px 0px; padding:0px; color:#cccccc; background-color:#cccccc; height:2px; border: 0px solid #cccccc; margin-right: 0; text-align:right;   }

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

#header .toplinks {height:18px; padding-right:90px; width:375px; float:right;}
#header .toplinks a {font-size:90%;}

#header .topimg {padding:0 0 0 0; width:648px;  float:left;}
#header .topimg .logo { width:115px;  float:left;}

.hm #header .topimg .l_1 { width:317px;  height:103px; background:url(/images/hm_imgl1.jpg) no-repeat top left; float:left;  }
.hm #header .topimg .r_1 { width:216px; height:103px; background:url(/images/hm_imgr1.jpg) no-repeat top left;  float:left;  }
.ab #header .topimg .l_1 { width:317px;  height:103px; background:url(/images/ab_imgl1.jpg) no-repeat top left; float:left;  }
.ab #header .topimg .r_1 { width:216px; height:103px; background:url(/images/ab_imgr1.jpg) no-repeat top left;  float:left;  }
.news #header .topimg .l_1 { width:317px;  height:103px; background:url(/images/news_imgl1.jpg) no-repeat top left; float:left;  }
.news #header .topimg .r_1 { width:216px; height:103px; background:url(/images/news_imgr1.jpg) no-repeat top left;  float:left;  }
.children #header .topimg .l_1 { width:317px;  height:103px; background:url(/images/children_imgl1.jpg) no-repeat top left; float:left;  }
.children #header .topimg .r_1 { width:216px; height:103px; background:url(/images/children_imgr1.jpg) no-repeat top left;  float:left;  }
.teens #header .topimg .l_1 { width:317px;  height:103px; background:url(/images/teens_imgl1.jpg) no-repeat top left; float:left;  }
.teens #header .topimg .r_1 { width:216px; height:103px; background:url(/images/teens_imgr1.jpg) no-repeat top left;  float:left;  }
.books #header .topimg .l_1 { width:317px;  height:103px; background:url(/images/bks_imgl1.jpg) no-repeat top left; float:left;  }
.books #header .topimg .r_1 { width:216px; height:103px; background:url(/images/bks_imgr1.jpg) no-repeat top left;  float:left;  }
.services #header .topimg .l_1 { width:317px;  height:103px; background:url(/images/ser_imgl1.jpg) no-repeat top left; float:left;  }
.services #header .topimg .r_1 { width:216px; height:103px; background:url(/images/ser_imgr1.jpg) no-repeat top left;  float:left;  }
.contact #header .topimg .l_1 { width:317px;  height:103px; background:url(/images/con_imgl1.jpg) no-repeat top left; float:left;  }
.contact #header .topimg .r_1 { width:216px; height:103px; background:url(/images/con_imgr1.jpg) no-repeat top left;  float:left;  }

.top_right {padding:0px; float:left; width:304px; height:96px; background:url(/images/topright_corner.gif) no-repeat top right #3b6975; } 
.top_right p {color:#d4cbe0;  padding: 15px 0 8px 8px;}
.top_right .drop {width:148px; float:left; display:inline-block;}

 
#mid {margin:0px 0 0px 8px; }
#mid .col1 { margin:0px 8px 0px 0px; width:149px; float:left;}
#mid .col2 { width:480px; margin:0px 3px 0px 0px;  float:left;}
#mid .col3 { width:304px; float:left;}
#mid .col2inn { width:598px; padding:0px 20px 0px 20px;  float:left;}
#mid .col3inn { width:149px; float:left; }

.searchbox {margin:0 0 5px 0;}
.searchbox .box_inn {border-left:1px solid #d4cbe0; border-right:1px solid #d4cbe0; padding:5px 0 0 5px;}
.searchbox .box_inn input {margin:6px 0 3px 0;} .searchbox .box_inn input.submit { margin-left:110px;} 
#mid .searchbox {width:149px; float:right;}

#mid  .topline {background-color:#ccc; width:480px;}
#mid  .but {border-right:2px solid #FFF;  float:left; font-size:90%; margin:4px 0 4px 5px; padding:5px 0 0 0; height:35px;  display:inline; }
#mid  .but1 {padding-top:10px; height:30px; width:110px;}
#mid  .but2 {padding-left:5px; width:120px;}
#mid  .but3 {padding-left:5px; width:115px;}
#mid  .but4{border:0; width:90px; padding-left:5px;}


 #mid .col2 .events {width:480px; padding-top:8px;} 
 .ek table, .news .cal table {height:100px; font-size:100%;}
 .ek .hmevents table {float:left; }
 
  .ek table, .ek td, .news .cal table, .news .cal table td  {border:0px;}
  .ek td  {background-color:#FFF;}
  .ek table font, .news .cal table font { color:#444;  font-size:90%;} 
  .ek table td a font, .news .cal table td a font { color:#3b6975;}
  .ek table td:first-child, .news .cal table td:first-child  { color:#fff; text-align:left;  }
.news .cal  {float:right; width:300px;  background-color:#DFDFDF; padding:0 5px 5px 5px; margin:10px 0 20px 25px; } 
.news .cal table { width:300px;}
.news .cal table, .news .cal tr, .news .cal td, .news .cal tbody {background-color:#DFDFDF;}
 
#mid .col3 .bookgroups {width:294px;  background:url(/images/hm_right_corner.gif) bottom right no-repeat #5b3932; padding: 5px 5px 10px 5px;}
#mid .col3 .bookgroups a, #mid .col3 .bookgroups p {color:#FFF;}

#mid .col2inn p {line-height:17px;}
 
#mid .col3inn .but {border-bottom:2px solid #ccc; clear:both;} #mid .col3inn .but4 {border-bottom:0;}  #mid .col3inn .but2, #mid .col3inn .but1 {padding-bottom:7px;}

 
#foot{margin:0px;}
 
.foot_wfl { padding-right:15px;}

.box1 {width:300px; float:right; margin:0px 5px 5px 10px; padding:0px 0 5px 10px; background-color:#305468; } .box1 h6, .box2 p, .box2 a, .box2 li {color:#FFF;}
.box2 {width:160px; float:right; margin:0px 5px 5px 10px; padding:0px 5px 5px 10px; background-color:#305468; }

 
 
/* 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;}
.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_turquoise {color:#3b6975;}
.font_color_brown {color:#5b3932;}
.font_color_black {color:#000;}
.font_color_lightpurple {color:#d4cbe0}

.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 5px 0;}
.img7_left {float:left; padding:0px 8px 2px 0;}
.img8_left {float:left; padding:0px 0px 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;}

 



/* ######### HOW DO I MENU ######### */
.menu_q {width:138px; margin: 0 0 0 7px; float:left; display:inline;
background-image:url(/images/topright_arrow.gif); background-repeat:no-repeat; background-position:95% 50%;  
border-right:2px solid #CCC; padding: 0;  }
.nobord {border-right:0;}
.menu_q ul{
margin: 0; padding: 0;
list-style-type: none;
background-color: none;
overflow: hidden; 
/*width: 100%;*/
}
 
.menu_q li{
/*display: inline; */
display: inline-block; float:left; 
margin: 0; padding: 0;  
}

.menu_q li a{
display: inline-block; float:left;
text-decoration: none;
margin: 0;
padding: 2px 0 0px 0 ;  
 font-weight:bold; font-size:130%; color:#FFF; width:138px; 
  } 
 
.menu2_q li a:hover{
 color:#FFF;  /*background of tabs for hover state */
}

.menu2_q a.selected{
 color:#FFF;   /*background of tab with "selected" class assigned to its LI*/
} 

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

.dropmenudiv {
padding: 7px 5px 5px 5px;
	margin: 0px 4px 0px 0px;
	width:132px; 
  	background-color:#3b6975;
	visibility: hidden;
	z-index: 100;
	position: absolute; 
	list-style-type: none;
 }
.dropmenudiv ul{margin:0; padding:0;}
.dropmenudiv li {list-style-type:none;margin:0; padding:0;  display:block;}
.dropmenudiv li a{
width:117px; display:block; color:#fff; text-decoration: none;  font-size:95%;  padding: 5px 5px  5px  8px; margin:0; font-weight:normal;   border-top:1px solid #CCC; list-style-type:none; 
}

 

.dropmenudiv li a:hover{ /*THEME CHANGE HERE*/
background-color:#FFF;
color:#3b6975; 
}
* html .dropmenudiv ul li a:hover{ /*IE only hack*/
background-color:#FFF;
color:#3b6975; 
}
/* NAVS  ______________________________________________ */

/* MAIN NAV */

#nav { background-color:#d4cbe0; height:40px; margin:0 0 14px 8px;     }
#nav ul {padding:0; margin:0;}
#nav li {padding:0px; margin:0; list-style-type: none;   display:inline; float:left; } 

#nav li a {padding:7px 13px 7px 13px; width:95px; height:26px;  margin:0; display:inline-block; float:left; color:#000;  font-size:95%; border-right:2px solid #FFF; text-transform:uppercase;   }
#nav li a:hover { color:#fff; background-color:#3b6975;}
#nav li a.noborder {border:0;} 
#nav li a.oneline {padding:14px 13px 13px 13px;  height:13px;} 
#nav li a.hm {width:57px;} 


/*  INNER PAGES SUBNAV */

#mid .col1 #subnav {padding:10px 0 40px 0; margin:0 0 10px 0; background:url(/images/pg_left_corner.gif) no-repeat bottom left #5b3932;}
#mid .col1 #subnav ul {margin:0; padding:0px 10px 0px 10px;}
#mid .col1 #subnav ul li {padding:0; margin:0; list-style-type: none; display:block;   }
#mid .col1 #subnav ul li a {  font-size:100%; color:#ccc; padding:6px 5px 13px 5px; display:block; border-top:2px solid #CCC;  }
#mid .col1 #subnav ul li a:hover{color:#fff;}
#mid .col1 #subnav ul li:first-child a {border:0;}


/*  FOOT NAV */
#footnav { padding:10px 0 0 8px; background-color:#3b6975;}  
#footnav ul {margin:0; padding:0px;}
#footnav ul li   { margin:0; list-style-type: none; display:inline; float:left; padding:2px 0px 2px 0px; } 
#footnav ul li a, #footnav p a { font-size:90%; color:#ccc; display:inline-block; float:left;  padding:0px 9px 0px 8px; border-left:1px solid #ccc; text-transform:uppercase;  }
#footnav ul li a:hover  {color:#fff; }
#footnav li:first-child a, #footnav p a:first-child {border-left:0;}
#footnav p { font-size:90%; color:#CCC;  }
#footnav p a:hover {  color:#fff;  }
 
/* END NAVS ______________________________________________ */


/* FORMS  ______________________________________________ */

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