/* GENERAL/DEFAULT FONTS		  */
/* ============================== */
body 				{ background-color:#567eb9; margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 135%; color: #000000; font-weight: normal;}
hr					{ height:1px; width:100%; margin:6px 0px 6px 0px; }
hr.orange			{ color: #DF772E; }
.printonly			{ display:none; }

/* CENTERING AND BORDERS
	Notes:
	Background-color in #wrapper is set by OpenPad; that below is a default
	IE puts borders over the content box, instead of *around* it, so we define each side of the wrapper-border as its own box
	What the CSS hacks mean:
	#wrapper { height:1 %} -- gets WinIE to think that the wrapper has been sized, causing it to stretch when filled with scalable content
	#prop (width:0px... }  -- provides a "min-height" for WinIE and Safari by "propping up" the wrapper (height specified by OpenPad as pages are published)
						   -- this technique avoids specifying a fixed height for mozilla (div's don't stretch once height is specified with either a %age or pixel value in these browsers)
						   -- width is 0px because otherwise in WinIE the prop will push down "base" tables (those not nested in absolutely positioned divs)  
	html>body #wrapper	   -- not parseable by WinIE; undoes the "height:1%;" hack so that mozilla/css2 compliant browsers do not incorrectly render the wrapper with a 1% height
	html>body #prop		   -- not parseable by WinIE; undoes the "width:0px;" hack; mozilla/css browsers require a width for the prop to actually prop-up the wrapper
/* ========================================================================================	*/
#wrapper			{ position:absolute; height:1%; overflow:visible; width:780px; left:-390px; margin-left:50%; margin-top:27px; background-color:#ffffff; layer-background-color:#ffffff; }
#border-top			{ position:absolute; left:-4px; top:-4px; width:788px; height:4px; font-size:0px; margin:0px; background-color:#df772e; layer-background-color:#df772e; }
#border-bottom		{ position:absolute; left:-4px; bottom:-4px; width:788px; height:4px; font-size:0px; margin:0px; background-color:#df772e; layer-background-color:#df772e; z-index:1000; }
#border-left		{ position:absolute; left:-4px; top:0px; width:4px; height:100%; margin:0px; background-color:#df772e; layer-background-color:#df772e; }
#border-right		{ position:absolute; right:-4px; top:0px; width:4px; height:100%; margin:0px; background-color:#df772e; layer-background-color:#df772e; }
#prop				{ width:0px; float:right; }

/* Hacks, invisible to IE */
html>body #wrapper	{ height:auto; }
html>body #prop		{ width:1px; }

/* GLOBAL NAV SUBMENUS				*/
/* ================================ */
#homeMenu			{ position:absolute; width:111px; height:auto; left:0px; top:31px; z-index:100; visibility:hidden; }
#informedMenu		{ position:absolute; width:129px; height:auto; left:111px; top:31px; z-index:100; visibility:hidden; }
#involvedMenu		{ position:absolute; width:104px; height:auto; left:240px; top:31px; z-index:100; visibility:hidden; }
#communityMenu		{ position:absolute; width:97px; height:auto; left:430px; top:31px; z-index:100; visibility:hidden; }
#scienceMenu		{ position:absolute; width:107px; height:auto; left:527px; top:31px; z-index:100; visibility:hidden; }

/* GLOBAL ELEMENTS					*/
/* ================================ */
#welcome_msg_home	{ position:absolute; left:240px; width:300px; top:140px; padding:1px 4px 0px 0px; text-align:right; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:135%; color:#000000; font-weight:normal;}
#globalfooter		{ position:absolute; height:100px; bottom:-112px; right:12px; }
#newsletter_signup	{ position:absolute; top:-26px; right:-4px; width:228px; height:22px; z-index:100; }
#sitetour_button	{ position:absolute; width:58px; height:14px; bottom:-27px; left:0px; z-index:100; }

/* FAMILY SERVICES					*/
/* ================================ */
#fsdb_headline		{ position:absolute; left:240px; top:165px; width:386px; height:30px; z-index:9; }

/* MY LIBRARY STYLES				*/
/* ================================ */
#lib-list			{}
#lib-list .head		{ background-color:#df772e; padding:0px; font-size:1px; margin:0;}
#lib-list .cell		{ background-color:#ffffff; padding:20px 12px 22px 12px; border-top:solid 1px #df772e; border-right:solid 1px #df772e; }

/* FORM STYLES						*/
/* ================================ */
.form-input			{ font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:135%; color:#000000; font-weight:normal; background-color:#ffffff; border:solid 1px #aaaab2; }
.form-select		{ font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:135%; color:#000000; font-weight:normal; background-color:#ffffff; border:solid 1px #aaaab2; }
.form-button		{ font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:135%; color:#000000; font-weight:normal; background-color:#ffffff; border:solid 1px #aaaab2; }
.status				{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 135%; font-weight: bold; color: #5A8102; border:solid 1px #5A8102; padding:0px 0px 0px 2px; }
.error				{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 135%; font-weight: normal; color: red; }

/* TABLE STYLES						*/
/* ================================ */
table.table-results			{ }
table.table-results th		{ background:#55b39b; height:27px; text-align:left; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 125%; color: #ffffff; font-weight: normal; border-right:1px solid #ffffff; }
table.table-results th a	{ color:#ffffff; text-decoration:none; }
table.table-results td		{ border-right:1px solid #55b39b; padding:14px 8px 0px 2px; vertical-align:top; }
table.table-results td.pl	{ padding-left:19px; }
table.table-results td.nb	{ border:none; }
table.table-results td a	{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 125%; font-weight: normal; text-decoration: underline; color: #55b39b; }

/* MISC FORMATTING					  */
/* ===================================*/
.padding-top-2		{ padding-top:2px; }
.padding-top-4		{ padding-top:4px; }
.padding-top-6		{ padding-top:6px; }
.padding-top-8		{ padding-top:8px; }
.padding-top-10		{ padding-top:10px; }

/* SEARCH STYLES 						  */
/* ====================================== */
#searchbox							{ position:absolute; top:130px; left:556px; width:300px; height:40px; z-index:98; }
#searchbox-landing					{ position:absolute; top:60px; left:556px; width:300px; height:40px; z-index:98; }
#searchbox-index					{ position:absolute; top:37px; left:584px; width:300px; height:40px; z-index:98; }
#searchbox-index table				{ border:1px solid #DF772E; }
#searchbox-index table td.box		{ background:#ffffff url('/images/search_input_bg.gif') top left no-repeat; }
#searchbox-index table td.button	{ background:#DF772E; }

.phpdig, .phpdigMessage {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 135%;
	font-weight: bold;
	text-decoration: underline;
	color: #567eb9;
}
.phpdigHighlight {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 135%;
	font-weight: bold;
	color: #df772e;
}
a.pglink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 135%;
	color: #567eb9;
	font-weight: normal;
	text-decoration: none;
}
a.pglink:hover {text-decoration:underline;}

input.search_index, input.search_home, input.search_interior { border:none; width:131px; height:22px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:135%; color:#000000; font-weight:normal; margin-right:2px;}
html>body input.search_index	{ height:20px; }
html>body input.search_home		{ height:20px; }
html>body input.search_interior	{ height:20px; }
input.search_index 		{ background-color:transparent; width:130px; height:22px; margin:3px 0px -3px 4px; }
input.search_home 		{ background-color:#ffffff; }
input.search_interior	{ background-color:#f8f8d9; }


/* TEXT STYLES 						  */
/* ================================== */
.news-promo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 120%;
	color: #ffffff;
	font-weight: bold;
}
a.news-promo 		{ text-decoration:none; }
a.news-promo:hover	{ text-decoration:underline; }

.headline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #DF772E;
	font-weight: bold;
	line-height: 135%;
}
.bodycopy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 135%;
	color: #000000;
	font-weight: normal;
}
.bodycopy-small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 125%;
	color: #000000;
	font-weight: normal;
}
.headline-blue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #567EB9;
	font-weight: bold;
	line-height: 135%;
}
.headline-orange {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #DF772E;
	font-weight: bold;
	line-height: 135%;
}
.headline-yellow {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #f1b52a;
	font-weight: bold;
	line-height: 135%;
}
.headline-green {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #8fb143;
	font-weight: bold;
	line-height: 135%;
}
.headline-tiel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #55b39b;
	font-weight: bold;
	line-height: 135%;
}
.subline-blue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 135%;
	color: #567eb9;
	font-weight: normal;
}
.leadership-links {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 135%;
	color: #567eb9;
	font-weight: normal;
	text-decoration: underline;
}
.leadership-links-bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 135%;
	color: #567eb9;
	font-weight: bold;
	text-decoration: underline;
}
.addtomylibrary-button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
	color: #000000;
	font-weight: normal;
	text-decoration: underline;
	letter-spacing: 1px;
}
.homepage-footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	letter-spacing: 1px;
}
a.homepage-footer {
	text-decoration: none;
}
a.homepage-footer:hover {
	text-decoration: underline;
}
.bodycopy-links {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 135%;
	color: #567eb9;
	font-weight: normal;
	text-decoration: underline;
}
.bodycopy-links-black {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 135%;
	color: #000000;
	font-weight: normal;
	text-decoration: underline;
}
.bodycopy-links-black-noul {
	font-family: Arial Medium, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 120%;
	color: #000000;
	font-weight: normal;
}
a.bodycopy-links-black-noul {
	text-decoration: none;
}
a.bodycopy-links-black-noul:hover {
	text-decoration: underline;
}
.bodycopy-links-orange {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 135%;
	font-weight: normal;
	text-decoration: underline;
	color: #df772e;
}
.bodycopy-links-blue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 135%;
	font-weight: normal;
	text-decoration: underline;
	color: #567eb9;
}
.bodycopy-links-liteblue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 135%;
	font-weight: normal;
	text-decoration: underline;
	color: #5480ac;
}
.bodycopy-links-tiel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 135%;
	font-weight: normal;
	text-decoration: underline;
	color: #55b39b;
}
.bodycopy-links-yellow {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 135%;
	font-weight: normal;
	text-decoration: underline;
	color: #f1b52a;
}
.bodycopy-links-green {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 135%;
	font-weight: normal;
	text-decoration: underline;
	color: #8fb143;
}
.bodycopy-blue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 135%;
	font-weight: normal;
	color: #567EB9;
}
.bodycopy-green {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 135%;
	font-weight: normal;
	color: #8fb143;
}
.bodycopy-orange {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 135%;
	font-weight: normal;
	color: #df772e;
}
.bodycopy-tiel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 135%;
	font-weight: normal;
	color: #55b39b;
}
.bodycopy-yellow {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 135%;
	font-weight: normal;
	color: #f1b52a;
}
.email-large-orange {
	font-family: Arial Medium, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 120%;
	color: #df772e;
	font-weight: bold;
	text-decoration: none;
}
.email-large-orange:hover {
	text-decoration: underline;
}
a.email-large-orange {
	text-decoration: none;
}
a.email-large-orange:hover {
	text-decoration: underline;
}
.footercopy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 135%;
	color: #000000;
	font-weight: normal;
}