/* CSS Document */

body {background: #88A3FB url(images/big_blue.jpg) repeat-y 50% 0;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000000;
	text-align: center;
	margin: 0 auto;
	padding: 0;
}


h1 {

	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: Large;
	font-weight: bold;
	font-variant: small-caps;
	color: #044476;
}

h2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
	font-variant: small-caps;
	text-align: left;
}



h3 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: medium;
}


h4 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: medium;
	font-variant: small-caps;
	text-align: left;
}


h5 {
	font-size: small;
	text-align: left;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

a:link {
	color: #003366;
	text-decoration: none;
}


a:hover {color: #003399;
	text-decoration: none;	 
}


a:visited {color: #003366;
	text-decoration: none;
}

/***** Removed-- I can't figure out why this is in here.--- li {list-style-type: disc;
}*/


/*****TOP is where the banner and search box live.  The top navigation floats below *******/


#website {width: 796px;
	margin: 0 auto;
    padding: 0;
	text-align: left;
	background: #FFFFFF;
}

#top {width: 100%;
	  background-color: #FFFFFF;
}


#banner {background-image: url(images/banner_bkgd.jpg);
         background-repeat: repeat-x;
		 background-position: left;
		 height: 115px;
		 width: 796px;
		 float: left;
		 margin-top: -10px;
}

#search {
	float: right;
	width: 275px;
	overflow: hidden;
	margin-bottom: -25px;
	height: 26px;

}


#search form {
	float: left;
    margin:0px;
	padding: 0px;

}

#nav{
	width: 796px;
	background-color: #FFCC33;
	margin-right: -5px;
	clear: both;
}

#menubox {background-color: #FFCC33;		
	  width: 796px;
	  height: 26px;	
	  z-index: 8;	
	  position: relative;
}

#menucont {
	color: #000000;
	background-color : transparent;
	position: absolute;
	width: 65%;
	z-index: 2;
	left: 0px;
	top: 2px;
	height: 26px;
}

.menublock, .display {float: left;	
		      width: 23%;	
		      background-color: #FFCC33;
}


.subs{	background-color: #FFCC33;
}

.subs a {display: block;
}

.menublock .subs {
	display: none;
}


#menucont a.tl, #menucont a.tl:hover, #menucont a.tl:active {
	font-family: Geneva, Arial, Helvetica, sans-serif;	
	font-size: 115%; 		
	line-height: 20px;	
	font-variant: small-caps;
	display: block;	
	text-decoration: none; 	
	color: #000000;		
	background-color: #FFCC33;	
	margin: 1px 1px 1px 1px;	
	padding: 2px 2px 2px 2px;	
	order: none;
	text-align: left;
}

#menucont a.sl, #menucont a.sl:hover, #menucont a.sl:active {
	font-family: Geneva, Arial, Helvetica, sans-serif;	
	font-size: x-small; 		
	line-height: 20px;	
	display: block;	
	text-decoration: none; 	
	color: #000000;		
	background-color: #FFCC33;	
	margin: 1px 1px 1px 1px;	
	padding: 2px 2px 2px 2px;	
	order: none;	
	text-align: left;
}

#menucont a.tlo {background-color: #FFD661;	
	font-family: Geneva, Arial, Helvetica, sans-serif;	
	font-size: small; 	
	line-height: 20px;		
	display: block;			
	text-decoration: none; 		
	font-variant: small-caps;
	color: #000000;	
	margin: 1px 1px 1px 1px;	
	padding: 2px 2px 2px 2px;			
	order: none;	
	text-align: left;
}

#menucont a.tl:hover, #menucont a.tl:active, #menucont a.sl:active{ 
		background-color: #FFCC33;	
		text-align: left;
}

#menucont a.sl:hover {
		background-color: #FFD661;	
		text-align: left;		
}

#menucont a.sl, #menucont a.sl:hover, #menucont a.sl:active{	
		text-align: left;
}

#news {
	float: left;
	width: 60%;
	background-image: url(images/yellowfade.jpg);
	background-repeat: no-repeat;
	text-align: left;
	padding: 13px 8px 8px 8px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}







#news h1{
	text-align: center;
}





/**********RSS BOX***************/



#rss_box{
	width: 93%;
	border: none;
	margin-left: 10px;
	margin-right: 10px;
	padding: 5px;
	background-color: transparent;
}



/*******WOWBRARY***************/

#new_books {
   padding-top: 10px;
	height: 250px;
	width: 93%;
	margin-left: 10px;
	margin-right: 10px;
	padding: 5px;
	background: none;



}


#new_books h1 {
	line-height: 14px;
	line-spacing: normal;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: Large;
	font-weight: bold;
	font-variant: small-caps;
	color: #044476;

}



#sidebar {
	float: right;
	width: 37%;
	margin-left: 2px;
	margin-top: 10px;

}

#events {background-image: url(images/green_botton.jpg);
	background-repeat: no-repeat;
	height: 275px;
	margin-top: 5px;
	padding-top: 10px; 
	padding-left: 8px; 
	padding-right: 8px; 
	padding-bottom: 6px; 

}

#quicklink {background-image: url(images/bluefade.jpg);
	background-repeat: no-repeat;
	padding: 10px 8px 8px 8px;
	/*height: 225px;*/
	margin-top: 15px;
	clear: both;

}


#portal_nav {
       padding: 10px 10px 8px 8px;
       height: 250px;
       margin-top: 10px;
       clear: both;
}


/***not in use***/

#staff_footer {
	width: 768px;
	background: #FFFFFF;
	font-size: x-small;
	color: #000000;
	margin-left: auto;
	margin-right: auto;
	margin: 0;
	text-align: right;
	padding-top: 4px;
}



/****Easy Access Portals are onthe right*****/


#group_one {
	width: 100%;
	height: 92px;
	clear:both;
}

.kids{
	background: #FFFFFF;
	background-repeat:no-repeat;
	background-position:center;
	width: 130px;
	height: 90px;
	margin:  1px 1px 1px 1px;
	float: left;
	padding-left: 2px;
	margin-bottom: 5px;
}


.teens {
	background: #FFFFFF;
	background-repeat:no-repeat;
	background-position:center;
	width: 130px;
	height: 90px;
	margin:  1px 1px 1px 1px;
	float: right;
	padding-left: 2px;
	margin-bottom: 5px;
}


#group_two  {
    width: 100%;
	height: 92px;
	clear: both;
}

.seniors {

	background: #FFFFFF;
	background-repeat:no-repeat;
	background-position:center;
	width: 127px;
	height: 90px;
	margin:  1px 2px 1px 1px;
	float: right;
	padding-left: 2px;
	margin-bottom: 2px;
}





.adults {
	background: #FFFFFF;
	background-repeat:no-repeat;
	background-position:center;
	width: 130px;
	height: 90px;
	margin:  1px 1px 1px 1px;
	float: left;
	padding-left: 2px;
	margin-bottom: 2px;

}


#footer {
    width: 796px;
	margin: 0 auto;
	background: #FFFFFF;
	font-size: x-small;
	color: #000000;
	text-align: center;
	padding-top: 4px;
	border-top: 1px black solid;
	clear: both;
}


/*PARTS OF THE MAIN TEMPLATE*/


#sidebar_main {
	float: right;
	width: 29%;
	margin-right: 3px;
	margin-left: 3px;
	margin-top: 10px;
}

#contents{background-image: url(images/bluefade_main.jpg);
    background-repeat: no-repeat;
 	text-align: left;
	padding: 13px 8px 0px 8px;
}


#contents h1{
	text-align: center;
}


#powersearch {
    width: 99%;
	background: #FFFFFF;
}



#main_content {
	float: left;
	width: 68%;
	background-image: url(images/yellowfade_main.jpg);
	background-repeat: no-repeat;
	text-align: left;
	padding: 13px 8px 8px 8px;
	margin-top: 10px;
}


#main_content table {
      width: 475px;
	  float: left;
	  padding: 10px;
}

#main_content h1{
	text-align: center;
}


.details {
	font-size: x-small;
}


#one_box{float: left;
    width: 98%;
	margin: 0 auto;
	background-image: url(images/yellowfade_one.jpg);
	background-repeat: no-repeat;
	text-align: left;
	padding: 13px 10px 8px 10px;
	margin-top: 10px;
}


#one_box h1 {
	text-align: center;
}


.clic_menu {



	padding:2px;



	font-size: x-small;



	width: 30%;



	margin-top: 3px;



	margin-bottom: 3px;



}







table {



	border-top: 1px solid black;



	border-bottom: 1px solid black;



}







.photobox {



	width: 125px;



	padding: 1px;



	font-size:x-small;



	float:right;



	margin-left: 1px;



}







#photobox_left {



	width: 110px;



	height:auto;



	padding: 1px;



	font-size:x-small;



	float:left;



	margin-right: 5px;



}







#photobox_right {



	width: 110px;



	padding: 1px;



	font-size:x-small;



	float:right;



	margin-left: 5px;



}



.icon_box {

	width: 50px;

	height: 50px;

	float: right;

	margin: 2px;

	background: transparent;

}





/*MEDAL WINNERS ORGANIZATION**/



.book_information {



	float: left;



	width: 92%;



	padding: 5px 5px 5px 5px;



	margin: 10px 10px 10px 10px;



}







.book_cover {



	float: right;



	background-color: transparent;



	margin-right: 2px;



	margin-left: 5px;



	width: 10%;



}







/****CLIC A-Z List****/



.az_list {



	float: left;



	margin: 4px 10px 10px 15px;



}







table {



	width: 100%;



	border-bottom: #88A3FB;



	border-top: #88A3FB;



}







table tr {



	width: 100%;



}



.az_list table td {



	padding-left: 5px;



	padding-right: 4px;



	padding-top: 3px;



	padding-bottom: 3px;



	width: 14px;



}



/*************ADULT CALLOUT*********************/



.callout_main {



	padding: 4px;



	margin: 10px;



	width: 90%;



	border: 1px solid #666666;



	float: left;



	background-color: #FFFFFF;



	height: 85px;



}







/*****GOOGLE FORM**************/



/* Copyright 2008 Google, Inc.  All Rights Reserved */ 



table{border-collapse:collapse;border-width:0;empty-cells:show}



ul{padding:0 0 1em 1em}



ol{padding:0 0 1em 1.3em}



li{line-height:1.5em;padding:0 0 .5em 0}



sup,sub{font-size:.7em}



input,select,textarea,option{font-family:inherit;font-size:inherit}



.ss-base-body{font-size:.8em}.ss-block-label{display:block}



.ss-textarea{max-width:99%}



.ss-choice-item{margin:0;line-height:1.3em;padding-bottom:.5em}



.ss-form-input{vertical-align:middle;margin-top:0}



.ss-choice-label{display:inline}



.g{color:#666}



.i{display:inline}



.ss-q-title{font-weight:bold}



.ss-form-desc{font:inherit;



	white-space:pre-wrap;



	white-space:-moz-pre-wrap;



	word-wrap:break-word;



	width:99%;



	margin:0}



.ss-q-help{color:#666;



	margin:.1em 0 .25em 0}



.ss-q-long{max-width:90%}



.ss-choices{list-style:none;margin:.5em 0 0 0;padding:0}



.ss-powered-by{color:#666;margin:0.2em}



.ss-powered-by a:link,.ss-powered-by a:visited{color:#666}



label{display:block;cursor:pointer}



ul label{display:inline}



hr{border:0;height:1px}



table{border-collapse:collapse}



.ss-response-cell{border:1px solid #ccc;padding:.1em .5em}



.ss-responses-header{color:#fff;padding:.2em .5em}



.ss-form-container{width:45em;background-color:#fff;border:1px solid #ccc;padding:1em}



.ss-old-form-response{font-weight:bold}



.errorbox-bad{border:2px solid #c43b1d;background-color:#ffe6cc;padding:2px}



.errorheader{color:#c43b1d}



.ss-scalenumbers{text-align:center}



.ss-scalenumber{padding:0.5em 0 .5em}



.ss-scalerow{text-align:center;color:#666;border:1px solid #d3d8d3;border-left:0;border-right:0;padding:.5em .25em}.ss-leftlabel{text-align:right;padding-left:0}



.ss-rightlabel{text-align:left;padding-right:0}





#internal_info {

	width: 95%;

	margin: 10px;

	padding: 15px;

}





/*************FOR DELICIOUS LINKS*************************/

.subject_container {width: 98%;}





.delicious-posts { 

					margin: 1px; 

					border: 2px solid #ddd; 

					padding: 1px; 

					width: 400px; 

					font-family: Geneva, Arial, Helvetica, sans-serif; 

					float:right; 

					margin-bottom: 8px;

					list-style: none;

}



.delicious-posts ul, .delicious-posts li, .delicious-banner { margin: 0; padding: 0;}



.delicious-post { border-top: 1px solid #eee; padding: 0.25em; font-size: small; }



.delicious-odd { background-color: #f8f8f8;}



.delicious-banner a { font-size: small; color: #4fb6e5;}



.delicious-banner {background-image: none;}



.delicious-posts a:hover { text-decoration: underline; }



.delicious-posts a { text-decoration: none; color: #000000; display: block; padding: 0.3em }



.delicious-post a { color: #000000; }



#main .left .subject_container .delicious-posts li {

			list-style: none;

			padding: 1px;

			margin: 0;

			clear: both;

}

/*Google Calendar*/
#calendar {
	margin-left:25px;

}

.image {
width:290px;
height:384px;
float:right}