body {
	/* 
	background-image:url(/images/back.gif);
	background-repeat:repeat-x;
	background-color: #FFFFFF;
	*/
	background-color: #CEE3CE;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align: center;
	font-size: larger;
}
body, button, td, th, div, p {font:normal Arial, Helvetica, sans-serif;}

a:link {
	font-family: Arial, Helvetica, sans-serif;
}
a:visited {
	font-family: Arial, Helvetica, sans-serif;
}
a:hover {
	color: #c5011b;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
/*
* { margin: 0; padding: 0; }
*/

ul#top-menu {
	width: 398px; margin: 39px auto;
	list-style: none;
}

ul#top-menu li { display: inline; }
	
ul#top-menu li a {
	display: block; float: left; height: 39px;
	background-image: url(/images/top-menu.gif); text-indent: -9999px;
}

	ul#top-menu li a.home {
		width: 89px; background-position: 0 0;	
	}
	
	ul#top-menu li a.better {
		width: 159px; background-position: -89px 0;	
	}
	
	ul#top-menu li a.problem {
		width: 149px; background-position: -248px 0;	
	}
		
	ul#top-menu li a.home:hover, ul#top-menu li a.home:focus {
		background-position: 0 -39px;	
	}
	
	ul#top-menu li a.better:hover, ul#top-menu li a.better:focus {
		background-position: -89px -39px;	
	}
	
	ul#top-menu li a.problem:hover, ul#top-menu li a.problem:focus {
		background-position: -248px -39px;	
	}
	
a { outline: none; }


ul#mid-menu {
	width: 798px;
	list-style: none;
	vertical-align: top;
	margin-top: 1px;
	max-height: 60px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0;
}

ul#mid-menu li { display: inline; }
	
ul#mid-menu li a {
	display: block; float: left; height: 60px;
	margin: 0; padding: 0;
	background-image: url(/images/mid-menu.gif); text-indent: -9999px;
}

ul#mid-menu li p {
	display: block; float: left; height: 60px;
	margin: 0; padding: 0;
	background-image: url(/images/mid-menu.gif); text-indent: -9999px;
}

	ul#mid-menu li a.chances {
		width: 134px; background-position: 0 0;	
	}

	ul#mid-menu li p.chances {
		width: 134px; background-position: 0 -60px;	
	}

	ul#mid-menu li a.benefits {
		width: 144px; background-position: -134px 0;	
	}
	
	ul#mid-menu li p.benefits {
		width: 144px; background-position: -134px -60px;	
	}
	
	ul#mid-menu li a.harms {
		width: 139px; background-position: -278px 0;	
	}
	
	ul#mid-menu li p.harms {
		width: 139px; background-position: -278px -60px;	
	}
	
	ul#mid-menu li a.choices {
		width: 135px; background-position: -417px 0;	
	}
	
	ul#mid-menu li p.choices {
		width: 135px; background-position: -417px -60px;	
	}
	
	ul#mid-menu li a.values {
		width: 114px; background-position: -552px 0;	
	}
	
	ul#mid-menu li p.values {
		width: 114px; background-position: -552px -60px;	
	}
	
	ul#mid-menu li a.what {
		width: 132px; background-position: -666px 0;	
	}

	ul#mid-menu li p.what {
		width: 132px; background-position: -666px -60px;	
	}

/* cloned a.what to also be a.do to match script name for section */		
	ul#mid-menu li a.do {
		width: 132px; background-position: -666px 0;	
	}
		
	ul#mid-menu li p.do {
		width: 132px; background-position: -666px -60px;	
	}
		
	ul#mid-menu li a.chances:hover, ul#mid-menu li a.chances:focus {
		background-position: 0 -60px;	
	}
		
	ul#mid-menu li a.benefits:hover, ul#mid-menu li a.benefits:focus {
		background-position: -134px -60px;	
	}
	
	ul#mid-menu li a.harms:hover, ul#mid-menu li a.harms:focus {
		background-position: -278px -60px;	
	}
	
	ul#mid-menu li a.choices:hover, ul#mid-menu li a.choices:focus {
		background-position: -417px -60px;		
	}
	
	ul#mid-menu li a.values:hover, ul#mid-menu li a.values:focus {
		background-position: -552px -60px;	
	}
	
	ul#mid-menu li a.what:hover, ul#mid-menu li a.what:focus {
		background-position: -666px -60px;	
	}
	
/* cloned a.what to also be a.do to match script name for section */		
	ul#mid-menu li a.do:hover, ul#mid-menu li a.do:focus {
		background-position: -666px -60px;	
	}
	
a { outline: none; }

a.topbutton:link {color: white}
a.topbutton:visited {color: white}
a.topbutton:active {color: red}
td.topbutton:hover {
	background-color: #b1e1f2;
}
.topbutton {
	font-size: 16px;
	background-color: #1b5ba2;
	color: white;
	text-align: center;
	margin: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
}

a.navbutton:link {color: white}
a.navbutton:visited {color: white}
a.navbutton:active {color: red}
td.navbutton:hover {
	background-color: #00A200;
}
.navbutton {
	font-size: larger;
	background-color: #CEE3CE;
	color: black;
	text-align: center;
	margin: auto;
}

caption {
	margin: 0 auto 3%;
}

.bg-green
{
background-color: #00A200;
border: 1px solid gray;
}

.bg-shaded
{
  background-color: #CEE3CE;
}

.fieldlabel {
    line-height: 100%;
}
.center {
	text-align: center;
	margin: auto;
}
.border {
	text-align: center;
	margin: auto;
	border-width: 2px;
	border-top-color: #FFFFFF;
	border-color: #1b5ba2;
}
.greyradiobuttonlist {
    vertical-align: middle;
    margin-top: .5em;
}
.imgradio {
    vertical-align: middle;
    margin-left: 3em;
}
.bodyfield {
    font-size: larger;
    margin-left: 3em;
}
.bold {
    font-weight: bold;
}
.listheader {
    font-size: larger;
    font-weight: bold;
}
.greytitle {
    font-size: 32px;
    font-weight: bold;
    text-align: center;
}
.style1 {
	font-family: Arial, Helvetica, sans-serif;
}
.navLinks {
	font-family: Arial, Helvetica, sans-serif;
}
.title {
	font-family: Arial, Helvetica, sans-serif;
}
.tiny {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.style2 {
	font-family: Arial, Helvetica, sans-serif;
}
.style3 {
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
}
.style4 {
	font-family: Arial, Helvetica, sans-serif;
}
.style5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
}
.style6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	font-style: italic;
}
.style7 {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
}
.style8 {
	font-family: Arial, Helvetica, sans-serif;
}
.style9 {
	font-family: Arial, Helvetica, sans-serif;
}
