@charset "utf-8";
/* CSS Document */
/* Tips for Elastic layouts 
1. Since the elastic layouts overall sizing is based on the user's default fonts size, they are more unpredictable. Used correctly, they are also more accessible for those that need larger fonts size since the line length remains proportionate.
2. Sizing of divs in this layout are based on the 100% font size in the body element. If you decrease the text size overall by using a font-size: 80% on the body element or the #container, remember that the entire layout will downsize proportionately. You may want to increase the widths of the various divs to compensate for this.
3. If font sizing is changed in differing amounts on each div instead of on the overall design (ie: #leftbar is given a 70% font size and #Content is given an 85% font size), this will proportionately change each of the divs overall size. You may want to adjust based on your final font sizing.
*/

body {
	font: 100%/1.5 Geneva, Arial, Helvetica, sans-serif;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	padding: 0;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	background-image: url(Images/bg_hc.jpg);
	background-repeat: repeat-y;
}
.HayCol #container {
	width: 56.9em;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	background: #FFFFFF;
	border: none;
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding-bottom:10px;
}
/*Header Items*/
.HayCol #header {
	background: #F1F1F1;
}
.HayCol #logo_box {
	width: 13.1em;
	height: 151px;
	background-color: #FFFFFF;
	margin: 0;
	border: 0;
	padding: 0 0 21px;
	float: left;
	position: relative;
	top: 0;
	left: 0;
}
.HayCol #logo {
	float: left;
	padding: 1em 3em;
	width: 7.05em;
	height: 7.55em;
	margin: 0;
	background-image: url(Images/logo1.jpg);
	background-repeat: no-repeat;
	background-position: center 1.5em;
	display: block;
}
.HayCol #banner {
	width: 43.75em;
	height: 120px;


	background-image: url(Images/banner-home.jpg);
	background-repeat: no-repeat;
	position:absolute;

}
.HayCol #menu {
	float: right;
	background-color: #F1F1F1;
	height: 3em;
	border: 0;
	margin: 0;
	width: 700px;
	padding: 0 0 12px 0;
	font: 66%/1.5 Geneva, Arial, Helvetica, sans-serif;
}
.style6 {
	font-size: 75%
}
/* /Header Items*/

/*Menu Items*/
#mainlevel-nav, #mainlevel-nav ul {
	/*float: left;*/
	/*width: 66.3em;*/
	list-style: none;
	line-height: 1;
	font-weight: bold;
	padding: 0;
	border-width: 1px 0;
	background-color: #9a052d;
	height: 2.5em;
	margin: 0;
}

#mainlevel-nav a {
	display: block;
	width: 11em;
	color: #F3F3F3;
	text-align: center;
	padding: 0;
	height: 2em;
}

#mainlevel-nav a.daddy {
	background-image: url(Images/arrow02.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

#mainlevel-nav li {
	float: left;
	width: 11em;
	background-position: right center;
	background-image: url(Images/sep.jpg);
	background-repeat: no-repeat;
	padding: 0.5em 0 0 0;
}

#mainlevel-nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 20em;
	border-width: 0.25em; /* border size of menu boxes. keep thin */
	margin: 0; /* keep at 0 */
}

#mainlevel-nav li li {
	padding-right: 2em; /* hover goes to edge at 1em */
	width: 18em; /* Width of hover in dropdowns */
	background-image: none; /* removes spacers at end of items which appear at top menu */
}

#mainlevel-nav ul a {
	width: 19em; /* Width of text in dropdowns. */
	font-weight: bold; /* font weight in dropdowns */
}

#mainlevel-nav li ul ul {
	margin: -2.8em 0 0 20em; /* top -2.8em keeps items inline */  /*Changing left affects position of sub-list. keep same as width in #mainlevel-nav ul a */
}

#mainlevel-nav li:hover ul ul, #mainlevel-nav li:hover ul ul ul, #mainlevel-nav li.sfhover ul ul, #mainlevel-nav li.sfhover ul ul ul {
	left: -999em; /* forces menus off the page when not in use */
}

#mainlevel-nav li:hover ul, #mainlevel-nav li li:hover ul, #mainlevel-nav li li li:hover ul, #mainlevel-nav li.sfhover ul, #mainlevel-nav li li.sfhover ul, #mainlevel-nav li li li.sfhover ul {
	left: auto; /* brings menus back on pseudo:hover class */
}

#mainlevel-nav li:hover, #mainlevel-nav li.sfhover {
	background: #edad49; /* background colour of hover. Currently gold/yellow */
}
/* /Menu Items*/

/*LeftDiv Items*/
.HayCol #leftbar {
	width: 200px;
	background: #FFFFFF;
	float: left;
	padding: 0;
	margin: 27px 0 0 0;
}
.HayCol #leftbar img {
	padding: 1px;
	margin:0 2px 0 4px;
	float: left;
	width: 200px;
	height: 195px;
}
.HayCol #leftbar object {
	padding: 1px;
	margin: 0 0 0.4em 0.4em;
	float: left;
	width: 12.2em;
	height: 12.5em;
}
.HayCol #lspacer {
	width: 13em;
	height: 4em;
	background: #FFFFFF;
	float: left;
	border: 0;
	margin: 0;
}
.HayCol #linfo {
	width: 15.2em;
	border: 0;
	margin: 0;
	background: #FFFFFF;
	float: left;
	font: 66%/2.5 Geneva, Arial, Helvetica, sans-serif bold;
	color: #9B042D;
	padding: 0 0 0 4em;

}
.HayCol #linfo li {
	font: 66%/1.5 Geneva, Arial, Helvetica, sans-serif bold;
	list-style: none;
	line-height: 2em;
	color: #9B042D;
	/*background: url(Images/arrow.jpg) no-repeat;
	padding-left: 1.5em;
	background-position: 0 5px;*/
	text-align: left;
}
/*.HayCol #leftbar_info {
	float: left;
	border: 0;
	margin: 0;
	width: 13em;
}
.HayCol #leftbar_info ul {
	font: 66%/1.5 Geneva, Arial, Helvetica, sans-serif;
	padding-left: 3em;
}
.HayCol #leftbar_info li {
	list-style: none;
	background: url(Images/arrow.jpg) no-repeat;
	color: #9B042D;
	background-position: 0 5px;
	line-height: 2em;
	padding-left: 1.5em;
}*/
.HayCol #left_pp {
	background-color: #FFFFFF;
	width: 19.9em;
	text-align: center;
	float: left;
}
/* /LeftDiv Items*/

/*Content Items*/
.HayCol #heading {
	background: url(Images/dot.jpg) repeat-x bottom;
	padding: 0 0 0.6em 2em;
	color:#9a052d;
	width: 30em;
	float: right;
	font: 160%/1.5 Geneva, Arial, Helvetica, sans-serif;
}

/*Subhead 01*/
.HayCol #subheading01, #subheading01 ul {
	list-style: none;
	padding: 0;
	color: #9A052D;
	font: 100%/1.5 Geneva, Arial, Helvetica, sans-serif;
	padding: 0;
	font-weight: normal;
}
.HayCol #subheading01 a {
	text-align: center;
	display: inline;
	padding: 0;
	height: 2em;
}
.HayCol #subheading01 li {
	float: left;
	width: 16em;
	padding: 0;
	text-align: center;
}
.HayCol #subheading01 img {
	width: 12em;
	height: 9em;
	padding: 0 2.4em;
}

/*Subhead 02*/
.HayCol #subheading02 {
	list-style: none;
	padding: 0;
}
.HayCol #subheading02 ul {
	height: 20em;
}
.HayCol #subheading02 li {
	float: left;
	width: 24em;
	height: 2em;
	padding: 0;
	list-style: none;
}
.HayCol #subheading02 a {
	text-align: left;
	display: inline;
	padding: 0;
	height: 20em;
}
.HayCol #subheading02 img {
	width: 12em;
	height: 9em;
	padding: 0 5.3em;
}


.HayCol #content {
	float: right;
	text-align: left;
	padding: 0 1.6em;
	background-color: #F1F1F1;
	width: 51.5em;
	font: 80%/1.5 Geneva, Arial, Helvetica, sans-serif;
}
.CourseInfo {
	width: 34em;
	float: left;
	padding: 0 0 0 1em;
}
.CourseImg {
	width: 11em;
	height: 87px;
	margin: 0;
	float: left;
	padding: 2em 2.5em;	
}
#policies {
	font: 100%/4 Geneva, Arial, Helvetica, sans-serif;
	display: block;
	list-style: square inside;
}
.level_2 {
	padding-left: 12px;
}

.level_3 {
	padding-left: 24px;
}
/* /Content Items*/

/*Footer Items*/
.HayCol #footer {
	float: right;
	font: 66%/1.5 Geneva, Arial, Helvetica, sans-serif;
	width: 86.3em;
	display: inline;
}
.HayCol #footlft {
	background: #FFFFFF;
	text-align: center;
	width: 20em;
	float: left;
}
.HayCol #footcntr {
	background: #F1F1F1;
	width: 10em;
	text-align: center;
	color: #999999;
	font: 90%/1.8 Geneva, Arial, Helvetica, sans-serif normal;
	padding-left: 2em;
	float: left;
}
.HayCol #footrgt {
	background: #F1F1F1;
	width: 250px;
	float: right;
	text-align: right;
	color: #999999;
	font: 90%/1.5 Geneva, Arial, Helvetica, sans-serif normal;
	padding-right: 1em;
}
/* /Footer Items*/

/*Link Items*/
a:link, a:visited {
	color: #9A052D;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	color: #C64934;
	text-decoration: none;
	font-weight: bold;
}
/* /Link Items*/


.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


#newTop {
	width:100%;
	height:150px;
	margin:0 auto;
	background-color:#F00;
	background:url(Images/repeat-bg-top.jpg) repeat-x;

	
}

#newbanner {
	width:911px;
	height:150px;
	margin:0 auto;
	background-color:#00F;
	background:url(Images/newtop-banner.jpg) no-repeat;
	
	
}