/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! MAIN STRUCTURE */

html, body {
	height: 100%;
}

#mainhead,#navigation,#headcontact,#footer,#push,#content{
	width:900px;
	margin:0 auto;
}

#mainhead{
	height:90px;
	margin:0 auto;
}
#site{		
	position:relative;
	margin:auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin-bottom: -100px;
}
#navigation{			
	margin-bottom:20px;
}
#content{			
	margin:auto;
	position:relative;
}
#footer{			
	text-align:left;
	position:relative;
height:99px;
}
#push{
	height:100px;
}
#push{				
float:right;}



/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! NAVIGATION */

#navigation{
margin-top:25px;
	text-align:center;
	height:42px;
	line-height:42px;
}
#navigation li{
	display:inline;
	height:42px;
	line-height:42px;
}
#navigation li a{
	display:inline-block;
	height:42px;
	line-height:42px;
	padding:0 10px;
}

/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! STYLES */

html,body{
       color:#D9D9D9;
       background:#333333;
       font-size:11px;
       font-family:times;
}

h1,h2,h3,h4,h5,h6
{font-size:1em;}

#content h3{
	margin:20px;
	border-bottom:1px solid #484848;
	padding-bottom:10px;
}
#content h5{/*
	margin:20px;
	border-bottom:1px solid #484848;
	padding-bottom:10px;*/
}
#content h6{
	margin:10px 20px -20px 20px;

}
a{
	color:#B8E4FA;
	text-decoration:none;
}

span.hide{
	display:none;
}

#mainhead{
	background: url(images/dist_logo.png) right bottom no-repeat;
}
#headline{
	background:#B8E4FA;
	height:4px;
	border:0;
	margin:25px 0 ;
}

#headcontact{
	width:900px;
	margin:0 auto;
	text-align:right;
	font-size:12px;
}
#headcontact span{
	width:300px;
}
#headcontact a{
	color:#D9D9D9;
}
#content{
	font-family:verdana;
}

#content.col2 #sideitem{
	width:220px;
	float:left;
	margin-bottom:20px;
}

#content.col2 #sidemenu{
	width:220px;
	float:left;
}
#content.col2 #right_body{
	background:#262626;
	width:660px;
	float:right;
	margin-bottom:20px;
	position:relative;
}
#content.col1 #right_body{
	background:#262626;
	margin-bottom:20px;
	position:relative;
}


#nav_holder{
	background:#ffffff;
}
#navigation{
	font-size:1.45em;
	background:#ffffff;
}
#navigation li a{
	color:#333333;
	background:url(images/navbg.jpg) repeat 0 0;
}



#footer{
	border-top:1px solid #484848;
	color:#484848;
	text-align:left;

}
#footer ul{
	position:absolute;
	top:0;
	left:280px;
}
#footer ul li span{
	display:none;
}
#footer ul li{
	display:inline;
	margin:0;
}
#footer ul li.header{
	display:block;
	background:url(images/distgroup_logo.png) no-repeat center center;
	height:70px;
	width:300px;
}
#footer p {
bottom:-20px;
font-size:0.7em;
line-height:2em;
margin-bottom:10px;
position:absolute;
text-align:center;
width:900px;
}



#footer ul li a{float:left;	display:block;	height:18px;	background:url(images/footernav.png); 	background:url(images/group_nav.png);}
#footer ul li.pub a{	width:85px;	background-position:0 0;}
#footer ul li.crm a{	width:45px;	background-position:-85px 0;}
#footer ul li.rec a{	width:108px;	background-position:-129px 0;}
#footer ul li.train a{	width:74px;	background-position:-236px 0;}

#footer ul li.pub a:hover{	width:85px;	background-position:0 -18px;}
#footer ul li.crm a:hover{	width:45px;	background-position:-85px -18px;}
#footer ul li.rec a:hover{	width:108px;	background-position:-129px -18px;}
#footer ul li.train a:hover{	width:74px;	background-position:-236px -18px;}

/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! COURSE PAGES */

#content.col2 ul#sidemenu{

}
#content.col2 ul#sidemenu li{
	list-style:none;
	list-style-position:outside;
}
#content.col2 ul#sidemenu li.item{
	margin:0 10px;
	border-top:1px solid #77929F;
}
#content.col2 ul#sidemenu li.first-bord{
	border:none;
}
#content.col2 ul#sidemenu li.item a{
	padding:5px;
	display:block;
	background:none;
	color:#A7A9AC;
}
#content.col2 ul#sidemenu li.item a:hover{
	color:#000000;
	background:#DCF2FD;
}
#content.col2 ul#sidemenu li.item ul{
	margin:0;
	display:none;
}
#content.col2 ul#sidemenu li.item ul li{
	border-top:1px solid #77929F;
	background:url(images/corlist.png) top left no-repeat;
}
#content.col2 ul#sidemenu li.item ul li a{
	padding-left:20px;
	color:#D9D9D9;
}
#content.col2 ul#sidemenu li.item ul li.cor_selected a,
#content.col2 ul#sidemenu li.item.selected a{
	background:#DCF2FD;
	color:#000000;
}
#content.col2 ul#sidemenu li.list-head{
	padding:10px;
	margin-left:0;
}
#content.col2 ul#sidemenu li.list-foot{
	height:156px;
	padding:0;
	margin:0;
}


#content.col2 ul#sidemenu li.item,
#content.col2 ul#sidemenu li.first-bord{
float:left;
width:200px;
}
#content.col2 ul#sidemenu li.item ul li{
float:left;
width:200px;
}
#right_body p{
	margin:20px;
	line-height:1.3em;
}
#right_body ul{
	margin:20px;
	list-style:disc outside;
}
#right_body ul li{
	margin:3px 0 0 15px;
	color:#ffffff;
	line-height:1.1em;
}
#right_body h4{
	margin:20px;
	line-height:1.3em;
}

#right_body .blocked{
	border-top:1px solid #484848;
	margin:20px;
	padding-top:20px;
}
#right_body .blocked p{
	margin:10px 0;
}
#right_body .blocked p.bold {
	color:#F2F2F2;
	font-weight:bold;
	margin:0 0 -10px;
}
#right_body .blocked p {
	margin:10px 0;
	line-height:1.2em;
}
#right_body .blocked h4 {
	margin:0 0 10px 0;
	line-height:1.2em;
}

#right_body .listblock1 ul ,
#right_body .listblock2 ul{
	margin:0 0 20px 35px;
	padding:0;
	text-transform:lowercase;

}
#right_body .listblock1 li ,
#right_body .listblock2 li{
	margin:0;
	padding:0;
	line-height:1.1em;

}
#right_body .listblock1 p ,
#right_body .listblock2 p{
	font-weight:bold;
	color:#808080;
	margin-top:0;
}
#right_body .listblock1,
#right_body .listblock2{
	float:left;
	width:315px;

}
#right_body .listblock2{

}


#right_body.course_page h2{
	margin-left:20px;
	margin-bottom:-15px;
}


#right_body.course_page #floatlists ul{
float:left;
width:190px;
margin:0;
margin-left:20px;
}




/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! SQUARED */

#content.squared #square{
	left:0;
	position:absolute;
	top:0;
}

#content.squared #right_col{
	margin-left:370px;
height:370px;
}


#content.squared #right_col.front h1{
	padding-top:14px;
	margin-bottom:10px;
}


/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! ABOUT US */

.aboutus{
margin:20px;
}
.aboutus img{
float:right;
margin:-20px 0 0 0;
}

.aboutus h1{
	width:480px;
	margin-bottom:10px;
}

/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! BENEFITS */

#right_body #bodyhead{
	margin:0;
	height:215px;
	background:url(images/benefits_head.jpg);
}
#right_body #bodyhead.learners{
	background:url(images/benefits_learner.jpg);
}

#right_body #bodyhead.overall{
	background:url(images/benefits_head2.jpg);
}
#right_body #bodyhead.iag{
	background:url(images/iag.jpg);
}
#right_body #bodyhead.traingain{
	background:url(images/traingain.jpg);
}
#right_body #bodyhead li{
	float:left;
	display:inline-block;
	margin:183px 0 0 0;
}
#right_body #bodyhead li a{
	display:inline-block;
	background:#262626;
	height:30px;
	line-height:30px;
	padding:0 10px;
	border:1px solid #77929F;
	border-left:0px;
	color:#DCF2FD;
}
#right_body #bodyhead li.first a{
	border-left:1px solid #77929F;
}
#right_body #bodyhead li a.active{
	border-bottom:1px solid #DCF2FD;
	background:#DCF2FD;
	color:#333333;
}

/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! Train 2 gain */


.readmorelink{
	position:absolute;
	bottom:10px;
	right:10px;
	padding:5px;
	border:1px solid #77929F;

	cursor:pointer;
}


#readmore_1{
	display:none;
}

.hiddenh2{
font-family:times;
color:#F2F2F2;
font-size:22px;
line-height:22px;
margin-bottom:20px;
}

/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! Contact */
#content.contact #right_col p{
padding-top:10px;
margin-left:20px;
}
#content.contact p#square.map{
	position:absolute;
	top:-5px;
	left:10px;
	border:5px solid #2a2a2a;
}

#content.contact p#square.map:hover{
	border-color:#DCF2FD;
}
#content.contact #right_col ul{
font-size:1.4em;
margin:10px 0 0 0;
padding-right:20px;
float:left;
font-size:1.2em;
width:200px;
margin-left:20px;
}

#content.contact #right_col ul li .contact_t{
padding:10px 0;
display:block;
font-size:2em;
}

/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! IAG */

ol{
margin:20px;
}
ol li span.title{
color:#DFDFDF;
font-weight:bold;
display:block;
margin-top:8px;
margin-bottom:2px;
font-size:1em;
}
ol li span.title_f{
color:#fff;
font-weight:bold;
display:block;
float:left;
width:100px;
}