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

/* organe was: #e68200; */
/* background slate was: #5a646e;*/
/* background lite blue was: #9ab0d5;*/


a:link, a:visited {
	color: #2f3741;
		}

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

body {
	font-family: Arial, Helvetica, sans-serif;
	padding: 20px 30px 20px 30px;
	margin: 0;
	background-color: #5a646e;
		}
		
	
	
#wrap {
	width: 800px;
	padding: 0;
	margin: auto;
	voice-family: "\"}\""; 
	voice-family:inherit;
				}

html>body #wrap { 
	width: 800px;
} 



.bl_white {background: url(../rounded_corners/blx_trans.gif) 0 100% no-repeat #FFFFFF; width: 100%; overflow: auto;}
.br_white {background: url(../rounded_corners/brx_trans.gif) 100% 100% no-repeat; overflow: auto;}
.tl_white {background: url(../rounded_corners/tlx_trans.gif) 0 0 no-repeat; overflow: auto;} 
.tr_white {background: url(../rounded_corners/trx_trans.gif) 100% 0 no-repeat; padding:10px; overflow: auto;} 



#departments {
	position: absolute;
	top: 10px;
	left: 15px;
	font-size: 14px;
		}

#departments_right {
	width: 400px; /*added generous width because Firefox was cutting text off*/
	padding: 0;
	position: absolute;
	top: 10px;
	right: 15px;
	font-size: 14px;
	font-weight: bold;
		}

#departments ul {
	margin: 0;
	list-style-type: none;
	padding: 0;
	float: none;
			}
			
 #departments_right ul {
	margin: 0;
	list-style-type: none;
	padding: 0;
	float: none;
	text-align: right;
		}

#departments ul li {
	display: inline;
	margin-right: 8px;
	font-size: 13px;
		}

#departments_right ul li {
	display: inline;
	margin-left: 8px;
	font-size: 13px;
		}
		
#departments ul li a:link, #departments ul li a:visited,
#departments_right ul li a:link, #departments_right ul li a:visited {
	color: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;	
	font-weight: bold;
	font-size: 13px;
		}

#departments ul li a:hover, #departments_right ul li a:hover {
	color: #000000;
	}
	
	
#header {
	width: 100%;
	clear: both;
	position: relative;
	z-index: 1500;
		}	

#top_header {
	width: 100%;
	/*height: 125px;*/
	/*background: url(../images/top/bg.jpg) no-repeat;*/
	background-color: #FFF;
	padding-bottom: 10px;
	/*margin-bottom: 10px;*/
	/*overflow: hidden;*/
		}
	
#top_header img {
	float: left;
		}
		

#content {
	margin-top: 15px;
	overflow: auto; /*I also put the overflow on all the corner DIVs, too*/
		}
	

#side_menu {	
	width: 180px;
	margin: 0;
	padding: 0;
	float: left;
		}

#side_main {
	position: relative;
	margin-left: 180px;
	padding: 0;
	margin-right: 170px;
		}
					
#side_main2 {
	position: relative;
	margin-left: 180px;
	padding: 0;
	margin-right: 0px;
		}

#side_main p, #side_main2 p {
	margin-top: 0;
	line-height: 140%;
		}
					
#right_container {
	width: 150px;
	float: right;
	margin-left: 20px;
	position: static;
		}
				
/*-------------------------*/				
				
	
	
/* This is for the left-side navigaton----------------------------------------------------------- */

#navlist {
	width: 160px;
}

#navlist ul {
	margin: 0;  
	padding: 0; 
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #003333;
	}


#navlist ul li {
	margin: 0;
	display: inline; /*possible fix of IE spacing problem*/
	}

#navlist a:link, #navlist a:visited, #navlist a:active {
	padding: 5px 5px 5px 30px;
	display: block;
	color: #2f3741;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;		
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: 4px 50%;
		}
		
#navlist a:hover  {
	color: #000;
		}
		
#navlist a.current {
	color: #900;
	}
	
#navlist ul li ul {
	margin-bottom: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	}
	
.header {
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;	
	text-decoration: none;
	padding: 5px;
	}
	
/*----Navigation Icons ---------------------------------------*/	

.side-about a { background: url(../icons/about.gif);}
.side-contact a { background: url(../icons/contact.gif);}
.side-history a { background: url(../icons/history.gif);}
.side-suffolk a { background: url(../icons/suffolk.gif);}
.side-net2 a { background: url(../icons/snetlibrary.gif);}
.side-tumble a { background: url(../icons/tumble.gif);}
.side-newsletter a { background: url(../icons/newsletter.gif);}
.side-collections a { background: url(../icons/collections.gif);}
.side-staff a { background: url(../icons/staff.gif);}
.side-faqs a { background: url(../icons/faqs.gif);}
.side-community a { background: url(../icons/community.gif);}
.side-government a { background: url(../icons/government.gif);}
.side-forms a { background: url(../icons/forms.gif);}
.side-links a { background: url(../icons/links.gif);}
.side-sponsor a { background: url(../icons/sponsor2.gif);}
.side-donate a { background: url(../icons/donate.gif);}
.side-staff2 a { background: url(../icons/staff3.gif);}
.side-friends a { background: url(../icons/friends.gif);}
.side-tech a { background: url(../icons/tech.gif);}
.side-research a { background: url(../icons/research.gif);}
.side-convenience a { background: url(../icons/convenience.gif);}
.side-hours a { background: url(../icons/clock.gif);}
.side-museum a { background: url(../icons/museum2.gif);}
/*--------------------------------------------------------------------*/




.boxes { /*colors & font size & color set in other CSS */
	width: 128px;
	border: 1px solid #666666;
	padding: 10px 10px 10px 10px;
	margin-bottom: 20px;
	z-index: 0;
		}
	
.boxes p {
	margin-bottom: 7px;
	margin-top: 7px;
	line-height: normal;
	}


#form1 {
	margin: 0;
	}
	

#form1 input {
	width: 120px;
	margin-bottom: 7px;
	margin-top: 0;
				}

/*.searchlinks {
	margin-bottom: 0;
		}

.searchlinks a:link, .searchlinks a:visited {
	width: 125px;
	padding: 3px 0;
	color: #FFFFFF;
	display: block;
	background-color: #f12938;
	margin: 5px auto;
	font-weight: bold;
	text-align: center;
	text-decoration: none; 
	border: #000000 solid 1px;
	text-transform: capitalize;
	}
	
.searchlinks a:hover {
	color: #f12938;
	background-color: #FFFFFF;
	}*/
	
#my_account ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: left;
	}
	
#my_account ul li {
	padding-left: 12px;
	margin-bottom: 3px;
	font-weight: bold;
	background: url(../icons/bullet.gif) no-repeat 0 80%;
	}

#my_account ul li a:hover {
	color: #000000;
	text-decoration: none;
	}
	
/*---------------- HEADINGS ----------------*/	
	
h1 { /*colors set in other CSS */
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 5px;
	}
	
h2 { /*colors set in other CSS */
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin-top: 5;
	margin-bottom: 5px;
	}
	
h3 { /*Used in BOXES div on right side. Background color & border color set in other CSS */
	position: relative; 
	border-bottom: 1px solid; 
	border-top: 1px solid #666666;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 7px;
	text-align: center;
	font-size: 12px;
	}
	
	
h4 {
	font-size: 14px;
	font-weight: bold;
	color: #003399;
	margin-top: 30px;
	margin-bottom: 5px;
	}

h5 {
	font-weight: bold;
	color: #a60000;
	margin-bottom: 5px;
	font-size: 12px;
	font-style: italic;
	}


/*-------------------------------------------*/	

	
	
.float_right {
	float: right;
	margin-left: 15px;
	}
	
.float_left {
	float: left;
	margin-right: 15px;
	}
	
.indent {
/*position: absolute; left: 170px;*/
font-weight: bold;
margin-left: 10px;

} 

/*------------------ FOOTER STUFF ----------------*/
#footer {
	padding-top: 5px;
	text-align: center;
	color: #000;
	}
	
#footer a:link, #footer a:visited, #footer a:hover {
	font-size: 12px;
	color: #000;
	}


/*---------------"HOW DO I" DROP DOWN --------------------*/


#how_do_i {
	/*display: block; /*default is NONE. Script will change to BLOCK on hover.*/ 
	position: relative;
	top: -20px;
	margin: 0;
	padding: 0;
	z-index: 1000;
			}
		
#how_do_i ul li { /* do we still need this?*/
	border: 1px solid #000;
	background-color: #ccc;
	padding: 3px;
	width: 142px;
	text-align: center;
		}
		
		
#how_do_i div#m1 {	
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden; /*default is hidden. Script changes it to VISIBLE on hover*/
	border: 1px solid #000;
	background-color: #fff;
	width: 148px;
	text-align: center;
	z-index: 1000;
}


#how_do_i div#m1 a:link, #how_do_i div#m1 a:visited {	
	border-bottom: 1px solid #000;
	background-color: #FFFFCC;
	display: block;
	padding: 3px 0;
	text-decoration: none;
}


#how_do_i div#m1 a:hover {	
	background-color: #2f3741;
	color: #fff;
}

		
		
/*-----------------NEWS BLOCKS ------------*/

.top_story {
	border-bottom: 1px solid #333333;
	min-height: 189px;
	height: auto !important;	/*this is a hack to fix IE6 problem*/
	height: 189px;	/*this is a hack to fix IE6 problem*/
	margin-bottom: 10px;
	}


.news_block {
	border-bottom: 1px solid #333333;
	min-height: 121px;
	height: auto !important;	/*this is a hack to fix IE6 problem*/
	height: 121px;	/*this is a hack to fix IE6 problem*/
	margin-bottom: 10px;
	}

.news_block img, .news_toc img {
	width: 156px;
	height: 111px;
	float: left;
	margin-right: 10px;
	}
	
.news_block p {
	margin-left: 166px;
	}
	
	

.blocker {
	display: block;
	margin-top: -10px;
	padding: 7px;
	color: #FFFFFF;
	font-weight: bold;
	margin-bottom: 10px;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	text-align: center;
	font-size: 12px;
	}
	
#search_form {
	margin: 0;
	padding: 0;
	display: inline;
}	
	
#search_form input.box {
	display: inline;
	width: 120px;
	margin: 0;
}

#search_form input.button  {
	display: inline;
	width: 40px;
	margin-left: 7px;
}




.submenu {
	visibility: hidden; /*default is hidden. Script changes it to VISIBLE on hover*/
	position: absolute; /*set the positioning coordinates below under the #ID .submenu styles.*/
	background-color: none;
	text-align: center;
	background: #FFFFCC;
	font-size: 10px;
	border: 1px solid #000;
	z-index: 2000;
	}

#account_menu.submenu { 
	width: 100px;
	right: -8px;
	top: 20px;
	}
	
#calendar_menu.submenu { 
	width: 100px;
	right: 249px;
	top: 20px;
	}

.submenu a:link, .submenu a:visited {
	border-bottom: 1px solid #000;
	background-color: #FFFFCC;
	color: #2f3741;
	display: block;
	padding: 3px 0;
	text-decoration: none;
}

.submenu a:hover {	
	background-color: #2f3741;
	color: #fff;
}

	
/*#navlist .submenu a {
	display: block;
	font-size: 10px;
	font-weight: bold;
	color: #FF3333;
	padding: 5px;
	}

#navlist .submenu a:hover {
	color: #FFF;
	}
	
li:hover .submenu, li.over .submenu {
	display: block;
	position: absolute;
	z-index: 5000;
		}
*/

#text_size {
	text-align: right;
	padding-right: 10px;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 10px;
	}
	
#text_size a, #text_size a:link, #text_size a:visited {
	color: #FFFFFF;
	text-decoration: none;
	}
.text_big {
	font-size: 12px;
	}
	
.text_biggest {
	font-size: 14px;
	}
	
.margin_bottom {
	border: none; 
	margin-bottom: 20px;
	}
	
	
.divider {
	text-align: center; color: #000099; letter-spacing: 20px; margin-bottom: 10px;
	}
	
	
/*-------------------- mock table columns --------------- */

.left_side {
	float: left;
	padding-left: 10px;
	width: 100px;
	margin-bottom: 20px;
	font-weight: bold;
		}
	
.right_side {
	float: left;
	width: 480px;
	margin-bottom: 20px;
	}
	
.left_side2 {
	float: left;
	padding-left: 10px;
	width: 160px;
	margin-bottom: 20px;
	font-weight: bold;
	padding-right: 20px;
		}
	
.right_side2 {
	float: left;
	width: 400px;
	margin-bottom: 20px;
	}

/* I screwed around non-stop with floats and clears and could never get this 100% perfect; always 90%, but never right. Only solution I found was to make the two widths 
large enough that their combined width forces the "left side" to always start on the next line.

/*------------------------------------------*/


.simple_list li, .roman_list .simple_list li {
	margin-bottom: 5px;
		}
		
.wider_list li {
	margin-bottom: 15px;
	}

.roman_list {
	list-style-type: upper-roman;
	}

.roman_list li {
	margin-bottom: 20px;
	}


.clears { clear: both; }

#rule_table td, #rule_table2 td { padding: 5px; border-bottom: dotted 1px #999999;}

.goback { font-size: 10px; }

#tools { /*this is new */
	position: relative;
	top: 1px;
	left: 0;
	margin-bottom: 20px;
}

#tools p {
	margin-left: 125px;
	}

 #side_main2 p.resources {
	margin-bottom: 0;
	margin-top: 50px;
	font-weight: bold;
	}
	

.marginforie7 { /*doesn't appear to be being used on site */
	float: left;
	margin-left: -120px;
	border: 0;
	margin-top: 5px;

}
	
#tools img {
	/*float: left;
	margin-left: -120px;*/
	position: absolute;
	left: 0;
	border: 0;
	margin-top: 5px;
	}
	
	
	
	/*----------- Childrens Sub Menu ------------------*/
	
 ul#child_menu {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

ul#child_menu li {
	padding: 0;
	margin: 0 20px 5px 10px;
	}
	
ul#child_menu li.headrow {
	margin-top: 20px;
	margin-left: 0;
	background-color: #f58220;
	/*#f6a73d*/
	padding: 5px 10px;
	color: #FFFFFF;
	font-weight: bold;
	}
	
ul#child_menu li a, ul#child_menu li a:link, ul#child_menu li a:visited {
	margin: 0 0 5px 0;
	padding: 0;
	color: #0487c3;
	}
	/*------------------------------------------------*/
	
	
	
	
	
/*-------------- Teens Sub Menu -------------------- */	
	
ul#teen_menu {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

ul#teen_menu li {
	padding: 0;
	margin: 0 20px 5px 10px;
	}
	
ul#teen_menu li.headrow {
	margin-top: 20px;
	margin-left: 0;
	/*background-image: url(css_images/graffiti.jpg); height: 20px; padding: 10px 10px 5px 10px; color: #FFFFFF;*/ 
	/*They decided against the image after all, so I took this out and added bg color, new padding, and color below*/
	background-color: #ffdf1b;
	padding: 5px 10px;
	color: #000;
	font-weight: bold;
	}
	
ul#teen_menu li a, ul#teen_menu li a:link, ul#teen_menu li a:visited {
	margin: 0 0 5px 0;
	padding: 0;
	color: #333333;
	}
	
/*-----------------------------------------------------*/	
	
	
	
	
/*----------- Adult Sub Menu ------------------*/
	
 ul#adult_menu {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

ul#adult_menu li {
	padding: 0;
	margin: 0 20px 5px 10px;
	}
	
ul#adult_menu li.headrow {
	margin-top: 20px;
	margin-left: 0;
	background-color: #f12938;
	padding: 5px 10px;
	color: #FFFFFF;
	font-weight: bold;
	}
	
ul#adult_menu li a, ul#adult_menu li a:link, ul#adult_menu li a:visited {
	margin: 0 0 5px 0;
	padding: 0;
	color: #0487c3;
	}
/*------------------------------------------------*/
	
	
	
.child_boxes {
	width: 430px;
	color: #fff;
	margin-top: 20px;
	margin-bottom: 20px;
}

.staff_picks {
	color: #0487c3;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 2px solid; /*color of border set in other style sheets*/
	}
	
#staff_picks_frame {
	width: 430px;
	}
	
.staff_picks_frame_full {
	/*width: 599px;*/
	height: 225px;
	overflow: auto;
	}
	
#staff_picks_frame div, .staff_picks_frame_full div {
	width: 129px;
	margin-right: 14px; 
	margin-bottom: 14px;
	float: left;
	height: 200px;
	text-align: center;
	overflow: hidden;
	font-size: 11px;
	}
	

	
#staff_picks_frame div p, .staff_picks_frame_full div p {
	margin: 3px 0 0 0;
	line-height: normal; 
	}
	
#staff_picks_frame img, .staff_picks_frame_full img {
	border: none;
	
			}
	
.staff_picks_titles {
	color: #17A91B;
	font-weight: bold;
		}

p.voice_heard {
	color: #990000;
	font-weight: bold;
	font-size: 16px;
	padding-top: 20px;
}

.staff_table {
	width: 100%;
	margin-top: 30px;
	}
	
.staff_table td {
	vertical-align: top;
	padding-bottom: 20px;
	padding-right: 10px;
	}
	
.staffleft {
	font-weight: bold;
	font-style: italic;
	text-align: right;
	width: 150px;
	}
	
.staffpic {
	float: right;
	margin-top: 30px;
	}

/* ---------- ADMIN FORM STUFF ---------------*/
#admin_wrap {
	background-color: #FFF; 
	border: 1px solid #666; 
	padding: 170px 10px 30px 10px; 
	width: 830px; 
	background-image: url(../images/sachem_banner_admin.jpg);
	background-repeat: no-repeat;
	font-size: 12px;
	}

#admin_form {
	font-size: 12px;
}	
	
#admin_form p {
  	clear: left;
  	padding-top: 20px;
  }
  
#admin_form p label {
  	float: left;
	width: 120px;
	text-align: right;
	padding-right: 20px;
	}
	
  
#admin_form p input,  #admin_form p select, #admin_form p textarea {
  	float: left;
	margin-left: 0px;
	width: 450px;
	}
	
.submitbutton { margin-left: 220px; }

/* ---------------------------------------*/

/* --------------- Admin Navigation stuff ---------- */

#admin_nav {
	float: right;
	margin-top: 0px;
	margin-bottom: 20px;
	}

#admin_nav ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	width: 200px;
	text-align: center;
	}
	
#admin_nav ul li {
	border-bottom: 1px dotted #999;
}

#admin_nav ul li.divider {
	height: 7px;
	background-color: #000;
	border-bottom: none;
	padding: 0;
	margin: -1px 0 0 0;
}


#admin_nav ul li a, #admin_nav ul li a:link, #admin_nav ul li a:visited {
	display: block;
	padding: 5px;
	background-color: #900;
	text-decoration: none;
	color: #FFF;
	}
	
#admin_nav ul li a:hover {
	background-color: #033;
	color: #FF0;
	}



#new #admin_nav ul li a.z_new, 
#home #admin_nav ul li a.z_home,
#feature #admin_nav ul li a.z_feature,
#featurebib #admin_nav ul li a.z_featurebib,
#newbib #admin_nav ul li a.z_newbib,
#adultpicks #admin_nav ul li a.z_adultpicks,
#childrenpicks #admin_nav ul li a.z_childrenpicks,
#teenpicks #admin_nav ul li a.z_teenpicks
{ 
	background-color: #033; color: #FF0; 
	}




/*------------ News ------------ */

.date {color: #000; font-size: 12px; font-style: italic;}
.date2 {color: #000; font-size: 10px; font-style: italic; font-weight: normal;}


/*------------------------------------*/


.extra_topspace { margin-top: 60px; }
.extra_toppadding { padding-top: 100px; }



/* ------------- Anchor Tables on Links Pages ------- */

table#anchor_table, div#anchor_table {
	margin: 10px 0 20px 0;
	font-size: 11px;
	}

#anchor_table td {
	vertical-align: top;
	padding-right: 10px;
		}
		
#anchor_table ul {
	list-style-type: none;
	margin: 0;
	padding:0;
	}
	
#anchor_table ul li {
	margin-bottom: 6px;
	}

/*------------------------------------*/

	
	
/*---------------- MUSEUM STUFF -------------- */	
.box1 {
	width: 598px;
	background-color: #568bbd;
	color: #FFFFFF;
	font-weight: bold;
	margin-bottom: 40px;
	}


.box2 {
	background-color: #5f99d0;
	width:598px;
	 }

.bannerstrip {
	width: 284px;
	margin-top: 0; 
	padding-top: 7px;
	padding-bottom: 7px;
	background-color: #003366;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	border-bottom: 8px solid #568bbd;
	}

#left.bannerstrip {
	float: left; 
	padding-left: 15px;
	text-align: left;
	}

#right.bannerstrip {
	float: right; 
	padding-right: 15px;
	text-align: right;
	}

a.white:link, a.white:visited {
	color: #FFF;
	text-decoration: none;
	}
	
a.white:hover {
	color: #FFFF00;
	}


/*--------------- This is for NEWSLETTERS pages --------- */


div#newsletters {
	width: 588px;
	font-size: 11px;
	text-align: center;	
	}
	
div#newsletters div {
	width: 127px;
	float: left;
	height: 170px;
	margin: 8px 0;
	padding-right: 0 auto;
	text-align: center;
	padding: 0 10px;
				}
	
div#newsletters img {
	border: 1px solid #000000;
	float: none;
	display: block;
	margin-left: auto;
  	margin-right: auto;
	width: 90px;
	height: 130px;
	}
	
/*--------------------------------------------------------------*/



/*--------------- This is for BIBLIOGRAPHY LIST page --------- */

.department {
	width: 600px;
	background: #A50000;
	text-align:center;
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-top: 0px;
	color:#FFFFFF;
	margin-bottom:5px;
	margin-top:30px;
	padding: 5px 10px;
	}

.banner1 {
	width:600px;
	margin-top: 0px;
	background-color:none;
	font-size:11px;
	padding: 5px 10px;
	clear: left;
	margin-top: 3px;
	margin-bottom: 0;
	}
	
.row2 {
	background-color: #CCCCCC;
	}
	
.banner1 span {
	float: left; padding-right: 10px; width: 440px; height: 15px; overflow: hidden;
	}

.banner1 a  {
	font-weight: bold;
	text-decoration: none;
	}
	
.banner1_suppress {
	width:600px;
	margin-top: 0px;
	background-color:none;
	font-size:11px;
	padding: 5px 10px;
	clear: left;
	margin-top: 3px;
	margin-bottom: 0;
	text-decoration: line-through;
}

.banner1_suppress span {
	float: left; padding-right: 10px; width: 440px; height: 15px; overflow: hidden;
	}
	
.banner1_suppress a  {
	font-weight: bold;
	text-decoration: none;
	}	


.row2_suppress{
	background-color: #CCCCCC;
	text-decoration: line-through;
	}
	
/*--------------------------------------------------------------*/

	

/*------- This is for NEWS EDIT/DELETE/SUPRESS FEATURE page ---- */
	
.top_feature {
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-top: 0px;
	}
	
.list_tables {
	font-size: 11px;
	font-weight: bold;
	width: 829px;
	clear: both;
	margin-top: 30px;
		}
	
.list_tables td {
	padding: 3px 0;
			}	

.story_banner {
	background-color: #CCCCCC;
	}
	
.box_tds {
	width: 36px;
	text-align: center;
	}

.box_tds_border {
	width: 35px;
	text-align: center;
	border-right: 1px solid  #666666;
	}
	
.supress_column {
	width: 150px;
	}
	
.headline_column {
	width: 515px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 12px;
	font-weight: normal;
	}
	
.department2 {
	background: #A50000;
	text-align:center;
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000;
	}
	
.page {
	font-size: 10px;
	text-align: center;
	border-bottom: 1px solid #666666;
	}

.instructions {
	text-align:center;
	}
	
.box_tds2 {
	width: 66px;
	padding-right: 3px;
	padding-left: 3px;
	text-align: center;
	}
	
/*--------------------------------------------------------------*/

#bibliographies img {
	margin-right: 10px;
	width: 86px;
	height: 86px;
	}
	
#bibliographies p {
	padding-bottom: 20px;
	border-bottom: #999 dotted 1px;
	}
	

.click_for_more { float: left; font-weight: bold; clear: right; width: 569px; text-align: right; }

.pdf_list li {
	background: url(../icons/acro_icon2.jpg) no-repeat left -1px;
	padding-left: 25px;
	margin-bottom: 10px;
	padding: 0 0 10px 25px ;
	list-style-type: none;
}

.pdf_list li#pop {
	background: url(../icons/popup_icon.jpg) no-repeat left -1px;
	}

.program_sections {
	height: 126px;
	overflow: auto;
	margin-bottom: 20px;
	border-bottom: 1px dotted #999999;
	}	
	
.program_sections h4 {
	margin-top: 0;
	}	
	
.program_sections a img { border: none; }

#faq_list li {
	margin-bottom: 5px;
	list-style:none;
}

.headline_suppress {
	text-decoration: line-through;
	}
	
	
	
	
/* ---------- CARD FORM STUFF ---------------*/



#card_form {
	font-size: 12px;
		}	
	
#card_form p {
  	/*clear: left;*/
  	padding-top: 1px;
	}
  
#card_form p label {
  	float: left;
	width: 220px;
	text-align: right;
	padding-right: 10px;
	}
	
  
#card_form p input,  #card_form p select, #card_form p textarea {
  	/*float: left;*/
	margin-left: 0px;
	width: 350px;
	}
	
#card_form .radio_buttons p input {
  	float: none;
	margin-left: 0px;
	width: auto;
	}
	

	
	
	
.submitbutton { margin-left: 220px; }

/* ---------------------------------------*/

.clear_all {clear: both;}

h6 {
	font-weight: bold;
	margin-top: 50px;
	margin-bottom: 5px;
	font-size: 12px; }
	
#reg_name_table {
	margin-top: 10px;
	float: none; /* ---- ################################################## ADD THIS ################### -----*/
	}
	
#reg_name_table td {
	vertical-align: top;
	text-align: right;
	}	
	
#reg_name_table p {
	margin-bottom:0px;
	}
	
#reg_name_table p select {
  	text-align: right;
	width: 50px;
	float: none;
	}
	
#teenassign_form p {
  	padding-top: 5px;
  }
  
#teenassign_form p label {
  	float: left;
	width: 120px;
	text-align: right;
	padding-right: 10px;
	}
	
#teenassign_form  p textarea {
  	float: left;
	margin-left: 0px;
	width: 150px;
	}
	
.red_color { color: red; }

#left_side_array, #right_side_array {
	width: 135px;
	height: 125px;
	float: left;
	background-color: #CCC;
	margin: 0;
	padding: 0;
	border: 0;
}

.museum_wrap { text-align: center; margin: 10px 0;}


.museum_wrap div { float: left; 
				text-align: center;
				width: 199px;
				height: 150px;
				font-size: 11px; }

.museum_wrap div img { 
				padding-top: 5px;
}

#budget_table td {
	padding-right:15px;}

#budget_table td p {
	margin-top:0px;
	margin-bottom:5px;
	vertical-align:top;}