@charset "utf-8";
@import "reset.css";
/* darkblue text: #009cdf  **** lightBlueTabs: #179dd4   **** red text: #e10079  **** grey: #e8e8e8 ****  light grey: #f8f8f8 */

body {
font-size: 11px;
line-height: 18px;
color: #093f67;
font-family:Verdana, Arial, Helvetica, sans-serif;
background: url(../img/layout/bg.gif) repeat-x;
}
#wrapper {
/*width: 915px;*/
width: 725px;
margin: 0 auto;
float: none !important;
display: block;
clear:both;
}
#mainBody {width:725px;}
#rightPanel {/*width:190px;*/display:none;}

/************ HEADER ***********************/
#header {width:720px;height:102px;position:relative;}
#header p {position:absolute;bottom:11px;right:0;color:#fff;/*float:right!important;*/width:auto;}
#logosTrainingCentre {height:102px;width:156px;background:url(../img/layout/logosCentreLogo_bg.gif) no-repeat;margin-left:-12px;}
#logosTrainingCentre img {width:117px;height:82px;padding:0 10px 0 18px;}
	
/****************/
/******************************************
		NAVIGATION	
*/
#navContainer {width:100%; }

#makingAdifference {width:100%; display:none;}
#makingAdifference img {float:right;}

#navigation {width:465px;}
	#navigation ul {height:30px;margin-top:10px;}
	#navigation li {width:auto;height:30px;background-color:#179dd4;padding:0 10px 0 10px;margin:0 1px 0 0px;line-height:30px;font-size:10pt;}
	#navigation li a:link, 
	#navigation li a:visited, 
	#navigation li a:hover,   
	#navigation li a:active {color: #ffffff;text-decoration:none;}
	#navigation li a:hover {text-decoration:underline;}   
	
	#navigation ul li.selected {background-color:#ffffff!important;}
		#navigation li.selected a:link,  
		#navigation li.selected a:visited, 
		#navigation li.selected a:hover,    
		#navigation li.selected a:active {color: #093f67;text-decoration:none;font-weight:bold;}
		#navigation li.selected a:hover {text-decoration:underline;}
	
#teesEsk {width:234px;float:right;right:5px;}



/************ BODY **************************************************/

#leftColumn {width:191px;margin:10px 10px 0 0;}
.leftColumnItem {width:181px!important;border:5px solid #e8e8e8;background-color:#f8f8f8;margin:0 0 10px 0;}
.leftColumnItemInner {margin:5px;}

/*** SubHeader ***/

#subNav li{padding-bottom:5px;}

#subNav li a {float:none;clear:both;}
#subNav li a:link,    
#subNav li a:visited,
#subNav li a:hover,   
#subNav li a:active {color: #179dd4;text-decoration:none;}

#subNav li a:hover {color: #179dd4;text-decoration:underline;}   

.leftColumnItemInner p,
.leftColumnItemInner h1,
.leftColumnItemInner h2,
.leftColumnItemInner h3,
.leftColumnItemInner a,
.leftColumnItemInner li {width:170px;}

/* Table Body styles 

.coursesContainer {
width:100%;
float:left;
margin:0 0 20px 0;
border:1px solid #ccc;
height:auto;
font-size:12px;
}
.row {
width:100%;
float:left;
border-bottom: 1px solid #ccc;
height: 170px;
}
.rightColumn,
.column {
width:19%;
border-right: 1px solid #ccc;
padding-left:3px;
padding-top:3px;
height: 100% !important;
}
.rightColumn {border-right:none;}

.titleRow {
background-color:#CCCCCC;
}
.height25 {
height: 25px !important;
line-height:25px !important;
padding-top:0 !important;
}
.bottomBorderNone {
border:none;
}*/


/**/
/**/
/* Table Body styles ***********/
/**/
/**/
/**/
table { float: left; }

.contentTable {
border-collapse: collapse;
border:1px solid #cccccc!important;
}
.contentTable tr {
vertical-align:top;
}
.CourseFull {
vertical-align:top;
background-color:#f6dbdb;
}
.CourseCancelled {
vertical-align:top;
background-color:#eeeeee;
}
.CourseClosed {
vertical-align:top;
background-color:#a9c7d4;}



.PastCourse {
vertical-align:top;
background-color:#d1ebf6;
/*background:url(../img/content/images/CourseFull_TD_background.gif) repeat;
*/}
table.contentTable tr.CourseFull td p a{
color:#D2232A!important;
}
table.contentTable tr td p a{
color:#60B736!important;
}

.contentTable td {
border:1px solid #cccccc!important;
}
.contentTable td, 
.contentTable th {padding:5px;}
.contentTable td {width:24%; vertical-align:top;text-align:left;}
.contentTable th {background-color:#CCCCCC;height:40px;}

.contentTable  p{
padding-left:5px; width:auto!important; text-align:left;;
}

.contentTable td.firstTd {
width:14%!important;
}
.contentTable td.lastTd {
width:14%!important;
}


/********** RIGHT ***************/

#rightColumn {
width:524px;
margin:10px 0 0 0;
overflow:visible;
}
.rightColumnItem {
width:514px;
border:5px solid #e8e8e8;
background-color:#f8f8f8;
margin:0 0 10px 0;
overflow:visible;
}

.rightColumnItemInner {margin:5px 5px 15px 5px;}

.rightColumnItemInner ul {padding:0 0 15px 0; width:500px;float:none;}

.rightColumnItemInner ul li {
background: url('../img/content/gfx/bullet.gif') no-repeat 0px 8px;
width:480px;
padding-left:15px;
clear:both;
}


.rightColumnItemInner a:link,    
.rightColumnItemInner a:visited,
.rightColumnItemInner a:hover,
.rightColumnItemInner a:active {color: #d2232a;text-decoration:none;float:none;}

.rightColumnItemInner a:hover {color: #d2232a;text-decoration:underline;}  

.rightColumnItemInner p,
.rightColumnItemInner h1,
.rightColumnItemInner h2,
.rightColumnItemInner h3,
.rightColumnItemInner a,
.rightColumnItemInner li {width:500px;}

/*****************************  PANEL RIGHT ****************************************************/
/****************************** PANEL RIGHT ****************************************************/

#rightPanelQuicklinks {width:190px;margin-top:383px;}
#rightPanelQuicklinks ul li {
width:190px;
background:url(../img/layout/tabs/rightPanelQuickLinks_top.gif) top no-repeat;
background-color:#e8e8e8;
margin:0 0 2px 0;
position:relative;
}
.rightPanelTabBottom {
width:190px;
height:6px;
background:url(../img/layout/tabs/rightPanelQuickLinks_btm.gif) bottom no-repeat;
}

#rightPanelQuicklinks ul li a {width:90%;color:#009cdf;padding-right:5px;}
#rightPanelQuicklinks ul li a:link {color: #009cdf;text-decoration:none;}    
#rightPanelQuicklinks ul li a:visited {color: #009cdf;text-decoration:none;} 
#rightPanelQuicklinks ul li a:hover {color: #009cdf;text-decoration:underline;}   
#rightPanelQuicklinks ul li a:active {color: #009cdf;text-decoration:none;}
	
	
#rightPanelQuicklinks p,
#rightPanelQuicklinks h1,
#rightPanelQuicklinks h2,
#rightPanelQuicklinks h3,
#rightPanelQuicklinks a,
#rightPanelQuicklinks li {width:170px;}
	
	
	
	
/*******************************************/
/************ TEXT STYLES ***********************/
h1 {
font-size:15px;font-weight:bold;color:#093f67;padding:15px 0 10px 0;clear:both;}
h2 {
font-size:12px;font-weight:bold;color:#d2232a;padding:10px 0 7px 0;}
h3, caption, th p {
font-size:12px;font-weight:bold;color:#D2232A!important;padding:10px 0 7px 0;}
p {
padding:10px 0 7px 0;clear:both;}

a {float:none;display:inline;}

/*******************************************/
/************ FOOTER ***********************/

#footerContainer {
width:100%;
border-top:3px solid #e8e8e8;
}
.footerColumn {
width:40%;
padding:0 10px 0 10px;
}
#footerContainer p, #footerContainer a {color:#b3b3b3;font-size:10px;}

#credit {width:100%;}
#credit p, #credit a {color:#d8d8d8;font-size:10px;text-align:right;text-decoration:none;}