/*** overall top level stuff (body etc ***/
body 
{
	margin: 0px;
	padding: 0px;
	width: 100%;
	background: url(/training/content/images/background_gradient2.gif) repeat;	 
	background-color: #999999;
}
* html body {text-align: center;} /*center align container in IE 6 */


#container
{
	width: 910px; 
	margin: 10px auto;
	text-align: left;

	padding: 0px;
	border-color: #222222; border: 2px solid; 
		background: url(/content/images/faux_grey_col.jpg) left;
	background-repeat: repeat-y;
	background-color: #fff;	
/*	border: 2px solid; margin-top: 20px; border-color: #555;	 */
}

div.no-left {background-image: none !important;}

#header
{
	height: 100px; width: 100%;
	background: url(/content/images/banner_new_dts.jpg) right no-repeat;
	/* background-color: #166e94;*/  /* #C9F5CA; */ /* #E6F9C1; */ /* #fdd123;  */
}

#header img {border: 0px solid; height: 90px; }

/* Mainly Exists To Expand Container */
#footer
{
	height: 30px;
	overflow: hidden; position: relative;
	background-color: #eee;
	width: 210px;
	padding-right: 20px;
	border-right: 1px dotted; border-color: #aaa; clear: left;
}

div.no-left #footer {background-color: #fff !important; border: none !important;} /* hide faux column */
#menu
{
	height: 30px; width: 100%;
	/* background-color: #68C2F2; */ /* #66CCFF; */
	background-color: #3366FF;
	margin-bottom: 0px;
	border-bottom: 1px solid;
}

#menu ul {margin: 0px;}

#left
{
	width: 200px; 
	background-color: #eee;
	border-right: 1px dotted; border-color: #aaa;
	margin-top: 0px; float: left;
	margin-right: 10px;
	padding-right: 20px;
	overflow: hidden; 
}

* html #left {display: inline;}

#content 
{
	padding-right: 5px; overflow:hidden;
	width: 620px; margin: 0px; 
}

#menu ul#topMenu
{
	list-style: none;  margin-top: 0px; margin-left: 10px;
}

#menu ul#topMenu li.topMenu
{float: left; margin-left: 0px; margin-right: 10px; height: 30px; line-height: 30px; position: relative;}

#menu ul#topMenu li.topMenu a 
{
	font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #fff; text-decoration: none; 
	padding-left: 5px; padding-right: 5px; display: block;
}
#menu ul#topMenu li.topMenu a:hover {background-color: #fff; color: #68C2F2; display: block; float: left; height: 30px; font-style: italic;}


li.topMenu:hover ul.dropDown,
li.hover ul.dropDown
{
	display: block;
}

li ul.dropDown 
{
	display: none;
	position: absolute;
	left: 0px; width: 150px;
	float: none;
	background-color: #6699FF;
	list-style: none;
	padding: 0px;
	margin: 0px;
	top: 30px;
}
li ul.dropDown a {width: 150px; line-height: 30px; height: 30px;}

li.dropDown
{
	float: none; border: 1px solid; overflow: hidden;
	height: 30px; padding: 0px;
}


#content p,
#left p {text-align: justify;}
#left { }
#content {padding-right: 15px;}

div.section {/* background-color: #cccc99;  border: 3px solid; */   margin: 10px auto; }