/*
Generic
*/

html {
	background-color: #fff;
/*	background-image: url(Images/Background.png); background-repeat: no-repeat;*/
	color: #000;
	font-family: Tahoma, Arial Narrow, Sans-Serif;
	font-size: 10px;
	margin: 0;
	padding: 0;
}
body {
	margin: 0;
	padding: 0;
}
a {
	color: #d30;
	text-decoration: none;
}
a:hover, a:active {
	text-decoration: underline;
}
h1 {
	color: #d38;
	font-family: Tahoma, Arial Narrow, Sans-Serif; font-size: 1.5em; font-weight: bold;
	line-height: 1.5em;
	margin: 0 0 1em 0;
}
h2 {
	color: #5be;
	font-family: Tahoma, Arial Narrow, Sans-Serif; font-size: 1.3em; font-weight: bold;
	line-height: 1.5em;
	margin: 1em 0;
}
h3 {
	color: #393;
	font-family: Tahoma, Arial Narrow, Sans-Serif; font-size: 1.1em; font-weight: bold;
	line-height: 1.5em;
	margin: 1em 0 0.66em 0;
}
h4 {
	color: #999;
	font-family: Tahoma, Arial Narrow, Sans-Serif; font-size: 1.1em; font-weight: normal; font-variant: small-caps;
	line-height: 1.5em;
	margin: 0.5em 0;
}
hr {
	border-color: #999;
	border-style: solid;
	border-width: 0 0 0.1em 0;
	clear: both;
	color: #999;
	height: 0.1em;
}
img {
	border: 0;
}
p {
	font-family: Tahoma, Arial Narrow, Sans-Serif; font-size: 1.1em;
	line-height: 1.5em;
	margin: 1em 0;
}
p.Compact {
	margin: 0;
}
p.Small {
	font-size: 1em;
}
ul {
	font-family: Tahoma, Arial Narrow, Sans-Serif; font-size: 1.1em;
	line-height: 1.5em;
	list-style-type: square;
	margin: 1em 2em 2em 3em;
	padding: 0;
}
ul li {
	margin: 0.5em 1em 0.5em 0;
	padding: 0;
}
blockquote {
	padding: 0 2em;
}
/*
Layout
*/
#Page {
	width: 80em;
}
#Top {
/*	background-color: #f0f;*/
	float: left;
	height: 14.9em;
	overflow: hidden; /* Important fix for IE6! */
}
#Header {
/*	background-color: #ff0;*/
	float: left;
	height: 14.9em; width: 80em;
}
#Login {
/*	background-color: #ccc; opacity: 0.5; filter:alpha(opacity=50);*/
	color: #666;
	float: right;
	position: relative; bottom: 14.9em;
	height: 11.1em; 	width: 14em;
/*	visibility: hidden;*/
}
#Login div.Padding {
	padding: 0 1em;
}
#Login p input.Text {
	margin: 0.1em 0; /* In Forms.css I set a right margin, it's not wanted here */
}
#HomeLink {
/*	background-color: #ff0; opacity: 0.5; filter:alpha(opacity=50);*/
	float: left;
	height: 4.6em; width: 13em;
	position: relative; bottom: 10.2em; left: 1.4em;
}
#HomeLink img {
	height: 4.6em; width: 13em;
}
#Top div.SectionLink {
/*	background-color: #f00; opacity: 0.5; filter:alpha(opacity=50);*/
 /*	background-color: #fff; Hide links while they are empty */
	float: left;
	height: 3.5em; width: 11.9em;
	position: relative; bottom: 3.8em;
}
#Top div.SectionLink a  {
/*	visibility: hidden;*/
}
#FE_Section { left: 2.2em; }
#FN_Section { left: 3.3em; }
#EW_Section { left: 4.6em; }
#M4S_Section { left: 5.7em; }
#Top div.SectionLink img {
	height: 3.5em; width: 12em;
}

#JoinToday {
/*	background-color: #00f; opacity: 0.5; filter:alpha(opacity=50);*/
	background-color: #fff;
	clear: both;
	float: right;
	height: 3.5em; width: 11em;
	position: relative; bottom: 14.9em; left: -1.25em; /* IE demands negative left value, not right */
}
#JoinToday img {
	display: none;
	height: 3.5em; width: 11em;
}

#Left {
/*	background-color: #00f;*/
	float: left;
	width: 15.2em;
	overflow: hidden;
}
#Left div.Padding {
	padding: 2em 0;
}
#Left div.Navigation p {
	clear: both;
	font-family: Tahoma, Arial Narrow, Sans-Serif; font-size: 1.3em;
	line-height: 1.5em;
	margin: 0;
	padding: 0;
	text-align: right;
}
#Left div.Navigation a {
	border: 0;
}
#Left div.Navigation a.Level1 {
	border-color: #fff; border-style: solid; border-width: 0 0 0 0.7em;
	color: #999;
	display: block;
	font-weight: bold;
	padding: 0 0.5em 0 0.3em;
	text-decoration: none;
}
#Left div.Navigation a.Level1:hover, #Left div.Navigation a.Level1:active {
	border-color: #fff #fff #fff #56bce7; border-style: solid; border-width: 0 0 0 0.7em;
	color: #000;
}
/* For the L2TM heading (sub-links only) */
#Left div.Navigation a.Dead:hover, #Left div.Navigation a.Dead:active {
	border-color: #fff; border-style: solid; border-width: 0 0 0 0.7em;
	color: #999;
}
/* For the L2TM heading (JS calls from sub-links) */
#Left div.Navigation a.Level1ProxyHover {
	border-color: #fff #fff #fff #56bce7; border-style: solid; border-width: 0 0 0 0.7em;
	color: #000;
}
#Left div.Navigation a.Level1_On, #Left div.Navigation a.Level1_On:hover, #Left div.Navigation a.Level1_On:active {
	border-color: #fff #fff #fff #de2d8a; border-style: solid; border-width: 0 0 0 0.7em;
	color: #000;
}
#Left div.Navigation a.Level2 {
	color: #999;
	display: block;
	/*font-style: oblique;*/
	line-height: 1.3em;
	padding: 0.5em 0.5em 0 0.3em;
	text-decoration: none;
}
#Left div.Navigation a.Level2_On, #Left div.Navigation a.Level2:hover, #Left div.Navigation a.Level2:active {
	color: #000;
}
#Left div.Navigation img {
	float: left;
	height: 0.3em; width: 15.2em;
	margin: 0.6em 0;
}
#Left div.Signs {
	text-align: right;
	margin: 2em 0 0 0;
}
#Left div.Signs img {
	margin: 0.5em 0;
}
#Left img.Advertisement {
	height: 42em; width: 13em;
	margin: 1em 0 1em 1.75em;
}
#HealthySchools {
	height: 8.8em;
	width: 14.2em;
}
#Main {
/*	background-color: #fff;*/
	float: left;
	overflow: show;
	position: absolute; left: 15.2em; top: 14.9em;
	width: 51.2em;
}
#Main div.Padding {
	padding: 2em;
}
#Leader div.Padding {
	padding: 0 0 1em 0;
}
#Leader p {
	font-family: Tahoma, Arial Narrow, Sans-Serif; font-size: 1.3em;
	line-height: 1.5em;
	margin: 1em 0;
}
#Story1 {
	float: left;
	width: 50%;
}
#Story1 div.Padding {
	padding: 0 2em 2em 0;
}
#Story1 h2 {
	margin: 0 0 1em 0;
}
#Story2 {
	float: left;
	width: 50%;
}
#Story2 h2 {
	margin: 0 0 1em 0;
}
#Story2 div.Padding {
	padding: 0 0 2em 0;
}

/* Form layout... */
#YourDetails {
	border-color: #999; border-style: solid; border-width: 0.1em;
	margin: 1.5em 0;
/*	width: 45em;*/
}
#YourDetails .IE6_WidthFix { /* Ho-hum */
	width: 17em;
}
#YourDetails div.QuestionGroup {
	background-color: #fdfdfd;
	border-color: #ddd; border-style: dashed; border-width: 0 0 0.1em 0;
}
#YourDetails div.QuestionGroup div.Padding {
	padding: 0.714em 0.833em;
}
#YourDetails div.Last {
	border: 0 !important;
}
#YourDetails p {
	margin: 0.0833em 0;
}
#DataProtection {
	background-color: #fdfdfd;
	border-color: #999; border-style: solid; border-width: 0.1em;
	margin: 1.5em 0;
}
#DataProtection div.Padding {
	padding: 0 1em;
}
object.EmbeddedObject {
	border-style: none solid solid solid; border-color: #000; border-width: 0.1em;
	height: 88.5em; width: 66em; /* A4 Dimensions = 100x135 */
	margin: 0 0 1em 0;
	position: relative; top: -1em; left: -1em;
}
#Right {
/*	background-color: #0ff;*/
	float: left;
	text-align: center;
	width: 13.2em;
	position: absolute; left: 66.4em; top: 14.9em;

}
#Right div.Padding {
	padding: 2em 0;
}
#Right div.Signs img {
	margin: 0 0 1em 0;
}
#Right img.Advertisement {
	height: 42em; width: 13em;
	margin: 0 0 1em 0;
}
#Footer {
/*	background-color: #f00;*/
	clear: both;
	color: #999;
/*	display: none;*/
	border-color: #999; border-style: solid; border-width: 0.1em 0 0 0;
	margin: 3em 0 0 0;
	text-align: center;
}
#Footer p {
	margin: 0; /* IE6 Fix for margin teleportation bug */
	padding: 1em 0;
}
#Footer	a {
/*	border-color: #335529;
	border-style: solid;
	border-width: 0 0 0.2em 0;*/
	color: #999;
	margin: 0 0.5em;
	text-decoration: none;	
}
#Footer a:hover, a:active {
	color: #000;
/*	border-color: #fff;*/
}



/* Bugs */
/* For IE Bugs etc. */
.Clear {
	clear: both;
}

/* Fixes for IE "peekaboo" bug */
* html h1 { height: 0.01%; }
* html h2 { height: 0.01%; }
* html h3 { height: 0.01%; }
* html h4 { height: 0.01%; }
* html p { height: 0.01%; }


/*
Forms
*/

form {
	display: inline;
	margin: 0;
	padding: 0;
}
label {
	margin: 0 0.833em 0 0;
}
input.Button, button {
	background-color: #333;
	border-color: #fff #ccc #ccc #fff; border-style: solid; border-width: 0.0833em;
	color: #fff;
	cursor: pointer;
	font-family: Tahoma, Arial Narrow, Sans-Serif; font-size: 1.1em; font-weight: bold;
/*	line-height: 1.5em;*/
	margin: 0;
	text-align: center;
	vertical-align: middle;
}
input.Button:hover, button:hover {}

p.Button {
	background-color: #e90;
	float: left;
	padding: 0.5em;
}
p input.Button, button {
	font-family: Tahoma, Arial Narrow, Sans-Serif; font-size: 1em;
	margin: 0.1em 0;
}
p input.Button:hover, p button:hover {}
p input.Checkbox {
	font-family: Tahoma, Arial Narrow, Sans-Serif; font-size: 1em;
	height: 1.3em; width: 1.3em;
	margin: 0 0.166em;
	padding: 0;
	vertical-align: text-top;
}
p input.Radio {
	font-family: Tahoma, Arial Narrow, Sans-Serif; font-size: 1em;
	height: 1.3em; width: 1.3em;
	margin: 0 0.166em 0 0.833em;
	padding: 0;
	vertical-align: middle;
}
p input.Text {
	background-color: #fff;
	border-color: #666 #999 #999 #666; border-style: solid; border-width: 0.0833em;
	font-family: Tahoma, Arial Narrow, Sans-Serif; font-size: 1em;
	margin: 0.166em 1.66em 0.166em 0;
	padding: 0.0833em;
	vertical-align: middle;
/*	vertical-align: text-top;*/
	width: auto;
}
p select {
	font-family: Tahoma, Arial Narrow, Sans-Serif; font-size: 1em;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}
p textarea {
	border-color: #666 #999 #999 #666; border-style: solid; border-width: 0.0833em;
	font-family: Tahoma, Arial Narrow, Sans-Serif; font-size: 1em;
	margin: 0.5em 0;
	padding: 0.0833em;
	vertical-align: middle;
}
span.Asterisk {
	color: #f00;
	font-weight: bold;
}
p.UserMessage {
	border-color: #f00; border-style: solid; border-width: 0em 0em 0.1em 0em;
	color: #f00;
	clear: both;
	float: left;
	font-family: Tahoma, Arial Narrow, Sans-Serif; font-style: oblique;
	margin: 0;
	position: relative; bottom: 0.312em;
	width: auto;
}
label.StandardLabel {
	color: #000;
/*	border: 0;*/
}
label.ErrorLabel {
	color: #f00;
/*	border-color: #f00; border-style: solid; border-width: 0em 0em 0.1em 0em;*/
}
/*

Centering

Overcome centering problems in CSS 2 (cross-browser)
Needs this to be added somewhere in order to function correctly
html {height: 100%; width: 100%;}
body {height: 100%; width: 100%;}

*/
html {height: 100%; width: 100%;}
body {height: 100%; width: 100%;}
.CenterContainer {
/*	background-color: #00f;*/
	display: table;
	height: 100%;
	position: relative;
	text-align: center;
	vertical-align: middle;
	width: 100%;
}
.CenterAdjustment {
/*	background-color: #ff0;*/
	display: table-cell;
	position: relative;
	text-align: center;
	top: 50%;
	vertical-align: middle;
	width: 100%;
}
.Centered {
/*	background-color: #f00;*/
	margin: 0 auto 0 auto;
	position: relative;
	top: -50%;
}
/*
Sundry
*/




.Blue {
	color: #25a;
}
.Pink {
	color: #cc3399;
}
.Green {
	color: #693;
}
.Orange {
	color: #d30;
}
.HS_Style1 {
	color: #000;
	font-family: Tahoma, Arial Narrow, Sans-Serif; font-size: 1.2em; font-weight: bold;
	line-height: 1.5em;
	margin: 1em 0;
}


/* For IE Bugs etc. */
.Clear {
	clear: both;
}
/* For DHTML */
.Hide {
	display: none;
}
.Show {
	display: block;
}
.Floater {
	float: left;
}
.Indent {
	margin: 0 0 0 4em;
}
/* Fixes for IE "peekaboo" bug */
* html h1 { height: 0.01%; }
* html h2 { height: 0.01%; }
* html h3 { height: 0.01%; }
* html h4 { height: 0.01%; }
* html p { height: 0.01%; }

/* Fix margin difference in Firefox */
#BugFix1 {
	left: 2em; position: relative;
}


/*
Styles for Debugger Object
*/
#DebuggerConsole {
	clear: both;
	font-family: Verdana, Sans-Serif;
	position: absolute; top: 0; left: 100.1%; /* The .1 is an IE minor bug fix */
	width: 100%;
}
#DebuggerConsole div.Border {
	background-color: #eee;
	border-color: #000;
	border-style: solid;
	border-width: 0.2em;
	overflow: auto;
}
#DebuggerConsole h3 {
	background-color: #000;
	color: #fff;
	font-family: Verdana, Sans-Serif;
	font-size: 1.1em;
	font-weight: bold;
	margin: 0;
	padding: 1em;
}
/* Can't rely on the containing DIV, it's not there for 'inline' mode, so here's a bit of duplication... */
p.Notice {
	background-color: #fff;
	border-color: #999;
	border-style: dotted;
	border-width: 0.2em;
	clear: both;
	color: #000;
	font-family: Verdana, Sans-Serif;
	font-size: 1.1em;
	line-height: 1.5em;
	margin: 0.5em;
	padding: 0.5em;
}
p.Warning {
	background-color: #fff;
	border-color: #999;
	border-style: dotted;
	border-width: 0.2em;
	clear: both;
	color: #000;
	font-family: Verdana, Sans-Serif;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.5em;
	margin: 0.5em;
	padding: 0.5em;
}
p.Error {
	background-color: #fff;
	border-color: #999;
	border-style: dotted;
	border-width: 0.2em;
	clear: both;
	color: #e00;
	font-family: Verdana, Sans-Serif;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.5em;
	margin: 0.5em;
	padding: 0.5em;
}