/* CSS Document */

/* html tag elements */
*{padding:0;margin:0}
body{margin:0;padding:0;font-family: Georgia, Times Roman, serif;position:relative;background-image:url(../pics/site/bg2.gif);background-repeat:repeat-x;color:#333}
textarea{font-size:12px;height:50px}
form{display:inline}
p{padding:5px 0 10px 0;color:#333;line-height:20px}
blockquote{padding:5px 0 10px 0;line-height:20px;margin:0 40px 0 40px}
ul.aq{margin:0;clear:left;margin-left:4px;padding-top:4px}
ul{list-style:square;line-height:20px;margin:10px 20px 10px 20px}
ol{line-height:20px;margin:10px 20px 10px 20px}
textarea, input{background-color:#fff;border:1px solid #999999;padding:2px;}
input[type="checkbox"]{border:none}
input.submit{color:#000;text-align:center;border:#ccc 1px solid;background-image:url(../pics/site/chrome_button_sm.gif);text-transform:uppercase;padding:1px;font-size:.9em;font-weight:500;cursor:pointer}
.artthumb{text-align:center}
h2{font-size:16px;font-weight:700;margin:10px 0;color:#333}
legend{color:#333}
acronym{border:none}

/* main page elements */
#header{position:relative;height:108px;width:1024px;_width:1030px;min-width:100%;background-color:#000}
#mid{position:relative;height:auto;width:1024px;padding:15px;overflow:hidden;}
#leftside{float:left;width:180px;height:auto;margin-bottom:15px;}
#page{float:left;width:750px;height:auto;padding:25px;background-color:#fff;min-height:750px;margin-left:25px;_margin-left:15px}
#page .page_container{padding-right:75px}
#home{float:left;width:800px;height:auto;margin-left:25px;_margin-left:15px}
#footer{position:relative;z-index:5000;width:1015px;background-color:fff;margin:8px;padding:8px 0;border-top:1px dotted black;text-transform:uppercase;font-size:9px;font-family:Arial, Helv, san-serif;}
#footer a{text-decoration:underline;color:#8298ad}
#footer a:hover{text-decoration:none}


div#home_top{position:relative;margin-bottom:12px;white-space:nowrap;}
div#home_top img{margin:0;padding:0}
div#bluebar{position:relative;width:798px;height:auto;background-color:#003466;border:1px solid #336799;color:white;font-size:16px;font-family:Arial, Helv, san-serif;margin-bottom:15px;}
div#bluebar .left, #bluebar .right{height:18px;padding:10px;}
div#bluebar .left{width:196px}
div#bluebar .right{width:560px}
div#bluebar a{color:white;font-weight:700}
div#newsevents{position:relative;width:800px;background-color:#fff;margin-bottom:15px;}
h6{background-image:url(../pics/site/bg_grey_bar.gif);background-repeat:repeat-x;text-align:center;font-size:18px;color:#003466;padding:5px;font-style:italic}
div#pandp{}
div#listmenu .subnav{padding:0 15px;white-space:nowrap;background-image:url(../pics/site/arrow.gif);background-repeat:no-repeat;margin-left:15px;padding:3px 0 5px 12px}
div#listmenu .subnav a:hover{color:white;text-decoration:underline}


#logo{background-color:#f4f8f1;height:79px;width:auto}
#greeting{background-color:#003466;height:29px;width:auto}
#greeting .right{padding:8px}
#less{visibility:hidden}
#closelink a{position:absolute;display:inline;right:0;top:0;color:#FFFFFF}
#fixed{width:300px}
#spacer{margin:0}
#cspace{margin-top:10px}
#cspace{margin-top:10px}
#searchblock hr{width:520px}
#vspace{height:260px}
#vspace .movie{margin:0;width:400px;text-align:center}

.header{margin:0;font-size:22px;color:#666;position:relative;z-index:14}
.userbar{color:#FFFFFF}
.userbar a:link, .userbar a:visited{color:#fff}
.whole{white-space:nowrap}
.normal{font-size:12px;color:#040B42}
.small{font-size:9px;color:#cccccc}
.large{font-size:14px;font-weight:600;font-style:italic}
.right{float:right}
.left{float:left}
.buffer{padding:15px}
.empty{display:none}
.clear{clear:both}
.inline{display:inline}

.menu{color:#93c37b;font-size:15px;margin:0 10px 10px 10px;width:180px}
.news{
	margin:8px 8px 0px 8px;
	width:381px;
	border-right:1px dotted black;
	padding-right:8px}
.events{margin:8px 8px 272px 0;width:383px}
.box{padding:8px;background-color:#fff;width:378px;height:250px}
ul.features {font-family:Arial, Helv, sans-serif;line-height:19px}
ul.features li{list-style-image:url(../pics/site/arrow.gif);padding:3px;vertical-align:text-top;list-style-position:outside;padding-bottom:5px;}
ul.features a{color:#7aa665}

.nobg{background:none;}

#alert{padding:17px 15px 15px 60px;font-size: 11px;color:#000000;font-weight:500;background-color:#ffffc5;border-bottom:#eeeeee 1px solid;height:auto;margin-bottom:5px;text-align:left;background-image:url(../pics/icons/alert_sm.png);background-repeat:no-repeat;background-position:top left;}
li.error{list-style-image:url(../pics/icons/del.png);padding:3px;vertical-align:text-top;list-style-position:outside;color:#F92841}
li.success{list-style-image:url(../pics/icons/success.gif);padding:3px;vertical-align:text-top;list-style-position:outside;color:#009933}
li.files{list-style-image:url(../pics/icons/misc_icon_small.gif);padding:5px;vertical-align:text-top;list-style-position:outside;padding-bottom:0}
li.files_pdf{list-style-image:url(../pics/icons/pdf_icon_small.gif);padding:5px;vertical-align:text-top;list-style-position:outside;padding-bottom:0}
li.files_mp3{list-style-image:url(../pics/icons/audio_icon_small.gif);padding:5px;vertical-align:text-top;list-style-position:outside;padding-bottom:0}
li.files_wav{list-style-image:url(../pics/icons/audio_icon_small.gif);padding:5px;vertical-align:text-top;list-style-position:outside;padding-bottom:0}
li.files_zip{list-style-image:url(../pics/icons/zip_icon_small.gif);padding:5px;vertical-align:text-top;list-style-position:outside;padding-bottom:0}
li.files_ppt{list-style-image:url(../pics/icons/ppt_icon_small.gif);padding:5px;vertical-align:text-top;list-style-position:outside;padding-bottom:0}

div.pagination{padding:3px;margin-top:10px;margin-bottom:5px;color:#a0a0a0;font-size:11px;font-family:Arial, Helvetica, sans-serif}
div.pagination a:link, div.pagination a:visited{border:1px solid #666;background-color:#eee;margin-right:3px;padding:2px 5px;background-position:bottom;text-decoration:none;color:#666}
div.pagination a:hover, div.meneame a:active{border:1px solid #666;background-color:#7aa665;color:#ffffff}
div.pagination span.current{margin-right:3px;padding:2px 5px;border:1px solid #7aa665;font-weight:bold;background-color:#eee;color:#7aa665}
div.pagination span.disabled{margin-right:3px;padding:2px 5px;border:1px solid #eee;color:#eee}

.buttons a, .buttons button{display:block;float:left;margin:0 7px 0 0;background-color:#eaf2f3;background-image:url("../pics/site/chrome_button.gif");border:1px solid #ccc;border-top:1px solid #c8cbcc;border-left:1px solid #ccc;font-family:Arial, Verdana, sans-serif;font-size:100%;line-height:130%;text-decoration:none;font-weight:bold;color:#fff;cursor:pointer;padding:5px 10px 6px 8px; /* Links */ }
.buttons button{width:auto;overflow:visible;padding:4px 10px 3px 7px/* IE6 */}
.buttons button[type]{padding:5px 10px 5px 7px; /* Firefox */line-height:17px; /* Safari */}
*:first-child+html button[type]{padding:4px 10px 3px 7px; /* IE7 */}
.buttons button img, .buttons a img{margin:0 3px -3px 0 !important;padding:0;border:none;width:16px;height:16px}
button:hover, .buttons a:hover{background-image:url("../pics/site/chrome_button_hover.gif");border:1px solid #7aa665;color:white;text-decoration:none}
.buttons a:link, .buttons a:visited{text-decoration:none;color:white}
.buttons a:active{background-color:#6299c5;border:1px solid #6299c5;color:#fff;text-decoration:none}

.smbuttons a{font-size:10px;display:block;float:left;margin:0 3px 0 0;background-color:#EEE;border:1px solid #999;border-top:1px solid #CCC;border-left:1px solid #CCC;font-family:Arial, Verdana, sans-serif;font-size:100%;line-height:130%;text-decoration:none;font-weight:normal;color:white;cursor:pointer;padding:2px 5px 3px 4px; /* Links */ }
.smbuttons button{font-size:10px;width:auto;overflow:visible;padding:2px 5px 1px 3px/* IE6 */}
.smbuttons button[type]{padding:2px 5px 1px 3px; /* Firefox */line-height:17px; /* Safari */}
.smbuttons button img, .smbuttons a img{margin:0 3px -3px 0 !important;padding:0;border:none;width:16px;height:16px}
.smbuttons a:hover{background-color:#D5E5BE;border:1px solid #ECF8DB;color:#336699;text-decoration:none}
.smbuttons a:link, .smbuttons a:visited{font-size:10px;text-decoration:none}
.smbuttons a:active{background-color:#6299c5;border:1px solid #6299c5;color:#fff;text-decoration:none}

.returnlink a{display:block;float:left;margin:20px 7px 20px 0;font-family:Arial, Verdana, sans-serif;font-size:100%;line-height:130%;text-decoration:none;font-weight:bold;color:#fff;cursor:pointer;padding:5px 10px 6px 8px; /* Links */ }
.returnlink a img{margin:0 3px -3px 0 !important;padding:0;border:none;width:16px;height:16px}
.returnlink a:link{text-decoration:none}
.returnlink a:active{text-decoration:none}

#login{display:block;font-size:12px;text-align:left;margin:50px;padding:0;width:auto;background-color:#F7F7F7;border:#c5d0db 1px solid; height:auto}
.login_header{background-color:#c5d0db;color:#FFFFFF;font-weight:700;padding:5px;height:15px}
.login_text{padding:10px 10px 0 10px;padding-bottom:20px}
.login_email, .login_pass{display:block;clear:both;margin:.5em 0}
.login_email label{width:9em;float:left;text-align:right;margin-right:.5em;margin-top:5px}
.login_pass label{width:9em;float:left;text-align:right;margin-right:.5em;margin-top:5px}
.login_submit{padding:20px 10px 10px 117px;width:231px}
.login_register{padding:5px 10px 0 10px}
.login_forgot{display:block;padding:5px 10px 10px 10px;white-space:nowrap}
.login_error{padding:5px 10px 10px 10px;color:red}

#signup{display:block;font-size:12px;text-align:left;width:auto;height:auto}
.signup_header{background-image:url(../pics/site/bg_grey_bar.gif);background-repeat:repeat-x;text-align:left;font-size:18px;color:#003466;padding:5px;font-style:italic}
.midtext{display:inline}
#signup .sminput{display:inline;width:auto}
.minage {margin:20px;width:475px}
.minage p{margin:20px 20px 20px 75px}

#passmeter{position:relative;padding:0;margin:0}
.pmempty{width:100px;height:10px;background-color:#000;padding:0;margin:0}
.pmquarteron{width:25px;height:10px;background-color:#CC3333;display:block;padding:0;margin:0}
.pmhalfon{width:50px;height:10px;background-color:#fdfa00;display:block;padding:0;margin:0}
.pm3quaron{width:75px;height:10px;background-color:#639c00;display:block;padding:0;margin:0}
.pmfull{width:100px;height:10px;background-color:#8cdc00;display:block;padding:0;margin:0}
#signup .logo{display:block;width:500px;height:auto;margin-bottom:10px}
#signup .tip{margin:0;padding-top:10px;display:inline;float:right}

#profile{font-family:arial,helvetica,sans-serif;font-size:12px;text-align:left;width:auto;height:100%;background-color:#F7F7F7;padding:0;border:#ccc 1px solid}
#companies{font-family:arial,helvetica,sans-serif;font-size:12px;text-align:left;width:auto;height:100%;background-color:#FFFFFF;padding:0;border:#ccc 1px solid}
#wbox{padding:5px;margin:3px 3px 0 3px;color:white;background-color:#ccc}
#wbox .tools{display:block;height:20px;margin-top:8px}
#pbox{padding:5px 5px 5px 15px;margin:3px 0 3px 3px;color:black;width:360;float:left}
#pbox .avatar{float:right}
#pbox label{font-weight:700;white-space:normal;display:block;color:#999999}
#pbox span{}
#lbox{display:none}
#olbox{padding:5px;margin:3px;color:white;background-color:#5873C2;width:179px;float:left}
#obox{padding:0 15px 15px 15px;margin-bottom:15px;color:black;background-color:#FFFFFF}
#obox p a:link, #obox p a:visited{text-decoration:underline;color:black}
#profilephoto{float:left;white-space:normal}
#profilephoto img{margin-left:35px;margin-right:10px;padding:0}
#profilephoto .text{width:100%;display:block;padding-top:10px}

#orgbox{background-color:#F6F8FF;width:auto;padding:10px;margin-top:10px; _rheight:100px; }
.orgtools{height:30px;padding:5px;width:60%;font-size:10px;color:white;text-align:center;float:left;background-color:#4761AE}
html>body .orgtools{width: 58%; height:22px;}
.orgtools a:link, .orgtools a:visited{font-size:10px;color:white}
.org_select{background-color:#99CE5A;height:30px;padding-top:2px;width:40%;font-size:10px;color:white;text-align:center;float:left}
.services{font-size:11px;margin-bottom:15px;float:left;width:350px}
.orginfo{font-size:11px;margin:10px;float:left;width:200px;}
.orginfo_title{font-size:14px;font-weight:700}
.orginfo_text{margin:5px}
.orgside{width:200px;background-color:#eee;float:right;padding:10px;font-size:11px;}
.orgside label{font-weight:700;display:block;margin-top:8px}
.orgdesc{width:385px;float:left;padding-right:20px;font-size:11px; }
html>body .orgdesc{ width: 345px;}
.orglogo{width: 200px; float: right; padding:10px; text-align: center;}

.breadcrumbs{display:block;color:#999999;margin-bottom:15px}
.breadcrumbs a:link, .breadcrumbs a:visited{color:#999999}
.contact{background-color:#eee;padding:25px;margin-top:20px}
#center{margin:20px;width:auto;text-align:center}
#rules{margin:15px}
#photoblock{width:auto;margin:auto;text-align:center;padding-bottom:10px}
#contentpage{padding:10px}
#spanner{position:relative;height:30px}
#line{display:block;width:auto}

#arttext{white-space:normal;display:block}
.artupdated{display:none}
.file_title{font-family:Arial, Helvetica, sans-serif;font-size:14px;color:black;font-weight:700}
.file_desc{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:black}
.file_data{font-family:Arial, Helvetica, sans-serif;font-size:10px;color:#ccc}

#comments{background-color:#fff;border:#666666 1px solid;padding:0;margin:15px 0 30px 0}
#com_header{background-color:#666;text-transform:uppercase;display:block;color:#fff;text-family:verdana,helv,sans-serif;font-size:16px;padding:5px}
#comment{background-color:#eee;padding:10px;border-bottom:#666666 1px solid}
#com_form{color:#666;background-color:#fff;padding:5px 5px 5px 15px;display:block;height:170px;clear:both}
#com_top{font-size:10px;width:100%;display:block}

#ublob{height:auto;margin-bottom:10px}
#ublob .ublob_photo{float:left;margin-right:10px}
#ublob .ublob_name{display:inline;font-weight:600}
#ublob .ublob_title{display:inline}

.organization, .organization a:link, .organization a:visited{color:#1B6CDE;font-weight:700;text-decoration:none}
.organization_loc{color:#969696;font-family:Tahoma, Arial, Helvetica, sans-serif;font-size:12px;font-weight:500}
.organization_desc{font-size:11px}
.stats{border:solid 1px #ccc;border-top:none;text-align:center;font-size:10px;color:#999999;padding:10;width:180}

#DHTMLgoodies_formTooltipDiv{color:#000;font-weight:normal;font-size:11px;line-height:120%}
#DHTMLgoodies_formTooltipDiv a:link, #DHTMLgoodies_formTooltipDiv a:visited{color:#000}
#DHTMLgoodies_formTooltipContent{padding:0 10px 10px 10px}
.DHTMLgoodies_formTooltip_closeMessage{color:#FFF;font-weight:normal;font-size:9px}

tr .more_info_bar{background-image:url(../pics/more_info_bg_grey.jpg);}
div .google_map_div{ display: none; float: right; width: 250px; height: 250px; background-color:#CCCCCC;}
div .list_rating{ font-size: 10px; color: #0000CC; text-align: left;}

#catmenu ul ul{display:none}
#fontsizes{clear:both;font-size:0;float:right;margin-right:10px}
#fontsizes img{margin:2px}

/* START OF LIST-BASED MENU */
/* the horizontal menu starts here */
div#listmenu {
	width:192px; /* makes the div full width */
	border:0;	/* draws line on top edge of div */
	font-size:11px;	/* SET FONT-SIZE HERE */
	font-family: Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	background-color:#003466; /* colors the div */
	margin:0;
	padding:0;
	position:relative;
}
div#listmenu ul {
	margin:0; /* indents ul from edge of container - NOTE: diff value for IE in hacks below */
	padding:0;
	line-height:22px;
	position:relative;
}
div#listmenu li {
	margin:2;
	margin-left:7px;
 	padding-left:12px;
	width:170px;
	position:relative; /* positioning context for the absolutely positioned drop-down */
	background-image:url(../pics/site/arrow.gif);	
	list-style-type:none; /* removes the bullet off each list item */
	background-repeat:no-repeat;
	background-color:#003466; /*sets the background of the menu items */
}
div#listmenu a {
	display:block;
	/* padding:5px 6px;*/ /*creates space each side of menu item's text */
	text-decoration:none;	 /* removes the underlining of the link */
	color:#fff;	/* sets the type color */
}
div#listmenu li:hover {
	background-color:#93c377; /*sets the background of the menu items */
	width:170px;
	color:#333;
}
div#listmenu a:hover {
	color:#333;
}

/* the menu ends here */
/* the drop-down starts here */
div#listmenu ul li ul {
	margin:0;
	padding:0;
	border:0;
	z-index:8025; /* puts drop-down on top of div - Safari needs this as menu is 1px higher */
	position:absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */
	width:170px; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/
	border-right:0; /* stops SCBs drops having two right borders - they inherit the border, IE doesn't */
	left:178px; /*aligns the drop exactly under the menu */
	top:0px;
	vertical-align: bottom;
}
div#listmenu ul li ul li {
	margin:2;
	padding-left:12px;
	padding-right:5px;
	width:170px; /* makes the list items fill the list container (ul) */
	background-color:#003466; /*sets the background of the pop-up menu items */
	
}
div#listmenu ul li ul li a {
	padding:1px .5em;
	display:inline-block;
	display:block;
	margin:0;
	padding:0;
}
div#listmenu ul li ul li:first-child {} /*the top edge of the dropdown */

/* 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 */

/* pop-out starts here */
body div#listmenu ul li ul li ul {visibility:hidden;} /* same effect as display:none in this situation */
div#listmenu ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */

/* second level popouts start here*/
div#listmenu ul li ul li:hover ul li ul {visibility:hidden;}
div#listmenu ul li ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */

div#listmenu ul li ul li ul li:hover ul li ul {visibility:hidden}
div#listmenu ul li ul li ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */

/* 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 #000;*/ /* adds the rightmost menu vertical line to the ul */
	margin-left:0px /* 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 #666;border-left:0px;} /* stops the drop inheriting the ul border */
/* the Tantek hack to feed IE Win 5.5-5.0 a lower value to get the pop-out to touch the drop-down */
* html  div#listmenu ul li ul li ul {left:170px;voice-family: "\"}\""; voice-family:inherit;left:170px;} 
/* and the "be nice to Opera" rule */
html>body div#listmenu ul li ul li ul {left:178px;} 

/* an Opera-only hack to fix a redraw problem by invisibly extending the ul */
/* the first-level drop stays open for 100px below the bottom but at least it works */
/* this can be reduced to as little as 22px if you don't have pop-outs */
/* the pop-out menu stays open for 22px below the bottom but at least it works */
@media all and (min-width: 0px){
   body div#listmenu ul li ul {padding-bottom:100px;}
   body div#listmenu ul li ul li ul {padding-bottom:22px;}
   ul li ul li ul li ul li:hover {visibility:visible;} /* same effect as display:block in this situation */
}
/*end Opera hack */
/* END OF HACK ZONE */
/* the drop-down ends here */

/* the horizontal menu starts here */
div#hlistmenu {
	width:100%; /* makes the div full width */
	float:left;
	border:0;	/* draws line on top edge of div */
	border-bottom:1px solid #999;	 /* draws line on bottom edge of div */
	font-size:12px;	/* SET FONT-SIZE HERE */
	background-color:#ccc; /* colors the div */
	}
div#hlistmenu ul {
	margin:0; /* indents ul from edge of container - NOTE: diff value for IE in hacks below */
	}
div#hlistmenu 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 */
	background-color:#ccc; /*sets the background of the menu items */
	border-right:1px solid #999; /* creates dividing lines between the li elements */
	}
div#hlistmenu li:first-child {
	border-left:1px solid #999; /*the first vertial line on the menu */
	}

div#hlistmenu li:hover { 
	background-color:#FFF; /*sets the background of the menu items */
	}
div#hlistmenu a {
	display:block;
	padding:1px 6px; /*creates space each side of menu item's text */
	text-decoration:none;	 /* removes the underlining of the link */
	color:#333;	/* sets the type color */
	}
div#hlistmenu a:hover {
	color:#999;
	}
/* the menu ends here */
/* the drop-down starts here */
div#hlistmenu ul li ul {
	margin:0;
	padding:0;
	z-index:10; /* puts drop-down on top of div - Safari needs this as menu is 1px higher */
	position:absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */
	width:150px; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/
	border-right:0; /* stops SCBs drops having two right borders - they inherit the border, IE doesn't */
	left:-1px; /*aligns the drop exactly under the menu */
}
div#hlistmenu li .pregnant {
	background-image:url(../pics/icons/arrow_right.png);
	background-position:right;
	background-repeat:no-repeat;
}
div#hlistmenu ul li ul li {
	padding:0;
	margin:0;
	width:100%; /* makes the list items fill the list container (ul) */
	border-left:1px solid #999; /*  three sides of each drop-down item */
	background-color:#efefef; /*sets the background of the pop-up menu items */
	border-bottom:1px solid #999;
	border-right:1px solid #999;}
div#hlistmenu ul li ul li a {padding:1px 3px;}
div#hlistmenu ul li ul li:first-child {border-top:1px solid #999; /*the top edge of the dropdown */}
/* make the drop-down display as the menu is rolled over */
div#hlistmenu ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
div#hlistmenu ul li:hover ul {display:block;} /* shows the drop-down when the menu is hovered */

/* pop-out starts here */
body div#hlistmenu ul li ul li ul  {
	margin-top:5px;
	position:absolute; 
	visibility:hidden; /* same effect as display:none in this situation */
	top:-1px;
	left:150px;
	}
div#hlistmenu ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */

/* second level popouts start here*/
div#listmenu ul li ul li:hover ul li ul {visibility:hidden;}
div#listmenu ul li ul li ul li:hover ul {visibility:visible;z-index:20} /* same effect as display:block in this situation */

div#listmenu ul li ul li ul li:hover ul li ul {visibility:hidden;}
div#listmenu ul li ul li ul li ul li:hover ul {visibility:visible;z-index:30} /* same effect as display:block in this situation */


/* THE HACK ZONE - */
/* hack for IE (all flavors) so the menu has a vertical line on the left */
* html div#hlistmenu ul {
	float:left; /* makes the ul wrap the li's */
	border-left:1px solid #000; /* adds the rightmost menu vertical line to the ul */
	margin-left:15px; /* 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#hlistmenu ul li ul {
	border-top:1px solid #666;
	border-left:0px; /* stops the drop inheriting the ul border */
	}
/* the Tantek hack to feed IE Win 5.5-5.0 a lower value to get the pop-out to touch the drop-down */
* html  div#hlistmenu ul li ul li ul { 
  left:150px; 
  voice-family: "\"}\""; 
  voice-family:inherit;
  left:150px;
  } 
/* and the "be nice to Opera" rule */
html>body div#hlistmenu ul li ul li ul {
  left:148px;
} 

/* an Opera-only hack to fix a redraw problem by invisibly extending the ul */
/* the first-level drop stays open for 100px below the bottom but at least it works */
/* this can be reduced to as little as 22px if you don't have pop-outs */
/* the pop-out menu stays open for 22px below the bottom but at least it works */
	@media all and (min-width: 0px){
   body div#hlistmenu ul li ul {padding-bottom:100px;}
   body div#hlistmenu ul li ul li ul {padding-bottom:22px;}
   ul li ul li ul li ul li:hover {visibility:visible;} /* same effect as display:block in this situation */

   }
/*end Opera hack */
/* END OF HACK ZONE */
/* the horizontal menu ends here */
/* END OF LIST-BASED MENU */

/* form.css */

form {
  margin: 0;
  padding: 0;
  font-size: 100%;
  min-width: 500px;
  max-width: 500px;
  width: 590px;
}

form fieldset {
  clear: both;
  font-size: 100%;
  border-color: #000000;
  border-width: 1px 0 0 0;
  border-style: solid none none none;
  padding: 10px;
  margin: 0 0 0 0;
}

form fieldset legend {
  font-size: 150%;
  font-weight: normal;
  color: #000000;
  margin: 0 0 0 0;
  padding: 0 5px;
}

label {
  font-size: 100%;
}

label u {
  font-style: normal;
  text-decoration: underline;
}

input, select, textarea {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 100%;
  color: #000000;
}

textarea {
  overflow: auto;
}

form div {
  clear: left;
  display: block;
  width: 345px;
  zoom: 1;
  margin: 5px 0 0 0;
  padding: 1px 3px;
}

form fieldset div.notes {
  float: right;
  width: 158px;
  height: auto;
  margin: 0 0 10px 10px;
  padding: 5px;
  border: 1px solid #666666;
  background-color: #ffffe1;
  color: #666666;
  font-size: 88%;
}

form fieldset div.notes h4 {
  background-image:url(../pics/icons/question.gif);
  background-repeat: no-repeat;
  background-position: top left;
  padding: 3px 0 3px 27px;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #666666;
  color: #666666;
  font-size: 110%;
}

form fieldset div.notes p {
  margin: 0em 0em 1.2em 0em;
  color: #666666;
}

form fieldset div.notes p.last {
  margin: 0em;
}

form div fieldset {
  clear: none;
  border-width: 1px;
  border-style: solid;
  border-color: #666666;
  margin: 0 0 0 144px;
  padding: 0 5px 5px 5px;
  width: 197px;
}

form div fieldset legend {
  font-size: 100%;
  padding: 0 3px 0 9px;
}

form div.required fieldset legend {
  font-weight: bold;
}

form div label {
  display: block;
  float: left;
  width: 130px;
  padding: 3px 5px;
  margin: 0 0 5px 0;
  text-align: right;
}

form div.optional label, label.optional {
  font-weight: normal;
}

form div.required label, label.required {
  font-weight: bold;
}

form div label.labelCheckbox, form div label.labelRadio {
  float: none;
  display: block;
  width:200px;
  zoom: 1;
  padding: 0;
  margin: 0 0 5px 142px;
  text-align: left;
}

form div fieldset label.labelCheckbox, form div fieldset label.labelRadio {
  margin: 0 0 5px 0;
  width: 170px;
}

p.error {
  background-color: #ff0000;
  background-image: url(/images/icon_error.gif);
  background-repeat: no-repeat;
  background-position: 3px 3px;
  color: #ffffff;
  padding: 3px 3px 5px 27px;
  border: 1px solid #000000;
  margin: auto 100px;
}

form div.error {
  background-color: #ffffe1;
  background-image: url(/images/required_bg.gif);
  background-repeat: no-repeat;
  background-position: top left;
  color: #666666;
  border: 1px solid #ff0000;
}

form div.error p.error {
  background-image: url(/images/icon_error.gif);
  background-position: top left;
  background-color: transparent;
  border-style: none;
  font-size: 88%;
  font-weight: bold;
  margin: 0 0 0 118px;
  width: 200px;
  color: #ff0000;
}

form div select, form div textarea {
  width: 195px;
  padding: 1px 3px;
  margin: 0 0 0 0;
}

form div input.inputText, form div input.inputPassword {
  width: 200px;
  padding: 1px 3px;
  margin: 0 0 0 0;
}

form div input.inputFile {
  width: 211px;
}

form div select.selectOne, form div select.selectMultiple {
  width: 211px;
  padding: 1px 3px;
}

form div input.inputCheckbox, form div input.inputRadio, input.inputCheckbox, input.inputRadio {
  display: inline;
  height: auto;
  width: auto;
  background-color: transparent;
  border-width: 0;
  padding: 0;
  margin: 0 0 0 140px;
}

form div.submit {
  width: 214px;
  padding: 0 0 0 146px;
}

form div.submit div {
  display: inline;
  float: left;
  text-align: left;
  width: auto;
  padding: 0;
  margin: 0;
}

form div input.inputSubmit, form div input.inputButton, input.inputSubmit, input.inputButton {
  background-color: #cccccc;
  color: #000000;
  width: auto;
  padding: 0 6px;
  margin: 0;
}

form div.submit div input.inputSubmit, form div.submit div input.inputButton {
  float: right;
  margin: 0 0 0 5px;
}

form div small {
  display: block;
  margin: 0 0 5px 142px;
  padding: 1px 3px;
  font-size: 88%;
  zoom: 1;
}

/* form.import.css */

label img {
  behavior: url(/behaviors/label_img.htc);
}

form fieldset legend {
  line-height: 150%;
}

form input, form select, form textarea {
  background-color: #ffffff;
}

form textarea.expanding {
  overflow: auto;
  overflow-x: auto;
  overflow-y: visible;
}

div.optional label:before {
  content: '';
}

div.required label:before {
  content: '';
}
  
form div label.labelCheckbox, form div label.labelRadio, label.labelCheckbox, label.labelRadio {
  display: block;
  width: 190px;
  zoom: 1;
  padding: 4px 0 0 18px;
  text-indent: -18px;
  line-height: 120%;
}

form div label.labelCheckbox input.inputCheckbox, form div label.labelRadio input.inputRadio, label.labelCheckbox input.inputCheckbox, label.labelRadio input.inputRadio {
  margin: 0;
}

form div fieldset input.inputText, form div fieldset input.inputPassword, form div fieldset input.inputFile, form div fieldset textarea.inputTextarea {
  width: 160px;
  margin: 0 0 0 18px;
  margin: expression(setCntr(), '0px 0 0 -124px');
}

form div label.compact {
  display: inline;
  width: auto;
  padding: 4px 10px 0 0;
  text-indent: 0;
  margin: 0 0 0 0;
}

form div.wide label {
  float: none;
  display: block;
}

form div label.wide {
  width: 348px;
}

form div.wide input.inputText, form div.wide input.inputPassword, form div.wide input.inputFile, form div.wide select, form div.wide textarea {
  width: 344px;
  margin: 0;
}

form div.notes p, form div small {
  line-height: 125%;
}

form div.wide small {
  margin: 0 0 5px 0;
}

/* Browser Float Fixes */
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}

a:link{color:#666666;text-decoration:none}
a:visited{color:#666666;text-decoration:none}
a:active{color:#666666;text-decoration:none}
a:hover{color:#666666;text-decoration:underline}

a img{border:0;}
a:active, a:focus {
	outline: 0;
}

#tbl_zip_listing td{
	padding: 2px;
}
#tbl_zip_listing tr.odd{
	background-color: #f9f5ef;
}
#tbl_zip_listing .header{
	background-color: #ff1818;
	color: #fff;
	
}
#tbl_zip_listing .header td{
	font-size: 16px;
	font-weight: bold;
}

.department_title{
	font-size: 16px;
	color: #ff1818;
	font-weight: bold;
}
.org_details hr{
	margin: 4px 0;
	border: 0;
	border-top: 1px solid red;
}
#google_map_div{
	clear:both;
	width:99%;
	height:300px;
	border: 2px inset #bbb;
}
#site_map_div ul{
	margin: 0;
	list-style-type: disc;
	list-style-position: inside;
}
#site_map_div ul ul{
	margin-left: 10px;
	list-style-type: none;
}
#site_map_div li{
	width: 200px;
	float: left;
	font-weight: bold;
}
#site_map_div li li{
	float: none;
	font-weight: normal;
	width: auto;
}

#member_rsvp {border: 1px solid #ccc; padding: 10px; background-color: #F7FAFF;}
#member_rsvp td {padding: 4px;}

#read_news{font-family:Arial, Helvetica, sans-serif;color:#93c37b;text-align:center}
