@charset "UTF-8";

/* CSS Document */

/**Body**/

body {
margin: 0;
padding: 0;
} 

.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -4em;
}

/***Footer***/
.push{
background: #000000;
height: 1em;
}

.footer{
background: #dddddd;
height: 2em;
}




.clear {
	clear: both;
}

/**************** menu coding *****************/
#menu {
width: 100%;
background: #eee;
float: left;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 114px;
float: left;
}

#menu a, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px;
}

#menu h2 {
color: #fff;
background: #000;
text-transform: uppercase;
}

#menu a {
color: #000;
background: #efefef;
text-decoration: none;
}

#menu a:hover {
color: #a00;
background: #fff;
}

#menu li {position: relative;}

#menu ul ul {
position: absolute;
z-index: 500;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

/*Simple Container*/
#container {
}


div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}



/*Makes The Shadow*/

.shadowBoxTop,
.shadowBoxBottom {
	font-size:1px; /* make IE behave on such short div's */
	height:10px;
	background:url(images/bg-container.png) -9px 0 no-repeat;
}

.shadowBoxBottom {
	background-position:-9px -10px;
}

.shadowBoxTop div,
.shadowBoxBottom div {
	float:right;
	width:12px;
	height:10px;
	background:url(images/bg-container.png) -2013px 0 no-repeat;
}

.shadowBoxBottom div {
	background-position:-2013px -10px;
}

.shadowBoxSide1 {
	background:url(images/bg-container.png) 0 0 repeat-y;
	padding-left:8px;
}

.shadowBoxSide2 {
	background:url(images/bg-container.png) top right repeat-y;
	padding-right:8px;
}

.shadowBoxContent {
	background:#FFF;
	padding:3px 5px 0px 5px;
}
/*  How to use it 
	
	<div class="shadowBoxTop"><div></div></div>
	<div class="shadowBoxSide1"><div class="shadowBoxSide2"><div class="shadowBoxContent">
		 Contents of the container go inside here. 
	</div></div></div>
	<div class="shadowBoxBottom"><div></div></div>

*/
.programhead {
	font-size:14px;
	font-style:italic;
	font-weight:bold;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
}

.programbody {
	font-size:12px;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	vertical-align: text-top;
}

.programlevel {
	font-size:12px;
	font-style:italic;
	font-weight:bold;
	color:#000;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}

.text_schedule_time {
	font-size:11px;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	vertical-align: text-top;
}

.text_schedule_day {
	font-size:14px;
	font-style:italic;
	font-weight:bold;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
}

.text_header {
	font-size:14px;
	font-style:italic;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #0062FF;
}

.text_currentsession {
	font-size:16px;
	font-style:italic;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #ff6600;
}

.text_nextsession {
	font-size:16px;
	font-style:italic;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #0060FF;
}

.text_pricing_class {
	font-size:14px;
	font-style:italic;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
}

.text_pricing_duration {
	font-size:14px;
	font-style:italic;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
}

.text_title {
	font-size:18px;
	font-style:italic;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-weight: bold;
}

.text_classes_class {
	font-size:13px;
	font-style:italic;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
}

.text_splash {
	font-size:15px;
	font-style:italic;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	color:#CCC;
	letter-spacing: normal;
	line-height: 18px;
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 30px;
}

.text_mission {
	font-size:14px;
	color:#666;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	line-height: 16pt;
	padding-right: 5px;
}

.text_body {
	font-size:13px;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	vertical-align: text-top;
}

.panel {
	float: left;
	vertical-align: top;
	text-align: left;
	padding-top: 10px;
	width: 265px;
}

.panel_text {
	padding-right: 10px;
	padding-left: 10px;
}

.panel_noshadow {
	width:245px;
	float: left;
	vertical-align: top;
	text-align: left;
	padding: 10px;
}

.programbox {
	width:674px;
}

.schedulebox {
	width:774px;
}

.calendarbox {
	width:800px;
}

.jobtitle {
	font-size:12px;
	font-style:italic;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
}

.directionsbox {
	width:325px;
	float: right;
}

.container_location {
	width:800px;
	height:450px;
}

.container_index {
	width:800px;
}

.locationbox {
	width:450px;
	text-align: left;
	margin-left: 20px;
	page-break-before: auto;
	page-break-after: auto;
	float: left;
	clear: right;
}

.container_construction {
	width:800px;
	height:450px;
}