/*****  Basic Styles   *******/
* {margin:0; padding: 0;}
body {
	background-color: #006c66;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 76%;
	color: #012626;
	margin-top: 0;
	}
h1 {
	font-size: 1px;
	margin: 0;
	text-indent: -9000px;
	}

/*****  Container Div, to hold everything together  in the center *******/
#wrapper {
	margin: 0 auto;
	/*padding-left: .01em;*/
	padding-left: 1px;
	width: 726px;
	background-image: url(../images/siteimages/bg_content_adult2.gif);
	}
	
#wrapper.kids {
	margin: 0 auto;
	width: 726px;
	background-image: url(../images/siteimages/bg_content_kids.gif);
	}
#wrapper.teens {
	margin: 0 auto;
	width: 726px;
	background-image: url(../images/siteimages/bg_content_teens.gif);
	}


/*****  header Div  *******/

#header {
	width: 726px;
	height: 147px;
	background-image:url(../images/siteimages/bg_header_booknook2.gif);
	margin: 0px;
	padding: 0px 0px 0px 0px;
	background-repeat: no-repeat;
	}
#header.booknook {
	background-image:url(../images/siteimages/bg_header_booknook2.gif);
	}
#header.reference {
	background-image:url(../images/siteimages/bg_header_reference2.gif);
	}
#header.geninfo {
	background-image:url(../images/siteimages/bg_header_geninfo2.gif);
	}
#header.home {
	background-image:url(../images/siteimages/bg_header_home2.gif);
	}
#header.kids {
	background-image:url(../images/siteimages/bg_header_kids.gif);
	}
#header.teens {
	background-image:url(../images/siteimages/bg_header_teens.gif);
	}
#header a {
	font-size: 1em;
	color: #61345e;
	text-transform:uppercase;
	text-decoration: none;
	margin: 0px 3px 0px 1px;
	}
#header a:hover {
	padding-bottom: 0px;
	border-bottom: 1px dotted #61345e;
	}
#search {
	clear: right;
	float: right;
	margin: 10px 0px 10px 0px;
	}
form {
	float: right;
	margin: 0px 9px 0px 0px;
	}
/*****  Logobar Div  *******/
#logobar {
	width: 726px;
	height: 55px;
	}


/*****  Nav1 Div  *******/
#nav1 {
	clear: both;
	margin: 0;
	padding: 0;
	height: 21px;
	}

#nav1 ul {
	border: 0;
	margin: 0;
	padding: 0;
	padding-top: 3px;
	list-style-type: none;
	text-align: left;
	clear: left;
	}

#nav1 ul li {
	display: block;
	float: left;
	text-align: left;
	padding: 0;
	margin: 0;
	margin-left: 10px;
	}

#nav1 ul li a {
	/*width: 145px;*/
	height: 20px;
	border: 0;
	margin: 0;
	padding: 0;
	color: #ffffff;
	text-decoration: none;
	text-align: left;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 21px;
	font-size: 1em;
	
	}
#nav1 ul li a:hover {
	height: 19px;
	text-decoration: none;
	border-bottom: 1px dotted #FFFFFF;
	}	
#nav1 ul li#one a {
	/*width: 40px;*/
	margin-left: 10px;
	}
#nav1 ul li#two a	{
	/*width: 62px;*/
	}
#nav1 ul li#three a {
	/*width: 162px;*/
	}
#nav1 ul li#threeb a {
	/*width: 62px;*/
	}
#nav1 ul li#four a	{
	/*width: 126px;*/
	}
#nav1 ul li#five a	{
	/*width: 185px;*/
	}



/*****  nav2 Div  *******/
#nav2 {
	margin: 0;
	padding: 0;
	}

#nav2 ul {
	list-style-type: none;
	text-align: left;
	clear: left;
	}

#nav2 ul li {
	display: block;
	float: left;
	text-align: left;
	margin-left: 10px;
	}

#nav2 ul li a {
	height: 20px;
	border: 0;
	margin: 0;
	padding: 0;
	color: #ffffff;
	text-decoration: none;
	text-align: left;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 21px;
	font-size: 1em;
	}
#nav2 ul li a:hover {
    height: 19px;
	text-decoration: none;
	border-bottom: 1px dotted #FFFFFF;
	}	
#nav2 ul li#six a {
	/*width: 82px;*/
	margin-left: 10px;
	}
#nav2 ul li#seven a	{
	/*width: 172px;*/
	}
#nav2 ul li#eight a {
	/*width: 112px;*/
	}
#nav2 ul li#nine a	{
	/*width: 96px;*/
	}
#nav2 ul li#ten a	{
	/*width: 85px;*/
	}
#nav2 ul li#eleven a	{
	/*width: 109px;*/
	}

	
/*****  Content Div, to hold content background image *******/
#content {
	width: 725px;
	background-image: url(../images/siteimages/bg_content_head2.gif);
	z-index: 10;
	height: 158px;
	background-repeat: no-repeat;
	background-position: top;
	margin: 0; padding: 0;
	}
#content.kids {
	background-image: url(../images/siteimages/bg_content_head_kids.gif);
	}
#content.teens {
	background-image: url(../images/siteimages/bg_content_head_teens.gif);
	}
/*****  Left Box and Left Box Content *******/
#leftbox {
	float: left;
	margin-right: 1px;
	width: 160px;
	}
#leftboxcontent {
	padding: 0px 0px 10px 0px;
	line-height: 1.5em;
	}
/*#leftboxcontent p{
	padding: 10px;
	line-height: 1.5em;
	color: #fff;
	}*/
#leftboxcontent.home {
	padding: 0px 0px 0px 0px;
	}
#leftboxcontent h3 {
	color: #FFFFFF; 
	font: normal small-caps normal 1.6em "Times New Roman", Times, serif;
	letter-spacing: 0.5px;
	background-image:  url(../images/siteimages/three-leaf_left_teal.gif);
	background-repeat: no-repeat;
	background-position: 6px 4px; /*moves bg image to the right, down*/
	padding: 0px 0px 0px 27px;
	margin: 15px 0px 1px 0px;
	}
#leftboxcontent h3 a {
	color: #fff; 
	text-decoration:none;
	}
#leftboxcontent h3.hours  {
	background-image: url(../images/siteimages/three-leaf_left_purple.gif);
	margin-top: 0;
	padding-top: 12px;
	background-position: 6px 16px; /*moves bg image to the right, down*/
	}

#leftboxcontent h3.kids {
	background-image:  url(../images/siteimages/three-leaf_left_kids.gif);
	}
#leftboxcontent p.kids {
	margin: 6px 20px 0px 24px;
	color: #000000;
	font-size:.9em;
	}
#leftboxcontent h3.teens {
	background-image:  url(../images/siteimages/three-leaf_left_teens.gif);
	}
#leftboxcontent a.subnavbutton {
	color: #FFFFFF; 
	font-size: 12px;
	margin: 1px 0px 1px 0px;
	text-indent: 27px;
	display:block;
	text-decoration: none;
	}
#leftboxcontent a.subnavbutton:hover {
	color: #61345e;; 
	background-color: #E5F0EF;
	}
#leftboxcontent #hours {
	background-color: #6fa39e;
	color: #FFFFFF;
	}
#leftboxcontent p.ad {
	margin-left: 20px;
	padding-right: 10px;
	color: #ffffff;
	line-height: 1.3em;
	font-size:.9em;
	}
#leftboxcontent p.ad a {
	color: #ffffff;
	text-decoration: none;
	border-bottom: 1px dotted #FFFFFF;
	}
#leftboxcontent p.ad a:hover {
	border-bottom: 1px solid #FFFFFF;
	}

/*****  Center Box and Center Box Content  *******/
#centerbox {
	float: left;
	width: 363px;
	margin-right: 1px;
	overflow: visible;
}
#widebox {
	float: left;
	width: 563px;
	margin-right: 1px;
}
#centerboxcontent  {
	padding: 14px 12px 10px 12px;
}
#centerboxcontent h2 {
	margin: 0px 0px 8px 0px;
	font-size: 1.5em;
	font-weight: normal;
	letter-spacing: 1px;
	text-transform: uppercase;
	/*background-image: url(../images/siteimages/three-leaf_center_adult.gip);
	padding-left: 36px;*/
	padding-left: 0px;
	background-repeat: no-repeat;
	/*height: 43px;*/
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #61345e;
}

#centerboxcontent h2 a {
	color: #61345e;
}
#centerboxcontent h2.special {
	margin: 0px 0px 8px 0px;
	font-size: 1.5em;
	font-weight: normal;
	letter-spacing: 1px;
	text-transform: uppercase;
	background-image: url(../images/siteimages/bullet_leaves_teal_med.png);
	padding-left: 36px;
	background-repeat: no-repeat;
	height: 43px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #026c6a;
}

#centerboxcontent h2.kids {
	color:#424199;
	background-image: url(../images/siteimages/three-leaf_center_kids.gif);
	background-position: 0px 0px; 
	padding-left: 38px;
	padding-top: 16px;
	background-repeat: no-repeat;
	height: 56px;
	}
#centerboxcontent h2.teens {
	color:#424199;
	background-image: url(../images/siteimages/three-leaf_center_teens.gif);
	background-position: 0px 0px; 
	padding-left: 38px;
	padding-top: 16px;
	background-repeat: no-repeat;
	height: 56px;
	}
#centerboxcontent h3  {
	font: normal bold 1.1em Verdana, Arial, Helvetica, sans-serif;
	margin: 14px 0px 0px;
	display: block;
	color: #61345e;
}
#centerboxcontent h3.booknook  {
	color: #e8b61c;
}
#centerboxcontent h3.reference  {
	color: #009c9e;
}
#centerboxcontent h3.geninfo  {
	color: #293281;
}
#centerboxcontent h3.kids  {
	color: #009AC7;
}
#centerboxcontent h3.teens  {
	color: #009E93;
}

#centerboxcontent p {
	font: normal 1em Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 10px 0px;
	line-height: 1.4em;
	}

#centerboxcontent ul {
		margin-left: 24px;
	}

#centerboxcontent ul li {
	font: normal 1em Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 10px 0px;
	line-height: 1.4em;
	list-style-image: url(../images/bullet_whitestar_forltblue.gif);
	}
	
#centerboxcontent ol {
		margin-left: 20px;
	}

#centerboxcontent ol li {
	font: normal 1em Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 10px 0px;
	line-height: 1.4em;
	}
#centerboxcontent td {
	font: normal 1em Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	padding: 5px;
	}
#centerboxcontent td p {
	font: normal 1em Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	}

#centerboxcontent a {
	color: #012626;
	text-decoration: none;
	border-bottom: 1px dotted #012626;
	}
#centerboxcontent a:hover {
	color: #B21F5D;
	text-decoration: none;
	border-bottom: 1px solid #B21F5D;
	}
#centerboxcontent a.accentl {
	color: #326565;
	text-decoration: none;
	}
#centerboxcontent a.accent:hover{
	color: #B21F5D;
	text-decoration: underline;
	}
#centerbox hr {
	border: 0;
	border-top: 1px solid #FFFFFF;
	width: 365px;
	margin-left: -13px;
	margin-bottom: 12px;
	}
/*****  Right Box and Right Box Content  *******/
#rightbox {
	float: left;
	width: 200px;
	} 
#rightboxcontent {
	padding: 36px 0px 6px 0px;
	}
#rightboxcontent h3  {
	font: normal small-caps normal 1.6em "Times New Roman", Times, serif;
	margin: 14px 0px 10px 6px;
	padding-left: 20px;
	padding-right: 10px;
	min-height: 32px;
	display: block;
	color: #61345e;
	background-image: url(../images/siteimages/three-leaf_right_green.gif);
	background-repeat: no-repeat;
	letter-spacing: .5px;
	background-position: 2px 8px;
	}	
#rightboxcontent.kids h3  {
	background-image: url(../images/siteimages/three-leaf_right_blue.gif);
	color: #D70E52;
	}
#rightboxcontent.teens  h3 {
	background-image: url(../images/siteimages/three-leaf_right_blue.gif);
	color: #D70E52;
	}
#rightbox p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding-left: 26px;
	padding-right: 16px;
	margin: 0px 10px 10px 0px;
	}
#rightbox a { 
	color: #012626;
	text-decoration: none;
	border-bottom: 1px dotted #012626;
	}
#rightbox a:hover {
	color: #B21F5D;
	text-decoration: none;
	border-bottom: 1px solid #B21F5D;
	}
#rightbox a.accent{
	color: #D84D2C;
	text-decoration: none;
	line-height: 1.3em;
	}
#rightbox a.accent:hover{
	color: #B21F5D;
	text-decoration: underline;
	}
#rightbox a.event{
	font-weight: bold;
	}
#rightboxcontent ul {
		margin-left: 26px;
	}
#rightboxcontent ul li {
	font: normal 1em Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 10px 6px 0px;
	line-height: 1.4em;
	list-style-image: url(../images/siteimages/bullet_right.gif);
	}
#rightboxcontent ol {
		margin-left: 26px;
	}
#rightboxcontent ol li {
	font: normal 1em Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 10px 6px 0px;
	line-height: 1.4em;
	list-style-image: url(../images/siteimages/bullet_right.gif);
	}	
#rightbox hr {
	border: 0;
	border-top: 1px solid #FFFFFF;
	width: 196px;
	}
/*****  Footer *******/
#footer {
	clear: both;
	font-size: 11px; 
	width: 726px;
	margin: 0 auto;
	color: #FFFFFF;
	height: 70px;
	display: block;
	}
#footercontent {
	background-color: #E6ECF9;
	}
#footercontent p {
	margin: 0px 6px 4px 6px;
	}
#footercontent a {
	color: #FFFFFF;
	}
#footercontent a:hover {
	color: #B21F5D;
	}
#footercontent .left {
	float: left; 
	width: 470px;
	}
#footercontent .right {
	float: right; 
	width: 214px; 
	text-align: right;
	}


/*****  Font Size Changer *******/
p.ts_s {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 16px 2px 0px 0px;
	color: #996666;
	float: right;
	text-align: right;
	width: 200px;
	padding: 0px 0px 2px 0px;
	}
a.tsa { 
	color: #336666;
	text-decoration: none;
	background-image: none;
	padding: 0px;
	}
a.tsa:hover	 { 
	color: #D84D2C;
	text-decoration: underline;
	}

/*****  Site Design Notice *******/
#sitedesign {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	margin-left: -900px;
	}
	
.cellbg1 {
	background-color: #c3d9d8;
}
.cellbg2 {
	background-color: #d8e6e4;
}

dl {margin: 0;}

.table dt {
	margin: 0;
	width: 150px;
	float: left;
	padding: 0px 2px 0px 0px;
	text-align: left;
	font-size: 1em;
}

.table dd {
	margin: 0;
	padding: 0px 2px 0px 0px;
	font-size: 1em;
}


.small {
	font-size: .9em;
}
.leftpic {
	margin-right: 6px;
	float: left;
}
.rightpic {
	margin-left: 6px;
	float: right;
}
.textbox {
	width: 98%;
}

.bgaccent {
	background-color: #D3DBF0;
}

hr.clear { 
	/* This keeps the container from collapsing. Use <hr class="clear" /> 
	right before you close the container. See approx line 206 on home page.   */
	display: block; 
	clear: left; 
	margin: 1px 0; /* ***Use margin: -0.66em 0; to make it do nothing ***  */
    visibility: hidden;}
	
#centerboxcontent p.snugbottom {
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.alert  {
	background-color: #f60;
}