/*  
Author: Lynn Koble
Author URI: http://www.parasee.com/
*/



html {font-size: 125%;}

body {font: 50% arial, helvetica, sans-serif; text-align:center; background-color: #efefef; behavior:url(style/csshover.htc);}

* {margin:0; padding:0;}

img {border: none;}
.news img, .text_sidebar img, #content img {float: left; padding: 0 8px 0 0;}

.floatleft {float:left;}
.floatright {float:right;}


#mainwrap {width:900px; margin-left:auto; margin-right:auto; margin-top: 0; text-align:left; background-color:#fff; padding:0 10px 10px 10px; }

#topbanner {width:900px; height:48px; background: url('images/bg_topbanner.jpg') repeat-x; background-color:#000;}

#nav {height: 26px; background-color:#fa821c;}

#banner {width: 900px; height: 250px; background: #0066b9 url('images/bg_bannerblurb.jpg') repeat-x; margin: 6px 0 20px 0;}
#banner img {float: left;}
#banner p {font: 1.5em/1.8em arial, helvetica, sans-serif; color:#fff; }
.bannerblurb {width:335px; float:left; padding: 55px 30px 0 35px; }


#undernav {width: 884px; height: 30px; margin: 6px 0 0 16px;}


#breadcrumbs {width:610px; float: left;}
#breadcrumbs p, p.small  {font: 1em/1em arial, helvetica, sans-serif; color: #b4b4b4;}
#breadcrumbs a, .small a {color: #b4b4b4; font-weight: normal;}
#breadcrumbs a:visited, .small a:visited {color:#b4b4b4;}
#breadcrumbs a:hover, .small a:hover {color:#808080;}
#breadcrumbs a:active, .small a:active {color:#808080;}
.searcharea {float: right;}


#contentarea {width:900px;}


h1 {font: 2.1em arial, helvetica, sans-serif; color:#ff7a16; font-weight: normal; padding: 0; margin: 0 0 .5em 0; border-bottom: 1px solid #dbdbdb;}
.hp h1 {color:#646464; font-weight: normal; padding: 0; margin: 0 0 .5em 0; border-bottom: 1px solid #dbdbdb;}

h2 {font: 1.7em/1.1em arial, helvetica, sans-serif; color:#000; font-weight:normal; padding: 0 0 .1em 0; margin: 0 0 .5em 0; border-bottom: 1px solid #dbdbdb;}
.text_sidebar h2 {color:#808080; font-weight: normal; padding: 0 0 .1em 0; margin: 0 0 .5em 0; border-bottom: 1px solid #dbdbdb;}
.joinlist h2 {color:#025285; padding: 6px 0 0 0; margin: 0 0 .5em 0; border: 0;}

h3, h4, h5, h6 {font: 1.3em arial, helvetica, sans-serif; color:#000; font-weight:bold; padding: 0 0 .3em 0; }

small {font: 1em arial, helvetica, sans-serif; color:#b4b4b4; padding: 0 0 .3em 0; }
address {font:1.1em/1.5em arial, helvetica, sans-serif; color:#808080; letter-spacing:.02em; padding: 0 0 1em 0; font-style:italic;}
.navigation {font-size: 1em; color: #808080; margin: 1em 0 1.5em 0;}

#newslist ul li {padding: 0;}

#content {width:614px; float:left; padding: 0 30px 10px 16px; min-height:440px;}
/* mac hide \*/
* html #content {height:440px;}
/* end hide */
#content p, p, 
#content form {font:1.2em/1.5em arial, helvetica, sans-serif; color:#808080; letter-spacing:.02em; padding: 0 0 1em 0;}


#content ul {font:1.2em/1.5em arial, helvetica, sans-serif; color:#808080; letter-spacing:.02em; margin: 0 0 1em 1.5em; padding: 0;}
#content ul li {margin: 0; padding: .5em 0 0 0; list-style-type: disc; list-style-position: outside;}
#content ul li ul {font:1em/1.5em arial, helvetica, sans-serif; color:#808080; letter-spacing:.02em; margin: 0 0 .5em 1.5em; padding: 0;}

#content ol {font:1.2em/1.5em arial, helvetica, sans-serif; color:#808080; letter-spacing:.02em; margin: 0 0 1em 2em; padding: 0;}
#content ol li {margin: 0; padding: .5em 0 0 0; list-style-type: decimal; list-style-position: outside;}
#content ol li ol {font:1em/1.5em arial, helvetica, sans-serif; color:#808080; letter-spacing:.02em; margin: 0 0 .5em 2em; padding: 0;}


#column1 {width:300px; float:left;  padding: 0 30px 10px 0;}
#column2 {width:300px; float:left;  padding: 0 30px 10px 0;}
#column2.narrow {width:280px; float:left;  padding: 0 0 10px 0;}
#sidebar {width:240px; float:left;  padding: 2.6em 0 10px 0;}


.submitButton input {
	background-image:url(/wp/wp-content/uploads/2009/04/img_button_send.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	border:0 none;
	height:23px;
	margin:7px 0 0 5px;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:0;
	width:45px;
}
.textwidget .mmf-response-output {display: none;}
/* moving the classes into the div ids created by the widgets. #bs 4/4
.takeaction {width: 236px; border: 2px solid #fd9b1c; text-align:left; background-color:#fff; margin: 0 0 2em 0;}
*/
#text-392912432 {width: 236px; border: 2px solid #fd9b1c; text-align:left; background-color:#fff; margin: 0 0 2em 0;}
#text-392912432 h2 {display: none}
.actionnumber a {font-size: 1.1em; color: #f27000;}
.actionnumber a:visited {color:#f27000;}
.actionnumber a:hover {color:#f27000;}
.actionnumber a:active {color:#f27000;}
.actionnumber img {padding: 0 6px 0 38px;}
/* moving to widget id
.joinlist {width: 220px; text-align:left; background: url('images/bg_joinlist.jpg') repeat-x; background-color:#bae0f7; padding: 10px; margin: 0 0 2em 0;}
*/
#text-392915941 {width: 220px; text-align:left; background: url('images/bg_joinlist.jpg') repeat-x; background-color:#bae0f7; padding: 10px; margin: 0 0 2em 0;}
#text-392915941 h2 {display: none;}
#text-392915941 h2.widgettitle {display: block; color:#025285; padding: 6px 0 0 3px; margin: 0 0 .5em 0; border-bottom: 0 solid #dbdbdb;}
/* moving to widget id
.spreadword {width: 220px; background-color:#efefef; padding: 10px; margin: 0 0 2em 0;}
*/
#text-395906701, #text-392912431 {width: 220px; background-color:#efefef; padding: 10px; margin: 0 0 2em 0;}
#text-395906701 h2, #text-392912431 h2 {display: none;}

.borderbox2  {border: 1px solid #d6d6d6; background-color:#fff; padding: 10px;}
.spreadword  p {font: 1.1em/1.2em arial, helvetica, sans-serif; color:#808080; font-weight: bold;}

.text_sidebar {width: 240px; text-align:left; background-color:#fff; margin: 0 0 2em 0;}
.text_sidebar  p {font: 1.1em/1.2em arial, helvetica, sans-serif; color:#808080;}


.borderbox {border: 1px solid #d6d6d6; background-color:#f0f0f0; text-align:center; padding: 10px 0; margin: 0 0 1em 0;}

.inputbox {width: 10; font:.9/1.2em arial, helvetica, sans-serif; color:#808080; height: 18px; border: 1px solid #d6d6d6; background-color:#fff; padding: 3px 0 0 6px; }
.textarea {font:.9/1.2em arial, helvetica, sans-serif; color:#808080; border: 1px solid #d6d6d6; background-color:#fff; padding: 3px 0 0 6px; margin: 0 0 0 4px;}
label {font:.9em arial, helvetica, sans-serif; color:#808080; font-weight: bold; padding: 0 0 0 4px;}
.joinlist label {color:#025285;}
.requiredfield {color:#f27000;}

p.footnote  {font: 1.1em/1.2em arial, helvetica, sans-serif !important; color:#b4b4b4 !important;}
.footnote a {color: #b4b4b4;}
.footnote a:visited {color:#b4b4b4;}
.footnote a:hover {color:#b4b4b4;}
.footnote a:active {color:#b4b4b4;}

blockquote {font: 1.1em/1.7em arial, helvetica, sans-serif; border: 0; padding: 0 0 1em 30px;} 
blockquote p { color:#003366 !important;}


a {text-decoration:underline; color:#0066b9; font-weight: bold;}
a:visited {color:#6aa7d9;}
a:hover {color:#0066b9;}
a:active {color:#0066b9;}

.more a {text-decoration:none; font-size: .9em; }
a.lightlink {text-decoration:underline; color:#b4b4b4; font-weight: bold;}



#footer {width:900px; min-height:30px; background: url(images/bg_footer.jpg) repeat-x top; background-color:#b0b0b0;}
/* mac hide \*/
* html #footer {height:30px;}
/* end hide */
#footer p {font-size: 1.1em; color:#333; line-height:1.8em; padding: 6px 12px;}
#footer a {text-decoration:none; color:#333; font-weight: normal;}
#footer a:visited {color:#333;}
#footer a:hover {text-decoration:underline; color:#333;}
#footer a:active {text-decoration:underline; color:#333;}


#sitemap {font:1.2em/1.5em arial, helvetica, sans-serif; color:#808080; letter-spacing:.02em;}
#sitemap ul, li {list-style-type:none;}
#sitemap ul li {padding: 0 0 .8em 0;}
#sitemap ul li ul {padding: .4em 0 0 1em;}
			
			
/* start horizontal menu */

div#listmenu {
	width:100%; 	/* makes the div full width */
	float:left; /*makes the div enclose the list */
	text-align: center;
	font: 1.2em arial, helvetica, sans-serif;	/* SET FONT-SIZE HERE */
	font-weight: bold;
	background: url('images/bg_nav.jpg') repeat-x; background-color:#fa821c;
	}
div#listmenu ul {margin:0 0 0 0px;/* indents ul from edge of container. if add this back, you must add in IE hack. see pg 193.*/
	}
div#listmenu li {
	float:left;	/* causes the list to align horizontally instead of stack */
	position:relative; /* positioning context for the absolutely positioned drop-down */
	list-style-type:none;	/* removes the bullet off each list item */
	/* border-right: 1px solid #a84023; */
	}
div#listmenu li:first-child {
	/* border-left: 1px solid #a84023; */
	}
div#listmenu li:hover { 
	background-color:#da6500; 
	}
div#listmenu a {
	display:block;
	padding: 7px 20px; 
	text-decoration:none;	
	color:#fff;	
	}
div#listmenu a:visited {
	color:#fff;	
	}
div#listmenu a:hover {
	color:#fff;
	}
/* end horizontal menu */

/* the drop-down starts here */
div#listmenu ul li ul {
	margin: 0; /* prevents the TEMP value inheriting from the horiz menu - OK to remove if you remove TEMP above */
	position:absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */
	width: 19em; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/
	/*left:-1px; aligns the drop exactly under the menu */
	padding-right: 1px; 
	background-color:#fff;
	border-bottom: 1px solid #fa821c;
	}

div#listmenu ul li ul li {
	width:100%; /* makes the list items fill the list container (ul) */
	border-left: 1px solid #fa821c;
	border-right: 1px solid #fa821c;
	padding: 0 0 1px;
	text-align: left;
	}
	
div#listmenu ul li ul li:first-child {
	border-left: 1px solid #fa821c;
	border-top:1px solid #fa821c;
	}
		
div#listmenu ul li ul li:hover { 
	background-color:#f0f0f0; 
	}

div#listmenu ul li ul li a {
	/* padding: 7px 20px; */
	color:#fa821c;	
	}
div#listmenu ul li ul li a:visited {
	color:#fa821c;
	}
div#listmenu ul li ul li a:hover {
	color:#424242;
	}

	
/* make the drop-down display as the menu is rolled over */
div#listmenu ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
div#listmenu ul li:hover ul {display:block;} /* shows the drop-down when the menu is hovered */




/* THE HACK ZONE - */
/* hack for IE (all flavors) so the menu has a vertical line on the left */
* html div#listmenu ul {
	float:left; /* makes the ul wrap the li's */
	/* border-left:1px solid #a84023;  adds the rightmost menu vertical line to the ul */
	/* margin-left:40px;  IE doubles the given value above - why? */
	}
/* add a top line to drops and pops in IE browsers - can't read :first-child */
* html  div#listmenu ul li ul {
	/* border-top:1px solid #eda477; */
	/* border-left:0px;  stops the drop inheriting the ul border */
	}

/* end of hack zone */



/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */