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

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background-color: #6597C8;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	
	background:url(/images/background.gif);
	background-position: center;
	background-repeat:y-repeat;
}
/*
#backgroundimage {
	width:100%;
	background:url(/images/background.gif);
	background-position: bottom center;
	}
*/
.oneColLiqCtrHdr #container {
	width: 707px;  /* this will create a container 80% of the browser width */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding:0;
}
.oneColLiqCtrHdr #header {
	background:#FFFFFF; 
	padding: 0;
	float:left;
	width:707px;
	padding-top:20px;
	padding-bottom:15px;
}
 
.listing {
	font-size:11px;
	}
 
.logo {
	background-image:url(/images/logo.gif);
	width:300px;
	height:58px;
	background-repeat:no-repeat;
	float:left;
	margin-left:25px;
	margin-top:0px;
	}



.err { 
color:red;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; 
	}


/* LOGIN BOX */

#loginbox {
	float:left;
	margin-left:25px;
	margin-top:15px;

	}

.loginbox_labels {
	float:right;
	display:inline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:right;
	margin-bottom:3px;
	margin-right:4px;
	}

.loginbox_inputs {
	float:right;
	margin-bottom:5px;
	display:inline;
	height:13px;
	background-color: #F2F2F2;
	border:#999999 1px solid;
	}

#login_inputcontainer {
	float:left;
	width:205px;
	margin-bottom:3px;
	}

#login_submitcontainer {
	float:left;
	margin-bottom:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-left:5px;
	}

.login_submitcontainer_link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	}

.login_submitcontainer_submitbutton {
	background-image:url(/images/login.gif);
	background-repeat:no-repeat;
	width:44px;
	height:19px;
	float:left;
	text-decoration:none;
	border:none;
	}

/* SPLASH BAR */

#splash_container {
	float:left;
	background-color:#EAEAEA;
	width:699px;
	padding-left:8px;
	}

#splash_mainpic {
	background-image:url(/images/mainpic001.jpg);
	background-repeat:no-repeat;
	width:254px;
	height:188px;
	float:left;
	padding:0;
	}	

#splash_mainpic2 {
	background-image:url(/images/mainpic001c.jpg);
	background-repeat:no-repeat;
	width:254px;
	height:188px;
	float:left;
	padding:0;
	}	

#splash_recentarticles {
	background-image:url(/images/recent_articles_background.jpg);
	background-repeat:no-repeat;
	width:440px;
	height:188px;
	float:left;
	}
#splash_state {
	background-image:url(/images/state_bg.jpg);
	background-repeat:no-repeat;
	width:440px;
	height:188px;
	float:left;
	 font-size:12px;
	}

.splash_recentarticles_title {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	margin-left:20px;
	margin-top:7px;
	float:left;
	color:#FFFFFF;
	}

#splash_recentarticles_story {
	float:left;
	clear:left;
	width:400px;
	}
#splash_state_story {
	float:left;
	clear:left;
	width:400px;
	padding-top:20px;padding-left:15px;
	}

.splash_recentarticles_minipic {
	width:54px;
	height:48px;
	float:left;
	margin-left:25px;
	margin-top:23px;
	display:inline;
	}

.splash_recentarticles_storytitle {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #4D4D4D;
	float:left;
	width:260px;
	font-weight:bold;
	margin-left:10px;
	margin-top:26px;
	text-decoration:none;
	display:inline;
	}
.splash_recentarticles_storytitle:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #4D4D4D;
	float:left;
	width:260px;
	font-weight:bold;
	margin-left:10px;
	margin-top:26px;
	text-decoration:underline;
	}

.splash_recentarticles_storydate {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #4D4D4D;
	float:left;
	width:260px;
	font-weight:normal;
	margin-left:10px;
	margin-top:4px;
	}
	
/* HORIZONTAL NAVIGATION */

#navigationbar_container {
	float:left;
	background-image:url(/images/navigation_background.jpg);
	background-repeat:repeat-x;	
	height:32px;
	width:699px;
	border-left:#EAEAEA 8px solid;
	background-color:#EAEAEA;
	border-top:#EAEAEA 8px solid;
	}

#navigationbar_container2 {
	float:left;
	background-image:url(/images/navigation_background.jpg);
	background-repeat:repeat-x;	
	height:32px;
	width:707px;
	background-color:#EAEAEA;
	}

.navigationbar_link {
	float:left;
	background-image:url(/images/navigation_background.jpg);
	background-repeat:repeat-x;
	height:24px;
	padding-left:13px;
	padding-right:13px;
	padding-top:8px;
	display:block;
	text-decoration:none;
	color:#FFFFFF;
	border-right:1px solid #999999;
	display:inline;
	}

.navigationbar_link:hover {
	text-decoration:underline;
	color:#FFFFFF;
	}

.navigationbar_link h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	text-transform:uppercase;
	padding-top:0px;
	display:block;
	margin:0;
	font-weight:normal;
	text-decoration:none;
	}

/* PROVIDER SEARCH */

#providersearch_container {
	float:left;
	padding-left:8px;
	margin-top:12px;
	}
#providersearch_container2 {
	float:left;
	padding-left:8px;
	margin-top:12px;
		width:245px;
	}
#providersearch_header {
	background-image:url(/images/providersearch_header_back.gif);
	width:245px;
	height:37px;
	background-repeat:no-repeat;
	float:left;
	clear:left;
	}

.providersearch_title{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	margin-left:20px;
	margin-top:13px;
	float:left;
	color:#4D4D4D;
	}

#providersearch_searchcontainer {
	float:left;
	padding-top:7px;
	padding-bottom:0px;
	background-color:#D6E8C2;
	clear:left;
	width:245px;
	min-height:165px;
	}

#providersearch_formlabelcontainer {
	float:right;
	padding-top:12px;
	clear:both;
	width:220px;
	}

#providersearch_formlabelcontainer2 {
	float:right;
	padding-top:12px;
	clear:both;
	width:250px;
	}

.providersearch_labeltext {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333333;
	float:right;
	text-align:right;
	margin-top:3px;
	}

.providersearch_distanceform {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	float:right;
	text-align:left;
	margin-right:43px;
	}
.providersearch_distanceform4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	
	text-align:left; 
	}
.providersearch_distanceform3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	float:right;
	text-align:left;
	margin-right:10px;
	}
.providersearch_distanceform2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	float:right;
	text-align:left; 
	width:120px; 
	}

/* INFOBOX */

#gallery {
	background-color:#FFFFFF;
	background-repeat:repeat-y; 
	padding-top:20px;
	padding-bottom:10px;
	margin-bottom:10px;
	border:#99CC99 1px solid;
	}

.gallery_featuredpic {
	border:#EFEFEF 5px solid;
	}

.gallery_otherpic {
	border:#EFEFEF 2px solid;
	}

.photo-img ul{
	margin:0 0 0 8px;
	padding:10px 0px 10px 0px;
	width:344px;
	list-style:none;
	overflow:hidden;	
}
.photo-img ul li{
	display:inline;
	margin:0 3px 0 3px;
	padding:0 0 8px 0;
}
#infobox_container {
	float:left;
	padding-left:0px;
	margin-top:12px;
	margin-left:9px;
	display:block;
	}
#infobox_header {
	background-image:url(/images/infobox_header_back.gif);
	width:434px;
	height:37px;
	background-repeat:no-repeat;
	}

#infobox_header2 {
	background-image:url(/images/header_back2.gif);
	width:675px;
	height:37px;
	background-repeat:no-repeat;
	float:left;
	}

#info_textcontainer {
	float:left;
	padding-top:7px;
	padding-bottom:0px;
	background-color:#D6E8C2;
	width:434px;
	min-height:165px;
	display:block;
	}

#info_textcontainer2 {
	float:left;
	padding-top:7px;
	padding-bottom:10px;
	background-color:#D6E8C2;
	width:434px;
	display:block;
	}

.infobox_pic {
	float:left;
	padding:0px 10px 10px 0px;
	}
.infobox_pic2 {
	float:right;
	padding:10px 0px 10px 0px;
	}
.infobox_pic3 {
	float:right;
	padding:0px 0px 10px 0px;
	}

.infobox_textbox {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	color:#000000;
	padding:10px 15px 10px 10px;
	float:left;
	width:170px;
	}

.infobox_textbox2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	color:#000000;
	padding:10px 15px 10px 10px;
	float:left;
	width:410px;
	}

.infobox_textbox3  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px; 
	color:#000000;
	margin-left:5px; 
	margin-right:5px;
	 }


/* PORTALS */
.image {

	float:left;
	padding:0px 10px 10px 0px;
	width:110px;
	text-align:center;
}
#portal001_container {
	float:left;
	margin-left:9px;
	margin-top:16px;
	}

#portal002_container {
	float:left;
	margin-left:12px;
	margin-top:16px;
	}

#portal_header {
	background-image:url(/images/portal001_header.gif);
	width:210px;
	height:32px;
	background-repeat:no-repeat;
	float:left;
	}

.portal_title {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	margin-left:16px;
	margin-top:9px;
	float:left;
	color:#FFFFFF;
	}

.portal001_image {
	background-image:url(/images/portal001_comboimage.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width:210px;
	height:172px;
	float:left;
	clear:left;
	}
.portal001_image:hover {
	background-image:url(/images/portal001_comboimage.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	width:210px;
	height:172px;
	float:left;
	clear:left;
	}

.portal002_image {
	background-image:url(/images/portal002_comboimage.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width:210px;
	height:172px;
	float:left;
	clear:left;
	}
.portal002_image:hover {
	background-image:url(/images/portal002_comboimage.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	width:210px;
	height:172px;
	float:left;
	clear:left;
	}

/* FOOTER TOP */

#topfooter {
	background-image:url(/images/topfooter_back.gif);
	background-repeat:no-repeat;
	background-color:#C1C1C1;
	width:707px;
	float:left;
	}

.topfooter_text {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:15px;
	color:#FFFFFF;
	padding-left:36px;
	float:left;
	padding-top:25px;
	padding-right:20px;
	padding-bottom:18px;
	font-weight:bold;
	}

.footer_text {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:15px;
	color:#FFFFFF;
	padding-left:36px;
	float:left;
	padding-top:10px;
	padding-right:20px;
	padding-bottom:10px;
	font-weight:bold;
	width:200px;
	}

.webspec {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:15px;
	color:#FFFFFF;
	float:right;
	padding-top:10px;
	padding-right:20px;
	padding-bottom:10px;
	font-weight:bold;
	width:300px;
	text-align:right;
	text-decoration:none;
	}
.webspec:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:15px;
	color:#FFFFFF;
	float:right;
	padding-top:10px;
	padding-right:20px;
	padding-bottom:10px;
	font-weight:bold;
	width:300px;
	text-align:right;
	text-decoration:underline;
	}
	


.headertop {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	display:none;
}

.header2top {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
		display:none;
}

.oneColLiqCtrHdr #mainContent {
	padding-bottom:15px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #EAEAEA;
	float:left;
	width:707px;
}
.oneColLiqCtrHdr #footer { 
	background:#999999;
	float:left;
	width:707px;
} 
.oneColLiqCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}




/*GALLERY */

.gallery_heading {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#006666;
	padding-top:15px;
	padding-bottom:1px;
	text-transform:uppercase;
	font-weight:bold;
	width:370px;
	border-bottom:1px #999999 solid;
	float:left;
	clear:both;
	margin-bottom:9px;
	}

.gallery_secondinfo {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	width:340px;
	float:left;
	clear:left;
	}

/* SIGN UP BANNERS */

#banner1_wrapper {
	float:left;
	padding:9px;
	background-color:#FFFFFF;
	margin-right:8px;
	}

.banner1_header {
	background-image:url(/images/freemember_01.jpg);
	width:190px;
	height:70px;
	display:block;
	}

#banner1_content {
	background-image:url(/images/freemember_01_content.jpg);
	background-repeat:repeat-x;
	width:170px;
	padding:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	line-height:16px;
	}

.banner2_header {
	background-image:url(/images/generalmember_01.jpg);
	width:190px;
	height:70px;
	display:block;
	}


#banner3_content {
	background-image:url(/images/enhancedmember_content.jpg);
	background-repeat:repeat-x;
	width:170px;
	padding:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	line-height:16px;
	}

.banner3_header {
	background-image:url(/images/enhancedmember_01.jpg);
	width:190px;
	height:70px;
	display:block;
	}
	
	
.infobox_textbox4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	color:#000000;
	padding:10px 15px 10px 17px;
	float:left;
	width:400px;
	}

