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

/*Eric Meyer Reset/ Crescendo Productions Base Styles */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;	padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

body {font: normal 14px Lucida Sans Unicode, Lucida Grande, sans-serif;line-height: 1;}

ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}

/*-----------end of reset------------*/



/*----------global styles------------*/
* {margin:0;}
html, body {height: 100%; margin-bottom: 1px;}
body {background:#eee6ce url(/background_top.jpg) top center no-repeat; margin:0; padding:0}

h1,h2,h3,h4,ul,blockquote{margin:0 0 .4em 0; color:#333333}
p{margin:0 0 .8em 0; line-height:1.4em}
blockquote{border-top:1px dotted #666666; border-bottom:1px dotted #666666; font:italic 14px Georgia, "Times New Roman", Times, serif; color:#4d4d4d; padding:25px 40px; margin-bottom:20px; line-height:1.6em}

h1{font:bold 28px Helvetica, Arial, Helvetica, sans-serif; letter-spacing:-.03em}
h2{font:bold 21px Helvetica, Arial, Helvetica, sans-serif; letter-spacing:-.03em}
h3{font:normal 19px Geneva,Arial,Helvetica,sans-serif;}
h4{font:normal 16px Geneva,Arial,Helvetica,sans-serif;}

h1.title {color:#999999;}

ul,ol{margin-bottom:15px}
ul li, ol li{margin:0 0 .4em 0}
ol li{list-style-type: decimal; padding-left: 10px; background-image:none;}

a{text-decoration:underline;color:#333}
a:hover{text-decoration:none; color:#333}
a:active{position:relative;top:1px; color:#333}

table, th, td, input, textarea{font-size:100%}


/*	STRUCTURE	*/
#wrapper{}

#content_wrap{background:url(images/2011/background_middle.jpg) top center repeat; width:950px; margin:0 auto; text-align:center}
#content{text-align:left; width:898px; margin:0 auto;}
#main_content_wrap{text-align:left; width:646px; float:left; margin:0 auto;}
#main_content{padding:15px; padding-left:35px; font:normal 12px Geneva,Arial,Helvetica,sans-serif; line-height:1.6em; color:#333333; position:relative}

#main_content ul,#main_content ol, .sidebarbox ul, .sidebarbox ol{margin-left:20px}
#main_content ul li,#main_content ol li, .sidebarbox ul li,.sidebarbox ol li{margin-bottom:.5em}


/*	HEADER	*/
#header_wrap_home{width:900px; height:267px; margin:0 auto; margin-top:35px}
#header_wrap{width:900px; height:237px; margin:0 auto; margin-top:35px}
#header{}	

#header_branding_feature{width:895px; margin-bottom:2px; overflow:hidden}
#header_branding_feature img{float:left}
#header_branding_feature img.logo{margin-left:1px; margin-right:2px}


/*	FOOTER	*/
#footer_wrapper{background:#555446; padding:10px auto;overflow:hidden}
#footer_content{width:898px; margin:0 auto; background:#454439;color:#8d8b65; font:normal 11px Geneva, Arial, Helvetica, sans-serif; overflow:hidden; border-right:1px solid #000000; border-left:1px solid #000000; padding:20px 0 40px}
#footer_content a{color:#8d8b65;}
#footer_content h3{margin-bottom:15px; padding-left:0; background:#454439; color:#8d8b65;}

#footer_content .col{float:left; width:285px; margin-right:10px;padding-left:15px; border-right:1px solid #37362d}
#footer_content ul{margin:0; padding:0}
#footer_content ul li{list-style:none; margin:0 0 6px; padding:0}


/*	SIDEBAR	*/
#sidebar a{color:#333; text-decoration:underline}
#sidebar a:hover{color:#000; text-decoration:none}

#sidebar{width:250px; margin:0; padding:15px 0 0; border-left:1px dotted #999; float:right;}
.sidebarbox{border-bottom:1px dotted #999; font:normal 12px Geneva, Arial, Helvetica, sans-serif; letter-spacing:-.03em; margin-bottom:10px}
.sidebarbox p{padding:0 15px; line-height:1.6em; margin:0 0 10px; color:#555}
.sidebarbox ul li{margin-bottom:10px; font:bold 14px Helvetica,Arial, Helvetica, sans-serif}
#sidebar .sidebarbox ul li a{text-decoration:none; color:#999999}
#sidebar .sidebarbox ul li a:hover{color:#000000}

#social_bar{padding:0 0 10px 20px; border-bottom:1px dotted #999}
#social_bar a{display:inline; margin-left:4px; border:none}
#social_bar p{margin-bottom:0}

#sidebar h2{padding:5px 15px; font:bold 16px Helvetica, Arial, Helvetica, sans-serif;/*font:normal 18px "minion-pro-1", "minion-pro-2", "Times New Roman", serif;*/  letter-spacing:-.03em; margin:0 0 10px; color:#444}
#sidebar h2.cats{font:bold 21px Helvetica, Arial, Helvetica, sans-serif; letter-spacing:-.03em; background:none; color:#333333}



/*	HOME	*/
#home_books{background:#000; padding:15px; color:#CCC}
#home_books a{color:#CCC; text-decoration:underline}
#home_books a:hover{text-decoration:none}
#home_books p, #home_books h2{color:#CCC}

.home_book{width:270px;float:left; margin:0 25px 15px 0; padding:0}
.home_book img{margin-bottom:15px }
.home_feature_text {padding:10px 0; font-size:120%; }
.home_feature_text h2{line-height:1.2em}
.home_feature_text p{line-height:1.6em}
.home_mission{padding:20px 40px; font:italic 14px Georgia, "Times New Roman", Times, serif; background:#ededed; margin:0 -17px 20px -35px; color:#666666}
.home_mission p{line-height:1.6em}
.home_mission a, .home_mission a:hover{color:#666666}

ul#output a{border:none}

/*	ARTICLES	*/

.article{padding:10px 0; border-bottom:1px solid #efefef}
#article_content{}
h1.article_title{color:#06366e}


/*	BULLETINS	*/
.bulletin{padding:10px 0 0 28px; background:url(images/icon_bulletin.jpg) left 10px no-repeat; border-bottom:1px solid #efefef;}
.bulletin_date{float:right; margin:0 0 10px 20px; padding:6px 10px; font:italic 15px Georgia, "Times New Roman", Times, serif; color:#999999; border:1px solid #CCCCCC}

.article h2 a, .bulletin h2 a{color:#06366e}	


/*	SERVICES PROVIDED	*/

.services_provided_list{padding:0 15px 0 5px; border-bottom:1px dotted #666;overflow:hidden; margin-bottom:20px}
.services_provided_list h2{font:italic 17px Arial, Helvetica, sans-serif; margin-bottom:15px}
.services_provided_list ul {width:225px; float:left; margin:0 25px 15px 0; padding:0}
.services_provided_list ul li{background :url(images/2011/checkbox_green.jpg) top left no-repeat; padding:0 0 0 22px; margin-bottom:10px; list-style-type:none; font:normal 13px Arial, Helvetica, sans-serif}
.blue_checkbox ul li{background :url(images/2011/checkbox_blue.jpg) top left no-repeat;}


/*	ABOUT	*/

#bio_history_wrap{border:1px solid #000; width:600px; margin:0 auto}
#bio_history{background:#3d3b32 url(images/bio_history_topbg.jpg) top center no-repeat; padding: 158px 15px 15px; color:#fff7d1}
#bio_history h1{font:bold 15px Arial, Helvetica, sans-serif; letter-spacing:-.03em; margin:0 0 10px 0}
#bio_history p {font:normal 12px Arial, Helvetica, sans-serif; margin:0 0 10px 0; padding:0 0 0 10px; line-height:1.5em}

/*	STAFF	*/ /*	BOOKS	*/
.staff_member, .staff_book{padding:15px; padding-top:0; border-bottom:1px solid #ccc; margin-bottom:15px}


/*	MEDIA	*/
.box_media{padding:20px 20px 0; background:#f8f8f8; border:1px solid #efefef; margin-bottom:20px; }
#main_content .box_media ul li{list-style:square; margin-bottom:15px}
.text_120{font-size:120%}

/*	CONTACT	*/
#contactform{padding:30px; background:#e9e8d4; margin:0 auto; position:relative; color:#666666; -webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
-webkit-box-shadow: inset 2px 2px 0px 0px rgba(255, 255, 255, 1);
-moz-box-shadow: inset 2px 2px 0px 0px rgba(255, 255, 255, 1);
box-shadow: inset 2px 2px 0px 0px rgba(255, 255, 255, 1);  
border:3px solid #b8b7a7;
font-size:120%}
#contactform p{color:#666666}
form#basic_contact_form{}
form#basic_contact_form ol{margin:0; overflow:hidden}
form#basic_contact_form ol li{list-style:none; padding-left:0}
form#basic_contact_form label{width:30%; display:inline-block; vertical-align: top}
form#basic_contact_form input, textarea{padding:6px; width:64%; margin-bottom:5px;}
form#basic_contact_form textarea{height:150px; margin-bottom:15px}
form#basic_contact_form input.button{float:right; margin-RIGHT:15px}
form#basic_contact_form input.time_of_day{width:80px}


/*	SEARCH	*/
#cse-search-results{height:1100px; overflow:hidden}

TABLE {COLOR: #000000; FONT: 12px Arial, Helvetica, sans-serif; line-height: 2;}

.border01 {
padding-left:5px;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #CCCCCC;
padding-right: 2px;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #CCCCCC;
}

.border02 {
padding-top:5px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #CCCCCC;
padding-bottom: 2px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCCCCC;
}

.borderbtm {
padding-bottom: 6px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCCCCC;
}

.borderall {
padding: 7px;
border-width: 1px;
border-style: solid;
border-color: #CCCCCC;
}




#myslidemenu{margin-left:35px; width:800px; background:#000000; position:relative}
#myslidemenu ul li ul{z-index:9999}


/*styles for homepage slideshow*/
	#feature_list h3 {
			margin: 0;	
			padding: 10px 0 0 10px;
			font:normal 15px Geneva, Arial, Helvetica, sans-serif;
			letter-spacing:-.03em
		}

		div#feature_list {
			width: 895px;
			height: 230px;
			overflow: hidden;
			position: relative;
			margin:3px auto 0;
		}

		div#feature_list ul {
			position: absolute;
			top: 0;
			list-style: none;	
			padding: 0;
			margin: 0;
		}

		ul#tabs {
			right: 0;
			z-index: 2;
			width: 178px;
		}

		ul#tabs li {
			font-size: 12px;
			font-family: Arial;
			margin-bottom:0;
		}
		
		ul#tabs li img {
			padding: 5px;
			border: none;
			float: left;
			margin: 10px 10px 0 0;
		}

		ul#tabs li a h3{color:#FFFFFF}
		ul#tabs li a {
			
			text-decoration: none;	
			background:url('2011/img_rotator_bg_btn1.jpg') top left repeat-x;
			display: block;
			padding: 0px;
			height: 45px;
			margin-bottom:1px;
			outline: none;
			color: #FFFFFF;
		}

		ul#tabs li a:hover {
			text-decoration: underline;
		}

		ul#tabs li a.current {
			background:#696656;
			color: #FFF;
		}

		ul#tabs li a.current:hover {
			text-decoration: none;
			cursor: default;
		}

		ul#output {
			left: 2px;
			width: 716px;
			height: 230px;
			position: relative;
		}

		ul#output li {
			position: absolute;
			background:#999999;
			width: 716px;
			height: 230px;
		}

		ul#output li a {
			position: absolute;
			text-decoration: none;
			font-size: 11px;
			color: #FFF;
			background: #000;
		}
		
		ul#output li a:hover {
			background: #D33431;
		}
		
		/*end styles for slideshow*/
		
		



/* ---------------- admin area CSS ------------------ */
.adminmenu {border:1px solid grey; text-align:center;}
.adminmenu a {font-weight:bold; font-size:12px; color:#FFFFFF;}
.tablelist {background-color:#999999;}
.tablelist tr.tablehead td {background-color:#006666; border:1px solid #333; color:#FFFFFF; text-align:left;}
.tablelist tr.tablehead td a{color:#FFFFFF;}
.tablelist td {background-color:#eee6ce; padding:4px; text-align:left;}
.minilink {font-size:x-small; text-decoration:none;}
.thinpulldown {border:thin dotted #BBB;}
.adminform {width:700px; border:1px solid black; text-align:left; padding:10px; vertical-align:top; background-color:#eee6ce;}
.catform {width:400px;border:1px solid black;text-align:center;padding:10px;vertical-align:top;background-color:#eee6ce;}
/* ---------------- end admin area CSS ---------------*/



/*		UTILITY		*/

.imgfloatright{float:right; margin:0 0 15px 15px;}
.imgfloatleft{float:left; margin:0 15px 15px 0;}

.clear {clear: both; line-height: 1px; font-size: 1px;}

.red{color:#FF0000}
#main_content.nbm{margin-bottom:0}
#main_content.nrm{margin-right:0}

.nbm{margin-bottom:0}
.nrm{margin-right:0}

.button1{-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background:#4677b5; border:1px solid #b1d3ff; color:#b1d3ff; padding:8px; margin-bottom:15px; text-align:center; text-decoration:none}
.button1:hover{background:#1a5298; color:#b1d3ff;}