@import "common.css";
/*@import "fancybox.css";*/
body {
	margin			: 0;
	padding			: 0;
	font-family		: Arial, Verdana, Helvetica, sans-serif;
	font-size		: 12px;
	text-decoration	: none;
	background		: #fff;
	color			: #4d4d4d;
}
/*----- Wrapper ----------------------------------------------------*/
#wrapper {
	width			: 100%;
	margin			: 0 auto;
	padding			: 0;
	background		: #e7e8e9 url(../images/wrapper_bg.gif) no-repeat top center;
}

/*----- Banner Area  -----------------------------------------------*/
#banner {
	position		: relative;
	width			: 994px;
	height			: 100px;
	margin			: 0 auto;
	padding			: 10px 10px 0 20px;
	background		: #e7e8e9;
	overflow		: hidden;
	z-index			: 999;
}
#bannerAdd {
	width			: 728px;
	height			: 90px;
	float			: left;
	background		: #bcbec0;
}
#miniAdd {
	width			: 257px;
	height			: 90px;
	float			: right;
	overflow		: hidden;
}
#miniAdd img {
	display			: block;
	float			: left;
	width			: 77px;
	margin			: 0 10px 0 0;
}
#miniAdd  #miniAddContent {
	padding			: 5px 0 0 0;
	margin			: 0 10px 0 0; 
}
#miniAdd p {
	color			: #00728f;
	font-weight		: bolder;
	padding			: 5px 0 5px 0;
}
#miniAdd p span {
	color			: #231f20;
	font-weight		: bolder;
}
#miniAdd a:link, #miniAdd a:visited {
	color			: #231f20;
	font-weight		: bolder;
	font-size		: 10px;
	text-decoration	: none;
}
/*------ Header -----------------------------------------------------*/
#header {
	position		: relative;
	width			: 1004px;
	height			: 163px;
	margin			: 0 auto;
	padding			: 0 0 0 20px;
	background		: #231f20;
	z-index			: 3;
}
#logo {
	width			: 174px;
	height			: 162px;
	margin			: 0 0 0 35px;
}
#memberLogin {
	position		: absolute;
	right			: 20px;
	top				: -85px;
	/*top				: 0;*/
	width			: 251px;
	height			: 97px;
	padding			: 10px 17px;
	background		: url(../images/memberLogin_bg.gif) no-repeat top left;
	z-index			: 9;
}
#memberLogin h1 {
	width			: 251px;
	font-size		: 13px;
	font-weight		: bolder;
	color			: #252525;
	padding			: 0 0 7px 0;
}
#loginForm input.text {
	margin			: 0 5px 0 0;
	/*background		: #fff;*/
	color			: #00718f;
	width			: 107px;
	font-size		: 11px;
	padding			: 2px 0;
}
#loginReminder input.text {
	/*background		: #fff;*/
	color			: #00718f;
	width			: 210px;
	font-size		: 11px;
	padding			: 2px 0;
}
#loginForm p, #loginReminder p, #user_details p {
	padding			: 0;
	font-size		: 10px;
	color			: #0d0d0d;
	font-family		: Georgia, Helvetica, sans-serif;
	font-style		: italic;
}

#loginForm p {
	padding			: 7px 0 0 0;
}
#loginReminder p {
	padding			: 0 0 7px 0;
}
#memberLogin span, #user_details p span{
	color			: #009173;
}
#memberLogin a:link, #memberLogin a:visited {
	color			: #009173;
	text-decoration	: none;
	font-size		: 10px;
	font-family		: Georgia, Helvetica, sans-serif;
	font-style		: italic;
	font-weight		: normal;
} 
#memberLogin a:hover {
	text-decoration	: underline;
} 
#memberLogin h1 a {
	float			: right;
} 
#trigger {
	position		: absolute;
	bottom			: 10px;
	right			: 65px;
	width			: 95px;
	font-weight		: bold;
	color			: #252525;
	cursor			: pointer;
	text-align		: center;
}
#search {
	position		: absolute;
	right			: 20px;
	bottom			: 50px;
}
#search #ajaxSearch_input {
	width			: 145px;
	height			: 17px;
	border			: none;
	font-size		: 10px;
	padding			: 3px 0 0 25px;
	color			: #959595;
	font-family		: Georgia, Helvetica, sans-serif;
	font-style		: italic;
	background		: url(../images/search_bg.gif) no-repeat top left;
}
#mainNav {
	position		: absolute;
	bottom			: 0;
	right			: 0;
	width			: 732px;
	height			: 35px;
	line-height		: 35px;
	padding			: 0 0 0 15px;
	background		: url(../images/mainNav_bg.gif) no-repeat top left;	
	z-index			: 3;
}
/*----- Main Navigation ----------------------------------------------*/
#mainNav ul li {
	position		: relative;
	display			: block;
	float			: left;
	width			: auto;
	background 		: url(../images/footer_menu_div.gif) no-repeat left 13px;
}
#mainNav ul li.first {
	background 		: none;
}
#mainNav ul li a:link, #mainNav  ul li a:visited {
	display			: block;
	width			: auto;
	color			: #252525;
	text-decoration	: none;
	font-size		: 11px;
	font-weight		: bolder;
	padding			: 0 0 0 7px;
	
}
#mainNav ul li a span {
	display			: block;
	padding			: 0 7px 0 0;
	margin			: 0 -1px 0 0;
}
#mainNav ul li.active a {
	color			: #00728f;
}
#mainNav ul li a:hover {
	color			: #fff;
	background		: url(../images/mainNavItem_bg.gif) no-repeat top left;
}
#mainNav ul li a:hover span {
	background		: url(../images/mainNavItem_span_bg.gif) no-repeat top right;
}
#mainNav ul li a.selected {
	color			: #fff;
	background		: url(../images/mainNavItem_bg.gif) no-repeat top left;
}
#mainNav ul li a.selected span {
	background		: url(../images/mainNavItem_span_bg.gif) no-repeat top right;
}
/*---Sub Nav -----*/

#mainNav ul li ul {
	position		: absolute;
	width			: 178px;
	margin			: 0;
	padding			: 0 0 4px 0;
	left			: 0;
	top				: 35px;	
	z-index			: 3;
	display			: none;
	overflow		: hidden;
}
#mainNav ul li ul li, #mainNav ul li ul li.first {
	padding			: 0 4px;
	margin			: 0;
	background 		: #00728f;
}
#mainNav ul li ul li.first { 
	padding			: 4px 4px 0 4px;
	background		: url(../images/menu_ul_top_bg.png) no-repeat top left;
	/*IE6 background		: url(../images/menu_span_bg.gif) no-repeat top left;*/
}
#mainNav ul li.last ul li.first { 
	padding			: 4px 4px 0 4px;
	/*IE6 background		: url(../images/menu_span_last_bg.gif) no-repeat top left; */
	background		: url(../images/menu_ul_top_last_bg.png) no-repeat top left;
}
#mainNav ul li ul li.last { 
	padding			: 0 4px 4px 4px;
	/*IE6 background		: url(../images/menu_ul_bg_ie.gif) no-repeat bottom left;*/
	background		: url(../images/menu_ul_bg.png) no-repeat bottom left;
}
#mainNav ul li ul li a:link, #mainNav ul li ul li a:visited {
	display			: block;
	width			: 150px;
	line-height		: 16px;
	text-transform	: none;
	color			: #fff;
	background		: #0091ab;
	padding			: 5px 10px;
	margin			: 0 0 1px 0;
	font-weight		: normal;

}
#mainNav ul li ul li.first a {
	background		: #0091ab url(../images/menu_up_bg.gif) no-repeat top left;
}
#mainNav ul li ul li.last a {
	background		: #0091ab url(../images/menu_down_bg.gif) no-repeat bottom left;
}
#mainNav ul li ul li a:hover, #mainNav ul li ul li.active a {
	background		: #00728f;
	color			: #fff;
}
/*------ Slideshow Area --------------------------------------------*/
#slideshowArea {
	width			: 964px;
	height			: 276px; 
	margin			: 0 auto;
	padding			: 11px 28px 22px 32px;
	background		: #e7e8e9 url(../images/slideshow_bg.gif) no-repeat top left;
	overflow		: hidden;
	z-index			: 1;
}
/*--------- Slideshows -------------------------------------------------------------*/
#slideshowWrapper {
	position		: relative;
	display			: none;
	overflow		: hidden;
	z-index			: 1;
	float			: left;
}
.loading {
	position		: relative;
	float			: left;
}
.loading img {
	position		: absolute;
	top				: 40%;
	left			: 47%;
}
/*------ Content Home ----------------------------------------------*/
#contentHome {
	position		: relative;
	float			: right;
	right			: 30px;
	width			: 415px;
	height			: 255px;
	padding			: 20px 0 0 0;
	color			: #d7d7d7;
	font-size		: 14px;
	line-height		: 1.4em;
}
#contentHome a:link, #contentHome a:visited {
	font-family		: Georgia, Helvetica, sans-serif;
	font-size		: 12px;
	text-decoration	: none;
	color			: #fff;
	font-style		: italic;
}
#contentHome a:hover {
	text-decoration	: underline;
}
#mainArea {
	width			: 980px;
	height			: 375px;
	margin			: 0 auto;
	padding			: 10px 22px 0 22px;
	overflow		: hidden;
	background		: #e6e7e8 url(../images/mainArea_bg.gif) repeat-x top left; 
}
.box {
	float			: left;
	height			: 344px;
}
#members {
	width			: 313px;
	margin			: 0 21px 0 0;
}
#memberSurvey {
	width			: 178px;
	height			: 126px;
	padding			: 12px 15px 0 120px;
	background		: url(../images/memberServey_bg.gif) no-repeat top left; 
}
#memberSurvey ul {
	position		: relative;
	width			: 178px;
	padding			: 0 0 5px 0;
	margin			: 0;
	overflow		: hidden;
	clear			: both;
}
#memberSurvey ul li {
	display			: block;
	float			: left;
	font-family		: Georgia, Helvetica, sans-serif;
	font-size		: 11px;
	font-style		: italic;
	padding			: 0;
	margin			: 0;
}

#memberSurvey input.pollbutton, .pollvotes p.info {
	background		: none;
	color			: #00728f;
	font-size		: 15px;
	font-weight		: bolder;
	padding			: 0;
	border			: none;
	cursor			: pointer;
}
#memberSurvey input.pollbutton, .pollvotes p.disabled {
	cursor			: default;
}
#memberSurvey ul li.poll_items {
	padding			: 0 10px 0 0;
}
#memberSurvey h3 {
	color			: #231f20;
	font-size		: 12px;
	font-weight		: bolder;
	padding			: 0 0 5px 0;
}
#memberSurvey p {
	position		: relative;
	top				: -3px;
}

#memberSurvey span {
	color			: #464647;
	font-size		: 15px;
}

#events {
	width			: 273px;
	height			: 125px;
	padding			: 45px 20px;
	background		: url(../images/events_bg.gif) no-repeat top left; 
}

#iodFeature {
	width			: 272px;
	height			: 261px;
	padding			: 50px 20px;
	margin			: 0 21px 0 0;
	background		: url(../images/iodFeature_bg.gif) no-repeat top left; 
}
#iodFeature img {
	display			: block;
	float			: left;
	width			: 108px;
	height			: 75px;
	margin			: 0 10px 0 0;
	border			: 2px solid #fff;
}
#iodFeature h3 {
	font-size		: 12px;
	font-weight		: bolder;
	color			: #00728f;
	padding			: 10px 0 10px 0;
}
#iodFeature a:link, #iodFeature a:visited {
	font-family		: Georgia, Helvetica, sans-serif;
	font-size		: 11px;
	color			: #636363;
	font-style		: italic;
	text-decoration	: none;
}
#iodFeature a:hover {
	text-decoration	: underline;
}
#currentNews {
	width			: 273px;
	height			: 261px;
	padding			: 50px 20px;
	margin			: 0; 
	font-size		: 10px;
	background		: url(../images/currentNews_bg.gif) no-repeat top left; 
	
}
#currentNews div.list_item, #iodFeature div.list_item {
	margin			: 0 0 20px 0;
	height			: 79px;
	overflow		: hidden;
}
#currentNews div.list_item h3 a:link, #currentNews div.list_item h3 a:visited {
	color			: #00728f;
	font-size		: 12px;
	font-weight		: bolder;
	text-decoration	: none;
}
#currentNews div.list_item h3 a:hover {
	text-decoration	: underline;
}
span.date {
	display			: block;
	width			: auto;
	padding			: 0;
	margin			: 0;
	font-family		: Georgia, Helvetica, sans-serif;
	font-size		: 11px;
	color			: #636363;
	font-style		: italic;
}
#currentNews div.list_item p {
	padding			: 0;
	color			: #231f20;
}
/*------ Content Pages ---------------------------------------------*/
#contentWrapper {
	width			: 960px;
	margin			: 0 auto;
	padding			: 10px 33px 10px 31px;
	background		: #fff url(../images/contentWrapper_bgbg.gif) no-repeat top left;
	overflow		: hidden;
}
#contentWrapper_bottom {
	width			: 1024px;
	height			: 51px;
	margin			: 0 auto;
	background		: url(../images/contentWrapper_bottom_bg.gif) no-repeat top left;
}
/*------ SubMenu ---------------------------------------------------*/
#subMenu {
	float			: left;
	width			: 246px;
}
#subMenu h1 {
	display			: block;
	width			: 186px;
	background		: #00728f url(../images/subMenu_h1_bg.gif) no-repeat top left;
	font-size		: 14px;
	color			: #fff;
	padding			: 10px 20px 10px 40px;
	margin			: 0 0 4px 0;
	border			: none;
}
#subMenu ul li {
	display			: block;
	width			: 186px;	
	margin			: 0 0 4px 0;	
}
#subMenu ul li a:link, #subMenu ul li a:visited {
	display			: block;
	width			: 186px;	
	background		: #e5e6e7 url(../images/subMenu_arrow.gif) no-repeat 15px 10px;
	text-decoration	: none;
	font-size		: 10px;
	color			: #231f20;
	padding			: 7px 20px 7px 40px;	
}
#subMenu ul li a:hover, #subMenu ul li.active a {
	background		: #3C9DB6 url(../images/subMenu_arrow_bg.gif) no-repeat 15px 10px;
	color			: #fff;
}
#subMenu ul li.active ul {
	display			: block;
	width			: 246px;	
	background		: #3C9DB6;
	padding			: 0 0 10px 0;
}
#subMenu ul li.active ul li {
	display			: block;
	width			: 186px;	
	margin			: 0;	
}
#subMenu ul li.active ul li a:link, #subMenu ul li.active ul li a:visited {
	display			: block;
	width			: 176px;	
	background		: none;
	text-decoration	: none;
	font-size		: 10px;
	color			: #e5e6e7;
	padding			: 3px 20px 3px 50px;	
}
#subMenu ul li.active ul li.active a, #subMenu ul li.active ul li a:hover {
	color			: #014252;	
}
/*------ Content -----------------------------------------------------*/
#content {
	position		: relative;
	float			: left;
	left			: -9px;
	width			: 470px;

	min-height		: 300px;
    height			: auto;
   _height			: 300px;

	padding			: 0 34px;
	font-size		: 11px;
	background		: url(../images/content_bg.png) no-repeat top left; 
	z-index			: 2;
}
#featuredLinks {
	position		: relative;
	float			: left;
	left			: -17px;
	width			: 174px;
}
#featuredLinks h1 {
	display			: block;
	width			: 101px;
	height			: 35px;
	line-height		: 35px;
	background		: url(../images/featureLinks_h1_bg.gif) no-repeat top left;
	font-size		: 14px;
	color			: #fff;
	padding			: 0 20px 0 70px;
	border			: none;
	margin			: 0 0 4px 0;	
}
#featuredLinks ul li {
	display			: block;
	width			: auto;	
	margin			: 0 0 4px 0;	
}
#featuredLinks ul li a:link, #featuredLinks ul li a:visited {
	display			: block;
	width			: 101px;	
	background		: #e5e6e7 url(../images/subMenu_arrow.gif) no-repeat 22px 10px;
	text-decoration	: none;
	font-size		: 10px;
	color			: #231f20;
	padding			: 7px 20px 7px 70px;
}
#featuredLinks ul li a:hover, #featuredLinks ul li.active a {
	background		: #B3B3B3 url(../images/featuredLinks_arrow_bg.gif) no-repeat 22px 10px;
	color			: #fff;
}
/*------------------------------------------------------------------*/
h1 {
	font-size		: 20px;
	font-weight		: bolder;
	padding			: 0 0 15px 0;
	color			: #fff;
}
p {
	padding			: 0 0 15px 0;
}
a:link, a:visited {
	color			: #3C9DB6;
	text-decoration	: none;
	font-weight		: bolder;
}
a:hover {
	text-decoration	: underline;
}
#content h1 {
	position		: relative;
	display			: block;
	color			: #00718f;
	font-weight		: bolder;
	font-size		: 20px;
	padding			: 10px 0 15px 0;
	margin			: 0 0 15px 0;
	border-bottom	: 1px solid #00728f;
}
#content h2, #content h3 {
	color			: #00718f;
	font-weight		: bolder;
	font-size		: 11px;
	padding			: 0;
}
#content h3 {
	padding			: 0 0 10px 0;
}
#content ul {
	padding			: 0 0 15px 0;
}
#content ul li {
	padding			: 0 0 5px 10px;
	background		: url(../images/bullet.gif) no-repeat left 5px;
}
/*------ Ditto List ------------------------------------------------*/
#content .list_item {
	padding			: 0 0 20px 0;
}
#content .list_item p {
	padding			: 0;
}
#content #benefits_list .list_item	{
	border-bottom	: 1px solid #a5cbd5;
	margin			: 0 0 20px 0;
}
#content #benefits_list .list_item	h2 {
	padding			: 0 0 5px 0; 
}
#content #benefits_list .list_item img {
	float			: left;
	margin			: 0 10px 10px 0;
}
#content #benefits_list .list_item p {
	padding			: 0 0 7px 0;
}
#content #benefits_list .list_item a:link, #content #benefits_list .list_item a:visited, a.list:link, a.list:visited {
	background		: url(../images/find_out.gif) no-repeat top left;
	padding			: 0 0 0 17px;
}
#content #benefits_list .list_item h2 a:link, #content #benefits_list .list_item h2 a:visited {
	background		: none;
	padding			: 0;
	color			: #00718f;
	font-weight		: bolder;
	font-size		: 11px;
}
#content #benefits_list div.linksOnly {
	border-bottom	: none;
}
div#benefits_trigger {
	position		: absolute;
	bottom			: 10px;
	right			: 0; 	
	font-size		: 10px;
	cursor			: pointer;
}
div#benefits_trigger span {
	color			: #00718f;
}
div#benefits_trigger span.active {
	color			: #939598;
}
/*------ Forms -----------------------------------------------------*/
input.text, textarea, select {
	color			: #666;
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 11px;
	border			: 1px solid #ccc;
	padding			: 3px;
	background		: #fff url(../images/input_bg.gif) repeat-x top left;
}
.errors, #contentWrapper p.info {
	padding			: 0 0 20px 0;
	color			: #d92231;
}

.requiredValue, input.invalidValue, input.requiredValue, select.invalidValue, select.requiredValue {
	border			: 1px solid #d92231;
}
form span {
	color			: #d92231;
	padding			: 0 3px;
}
#contact_form table td, #contact_form table th {
	vertical-align	: top;
}
#hi_robot {
	display			: none;
}
/*------ Maps -----------------------------------------------------*/
#map {
	width			: 470px;
	height			: 350px;
}
#maplinks {
	display			: none;
}
/*------ Footer ---------------------------------------------------*/
#footerOuter {
	width			: 100%;
	margin			: 0 auto;
	padding			: 0;
	background		: #fff;
	border-top		: 17px solid #a7a9ac;
}
#footer {
	position		: relative;
	width			: 980px;
	padding			: 10px 22px 50px 22px;
	margin			: 0 auto;
	background		: #fff;
	font-size		: 10px;
}
/* Footer Menu */
#footerMenu {
	position		: relative;
	float			: right;
	top				: 10px;
}
#footerMenu ul li {
	display			: block;
	float			: left;
	padding			: 0 0 0 10px;
	margin			: 0 0 0 10px;
	background 		: url(../images/footer_menu_div.gif) no-repeat center left;
}
#footerMenu ul li.first {
	background 		: none;
}
#footerMenu ul li a:link, #footerMenu ul li a:visited {
	display			: block;
	float			: left;
	margin			: 0;
	padding			: 0;
	text-decoration	: none;
	font-size		: 11px;
	color			: #000; 
}
#footerMenu ul li a:hover, #footerMenu ul li.active a  {
	text-decoration	: underline;
}
#info {
	color			: #231f20;
}
#info a:link, #info:visited {
	color			: #231f20;
	text-decoration	: none;
}
#info a:hover {
	text-decoration	: underline;
}
#info span {
	color			: #00728f;
	font-weight		: bolder;
}
#credits {
	color			: #a7a9ac;
	font-weight		: bolder;
}
#credits a:link, #credits a:visited {
	color			: #a7a9ac;
	text-decoration	: none;
}
#credits a:hover {
	text-decoration	: underline;
}
#rss {
	float			: right;
}
.smallSize {
	font-size		: 0.8em;
}
/*----- Table ----------------------------------------------*/

table.form th, table.form td {
	padding			: 0;
}

/*----------*/
table.eventsTable {
	width			: 100%;
	background		: url(../images/table_bg.gif) repeat-x bottom left;
	border			: 1px solid #ccc;
	padding			: 0;
	margin			: 0 0 20px 0;
}
table.eventsTable th, table.eventsTable td {
	vertical-align	: top;
	padding			: 5px 10px;
	text-align		: left;
}
table.eventsTable th  {
	width			: 100px;
}
span#valResult {
	padding			: 0 10px;
	color			: #d92231;
}


table.form td, table.form th {
	vertical-align	: top;
}
#extendedListing {
	background		: #dae0ee;
	display			: none;
}
/*---- Directory ----*/
#a-z_index, #directory_search {
	background		: #dae0ee;
	padding			: 15px;
	margin			: 0 0 20px 0;
}
.directory_list_item {
	margin			: 0 0 20px 0;
	overflow		: hidden;
}
.directory_list_item  p{
	margin			: 0;
	padding			: 0;
}
.directory_list_item  p span {
	display			: block;
	float			: left;
	width			: 100%;
	font-weight		: bolder;
	color			: #195e7d;
}
.directory_list_item  p span.address {
	display			: block;
	float			: left;
	width			: 100%;
	color			: #4d4d4d;
	text-decoration	: none;
	font-weight		: normal;
	padding			: 0 0 10px 0;
}
.directory_item_title {
	display			: block;
	width			: 100%;
	background		: #00718f;
	color			: #fff;
	padding			: 10px;
}
.directory_item_title p span {
	display			: inline;
	width			: 110px;
	margin			: 0 20px 0 0;
	color			: #fff;
}
.directory_item_logo {
	float			: right;
	padding			: 15px 2px 15px 15px;
	width			: 160px;
}
.directory_item_details {
	float			: left;
	padding			: 10px;
	width			: 240px;
}
.directory_item_details p a{
	color			: #4d4d4d;
	text-decoration	: none;
	font-weight		: normal;
}
.directory_item_details p a:hover {
	text-decoration	: underline;
}
.directory_item_details p {
	padding			: 0 0 10px 0;
}
.directory_item_profile {
	padding			: 10px;
}
.directory_list_item.lessDetails .directory_item_details {
	width			: 100%;
}
.directory_list_item.lessDetails .directory_item_details p {
	width			: 100%;
	clear			: both;
	padding			: 0 0 5px 0;
}
.directory_list_item.lessDetails .directory_item_details p span {
	display			: inline;
	width			: 110px;
	margin			: 0 20px 0 0;
	padding			: 0 0 5px 0;
}
/*---- Pagination ----------------------------------------------*/
#pagination {
	margin			: 0 0 0 10px;
}
span.ditto_currentpage {
	margin			: 0 5px 0 0;
	background		: #3c9db6;
	padding			: 1px 4px;
	color			: #fff;
}
a.ditto_page {
	margin			: 0 5px 0 0;
	border			: 1px solid #3c9db6;
	padding			: 0 3px;
}
a.ditto_page:hover {
	background		: #3c9db6;
	padding			: 0 3px;
	color			: #fff;
	text-decoration	: none;
}
a.ditto_next_link {
}
a.ditto_previous_link {
	margin			: 0 5px 0 0;
}
/*---- Alert ---------------------------------------------------*/
#alert {
	width			: 300px;
	padding			: 25px;
	background		: silver;
	border			: 5px solid #ccdfeb;
	color			: #009173;	
	display			: none;
}
span.close {
	display			: block;
	float			: right;
	cursor			: pointer;
	color			: #009173;
	font-style		: italic;
	margin			: 20px 0 0 0;
}