@import url(../admin/s_wysiwyg.css); /* Overrides for WYSIWYG editor */
/* ########################### Main Website Stylesheet ############################# */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ GLOBAL ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

		html {
		overflow: scroll; /* Prevents browser jumping */
		font: normal 15px Helvetica, Arial, sans-serif; 
		color: #fff;
		line-height: 22px;
		font-weight: normal;
		background: #a7d2f3 url(../images/page_bg.jpg) no-repeat top left fixed;
		}
		
		body {
	    margin: 0;
		padding: 0;
		width: 960px;
		}


/* LINKS */

		a, a:link, a:visited { color: #fff; cursor: pointer; outline: none; }
		
		a:hover, a:active { color: #ffec8c; }
		
		a img { border: 0; outline: none; }


/* HEADINGS */

		h1 { font: normal 2em Helvetica, Arial, sans-serif; margin: 0 0 5px 0; }
		
		h2 { font: normal 1.3em Helvetica, Arial, sans-serif; margin: 0 0 5px 0; }
		
		h3 { font: bold 18px Helvetica, Arial, sans-serif; margin: 0 0 5px 0; padding: 0 0 5px 0; line-height: 22px; }
			div#left_content h3 { border-bottom: 1px solid #fff; padding: 0; }
		
		h4 { font: bold 1em Helvetica, Arial, sans-serif; margin: 0 0 15px 0; }
		
		h5 { font: bold 0.9em Helvetica, Arial, sans-serif; margin: 0 0 15px 0; }

/* PARAGRAPH */

		p { font: inherit; margin: 0 0 10px 0; font-weight: normal; }
		
		p.tip { font: normal 14px Helvetica, Arial, sans-serif; line-height: 20px; }
		.home p { font-size: 17px; line-height: 170%; font-weight: bold; }
		
/* INLINE IMAGES */
        
		img { padding: 3px; border: 1px solid #ccc; }

/* LISTS */

		ul { margin: 0 10px; padding: 5px; }
			
		ul li { margin: 0 5px; padding: 5px 0 0 0; list-style: disc; }
		ul li { font-size: 14px; line-height: 18px; font-weight: normal; }
			
		ol { margin: 0 10px; padding: 5px 0; }
		
		ol li { margin: 0 15px; padding: 5px 0 0 0; }

/* FORMS */

		label { display: block; margin: 5px 0; font-weight: bold; }
		
		input, textarea, select { display: block; margin: 5px 0; width: 250px; border:1px solid #666; background: #fff; padding: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 1em; }
		
			input:focus, textarea:focus, select:focus { border: 1px solid #003399; }
		
			.focus { border: 1px solid #003399; } /* ...Since :focus pseudo class won't work on IE (Should match line above) */
		
		.button { display: block; margin: 5px 0; width: auto; border: 1px solid #333; font: inherit; background: #e8e8e8; padding: 1px 5px; }

/* OTHER */

		hr { height: 1px; background: none; border:0; border-top: 1px solid #fff; margin: 20px 0; }
		
		table { border-collapse: collapse; }
		
		strong { font-weight: bold; }
		
		em { font-style: italic; }
		
		.right { float: right; }
		
		.left { float: left; }
		
		.align-right { text-align: right; }
		
		.align-left { text-align: left; }
		
		.align-center { text-align: center; }
		
		.align-justify { text-align: justify; }
		
		.hide { display: none; }
		
		.clear { clear: both; }
		
		.bold { font-weight: bold; }
		
		.italic { font-style: italic; }
		
		.underline { border-bottom: 1px solid; }
		
		.uppercase { text-transform: uppercase; }

/* Error/Thank-You message after form submission */

		#return-message { 
			font-weight: bold;
			color: #FF0000;
		} 
		
/* CAPTCHA */
		
		#capimg { /* CAPTCHA image container */
			width: 102px;
			height: 17px;
		}
		
/* CONTACT FORM */

        #contact-form { float: right; width: 250px; border: 1px dotted #ccc; padding: 10px 20px; margin: 45px 0 15px 15px; background: #F0F0F7; }


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ HEADER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

		#header {
			width: 932px;
			height: 172px;
			background: url(../images/bg-nav.png) no-repeat;
		}
		
		#logo { display: block; position: absolute; width: 135px; height: 100px; margin: 15px 0 0 110px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ NAVIGATION ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* NAVIGATION CONTAINER */

		#navigation { 
			/* position: absolute; */
			margin: 90px 0 0 80px;
		}

/* NAVIGATION MENU */
 
		#nav { margin: 0; padding: 0; }
		#nav li { display: block; list-style: none; margin: 35px 30px 0 0; padding: 0; float: left; position: relative; z-index: 1000; }
		#nav a { display: block; }
		#nav ul { display: none; position: absolute; left: -5px; margin: 0; padding: 0; border: none; }
		#nav ul li { float: none; border-bottom: 1px solid #ccc }
		
		.home, .why, .tips { height: 97px; }


/* STYLING */

	/*	#nav li a { width: 160px; height: 70px; text-indent: -9000px; margin-right: 5px; }
		#nav ul li a { width: auto; height: auto; text-indent: 0; } 
 
		#nav { height: 24px; }
		#nav *:hover { color: #55bb00; text-decoration: none; }
		#nav a { color: #666; padding: 5px 25px 5px 0; line-height: 1; font-size: 14px; text-decoration: none; }
		#nav li.hover a {  } */

/* SUB-NAVIGATION MENUS */

		#nav ul { width: 160px; top: 65px; left: 20px; background: #fff; padding: 0 0 5px 0; }
		#nav ul ul { left: 131px; top: 0; }
		
		#nav ul li a { padding: 10px; font-size: 12px; line-height: 125%; }
		#nav ul a.hover { }
		#nav ul a { border-right: none; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ BODY ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

		#container { clear: both; }

		#left_col {
			float: left;
			width: 270px;
			margin: 40px 0 0 30px;
			font-weight: bold;
		}
		
		#left_content {
			width: 240px;
			margin: 0 auto 20px 0;
			padding: 15px;
			background: url('../images/green_bg.png');
		}
		
		#lisa, #checklist { width: 180px; margin: -3px auto 10px auto; }
			#lisa img, #checklist img { border: 0; }
		
		#lisa_bio { 
			width: 180px;
			margin: 0 auto 15px auto;
			padding: 10px 10px 3px 10px;
			background: url('../images/green_bg.png');
		}
			#lisa_bio p { font-size: 13px; text-align: center; }
			
		
		#bucket {
			width: 248px;
			height: 287px;
			margin: 0 auto;
			background: url('../images/bucket.png') no-repeat;
		
		}		

		#content {
			float: left;
			padding: 0 0 20px 0;
			margin: 40px 0 0 20px;
			width: 500px;
			font-weight: bold;
		}
		
		#content div.container {
			width: 460px;
			padding: 20px;
			background: url('../images/green_bg.png');
		}
			#content div.container img { border: 0; }
		
		#tip {
			margin: 15px 0 20px 0;
			width: 500px;
			padding: 0;
			position: relative;
		}
		
		#tip img { border: none; padding: 0; margin: 0; }
		#tip #top { margin: 0; padding: 0; }
		#tip #top table { margin: 0; padding: 0; }
		
		
		#tip div.tip_content {  padding: 0 20px 20px 20px; background: url('../images/green_bg.png'); }
		
		
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ EXTRA POSITIONING ELEMENTS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

		dl, dt, dd { margin: 0; padding: 0; }
		
		dl { float: left; margin: 0 auto; width: 230px; }
		
		dt, dd { font-size: 100%; }
		
		dd { font-size: 17px; font-weight: bold; text-align: center; margin-bottom: 25px; }
		
		dt img { border: 0; }