/* CSS Document */




html,body
{margin:0;
padding:0;
}

body
{font-family: arial, verdana sans-serif;
font-size:12px;
text-align:center;
color:#330000;
margin:0; 
padding:0;
background-color:#f3efe6;
}
#header
{background:#330000 url(../images/hwheader.gif) no-repeat top center;
height:117px;
width:100%;
text-align:center;
}
#headerlinks
{
color:#fff;
text-align:right;
width:900px;
margin:0 auto;
padding:20px 0 0 0;
font-size:11px;
}
#headerlinks a, a:visited
{color:#fff;
text-decoration:none;
}
#headerlinks a:hover
{
text-decoration:underline;
background-color:#330000;} 
#mustardnavigation
{
background-color:#F2B31C;
height:75px;
padding:0;
margin:0;
}

#centernavigation{
background-color:#6084C3;
height:75px;
padding:0;
margin:0;
}
#coursenavigation{
background-color:#9C9D4E;
height:75px;
padding:0;
margin:0;
}

#navbuttons
{
width:900px;
margin:0 auto;
padding:0;

}

#navbuttons ul
{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: white;
text-align: center;
margin: 0;
padding:0;

}

#navbuttons ul li
{
list-style-type:none;
display: block;
height:75px;
float:left;
margin: 0;
padding:0 5px 0 0;

}

#navbuttons a
{
display: block;
width:75px;
padding: 0;
color:transparent;
text-decoration: none;
height:75px;
}

#navbuttons a:hover
{
background-color: #F2B31C;
color: white;
text-align:center;
padding:25px 0 0 0;
height:50px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}
#navbuttons a:hover.center
{
background-color: #6084C3;
color: white;
text-align:center;
padding:25px 0 0 0;
height:50px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}
#navbuttons a:hover.course
{
background-color: #9C9D4E;
color: white;
text-align:center;
padding:25px 0 0 0;
height:50px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}
.musthawk a
{
padding:0;
margin:0;
background:#F2B31C url(../images/hwmusthawk.gif) top center no-repeat;
color:transparent;
}
.mustflower a
{
padding:0;
margin:0;
background:#F2B31C url(../images/hwmustflower.gif) top center no-repeat;
color:transparent;
}
.mustbee a
{
padding:0;
margin:0;
background:#F2B31C url(../images/hwmustbee.gif) top center no-repeat;
color:transparent;
}
.mustpepper a
{
padding:0;
margin:0;
background:#F2B31C url(../images/hwmustpepper.gif) top center no-repeat;
color:transparent;
}
.mustsnake a
{
padding:0;
margin:0;
background:#F2B31C url(../images/hwmustsnake.gif) top center no-repeat;
color:transparent;
}
.mustdragon a
{
padding:0;
margin:0;
background:#F2B31C url(../images/hwmustdragon.gif) top center no-repeat;
color:transparent;
}
.mustcrop a
{
padding:0;
margin:0;
background:#F2B31C url(../images/hwmustcrop.gif) top center no-repeat;
color:transparent;
}
.mustsun a
{
padding:0;
margin:0;
background:#F2B31C url(../images/hwmustsun.gif) top center no-repeat;
color:transparent;
}
.mustplieates a
{
padding:0;
margin:0;
background:#F2B31C url(../images/hwmustplieates.gif) top center no-repeat;
color:transparent;
}
.mustmoon a
{
padding:0;
margin:0;
background:#F2B31C url(../images/hwmustmoon.gif) top center no-repeat;
color:transparent;
}
.mustlightning a
{
padding:0;
margin:0;
background:#F2B31C url(../images/hwmustlightning.gif) top center no-repeat;
color:transparent;
}
.centhawk a
{
padding:0;
margin:0;
background:#6084C3 url(../images/hwcenthawk.gif) top center no-repeat;
color:transparent;
}
.centflower a
{
padding:0;
margin:0;
background:#6084C3 url(../images/hwcentflower.gif) top center no-repeat;
color:transparent;
}
.centbee a
{
padding:0;
margin:0;
background:#6084C3 url(../images/hwcentbee.gif) top center no-repeat;
color:transparent;
}
.centpepper a
{
padding:0;
margin:0;
background:#6084C3 url(../images/hwcentpepper.gif) top center no-repeat;
color:transparent;
}
.centsnake a
{
padding:0;
margin:0;
background:#6084C3 url(../images/hwcentsnake.gif) top center no-repeat;
color:transparent;
}
.centdragon a
{
padding:0;
margin:0;
background:#6084C3 url(../images/hwcentdragon.gif) top center no-repeat;
color:transparent;
}
.centcrop a
{
padding:0;
margin:0;
background:#6084C3 url(../images/hwcentcrop.gif) top center no-repeat;
color:transparent;
}
.centsun a
{
padding:0;
margin:0;
background:#6084C3 url(../images/hwcentsun.gif) top center no-repeat;
color:transparent;
}
.centplieates a
{
padding:0;
margin:0;
background:#6084C3 url(../images/hwcentplieates.gif) top center no-repeat;
color:transparent;
}
.centmoon a
{
padding:0;
margin:0;
background:#6084C3 url(../images/hwcentmoon.gif) top center no-repeat;
color:transparent;
}
.centlightning a
{
padding:0;
margin:0;
background:#6084C3 url(../images/hwcentlightning.gif) top center no-repeat;
color:transparent;
}
.courhawk a
{
padding:0;
margin:0;
background:#9C9D4E url(../images/hwcourhawk.gif) top center no-repeat;
color:transparent;
}
.courflower a
{
padding:0;
margin:0;
background:#9C9D4E url(../images/hwcourflower.gif) top center no-repeat;
color:transparent;
}
.courbee a
{
padding:0;
margin:0;
background:#9C9D4E url(../images/hwcourbee.gif) top center no-repeat;
color:transparent;
}
.courpepper a
{
padding:0;
margin:0;
background:#9C9D4E url(../images/hwcourpepper.gif) top center no-repeat;
color:transparent;
}
.coursnake a
{
padding:0;
margin:0;
background:#9C9D4E url(../images/hwcoursnake.gif) top center no-repeat;
color:transparent;
}
.courdragon a
{
padding:0;
margin:0;
background:#9C9D4E url(../images/hwcourdragon.gif) top center no-repeat;
color:transparent;
}
.courcrop a
{
padding:0;
margin:0;
background:#9C9D4E url(../images/hwcourcrop.gif) top center no-repeat;
color:transparent;
}
.coursun a
{
padding:0;
margin:0;
background:#9C9D4E url(../images/hwcoursun.gif) top center no-repeat;
color:transparent;
}
.courplieates a
{
padding:0;
margin:0;
background:#9C9D4E url(../images/hwcourplieates.gif) top center no-repeat;
color:transparent;
}
.courmoon a
{
padding:0;
margin:0;
background:#9C9D4E url(../images/hwcourmoon.gif) top center no-repeat;
color:transparent;
}
.courlightning a
{
padding:0;
margin:0;
background:#9C9D4E url(../images/hwcourlightning.gif) top center no-repeat;
color:transparent;
}



#container
{
text-align:left;
margin:0 auto;
padding:0;
width:900px;
min-height:500px;


}
#Layout
{
	width: 900px;
	overflow: hidden;
	margin: 0 auto;
	background-color:#f3efe6;}
#homecontainer
{
background: url(../images/hwhometag.gif) bottom center no-repeat;
text-align:left;
margin:0 auto;
padding:0;
width:900px;
height:722px;
}
#mustardLayout {
	width: 900px;
	overflow: hidden;
	margin: 0 auto;
		background:#f3efe6 url(../images/mustardmenu.jpg) top left repeat-y;
min-height:600px;

}
#centerLayout {
	width: 900px;
	overflow: hidden;
	margin: 0 auto;
		background:#f3efe6 url(../images/centermenu.jpg) top left repeat-y;
min-height:600px;

}
#starLayout {
	width: 900px;
	overflow: hidden;
	margin: 0 auto;
		background:#f3efe6 url(../images/hwstarmenu.gif) top left repeat-y;
min-height:600px;

}

#courseLayout {
	width: 900px;
	overflow: hidden;
	margin: 0 auto;
		background:#f3efe6 url(../images/coursemenu.jpg) top left repeat-y;
min-height:600px;

}
#homeLayout {
	width: 900px;
	overflow: hidden;
	margin: 0 auto;
	background-color:#330000;
}
#homeLayout a.cent{
padding:0;
margin:0;
background: url(../images/hwhomecent.jpg) top left no-repeat;
height:605px;
width:285px;
display:block;
float:left;
}
#homeLayout a.must{
padding:0;
margin:0;
background: url(../images/hwhomemust.jpg) top left no-repeat;
height:605px;
width:330px;
display:block;
float:left;
}
#homeLayout a.cour{
padding:0;
margin:0;
background: url(../images/hwhomecour.jpg) top left no-repeat;
height:605px;
width:285px;
display:block;
float:left;

}
#homeLayout a:hover.cent{
padding:0;
margin:0;
background: url(../images/hwhomecentover.gif) top left no-repeat;
height:605px;
width:285px;
display:block;
float:left;
}
#homeLayout a:hover.must{
padding:0;
margin:0;
background: url(../images/hwhomemustover.gif) top left no-repeat;
height:605px;
width:330px;
display:block;
float:left;
}
#homeLayout a:hover.cour{
padding:0;
margin:0;
background: url(../images/hwhomecourover.gif) top left no-repeat;
height:605px;
width:285px;
display:block;
float:left;

}
#Content{
	width: 480px;
	float: right; 	
	margin: 20px 0 0 20px;
	text-align: left;
}

#Content p
{line-height:1.4}
#Content a
{
color:#056333;
font-weight:bold;
}

#Content a:hover
{
color: #000;
background-color:transparent;

}
#Layout p
{line-height:1.4}
#Layout a
{
color:#056333;
font-weight:bold;
}

#Layout a:hover
{
color: #000;
background-color:transparent;

}


#Sidebar { 
 	width: 220px; 
	float: left;  
	margin: 0;
	padding:20px 0 0 175px;
	}
	#Sidebar li {
		margin: 10px 2px;
		list-style: none;
	}	
	#Sidebar li a{
		color:#330000;
		padding:0 0 0 10px;
		text-decoration:none;
		font-size:12px;
	}
	#Sidebar h3 { 
		clear: both; 
		font-weight: 700; 
		font-size: 14px; 
		margin: 0 0 20px 0;
		line-height: 30px;
		padding: 1px 0 0 10px;
	}
	

      #Sidebar li a:hover,
      #Sidebar li a.current,
      #Sidebar li a.current:hover {
			cursor: pointer;
            text-decoration: underline;
			background-color:transparent;
      }
	  #Sidebar li a.current {
	  		font-weight: 700;
	  }
      #Sidebar li a.section,
      #Sidebar li a.section:hover {
            font-weight: 700;
      }
      #Sidebar li li a.current,
      #Sidebar li li a.section,
      #Sidebar li li a.section:hover,
      #Sidebar li li a.current:hover {
            color: #464646;
            font-weight: 700;
      }
      /* Sub Menu */
      #Sidebar li a.levelb {
			background: transparent;
            margin-left: 5px;
      }
	  #Sidebar li a.levelb:hover,
      #Sidebar li li a.current,
      #Sidebar li li a.current:hover,
      #Sidebar li li a.section,
      #Sidebar li li a.section:hover {
            text-decoration: underline;
      
      }



.breadcrumbs {
	font-size: 11px;
	padding-top:0px;
	color:#330000;
	float:right;
}

.breadcrumbs a{
	color:#330000;
	text-decoration:none;
}
.breadcrumbs a:hover{
	color:#330000;
	background:#fff;
	text-decoration:underline;
}



#mustardfooter
{clear:left;
background-color:#F2B31C;
color: #FFF;
text-align:center;
padding:20px 5px 5px 5px;
height:50px;
}
#mustardfooter a
{
color: #fff;
font-weight:bold;
background-color:transparent;
text-decoration:none;}
#mustardfooter a:hover
{
color: #330000;
background-color:transparent;}
#centerfooter
{clear:left;
background-color:#6084C3;
color: #FFF;
text-align:center;
padding:20px 5px 5px 5px;
height:50px;
}
#centerfooter a
{
color: #fff;
font-weight:bold;
background-color:transparent;
text-decoration:none;}
#centerfooter a:hover
{
color: #330000;
background-color:transparent;}
#coursefooter
{clear:left;
background-color:#9C9D4E;
color: #FFF;
text-align:center;
padding:20px 5px 5px 5px;
height:50px;
}
#coursefooter a
{
color: #fff;
font-weight:bold;
background-color:transparent;
text-decoration:none;}
#coursefooter a:hover
{
color: #330000;
background-color:transparent;}

#footer p
{
padding:5px 10px}

#footer a
{
color: #fff;
font-weight:bold;
background-color:transparent;
text-decoration:none;}
#footer a:hover
{
color: #330000;
background-color:transparent;}

p
{margin:0 10px 10px}

#content h2
{color:#362524;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:16px;}
#content h2
{color:#362524;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:16px;}
#content h3
{color:#362524;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;}

#content h4
{color:#362524;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;}

/* Forms
*******************************************************/

fieldset {
	border: 0;
	font-size: 1.2em;
}

textarea {
	font-family: Verdana, Tahoma, sans-serif;
	font-size: 1.2em;
}
form ul {
	list-style: none;
}
.middleColumn {
 	display: block;
 	margin: 15px 10px 10px 0;
	background: #E9E9E9;
	padding: 4px;
	width: 306px;
	clear: left;
}
	#Sidebar .middleColumn {
		margin: 0 0 0 8px;
		display: inline;
	}
	
	div.tab .field .middleColumn {
		clear: none !important;
 		margin: 0 !important;
		width: auto;
	}

input.text, textarea, select {
	padding: 2px;
	border: 1px solid #F7C92B;
	color: #000;
	font-size: 1.1em;
	font-weight: bold;
	width: 300px;
}
select {
	width: auto;
}

input.action {
	padding: 2px;
	font-size: 1em;
	font-family: Verdana, Tahoma, Sans-serif;
}
input:focus span, textarea:focus span {
	border: 3px solid #000;
}

input.action:hover,
input.action:focus {
	cursor: pointer;
}
#Search {
	width: 105px;
}
input#Search_Form_SearchForm_Search {
	width: 110px;
	padding: 3px;
	margin-left: -4px;
	font-size: 1.2em;
	}
#Sidebar input.action {
	font-size: 1.2em;
	float: right;
	padding: 1px;
	margin: -22px 10px 0 0;
}

.clearboth {
	clear: both;
}