/* -----------------------------------------------------------------------------
	© 2007 Terex Corporation
    Brad Clevenger        8/27/2007        Created the base styles.	
----------------------------------------------------------------------------- */
* {padding:0;margin:0;}
/* \*/
* html body{text-align:left;}
* html body *{text-align:left;}
/* */
body{background-color:#fff;color:#616161;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:100.1%;}
img,fieldset{border:none 0;}
p{margin-bottom:8px;}
ul{list-style-type:none;}
hr{display:block;visibility:hidden;clear:both;height:1px;margin:0;}
input,select,textarea{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:100.1%;}
h1,h2,h3,h4,h5,h6{margin:2px 0 10px;}
h1{font-size:190%;}
h2{font-size:160%;}
h3{font-size:130%;}
h4{font-size:100%;}
h5{font-size:85%;}
h6{font-size:40%;}
a,a:link,a:visited,a:active{color:#cc0001;text-decoration:underline;}
label{cursor:default;}
table{font-size:100.1%;}
td,th{vertical-align:top;}
.clear{clear:both;margin-bottom:-1px;padding-bottom:1px;}
.hide{display:none !important;}

/* -----------------------------------------------------------------------------
	© 2007 Terex Corporation
    Brad Clevenger        8/27/2007        Default Terex Theme.
----------------------------------------------------------------------------- */
body{color:#000;text-align:center;}
#wrapper{display:block;width:768px;margin:1px auto;font-size:70%;text-align:left;}
#header,#content,#leftNavBar,#footer{display:inline-block;overflow:hidden;width:auto;}
#header{margin-bottom:0px;}
#logo{float:left;display:inline;padding:8px 0;}
#globalNav{float:right;display:inline;margin:10px 10px 0 0;font:11px arial,helvetica;}
#globalNav a{color:#000;text-decoration:none;}
#globalNav a:hover{color:#cc0001;text-decoration:underline;}
#topNavBar{clear:both;height:23px;margin-bottom:5px;background:#cc0001 url('../images/topNavNotch.gif') no-repeat right top;}
/*
#topNavBar ul{margin-left:20px;}
#topNavBar li{float:left;margin-right:30px;line-height:23px;}
#topNavBar a,
#topNavBar a:visited,
#topNavBar a:active,
#topNavBar a:hover{color:#ffffff;text-decoration:none;}
*/
#breadCrumb{height:17px;margin-bottom:5px;padding:3px 0px 0px 20px;border:solid 1px #dbd8c9;background-color:#f2ecde;color:gray;font-family:Arial, Helvetica;font-size:11px;letter-spacing:1px;}
#leftNavBar{/*float:left;*/width:180px;height:auto;margin-top:10px;/*margin-right:585px;*/padding:10px 0 15px;border-top:solid 1px #dbd8c9;border-left:solid 1px #dbd8c9;background:#f2ecde url('../images/divNotch.gif') no-repeat right bottom;}
#leftNavBar div.watermark{width:auto;height:165px;background:#f2ecde url('../images/watermarkLogo.gif') no-repeat 50% 0%;}

#leftNavBar h2{margin:5px;font:12px arial,helvetica;font-weight:700;}
#leftNavBar ul{margin:0 10px 10px;}
#leftNavBar li{margin-bottom:5px;}
#leftNavBar a{text-decoration:none;}
#leftNavBar a:hover{text-decoration:underline;}

	
    
#content{/*(float:right;*/width:575px;}
#main{} 

#pageTitle{margin:20px 0;font-family:arial;font-weight:700;font-size:18px;color:#000;}

#footer{clear:both;margin:30px 0 10px 0;background-color:#ffffff;font-size:11px;line-height:20px;}
#footerNavBar{padding:8px;border-top:solid 1px #cc0001;color:gray;text-align:right;}
#footerNavBar ul{margin-left:10px;}
#footerNavBar li{float:left;	margin-right:30px;line-height:23px;}
#copyright{clear:both;border-top:solid 1px gray;font:11px Arial,Helvetica,sans-serif;}
#footer p{margin:0 0 0 10px;}




.contentPanel{width:auto;height:auto;margin:0 20px 20px 0;padding:10px;border-top:solid 1px #dbd8c9;border-left:solid 1px #dbd8c9;background:#e8e8e8 url('../images/divNotch.gif') no-repeat right bottom;}
.contentPanel div{width:410px;}
.contentPanel h3{font-size:100%;}
.contentPanel ul{margin-left:20px;list-style-type:disc;}
.contentPanel img{float:left;width:80px;margin-right:20px;padding:1px;border:solid 1px #dbd8c9;background:#fff;}

.trainingCalendar th{padding:6px;background:#f2ecde;text-align:center;vertical-align:middle;}
.trainingCalendar td{padding:6px;border-bottom:solid 1px #dbd8c9;}
.trainingCalendarEvent{margin:2px;padding:3px;border:solid 1px #dbd8c9;background:#e8e8e8;}

.contactInfo{margin:0 0 30px;}
.contactInfo h4{margin:0;font-weight:700;}
.contactInfo a{ font-style:italic;}


#courseCatalog{}
#courseCatalog h2{margin:10px 0 2px;padding:5px;background:#eddfc2;font:11px arial,helvetica;font-weight:700;}
#courseCatalog table{margin:0 0 10px;}

.courseCategory{width:1%;padding:5px;background:#eddfc2;font:14px arial,helvetica;font-weight:700;white-space:nowrap;}
.courseUpToTop{width:99%;padding:5px;background:#eddfc2;text-align:right;}
.courseName{width:1%;padding:5px;background:#ccc;font:11px arial,helvetica;font-weight:700;vertical-align:middle;white-space:nowrap;}
.courseName a{color:#000;text-decoration:none;}
.courseName a:hover{color:#000;text-decoration:underline;}
.courseActions{width:99%;padding:5px;background:#ccc;text-align:right;}
.courseActions a{margin:10px 2px 0;padding:3px;border:solid 1px #ccc;}
.courseActions a:hover{margin:10px 2px 0;padding:3px;border:solid 1px #999;background:#fff;}
table.courseDetails{border:solid 1px #ccc;}
table.courseDetails td{padding:3px 8px;}


table.regForm td{padding:5px;}
.valSummary{margin-bottom:10px;padding:10px;border-top:solid 1px #dbd8c9;border-left:solid 1px #dbd8c9;background:#f2ecde url('../images/divNotch.gif') no-repeat right bottom;}
/*



body{background-color:#fff;color:#000;font-family:Arial, Helvetica, sans-serif;text-align:center;}
input,select,textarea{font-family:Arial, Helvetica, sans-serif;}
a,a:link,a:visited{color:#cc0001;text-decoration:none;}
a:active,a:hover{text-decoration:underline;}

#wrapper{display:block;width:768px;background:#83b0ec;font-size:70%;text-align:left;border:solid 1px green;}
#header,#nav,#main,#footer{display:block;width:auto;overflow:hidden;}
#header{display:none;height:56px;background-color:#fff;}
*/

/* -----------------------------------------------------------------------------
   form layout styles

   Usage Example:
	<div class="form">
		<div class="formRow">
			<span class="formLabel">Name:</span>
			<span class="formW"><input id="TelephoneNumber" type="text" size="25" /></span>
		</div>
		<div class="formHint">
			<span>(555) 123-4567</span>
		</div>
    </div>
----------------------------------------------------------------------------- */
div.form {
	/*height:1px;*/
	margin:0px auto;
	padding:0px;
}
div.form h3 {
	clear:both;
	width:auto;
	font-size:14px;
	margin:10px 0 5px 0;
	padding:5px 0 0 0;
	border-top:solid 1px #dbd8c9;
}
div.formRow {
  clear:both;
  padding-top:3px;
}
div.formRow span.formLabel {
  float:left;
  width:150px;
  text-align:right;
  padding-right:5px;
}
div.formRow span.formW {
  float:left;
  width:260px;
  text-align:left;
}
div.formRow span.formHelp {
	float:left;
	width:22px;	
}
div.formRow span.formHint {
	display:block;
	clear:both;
	color:#646464;
	font-size:10px;
	padding:2px 0px 1px 154px;
}
div.formNav {
	clear:both;
	padding-top:3px;
	margin-top:10px;
	text-align:left;
	border-top:solid 1px #cc0001;
}





.MenuGroup
{
  background-color:#cc0001;
  border:0px;
  border-bottom-color:black;
  border-top-color:gray;
  border-left-color:gray;
  border-right-color:black;
  border-style:solid;
}

.MenuItem
{
  background-color:#cc0001;
  color:white;
  font-family:verdana;
  font-size:10px;
  border:0px;
  border-color:#3F3F3F;
  border-style:solid;
  cursor:pointer;
}

.MenuItemHover
{
  background-color:#cc0001;
  background-image:url(../images/arrow_right.gif);
  background-position:left;
  background-repeat:no-repeat;
  color:white;
  font-family:verdana;
  font-size:10px;
  border:0px;
  border-top-color:#B8B8B9;
  border-left-color:#B8B8B9;
  border-right-color:black;
  border-bottom-color:black;
  border-style:solid;
  cursor:pointer;
}

.MenuItemDown
{
  background-color:#cc0001;
  color:white;
  font-family:verdana;
  font-size:10px;
  border:0px;
  border-left-color:black;
  border-top-color:black;
  border-right-color:#B8B8B9;
  border-bottom-color:#B8B8B9;
  border-style:solid;
  cursor:pointer;
} 

.black8 {
	FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #000000; FONT-STYLE: normal; FONT-FAMILY: verdana,arial,sans-serif; TEXT-DECORATION: none
}
.mtDropdownMenu {
	LEFT: -1000px; OVERFLOW: hidden; POSITION: absolute; TOP: -1000px
}
.mtDropdownMenu .content {
	POSITION: absolute
}
.mtDropdownMenu .items {
	BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; Z-INDEX: 2; LEFT: 0px; BORDER-LEFT: #999 1px solid; BORDER-BOTTOM: #999 1px solid; POSITION: relative; TOP: 0px
}
.top .items {
	BORDER-TOP: medium none
}
.mtDropdownMenu .item {
	BORDER-RIGHT: medium none; BORDER-TOP: medium none; FONT-WEIGHT: bold; FONT-SIZE: 9px; BORDER-LEFT: medium none; CURSOR: hand; COLOR: #4a4b4b; BORDER-BOTTOM: medium none; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.mtDropdownMenu .background {
	Z-INDEX: 1; FILTER: alpha(opacity=85); LEFT: 0px; POSITION: absolute; TOP: 0px; moz-opacity: .8
}
.mtDropdownMenu .shadowRight {
	Z-INDEX: 3; FILTER: alpha(opacity=40); WIDTH: 2px; POSITION: absolute; TOP: 3px; moz-opacity: .4
}
.mtDropdownMenu .shadowBottom {
	Z-INDEX: 1; FILTER: alpha(opacity=40); LEFT: 3px; POSITION: absolute; HEIGHT: 2px; moz-opacity: .4
}
.mtDropdownMenu .hover {
	BACKGROUND: #CC0000; COLOR: #ffffff
}
.mtDropdownMenu .item IMG {
	MARGIN-LEFT: 10px
}