* { margin: 0; padding: 0 }
body { background: #1f6899 url(images/bg_body.gif) repeat-x; font-family: "Lucida Grande", Arial, sans-serif }
img { border: 0px }


#wrapper { position: relative; width: 960px; margin: 0 auto }
#header { height: 100px }
	#logo { position: absolute; top: 0px; left: 10px; z-index: 10000 }
	#logo a { display: block; background: url(images/logo.gif) no-repeat; width: 105px; height: 94px }
	#logo a span { display: none }
	#captiontext { position: absolute; top: 10px; left: 130px; font-size: 18px; color: #FFF}
		#captiontext span { font-size: 11px; color: #CCC }
	#loginhead { position: absolute; right: 0px; margin: 5px 0 }
	#loggeduser { position: absolute; right: 0px; font-size: 12px; color: #FFF; padding: 20px 10px }
		#loggeduser strong { font-size: 12px }
		#loggeduser a { color: #FFF; text-decoration: none }
		#loggeduser a:hover { text-decoration: underline}
	/*#mainnav { position: relative; top: 54px; background: url(images/bg_nav.gif) no-repeat; height: 31px; }
		#mainnav ul { margin-left: 150px; list-style: none; }
			#mainnav a { display: block; float: left; padding: 0 10px; line-height: 31px; height: 31px; font-size: 11px; color: #FFF; text-decoration: none; }
			#mainnav li { float: left }
				#mainnav li:hover, #mainnav li.sfhover { background: #666 }
				#mainnav li li a { display: block; line-height: normal; padding: 3px 10px; height: auto }
					#mainnav li li a:hover { background: #999; }
				#mainnav li ul { position: absolute; width: 150px; left: -999em; margin-left: 0px; background: #666 }
					#mainnav li:hover ul, #mainnav li.sfhover ul { left: auto; }
					#mainnav li ul ul { margin: -31px 0 0 150px; }
					#mainnav li li { float: left; width: 150px }
					#mainnav li:hover ul ul, #mainnav li.sfhover ul ul { left: -999em; }
					#mainnav li:hover ul, #mainnav li li:hover ul, #mainnav li.sfhover ul, #mainnav li li.sfhover ul { left: auto }*/
	
	#mainnav { position: relative; top: 54px; width: 960px; background: url(images/bg_nav.gif) no-repeat;height: 31px; ; z-index: 9999 }
		#mainnav ul { padding-left: 150px; list-style: none;   }
			#mainnav li:hover, #mainnav li.sfhover { background: url(images/bg_nav.gif) -150px top no-repeat }
			#mainnav li { float: left; }
			#mainnav li li { width: 160px }
			#mainnav li ul { position: absolute; width: 160px; padding-left: 0px; left: -999em; background: #333 }
			#mainnav li ul ul {  margin: -31px 0 0 160px }
			#mainnav li:hover ul ul, #mainnav li.sfhover ul ul { left: -999em }
			#mainnav li:hover ul, #mainnav li li:hover ul, #mainnav li.sfhover ul, #mainnav li li.sfhover ul { left: auto }
			#mainnav li a { display: block; padding: 0 10px; line-height: 31px; height: 31px; font-size: 12px; font-weight: bolder; color: #FFF; text-decoration: none  }
				#mainnav li li a { float: none; line-height: normal; height: auto; font-weight: normal; font-size: 11px; padding: 5px}
			#mainnav li a:hover, #mainnav li a.on { background: url(images/bg_nav_hover2.gif) repeat-x }
			
			
	#didyouknowicon { position: absolute; right: 5px; top: 5px }
	#facts { clear: both; position: relative; background: url(images/bg_subnav.gif) no-repeat; width: 915px; height: 56px; margin: 0 auto 10px auto; overflow: hidden }
		#facttitle { width: 140px; font-size: 14px; font-weight: bold; float: left; text-align: center; padding: 15px 0; overflow: hidden }
		#fact_text { margin-left: 141px; font-size: 11px; color: #333; padding: 5px 20px 5px 5px }
#maintop { display: block; background: #FFF url(images/round_top.gif) top no-repeat; height: 8px }
#mainmid { background: #F7F7F7; padding: 10px 20px; }
	
	/*HOMEPAGE*/
	#hpleft, #hpmid { width: 290px; margin-right: 15px; float: left; overflow: hidden }
	#hpright { width: 290px; float: left; overflow: hidden }
	.hpblock { margin-bottom: 15px }
		.hpblock h3 { background: url(images/bg_bluetitle_left.gif) no-repeat; height: 30px; color: #FFF; margin-bottom: 10px }
		.hpblock h3 span { display: block; background: url(images/bg_bluetitle_right.gif) right no-repeat; height: 30px; line-height: 30px; padding: 0px 10px; font-size: 12px; color: #FFF; margin-bottom: 10px }
		.hpblock h3 a { text-decoration: none; color: #FFF}
		.hpblock .blog_date { background: #E4E4E4; width: 40px; height: 40px; text-align: center; padding: 10px; overflow: hidden;float: left }
		.hpblock ul { list-style: none }
			.hpblock ul li { padding: 10px 5px; font-size: 11px; color: #666 }
			#hpright .hpblock ul li img { padding-right: 10px }
	
	#mainleft, #mainright, #homeleft, #homeright { float: left; overflow: hidden }
	#homeleft { position: relative; width: 600px }
		#featgalleryphoto { width: 100% }
		#expertblock { width: 280px; margin-left: 20px; float: right }
			.expertimage { padding: 0 10px 10px 0}
			.expertitems { width: 200px; margin-right: 10px; float: left; overflow: hidden}
		#blogblock { width: 300px; float: left }
		#bigblogblock { width: 600px; float: left }
		#blogblock h3, #expertblock h3, #bigblogblock h3 { background: url(images/bg_greentitle_left.gif) no-repeat; height: 30px }
			#blogblock h3 span, #expertblock h3 span, #bigblogblock h3 span { display:block; background: url(images/bg_greentitle_right.gif) right no-repeat; color: #666; font-size: 12px; padding: 0 10px; height: 30px; line-height: 30px }
		#blogblock ul, #bigblogblock ul { list-style: none }
			#blogblock ul li, #bigblogblock ul li { padding: 10px 5px; font-size: 11px; color: #666 }
				#blogblock .blog_date, #bigblogblock .blog_date { background: #E4E4E4; width: 40px; height: 40px; text-align: center; padding: 10px; overflow: hidden;float: left }
					.blog_month { font-size: 14px; font-weight: bold; margin-top: 5px; text-transform: uppercase; display: block }
					.blog_day { font-size: 12px }
					.blog_text { margin-left: 80px }
					.blogdetail_text { margin-left: 80px; font-size: 12px }
					.blog_text_dateless { margin-left: 10px }
				#blogblock ul li h4, #bigblogblock ul li h4 { font-size: 12px }
	#homeright { width: 300px; margin-left: 20px }
		.homewizard { list-style: none }
		.homewizard li { font-size: 11px }
		.homewizard p { margin: 5px 0 }
	#mainleft { width: 600px }
		#mainleft h3 { background: url(images/bg_greentitle_left.gif) no-repeat; height: 30px }
			#mainleft h3 span { display:block; background: url(images/bg_greentitle_right.gif) right no-repeat; color: #666; font-size: 12px; padding: 0 10px; height: 30px; line-height: 30px }
		.bodytext { padding: 10px; font-size: 12px; color: #333; line-height: 18px }
			h2.maintitle { background: url(images/bg_h2title_left.gif) no-repeat; height: 50px; margin-bottom: 10px }
			h2.maintitle span { display: block; background: url(images/bg_h2title_right.gif) right no-repeat; color: #516F30; height: 50px; line-height: 50px; font-weight: normal; font-size: 18px; padding: 0 15px }
			.bodytext p { margin: 0 0 5px 0 }
			p.error { font-size: 12px; padding: 10px; color: #900; background: #EEDBDB; border: 1px solid #A75454; margin-bottom: 10px; text-align: center }
			p.update { font-size: 12px; padding: 10px; color: #07637F; background: #CBE8F1; border: 1px solid #07637F; margin-bottom: 10px; text-align: center }
			
		#mainleft table { width: 100%; border-collapse: collapse }
			#mainleft table tr { vertical-align: top }
			#mainleft table tr td { font-size: 12px; border: 1px solid #DDD; padding: 5px; }
			#mainleft table tr td ul { padding-left: 20px }
			#mainleft table tr td a { color: #3379BD }
	#mainright { width: 300px; margin-left: 20px }
		#mainright h3, #homeright h3 { background: url(images/bg_bluetitle_left.gif) no-repeat; height: 30px; color: #FFF; margin-bottom: 10px  }
			#mainright h3 span, #homeright h3 span { display: block; background: url(images/bg_bluetitle_right.gif) right no-repeat; height: 30px; line-height: 30px; padding: 0px 10px; font-size: 12px; color: #FFF; margin-bottom: 10px  }
		#mainright h4, #homeright h4 { margin-bottom: 5px}
		#mainright h4 span, #homeright h4 span { font-size: .8em; color: #999 }
		#mainright p, #homeright p { color: #666; }
		
		#mainright .subnav ul { list-style: none; padding: 0 10px; margin-bottom: 10px }
			.subnav ul li a { display: block; padding: 5px; font-size: 12px; color: #2D72BC; border-bottom: 1px solid #EFEFEF; text-decoration: none }
			.subnav ul li a:hover { background: #EEEEE0 }
		#wizardblock ul { list-style: none }
			#wizardblock ul li { padding: 5px; border-bottom: 1px solid #EFEFEF; font-size: .7em }
		#mapwrap { z-index: 999 }
#mainbottom { background: #FFF url(images/round_bottom.gif) bottom no-repeat; height: 8px }
#footer { padding: 10px }
	#copyright { font-size: 10px; color: #CBE8F1 }
	#footlogo { display: block;  width: 53px; height: 27px; float: right}
	#footlogo a { display: block; width: 53px; height: 27px; position: relative; float: right; bottom: 7px; left: 10px}
	#footlogo a span {display: none}

/* LOGIN */
#loginhead { padding: 5px; background: #CBE8F1; border: 1px solid #83B1BF; z-index: 10000 }
	#loginhead div { float: left; margin-left: 5px }
	#loginhead input, #loginhead label { display: block; }
	#loginhead label { font-size: 10px; color: #1F6899 }
	#loginhead label a { display: block; text-align: center; color: #999; text-decoration: none }
	#loginhead label a:hover { text-decoration: underline}
#loginbox { width: 300px; padding: 10px; margin-top: 10px; background: #F4F4F4; border: 1px solid #999 }
	#loginbox h2 { font-size: 18px; color: #0F4A72; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #999 }
	#loginbox div { padding: 10px 0 }
	#loginbox input, #loginhead label { display: block; }
	#loginbox label { font-size: 10px; color: #999 }
	
/*Photo Galleries */
.gallerybrowser {   } /* Div containing all gallery icons */
 	.gallerybrowser ul { list-style:none; } 
 	.gallerybrowser ul li { float:left; text-align:center; }
 	.galleryicon { display:block; width: 110px; height: 130px; overflow:hidden;  padding:10px; margin:5px; font-size: 12px; color: #2D72BC; border: 1px solid #EFEFEF; text-decoration:none; } /*Gallery icon "a" tag */
 	.galleryicon:hover { background-color: #EEEEE0}
 	.galleryicon:hover span { background-color: #EEEEE0; }
 	.galleryicon span { display:block; margin-top:5px;  } /* Title under icon */

/* TABLES */
.tblview { width: 100%; border-collapse: collapse }
	.tblview td { padding: 2px }
	.tblhead td { font-weight: bold; background: #CDE7E4 }
	.tblrow td { border-bottom: 1px solid #DDD }
	
/* MEMBER PROFILE */
#profileleft, #profileright { float: left; overflow: hidden }
#profileleft { width: 254px; margin-right: 20px }

	#profileimg { float: left; width: 120px; font-size: 11px; text-align: center; border: 1px solid #DDD }
		#profileimg a { text-decoration: none; color: #3980C6 }
		#profileimg p { background: #F4F4F4; margin-bottom: 0; padding: 5px; border: 1px solid #DDD }
	#profboxtop { background: url(images/pro_top.gif) top no-repeat; width: 254px; height: 10px }
	#profboxmid { background: url(images/pro_mid.gif) repeat-y; width: 224px; padding: 10px 20px }
		#profboxmid h4 { font-size: 14px; color: #333; border-bottom: 1px solid #EFEFEF }
		#profiletext { margin-left: 150px }
		#profnav { list-style: none; margin: 10px 0 }
			#profnav li { margin-bottom: 3px }
			#profnav li a { display: block; color: #666; text-decoration: none; font-size: 11px; padding: 5px }
			#profnav li a:hover { ; background: #EFEEE0 }
	#profboxbot { background: url(images/pro_bot.gif) bottom no-repeat; width: 254px; height: 10px }
#profileright { width: 640px }	

	#userinfoblock { padding: 5px; margin-bottom: 10px }	
	.itemblock { padding: 10px; margin-bottom: 10px }
		#userinfoblock { color: #333; font-size: 12px }
	#userinfoblock h4, .itemblock h4 { font-size: 12px; color: #333; border-bottom: 1px solid #EFEFEF; padding-bottom: 5px; margin-bottom: 5px }
	.itemblock ul { list-style: none }
	.itemblock ul li { clear: left; padding: 10px 0; border-bottom: 1px solid #EFEFEF }
	.commentdate { float: left; width: 170px; font-size: 11px; color: #999 }
	.commentcontent { float: left; width: 350px; font-size: 12px; color: #333 }
#mngphotos { padding: 10px }
	#mngphotos fieldset { border: 0px }
	.iconout { width: 70px; height: 70px; padding: 10px; text-align: center; display: block; float: left }
	.curimage { width: 150px; padding: 10px; float: right; text-align: center }
	
/* COMMENTS */
.commentblock { background: #EFEFEF; border: 1px solid #DDD; padding: 20px }	
	.commentblock label, .commentblock input { display: block; margin-bottom: 5px }
	.commentblock textarea { width: 500px; height: 100px }
	.commentblock hr { border-color: #DDD; margin: 20px 0 }
	.commentlist { margin-top: 10px; list-style: none }
		.commentlist li { clear: left }
			.comment_user { float: left; width: 150px; padding: 10px; margin-right: 10px; text-align: right; font-size: 11px }
			.comment_content { float: left; width: 350px; padding: 10px; background: #FFF; border: 1px solid #CCC}
/* FORMS */
#mainforms { font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif }
#mainforms h2, #mainforms h2 { margin: 0 0 10px 0; padding: 0 0 5px 0; border-bottom: 1px solid #900 }
#mainforms form { margin: 0px; padding: 0 }
#mainforms .req, #mainforms .error { float: none }
#mainforms .error { color: #900 }
#mainforms ul { margin: 0; padding: 0; list-style: none }
#mainforms li { display: block; clear: both; padding: 5px 0 }
#mainforms input.field, #mainforms textarea.field { border: 1px solid #999; padding: 3px 0 }
#mainforms label.desc { display: block; margin: 5px 0;font-size: 12px; font-weight: bold }
#mainforms li span { float: left; padding: 0 5px 0 0 }
#mainforms span label, #mainforms div label { clear: both; display: block; font-size: 9px; line-height: 9px; color: #999; padding: 3px 0 }
#mainforms li div { padding: 3px 0 }
#mainforms input.large, #mainforms textarea.large { width: 95% }
#mainforms textarea.large { height: 60px }
#mainforms input.medium { width: 50% }
#mainforms div.left, #mainforms div.right { width: 48%; padding-right: 8px; float: left }	

.clear { clear: both; height: 0; font-size: 0; line-height: 0 }