/*–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
Webcreate Template Styles
version: 1.1
author: Keith O'Sullivan
created: September 01 2007
last update: September 01 2007
email: keith@webcreate.ie
website: http://www.webcreate.ie
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––-––––*/


/* Header styles */
body {background:url(../img/bg.jpg) repeat-x top center; }


#header {background:url(../img/masthead.jpg) center top no-repeat; width:760px; height:157px; margin:0 auto;} /*height needs to be set for each client*/

#header .company_name {}

#header h1 { 
	position:relative; 
	top:40px; 
	left:120px; 
	width:300px; 
	line-height:38px; 
	font-weight:normal; 
}


#bgContainer {
	background: url(../img/grey_bg.gif) repeat-y top center;  
	margin-top:60px;
	width:100%;
	float:left;
}

#pageWrapper { 
	width:760px; 
	margin:15px auto 0 auto; /* this top margin needs to be adjust to match the height of the masthead */
	position: relative; /*required for sticky footer*/
	min-height: 100%;  /*required for sticky footer*/
	
}

* html #pageWrapper
{ 
height: 100%; /*required for sticky footer*/
}

#pageContent {
	width:760px; 
	margin:0 0 0 0;
	padding:15px 0;
	clear:both;
	position: relative; /*required for sticky footer*/
	min-height: 100%; /*required for sticky footer*/	
}


.dotted_line_2thirds { 
	background:url(../img/dotted_line_2_thirds.gif) top left no-repeat; 
	height:20px;
}

.dottedLine_1_third{
	background:url(../img/dotted_line_1_third.gif) top left no-repeat; margin:5px 0 5px 0; 
	height:20px;
}



/* homepage styles */

#leftColumn {width:535px; margin-right:10px; float:left;}

#rightColumn {width:210px; float:right;}
#rightColumn .searchBox {width:180px; background:#DDFCBF; border:solid 1px #87B856; padding:15px}
#rightColumn .searchBox h4 {margin:0; padding:0 0 10px 0;}
#rightColumn ul li {background:url(../img/green_bullet.gif) left center no-repeat;  padding: 1px 0 1px 15px; font-size:12px;}


/* latest news list */
#rightColumn li#latestNews {background:none; padding:0;}
#rightColumn ul li#latestNews h4{padding:0; margin:20px 0 5px 0;}

/* Different Personel list */
#rightColumn ul#diffPersonel li{
	background:url(../img/green_bullet_man.gif) left center no-repeat;  
	padding: 5px 0 5px 15px; 
	font-size:12px;
}

#rightColumn ul li#diffPersonelHeading {
	background:none; 
	padding:0;
}

#rightColumn ul li#diffPersonelHeading h4{ padding:0; margin:0 0 5px 0;}

/* popular course list */
#rightColumn li#popularCourse {background:none; padding:0;}
#rightColumn ul li#popularCourse h4{padding:0; margin:0 0 5px 0;}


/* Locations */
body#course_locations .contact_details{border:none; padding:2px;} 
body#course_locations .contact_details td{border:none; padding:0; vertical-align:top; text-align:left; padding-bottom:4px;}
body#course_locations .contact_details td.left_column{ width:150px}
body#course_locations .contact_details tr{border:none; }



/* Education services styles */
#leftColumn ul.services {width:230px; float:left;}
#leftColumn ul.services li{background:url(../img/red_arrow.gif) left center no-repeat; padding: 3px 0 3px 15px;}
#leftColumn ul.services li#heading{background:none; padding:0;}
#leftColumn ul.services li h3{margin-bottom:10px;}


/* Homepage Promotions */
#leftColumn ul.promotions{width: 300px; float:left;}


#leftColumn ul.promotions li.one{
	width:240px; 
	height:84px; 
	background:url(../img/english_4_non_speakers.jpg) top left no-repeat; 
	padding:15px 20px 35px 30px;
	line-height:22px;
}

#leftColumn ul.promotions li.two{
	width:240px;
	height:108px; 
	background:url(../img/long_term_unemployed.jpg) top left no-repeat; 
	padding:25px 30px 25px 20px;
	text-align:right;
}

#leftColumn ul.promotions li.three{
	width:240px; 
	height:93px; 
	background:url(../img/help_with_reading.jpg) top left no-repeat; 
	padding:10px 20px 40px 30px;
}

#leftColumn ul.promotions li a{
	display:block;
	color:#CC0000;
	text-decoration:none;
	font-weight:normal;
}

#leftColumn ul.promotions li.one a{
	width:160px; 
	height:93px;
}

#leftColumn ul.promotions li.two a{
	float:right;
	width:160px; 
	height:93px;
}

#leftColumn ul.promotions li.three a{
	width:190px; 
	height:93px;
}


#leftColumn ul.promotions li a:hover {text-decoration:underline;}





/* Template styles */
#oneColumn {width:100%; margin-right:10px; float:left; }

#oneColumn ol li {float:left; width:153px; height:150px; border:solid 2px #E3E3AC; margin:10px; padding:10px 5px 5px 5px; background:#FFFFB7; text-align:center;}
#oneColumn ul li {padding:5px 0 5px 0}
#oneColumn ul li strong{font-weight:bold; font-size:12px; color:#CC0000; }
#oneColumn ol li h3{font-size:16px; font-weight:bold;}
#oneColumn ol li p{font-size:12px; line-height:16px;}
#oneColumn ol li a{font-size:11px; line-height:11px;}

#twoColumn_left {width:215px; margin-right:10px; float:left; }
#twoColumn_left h3 {margin-bottom:10px;}
#twoColumn_left ul li{ background:url(../img/red_arrow.gif) left center no-repeat; padding-left: 20px; line-height:22px;}

#twoColumn_right {width:524px; margin:0; padding:0 0 0 10px; float:left; border-left: dotted 1px #CCCCCC;}
#twoColumn_right table{border:1px solid #cccccc; float:left; margin:10px 0 0 0; padding:0; font-size:11px;}
#twoColumn_right table .topRow {background:#E0EEFB; color:#0E3F88; font-size:14px;}
#twoColumn_right table .leftCol {background:#fff}
#twoColumn_right th {font-weight:bold; color:#097A29}
#twoColumn_right td, #twoColumn_right tr, #twoColumn_right th{border:1px solid #cccccc; margin:0; padding:5px;}
#twoColumn_right strong{float:left;}
#twoColumn_right .locations img {float:left; width:260px; margin-top:10px;}
#twoColumn_right .locations p{width: 240px; float:right; clear:none}


/* who we are styles */
#oneColumn .statments{float:left; width:330px; margin:0 20px 0 0 ; padding:0 10px 0 0; }
#oneColumn .who_we_are {float:left; width:380px; }
#oneColumn .who_we_are li {float:left; width: 370px; display:block; margin:0 10px 0 0; border-bottom:dotted 1px #CCCCCC}
#oneColumn .who_we_are li img{display:block; margin:0 3px 0 0; float:left;}
#oneColumn .who_we_are li a{display:block;  width:85px; margin:0 5px 0 0; font-size:11px; float:left;}
#oneColumn .who_we_are li strong {width:105px; margin-right:5px; float:left;}
/* Anchor links */
#twoColumn_right h2 {float:left; clear:both; width:100%; margin:-6px 0 5px 0;}
#twoColumn_right h3 {float:left; clear:both; width:100%; margin:15px 0 10px 0;}
#twoColumn_right h4 {float:left; clear:both; width:100%; margin:15px 0 0 0; }
#twoColumn_right p {float:left; clear:both; width:100%;}
#twoColumn_right .topAnchorLinks li, #oneColumn .topAnchorLinks li{float:left; padding: 1px 15px 1px 0;  }
#twoColumn_right a.anchorLink, #oneColumn a.anchorLink{float:left;}
#twoColumn_right .topAnchorLinks a, #oneColumn .topAnchorLinks a{color:#6F9B42;}
#twoColumn_right ul.withBullets {float:left; padding-left:20px; width:90%}
#twoColumn_right ul.withBullets li {list-style:disc; list-style-position:outside;}
#twoColumn_right a.top{float:left; clear:both; font-size:10px; margin-bottom:20px; width:98%;}





/* Sticky Footer Styles*/

#footer
{
	position: relative;
	background: url(../img/footer.jpg) no-repeat top center; 
	margin-top: -10px; /*required for sticky footer*/
	height:215px; /*required for sticky footer*/
	padding:40px 0 0 0;
	clear:both;
	
}

#footer div {
	width:760px; 
	margin:20px auto; 
	padding:10px 0 0 0; 
	font-size:11px; 
	text-align:center; 
	line-height:24px;
}

#footer div img {
	padding:0 30px 0 10px;
	margin:0 auto;
}

#footer a{
	color:#0066FF; 
	font-size:11px;
}