@charset "utf-8";
/* CSS Document */
:focus {
	outline: 0;
}
a {
   outline: none;
}

.clear{width:100%;height:1px;clear:both;}
.blackbox h2{font-size:20px;font-weight:bold;color:#ecb020;margin-bottom:0px;}
body {
	font: 100% Arial, Verdana,  Helvetica, sans-serif;
	font-size:13px;
	line-height: 1.4em;
	margin:0px 0px 0px 0px;
	padding: 0;
	margin:auto;
	background:#fff url(images/background-training.jpg) no-repeat top center;
	position:relative;
	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 */
	color: #000000;
	}
	
h5	{
	font-size: 12px;
	padding: 0;
	margin: 16px 0 0px 0;
	color: #003366;
}


.genWrap ul, ol	{
	margin: 12px 11px 12px 11px;
	padding: 0 12px;
}

.genWrap li	{
	padding: 0px;
	margin: 8px 0px;
}

.genWrap li ul	{
	margin: 8px 14px;
	padding: 0px;
}

.genWrap li ul li ul	{
	margin: 0 8px;
	padding: 0px;
	list-style: none;
	color: #666666;
}


.outer{
	background:#fff url(images/background-training.jpg) no-repeat top center;
	position:relative;
	width:100% ;
	overflow:hidden;
	}
	
	
.oneColFixCtrHdr #container {
	width: 929px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	}
.oneColFixCtrHdr #header {	
	background: url(images/hdr-training.jpg) no-repeat;
	height:113px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	}
.oneColFixCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse  If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.oneColFixCtrHdr #mainContent {
	padding: 0 0px; 
}
.oneColFixCtrHdr #mainContent2 {
	padding:0px; position:relative; padding: 0; width:929px; top:-14px;height: 640px;background:#fff url(images/background-content.jpg) no-repeat;
}

.innercontent{padding: 15px;}
.submenu a{color:#333;font-size:15px;}

.submenu ul{display:inline; list-style-type:none;background-color:#fcfcfc;margin:10px 0px 0px 0px;padding:10px;float:left;}
.submenu li{ display:inline; list-style-type:none;margin-left:8px;margin-right:8px;padding:10px; margin-top:10px;}
.submenu a:hover{background-color:blue;}

#mainContent2 p{
	padding: 0; font-size:13px;line-height: 1.4em;color:#222;margin: 8px 0;}
#mainContent p{margin-top:0px; margin-bottom: 5px;}

h2{margin-bottom:9px;margin-top:0px;padding:0px;}
h3{color:#333333;font-size:16px;font-weight:800;margin:0px 0px 3px 0px;padding:0px;}
h4{margin:10px 0px 2px 0px;font-weight:bold;color:#333333;font-size:18px;}
#footer {height:26px;background-color:#2d3743;}

.oneColFixCtrHdr #footer {
	padding: 0 0px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background-color:#2d3743;
	color:white;
}
.oneColFixCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 3px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	color:white;
	font-size:10px;
	font-weight:Bold;
	text-align:center;
	vertical-align: center;
}
.contentdiv{float:left;clear:right;display:inline;}
.rightcol{color:#b6610b;}
.oneColFixCtrHdr #footer a{font-size:10px;color:white;}
.oneColFixCtrHdr #footer a:link{font-size:10px;color:white;text-decoration:none;}
.oneColFixCtrHdr #footer a:visited{font-size:10px;color:white;text-decoration:none;}
.oneColFixCtrHdr #footer a:hover{font-size:10px;color:white;}
.style1 {font-size: 12px}


/*** Menu  ***/


#multi-level {height:38px; position:relative; z-index:800;}
#multi-level .pad {float:left;}

/* The menu styling */
/* Remove the padding, margins and bullets from the lists */
.menu, .menu ul {list-style-type:none; padding:0; margin:0; font-family:arial, sans-serif;z-index:800;}

/* Set up the top level list items and float left to place inline */
.menu li.top {display:block; float:left; position:relative;z-index:800;}

/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default top link link styling */
.menu li.top a.top_link {display:block; float:left; height:39px;z-index:800;}
.menu li.top a span {position:absolute; left:-9999px; top:0; z-index:100; font-size:10px;} /* move the link text off screen */

/* pre-load the hover images into the lists */
.menu li.p0 {width:77px; background:url(images/b_home_on.gif) no-repeat;}
.menu li.p1 {width:104px; background:url(images/b_about_on.gif) no-repeat;}
.menu li.p2 {width:107px; background:url(images/b_partners_on.gif) no-repeat;}
.menu li.p3 {width:125px; background:url(images/b_school_on.gif) no-repeat;}
.menu li.p4 {width:174px; background:url(images/b_projects_on.gif) no-repeat;}
.menu li.p5 {width:77px; background:url(images/b_links_on.gif) no-repeat;}
.menu li.p6 {width:104px; background:url(images/b_members_on.gif) no-repeat;}


/* set up the normal unhovered images in the links */
.menu li a#home {width:77px; background:url(images/b_home.gif) no-repeat;}
.menu li a#about {width:104px; background:url(images/b_about.gif) no-repeat;}
.menu li a#partners {width:107px; background:url(images/b_partners.gif) no-repeat;}
.menu li a#school {width:125px; background:url(images/b_school.gif) no-repeat;}
.menu li a#projects {width:174px; background:url(images/b_projects.gif) no-repeat;}
.menu li a#links {width:77px; background:url(images/b_links.gif) no-repeat;}
.menu li a#members {width:104px; background:url(images/b_members.gif) no-repeat;}


/* Style the list OR link hover. Depends on which browser is used */
.menu a:hover {visibility:visible;z-index:800;} /* for IE6 */
.menu li:hover {position:relative; z-index:800;} /* for IE7 */

/* make the links transparent on hover so that the hover images in the lists show through (no flicker) */
.menu li a#home:hover, .menu li:hover a#home,
.menu li a#about:hover, .menu li:hover a#about,
.menu li a#partners:hover, .menu li:hover a#partners,
.menu li a#school:hover, .menu li:hover a#school,
.menu li a#projects:hover, .menu li:hover a#projects,
.menu li a#members:hover, .menu li:hover a#members,
.menu li a#links:hover, .menu li:hover a#links {background:transparent;z-index:800;}

/* keep the 'next' level invisible by placing it off screen. */
.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0;z-index:800;}

/* set up the first drop down sub level **********/
.menu :hover ul.sub {left:0px; top:35px; background: #dcdcdc; padding:0px 0; border:2px solid #f2f2f2; white-space:nowrap; width:172px; height:auto;*filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;z-index:800;}

/* Hack for ie8 opacity shortcoming */
.menu :hover ul.sub {background/*\**/: url(images/90t.png) repeat center;}

.menu :hover ul.sub li {display:block; height:30px; position:relative; float:left; width:150px;z-index:800;}
.menu :hover ul.sub li a {display:block; font-size:12px; font-family:Arial, Helvetica, sans-serif;font-weight:bold; height:30px; width:172px; line-height:30px; text-indent:5px; color:#000; text-decoration:none; border:0px solid #fff; border-width:0 0 0 0px;position: relative; z-index:800;}
.menu :hover ul.sub li a:hover {background:#000; color:#fff;z-index:800;}


/* set up the flyout levels when hovering */
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #fff; padding:3px 0; border:1px solid #888; white-space:nowrap; width:110px; z-index:800; height:auto; z-index:900;}

#submenu {
	background: transparent;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
#submenu li {
	float: left;
	font: 13px arial, Verdana, Helvetica, sans-serif;
	margin: 0px 1px 0px 1px;
	padding: 0;
}
#submenu a {
	background: url(images/menubg.jpg) center no-repeat;
	color:#003366;
	display: block;
	float: left;
	margin: 0;
	padding: 4px 12px;
	text-decoration: none;
	font-weight:bold;
}

#submenu a:hover {
	background: url(images/menubg3.jpg) no-repeat center;
	padding-bottom: 4px;      
	border:0px;
	color:#ffffff;                               
}

#submenu a.current {
	background: url(images/menubg3.jpg) no-repeat center;
	padding-bottom: 4px;      
	border:0px; 
	color:#eee;                               
}


#inHeader	{
	width:800px;
	font-weight:bold;
	color:#222;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 129px;
	position: relative;
	top:68px;
	margin-right: 20px; 
	z-index: 5;
}

.hideMe	{
	height: 5px;
	display:none;
}

#TB_window h5{
color: #555;
font-size: 14px;
line-height: 1.8em;
margin-top: 12px;
}

#TB_window li{
font-size: 12px;
line-height: 1.8em;
}

a.thickbox {color:#333333; font-weight: bold; text-decoration: none;}
a.thickbox:link {color:#333333; font-weight: bold; text-decoration: none;}
a.thickbox:visited {color:#333333; font-weight: bold; text-decoration: none;}
a.thickbox:hover {color:#666666; font-weight: bold; text-decoration: none;}


.iWrap	{
	height:165px;
	display:block; 
	float:left;
}

.projWrap	{
	display:block; 
	float:left;
	margin: 0 16px 16px 0;
	width: 110px;
	height: 110px;
}

.instructorBucket	{
	width:200px;
	height: auto;
	padding:10px;
	padding-right: 8px;
	padding-bottom: 8px; 
	display:block;
	position:relative;
	text-align: center;
}

.instructorBucket img	{
	margin: 0 12px 10px 0;
	position: relative; 
	z-index: 800;
}

.slimInstructorBucket	{
	width:150px;
	height: 120px;
	padding:10px;
	padding-right: 8px;
	padding-bottom: 8px; 
	display:block;
	position:relative;
	text-align: center;
}

.slimInstructorBucket img	{
	margin: 0 12px 10px 0;
	position: relative; 
	z-index: 800;
}

.instructorname {color:#666666; font-weight: bold; text-decoration: none;}

p.spaced   {
	margin-top: 15px;
}

.genWrap	{
	position: relative;
	border-top: 1px dotted silver;
	width: 99%;
}

.imgWrap	{
	width: 175px; 
	positioin: relative; 
	border: solid 1px silver;
	float: left; 
	text-align: center;
	margin: 11px 0 16px 0;
}

.imgShell	{
	margin: 3px;
	text-align: center;
}

.oneColtxt	{
	float: left;
	margin-left: 13px;
	text-align: left; 
	margin-bottom: 16px;
	width:680px;
}

.submContainer	{
	margin:0; 
	padding:0px; 
	height:30px;
	float:left;
	clear:both;
	margin-bottom:15px;
}

a:link	{ text-decoration: none; color:#669999; }
a:visited	{ text-decoration: none; color:#669999; }
a:hover	{ text-decoration: none; color:#993300; }
a:active	{ text-decoration: none; color:#999999; }

.paragraphheader{font-size:13px; font-weight:bold;width:95%;margin-bottom:5px;background-color:#4B566C;color:white;padding:3px;}

.mid	{text-align:center;vertical-align:middle;}

/* Table styles */

#contractorTable td	{padding-left: 15px;padding-bottom:15px;font-size:12px;border-bottom: 1px solid #003366;}
#contractorTable th	{padding-left: 15px;color:#003366;border-right: 1px solid #003366;border-bottom: 1px solid #003366;background-color:#dee7ff;}
#contractorTable	{width: 100%; padding-bottom:3px;border-collapse:collapse; border-top: 1px solid #003366;border-left: 1px solid #003366;border-right: 1px solid #003366;}
.ltCol	{width:27%;text-align:left; vertical-align:top;line-height: 1.3em;font-weight:bold;}
.logoCol	{width:17%;text-align:left; vertical-align:top;}
.mdCol	{width:25%;text-align:left; vertical-align:top;line-height: 1.3em;}
.rtCol	{width:17%;text-align:left; vertical-align:top;line-height: 1.3em;}
.specCol	{width:14%;text-align:left; vertical-align:top;line-height: 1.3em;}
.hSpaceRow	{background-color:#003366;}
.hSpacer	{color:#FFFFFF;font-weight:bold;padding-left:16px;}
.tablecellstyle	{font-weight:bold;color:}
.jumpTop	{font-size:10px;}
#keyLinks	{width:100%; margin:16px 0;padding: 0;}
#keyLinks td	{border: 1px solid #003366;padding:5px;margin:0;}