/* SW Fire Use Training Academy Website CSS Page */

/*  Begin Basic Page Layout Info  */
body,td,th {font-family: Comic Sans MS;}
body {background-color:#FFFFFF; left: 0px;	top: 0px;	margin-right: 0px;	bottom: 0px	}
/*  End Basic Page Layout Info  */

a:link, a:active, a:visited { color: #c00000;	text-decoration: underline; } 

div#banner1 {position: absolute; left: 0px;	top: 0px;	background-color:#000000;	border:1px solid #000000;	padding:0px;	width: 99%; height: 142px; z-index: 1	}
div#banner2 {position: absolute; left: 0px;	top: 0px;	background-color:#000000;	border:0px none;	padding:0px;	z-index: 2	}
div#banner3 {position: absolute;	left: 0px;	top: 0px;	font-color: #c00000;	font-weight: bold;
	border: 0px solid #ffffff;	width: 97%;	height: 70px;	z-index:3}
div#banner3_float { 	float: right; font-color: #c00000; }
div#banner3a {position: absolute;	left: 0px;	top: 144px;	color: #c00000;	border: 0px solid #ffffff;
	width: 97%;	height: 25px;	z-index:4 }
div#banner3a_float { 	float: right }
div#banner4 {position: absolute; left: 0px; top: 142px;	background-color:#c00000; 
	width: 99%; 	height: 25px; z-index: 2; border: 1px solid #000000 }
div#banner5 {position: absolute; left: 0px; top: 155px;	z-index: 1 }
div#banner6 {position: absolute; left: 322px; top: 184px;	z-index: 1 }

/* ----Menubar Information Starts Here-----  */
div#menubar {
	position: absolute;
	left:10px;
	top:175px;
	width: 185px;
	border: 2px;
	border-color: #ff0000;
	z-index: 2;
}

div#menubar h1 {	display: block; border: 1px solid #000000; margin: 0;	margin-left: 5px; padding: 0px;	width: 140px;	background-color:#000000; font-size: 90%;	color: #ffffff }
div#menubar h1 a { 	display: block;	background-color: #000000; color: #ffffff; border: 1px solid #000000;	font-size: 100%;	width: 140px;	padding-left: 5px; 	 }
div#menubar h1 a:hover  { xbackground-color: #E0B878;	color: #ffffff;	border: 1px solid #000000	}
div#menubar h2 { margin: 0;	margin-left: 5px; padding: 0px;	width: 150px;	font-family: Comic Sans MS;	font-size: 90%;	color: #ffffff }
div#menubar h2 a { 	display: block;	color: #ffffff; border: 1px solid #000000;	font-family: Comic Sans MS;	font-size: 100%;	width: 140px;	 	background-color: #000000 }
div#menubar h2 a:hover  { background-color: #ffffff;	color: #000000;	border: 1px solid #000000	}
div#menubar ul {
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 5px;
	margin-left: 10px;
	width: 140px;
	word-spacing: 0px;
}
div#menubar ul li { margin: 0 0 0 0} 
div#menubar ul li a {	display: block;	color: #000000; border: 1px solid #000000;	margin-left: 1;
	padding: .2em .8em;	text-decoration: none;	font-family: Comic Sans MS;	font-size: 80%;
	width: 110px;	 	background-color: #ffffff }
div#menubar ul li a:hover  {
	background-color: #000000;
	border: 1px solid #000000;
	color:#ffffff;
}

div#menubar h3 {	display: block; border: 1px solid #000000; margin: 0;	margin-left: 5px; padding: 0px;	width: 140px;	background-color:#000000; font-size: 90%;	color: #ffffff }


/* <----- Edit Region 1 Information Starts Here --- */
div#editable_1  {
	position:absolute;
	visibility:visible;
	top:170px;
	left:200px;
	width: 74%;
	z-index:2;
}
.editable_1_page_right {
	width: 220px;
	position: relative;
	margin: 10px;
	background: #f0f0f0 url('../images/background_wpr_bottom.gif') no-repeat center bottom;
	padding-bottom: 87px
}

div#editregion2  { position:absolute; visibility:visible; top:178px; left:186px;  height:40px; width: 75%; z-index:7  }
div#editregion3  { position:absolute; visibility:visible; top:170px; left:186px; height:40px; width: 75%; z-index:6 }
div#editregion4  { position:absolute; visibility:visible; top:275px; left:186px;  height:40px; width: 75%; z-index:7  }

/* <----- Footer Information Starts Here --- */
div#footer {
	height:auto;
	width: 75%;
	clear: both;
	font-family: "Comic Sans MS";
	text-align: center;
	padding: 0px;
	background-color:#ffffff;
	border-top: 1px solid gray;
	z-index: 2
}

div#footer h1 {	        float: center; font-size: 90% }
div#footer h1 a {    	border: 0px solid #69845C;	margin-right: 0px; color: #000000; font-family: Comic Sans MS }
div#footer h1 a:hover {	border: 1px solid #000000;	background-color: #000000;	color: #ffffff	}
/* <----- Footer Information Ends Here --- */

/* <---- FONT STYLES ---- > */
.style1 {font-family: Comic Sans MS; color: #ffffff; font-size:12px }
.style2 {font-family: Comic Sans MS; color: #0000ff }
.style3 {font-family: Comic Sans MS; color: #0000ff; font-weight: bold }
.style4 {font-family: Comic Sans MS; color: #0000ff; font-size:10px }
.style5 {font-family: Comic Sans MS; font-weight: bold }
.style6 {font-family: Comic Sans MS; color:#000000; font-size: 10px }
.style7 {font-family: Comic Sans MS; color:#FFFFFF; font-size: 12px }
.style8 {font-family: Comic Sans MS; color:#c00000; font-size: 11px }
.style10 {font-family: Comic Sans MS; color: #ff0000 }
.style11 {font-family: Comic Sans MS; color: #ff0000; font-weight: bold }
.style12 {font-family: Comic Sans MS; color: #33667a; font-weight: bold }
.style13 {font-family: Comic Sans MS}
.style14 {font-family: Comic Sans MS; color:#C00000; font-size: 24px; font-weight: bold }
.style15 {font-family: Comic Sans MS; color:#C00000; font-size: 18px; font-weight: bold }
.style16 {font-family: Comic Sans MS; color:#C00000 }
.style17 {font-family: Comic Sans MS; color:#006666 }
.style18 {font-family: Comic Sans MS; color: #0000bb; font-size:12px; font-weight: bold }
.style19 {font-family: Comic Sans MS; color:#000000; font-size: 11px  }
.style20 {font-family: Comic Sans MS; color: #877373; font-size: 11px; font-weight: bold }
.style21 {font-family: Comic Sans MS; color: #877373; font-size: 11px }
.style22 {font-family: Comic Sans MS; font-weight: bold }
.style23 {font-family: Comic Sans MS; color:#000000; font-size: 11px; font-weight:bold  }

/* <---- END FONT SYTES -- */