@charset "utf-8";
/* CSS Document */

html { background: url(../images/back-tile.jpg) top left repeat-x; }

body { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; }

a img { border: none; }

/* ID STYLES */

#wrapper { width: 910px; margin-left: auto; margin-right: auto; }

#header { margin: 0 0 0 0; }

#logo { background: url(../images/header_back.jpg); height: 132px; width: 619px; float: left; }

#head-image { height: 216px; width: 910px; background: url(../images/flash_placeholder.jpg) no-repeat; float: left; padding: 0 0 0 7px; }

#secondary-nav { background: url(../images/secnav_back.jpg) bottom left no-repeat; height: 132px; width: 291px; float: right; }

#main-nav { background: url(../images/buttons_background.jpg) top left no-repeat; height: 96px; width: 910px; float: left; }

#content-tile { background: url(../images/content_tile.jpg) top left repeat-y; overflow: hidden; width: 910px; float: left; }

#content-wrap { background:url(../images/content_back.jpg) top left no-repeat; overflow: hidden; width: 910px;  float: left; }

#left { float: left; width: 590px; margin: 15px 0 15px 13px; padding: 0 0 20px 0; }

#left .heading { background: url(../images/header-top.jpg) top left no-repeat; width: 570px; padding: 20px 10px 0 10px; background-color: #fcb615;  }

#left .heading-bottom { margin: 0 0 15px 0; }
 
#right { float: right; width: 285px; margin: 15px 11px 15px 0; }

#right .blue-box { background: url(../images/right_head_back.jpg) top left no-repeat; background-color: #0260d0; width: 253px;  margin: 10px 0 0 6px; padding: 10px 10px 0 10px; overflow: hidden; }

#right .blue-bottom { margin: 0 0 0 6px; padding: 0; float: left; }

#right .side-buttons { margin: 25px 0 0 0; }

#footer { background:url(../images/foot_back.jpg) top left no-repeat; height: 55px; width: 910px;  float: left; }

#me-brand { clear: both; float: right; margin: 5px 10px 0 0; }

/* TEXT STYLES */

#left h1, #left h2, #left h3 { padding: 0 10px 0 10px; color: #0c6bd4; font-family: 'Lucida Sans', Arial, Helvetica, sans-serif; font-weight: 300; }

#left h4, #left h5, #left h6 { padding: 0 10px 0 10px; color: #39c43f; font-family: 'Lucida Sans', Arial, Helvetica, sans-serif; font-weight: 300; }

#left .heading h1 { font-family: 'Lucida Sans', Arial, Helvetica, sans-serif; color: #FFFFFF; font-weight: 300; font-size: 1.6em; margin: 0 0 0 0; padding: 0 0 0 0; }

#left .heading h2 { font-family: 'Lucida Sans', Arial, Helvetica, sans-serif; color: #0c6bd4; font-weight: 300; font-size: 1.0em; margin: 0 0 0 0; padding: 0 0 0 0; font-style: italic; }

#left p { color:#333333; padding: 0 10px 0 10px; font-size: 0.9em; }

#left ul, #left ol { color: #0c6bd4; font-size: 0.9em; padding: 0 10px 0 10px; margin: 10px 30px 10px 40px; }

#left ul li, #left ol li { margin: 0 0 5px 0; }

#left ul li a, #left ol li a { color: #39c43f; }

#left ul li a:hover, #left ol li a:hover { text-decoration: underline; }

#right .blue-box p { color: #FFFFFF; font-size: 0.9em; margin: 0 0 0 0; padding: 0 0 0 0; }

hr { border: 0; color: #facb0f; background-color: #facb0f; height: 2px; }

#left a, #right a { color: #0c6bd4; text-decoration: none; }

#left a:hover, #right a:hover { color: #39c43f; text-decoration: underline; }

img.photo { margin: 5px; padding: 5px; border: 1px solid #facb0f; background: #FFFFFF; }

#right .blue-box a { color: #facb0f; text-decoration: none; }

#right .blue-box a:hover { color: #FFFFFF; text-decoration: underline; }

tr.table-head { background: url(../images/tablehead.jpg) top left no-repeat; height: 51px; font-family: 'Lucida Sans', Arial, Helvetica, sans-serif; color: #FFFFFF; text-align: center; font-size: 0.7em; }

tr.table-head p { color: #FFFFFF; }

tr.alt-one { background: #FFFFFF;}

tr.alt-two { background: #CCCCCC;}

#course-table p { font-size: 0.8em; }

#course-table { border-bottom: 2px solid #005ecf; }

/* LIST STYLES */

#right ul.blue-menu { margin: 0 0 20px 0; padding: 0 0 0 10px; list-style-type: none; width: 230px; }

#right ul.blue-menu li { font-size: 1.1em; padding: 6px 0 6px 0; border-bottom: 1px solid #FFFFFF; }

#right ul.blue-menu li a { display: block; color: #FFFFFF; font-family: 'Lucida Sans', Arial, Helvetica, sans-serif; text-decoration: none; }

#right ul.blue-menu li a:hover { color: #facb0f; }

#right ul.blue-menu ul { list-style-type: none; font-size: 0.8em; margin: 0 0 0 20px; padding: 0 0 0 0; }

.sec-list { list-style-type: none; margin: 43px 0 0 10px; padding: 0 0 0 0; font-size: 11px; }

.sec-list li { margin: 3px 0 0 0; }

.sec-list li a { color: #FFFFFF; text-decoration: none; }

.sec-list li a:hover { color: #b4edab; }

#main-list { list-style-type: none; margin: 0 0 0 6px; padding: 0 0 0 0; }

#main-list li { list-style-type: none; display: inline; float: left; margin: 0 0 0 0; }

#main-list li a { text-decoration: none; display: block;  }

#main-list li a.aboutus { background: url(../images/buttons/aboutus_btn.jpg) no-repeat 50% 0; width: 180px; height: 96px;}

#main-list li a.aboutus:hover { background:  url(../images/buttons/aboutus_btn.jpg) no-repeat 50% 0; background-position: 0 -96px; width: 180px; height: 96px; }

#main-list li a.help { background: url(../images/buttons/help_btn.jpg) no-repeat 50% 0; width: 180px; height: 96px;}

#main-list li a.help:hover { background: url(../images/buttons/help_btn.jpg) no-repeat 50% 0; background-position: 0 -96px; width: 180px; height: 96px; }

#main-list li a.training { background: url(../images/buttons/training_btn.jpg) no-repeat 50% 0; width: 180px; height: 96px;}

#main-list li a.training:hover { background: url(../images/buttons/training_btn.jpg) no-repeat 50% 0; background-position: 0 -96px; width: 180px; height: 96px; }

#main-list li a.firstaid { background: url(../images/buttons/firstaid_btn.jpg) no-repeat 50% 0; width: 180px; height: 96px;}

#main-list li a.firstaid:hover { background: url(../images/buttons/firstaid_btn.jpg) no-repeat 50% 0; background-position: 0 -96px; width: 180px; height: 96px; }

#main-list li a.tools { background: url(../images/buttons/freestuff_btn.gif) no-repeat 50% 0; width: 180px; height: 96px;}

#main-list li a.tools:hover { background: url(../images/buttons/freestuff_btn.gif) no-repeat 50% 0; background-position: 0 -96px; width: 180px; height: 96px; }

.foot-list { list-style-type: none; margin: 0 0 0 0; padding: 13px 0 0 20px; font-size: 0.8em; }

.foot-list li { display: inline; float: left; margin: 0 5px 0 0; color: #2c91e3; }

.foot-list li a { text-decoration: none; color: #2c91e3; }

.foot-list li a:hover { color: #fcb714; }

/* DROP DOWN STYLES */

ul#main-list ul { margin: 0; padding: 0; padding-top: 11px; list-style-type: none; list-style-position: outside; background: #FFFFFF; position: absolute; top: 95px; left: 0px; width: 179px; border-bottom: solid 1px #0968d3; border-right: solid 1px #0968d3; border-left: solid 1px #0968d3; padding-bottom: 5px; display: none; }
ul#main-list ul li { float: left; margin: 0px 0px 5px 0px; }
ul#main-list ul li a { display: block; padding: 0px 0px 0px 10px; color: #0968d3; text-decoration: none; width: 169px; font-size: 12px; font-weight: bold; margin: 0px 0px 0px 0px; }
ul#main-list ul li a.left-slide { background: url(../images/arrow.gif) top right no-repeat; }
#main-list a:hover, #main-list a.left-slide:hover { background-color: #0968d3; color: #FFFFFF; width: 169px; height: auto; }
#main-list li { position: relative; }

#main-list li ul ul { background: #0968d3; top: auto; width: 189px; padding-top: 0px; top: 0px; left: 179px; margin: 0px 0 0 0px; border-bottom: solid 1px #0968d3; border-top: solid 1px #0968d3; }
#main-list li ul ul a { color: #FFFFFF; }	
#main-list li ul ul a:hover { width: 179px; color: #0968d3; background: #FFFFFF; }
#main-list li:hover ul ul, #main-list li:hover ul ul ul, #main-list li:hover ul ul ul ul { display: none; }
#main-list li:hover ul, #main-list li li:hover ul, #main-list li li li:hover ul, #main-list li li li li:hover ul { display: block; }

/* SLIDE PANELS */

#panel, #panel2, #panel3, #panel4, #panel5 {
	background: #2c91e3;
	color: #FFFFFF;
	margin: 0;
	padding: 5px 20px 5px 20px;
	border-bottom: solid 4px #0160d0;
}

#panel p, #panel2 p, #panel3 p, #panel4 p, #panel5 p {
	color: #FFFFFF;
}

#panel li, #panel2 li, #panel3 li, #panel4 li, #panel5 li{
color: #FFFFFF;
}

#panel h2, #panel2 h2, #panel3 h2, #panel4 h2, #panel5 h2{
color: #FFFFFF;
}

#panel a, #panel2 a, #panel3 a, #panel4 a, #panel5 a{ color: #FFFFFF; text-decoration: underline; }

#panel a:hover, #panel2 a:hover, #panel3 a:hover, #panel4 a:hover, #panel5 a:hover { color: #facb0f; text-decoration: underline; }


.slide {
	margin: 0;
	padding: 0;
	
	background: url(../images/btn-slide.gif) no-repeat left bottom;
}
.btn-slide, .btn-slide2, .btn-slide3, .btn-slide4, .btn-slide5 {
	background: url(../images/white-arrow.gif) no-repeat right -50px;
	width: 185px;
	padding: 10px 10px 10px 0;
	display: block;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
}


.active {
	background-position: right 12px;
}

input { background: #FFFFFF; border: 1px solid #CCCCCC; }

#copyright { float: left; margin: 25px 0 0 0; padding: 0 0 0 20px; font-size: 0.7em; color:#999999; clear: both; }