/* Body */
*{ margin:0; padding:0;}
body{ font: 100% Arial, Helvetica, sans-serif; background:#E1E6FA; margin:0; padding:0; text-align: center; color:#CCCCCC;}

/* main */
#main{ position:relative; margin:0 auto; padding:0;  height:100%; text-align:left; width:990px;}

/* header */
#header{ position:absolute; width:990px; top:0; left:0; }
	#header .logo{ background:url(../images/header/headerbg.jpg) no-repeat; position:absolute; width:990px; height:198px; }
		#header .logo p.headertxt{ color:#E56224; position:absolute; font:normal 18px Tahoma; margin:169px 0 0 354px;}
		#header .logo .safety{ position:absolute; background:url(../images/header/sunsafety.png) no-repeat; width:257px; height:213px; display:block; margin:0 0 0 757px; padding:0; z-index:1; }
		
	#header .bannerBg{ background:#F4F7FD; position:absolute; width:670px; height:308px; margin-top:251px; }				
	#header .banner{ position:absolute; background:url(../images/header/banner.jpg) no-repeat; width:638px; height:232px; margin:20px 0 0 17px; }
	#header .banner .goal { color:#FFFFFF; font:normal 28px Tahoma; text-align:left; margin:10px 0 0 10px;}
	#header .banner .lifetime { color:#FFFFFF; font:normal 28px Tahoma; text-align:right; margin:70px 5px 0 0px; }
	
	#header .safetyBg{ background:url(../images/header/header-david.jpg) no-repeat bottom; position:absolute; width:310px; height:220px; margin:251px 0 0 680px; }
	#header .safetyBg h3{ font:bold 16px Tahoma; color:#FFFFFF; text-align:left; padding:13px 0 0 10px; line-height:20px;}
	#header .safetyBg h3 a{ color:#FFFFFF; text-decoration:none;}
	#header .safetyBg h3 a:hover{ color:#FFFFFF; text-decoration:underline;}
	#header .safetyBg p{ color:#E0E5F9; font:italic 12px Arial; padding-top:20px; }
	#header .safetyBg h4{ background:url(../images/header/read-more.jpg) no-repeat; width:128px; height:27px; 
	font:normal 11px Arial; margin:50px 0 0 170px; color:#E1E6FA; padding:2px 0 0 5px;}
	#header .safetyBg h4 a{ text-decoration:none; color:#E1E6FA;}
	#header .safetyBg h4 a:hover{ text-decoration:underline; }
	
	
	#topnav { margin:0; padding:0; width:990px; margin-top:197px; position:absolute;  }
		#topnav li{ list-style:none; float:left; }
		#topnav #home a{ background:0px 0px url(../images/header/nav.jpg) no-repeat; width:90px; height:51px; float:left; display:block;}
		#topnav #home a:hover, #topnav #home a.active-menu { background:0px -51px url(../images/header/nav.jpg) no-repeat; }
		
		#topnav #cancer a{ background:-90px 0px url(../images/header/nav.jpg) no-repeat; width:90px; height:51px; float:left; display:block;}
		#topnav #cancer a:hover, #topnav #cancer a.active-menu { background:-90px -51px url(../images/header/nav.jpg) no-repeat; }
		
		#topnav #protect a{ background:-180px 0px url(../images/header/nav.jpg) no-repeat; width:89px; height:51px; float:left; display:block;}
		#topnav #protect a:hover, #topnav #protect a.active-menu { background:-180px -51px url(../images/header/nav.jpg) no-repeat; }
		
		#topnav #faqs a{ background:-269px 0px url(../images/header/nav.jpg) no-repeat; width:90px; height:51px; float:left; display:block;}
		#topnav #faqs a:hover, #topnav #faqs a.active-menu { background:-269px -51px url(../images/header/nav.jpg) no-repeat; }
		
		#topnav #links a{ background:-359px 0px url(../images/header/nav.jpg) no-repeat; width:88px; height:51px; float:left; display:block;}
		#topnav #links a:hover, #topnav #links a.active-menu { background:-359px -51px url(../images/header/nav.jpg) no-repeat; }
		
		#topnav #events a{ background:-447px 0px url(../images/header/nav.jpg) no-repeat; width:92px; height:51px; float:left; display:block;}
		#topnav #events a:hover, #topnav #events a.active-menu { background:-447px -51px url(../images/header/nav.jpg) no-repeat; }
		
		#topnav #articles a{ background:-539px 0px url(../images/header/nav.jpg) no-repeat; width:89px; height:51px; float:left; display:block;}
		#topnav #articles a:hover, #topnav #articles a.active-menu { background:-539px -51px url(../images/header/nav.jpg) no-repeat; }
		
		#topnav #gallery a{ background:-630px 0px url(../images/header/nav.jpg) no-repeat; width:98px; height:51px; float:left; display:block;}
		#topnav #gallery a:hover, #topnav #gallery a.active-menu { background:-630px -51px url(../images/header/nav.jpg) no-repeat; }
		
		#topnav #sponsors a{ background:-728px 0px url(../images/header/nav.jpg) no-repeat; width:85px; height:51px; float:left; display:block;}
		#topnav #sponsors a:hover, #topnav #sponsors a.active-menu { background:-728px -51px url(../images/header/nav.jpg) no-repeat; }
		
		#topnav #testimonials a{ background:-813px 0px url(../images/header/nav.jpg) no-repeat; width:88px; height:51px; float:left; display:block;}
		#topnav #testimonials a:hover, #topnav #testimonials a.active-menu { background:-813px -51px url(../images/header/nav.jpg) no-repeat; }
		
		#topnav #contactus a{ background:-901px 0px url(../images/header/nav.jpg) no-repeat; width:89px; height:51px; float:left; display:block;}
		#topnav #contactus a:hover, #topnav #contactus a.active-menu { background:-901px -51px url(../images/header/nav.jpg) no-repeat; }
		
		
/* sidebar */
#sidebar{ float:right; margin:559px 0 0 0; width:310px; margin:490px 0 0 0; }			
	#sidebar .brands{ background:url(../images/sidebar/sidebar-brandsBg.jpg) no-repeat bottom; width:310px; height:490px; }
		#sidebar .brands h3{ color:#1B71A4; font:bold 18px Tahoma; text-align:center;}
		#sidebar .brands .left{ float:left; width:150px; }
			#sidebar .brands .left img{ margin:15px 0 0 0px;}
		#sidebar .brands .right{ float:right; width:150px; }
			#sidebar .brands .right img{ margin:15px 0 0 0px;}
		#sidebar .fb{ background:url(../images/sidebar/sidebar-bgfB.jpg) no-repeat; width:310px; height:219px; }
			#sidebar .fb .wrap{ width:290px; margin:0 0 0 10px;}
			#sidebar .fb .wrap h4{ font:normal 14px Tahoma; color:#E1E6FA; padding-top:5px;}
				
/* content */
#content{ float:left; width:670px; margin:559px 0 0 0; background:url(../images/content/top.jpg) repeat-y; color:#333333; font:normal 12px Arial; }			
	#content .wrapper{ margin-left:10px; color:#333333; font:normal 12px Arial; }
	#content h1{ color:#3F6210; font:bold 28px Tahoma; width:600px; }
	#content h2{ background:url(../images/content/golf.jpg) 0px no-repeat; width:600px; height:46px; color:#E56224; font:bold 24px Tahoma; padding-left:35px;}
	#content p{ color:#333333; font:normal 12px Arial; width:650px;}
	#content p a{color:#333333; font-weight:bold;}
	#content p a:hover{ text-decoration:none; font-weight:bold;}
	#content h3{ background:url(../images/content/more.jpg) no-repeat; float:right; width:91px; height:20px; margin:0px; font:normal 12px Tahoma; color:#FFFFFF; padding:3px 0 0 25px;  }
	#content h3 a{ text-decoration:none; color:#FFFFFF;}
	#content h3 a:hover{ text-decoration:underline;}
	#content .btm{ background:url(../images/content/btm.jpg) no-repeat; width:670px; height:10px; }
	
	#content ul{ list-style:none; margin-left:20px;}
	#content ul li{ color:#333333; font:normal 12px Arial;}
	
	table tr td{color:#333333; font:normal 12px Arial; }
	table tr td a{color:#333333; font-weight:bold; text-decoration:none; }
	table tr td a:hover{ text-decoration:underline; }
	
/* footer */
#footer-bg{ background:url(../images/footer/footerBg.jpg) center; width:100%; height:488px; margin-top:5px; }
#footer{ width:990px; margin:0 auto; }
	#footer .tips{ background:url(../images/footer/contentBtmBg.jpg) no-repeat; width:990px; height:309px;  }
	#footer .tips h3{ font:bold 20px Tahoma; color:#F4F7FD; width:200px; padding:12px 0 0 0px; margin:0;}
	#footer .tips dl{ float:left; width:186px; margin:0 0 0 10px; padding:0; }
	#footer .tips dd{ margin:0; padding:0;}
	
	#footer .tips dt{ color:#002649; text-align:left; font:bold 14px Tahoma; margin:0; padding:0;}
	#footer .tips dt small{ color:#FFF; text-align:left; font:bold 10px Tahoma; margin:0; padding:0;}
	#footer .tips span{ background:url(../images/footer/more.png) no-repeat; width:72px; height:27px; float:right; padding:2px 0 0 2px; color:#E1E6FA; font:normal 12px Arial; margin:0;}
	#footer .tips span a{ color:#E1E6FA; text-decoration:none;}
	#footer .tips span a:hover{ color:#E1E6FA; text-decoration:underline;}
	
	#footer p{ background:url(../images/footer/footernavBg.jpg) no-repeat; width:990px; height:41px; color:#1385C2; font:bold 12px Tahoma; padding:7px 0 0 0px; }
		#footer p a{color:#1385C2; text-decoration:none; padding-top:5px;  }
		#footer p a:hover{background:url(../images/footer/footerhover.png) center top no-repeat; width:12px; }
	
		#footer cite{ text-align:center; font:normal 12px Tahoma; color:#2C3241;}