/* CSS Document */
html,body{
	height:100%; /* needed for container min-height */
	width:100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color: #FFF;
}

body {
	background: url(../images/browser_bgrnd.gif) top left repeat-x;
	}
	
img, div { behavior: url(iepngfix.htc) }
	

strong{font-weight:bold;}

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

a:hover {
	color: #5ab83c;
	}
	
acronym {cursor: help; border-bottom: 1px dotted #273995; color: #273995; }
h1 acronym, h2 acronym, h3 acronym, #nav acronym, #snav acronym {border:0}
label acronym {border:0; cursor:default}	

h1, h2, h3, h4, h5, h6 {margin-bottom: 0.3em;}
h1 {
	font-size: 25px;
	color: #5ab83c;
	font-weight: lighter;
	font-family: Georgia, "Times New Roman", Times, serif;
	}
	
h2 {
	font-size: 150%;
	color: #273995;
	font-weight: lighter;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0px 0px 10px 0px;
	}
	
h3 {
	font-size: 140%;
	color: #273995;
	font-weight: lighter;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0px 0px 10px 0px;
	}	
	
h4 {
	font-size: 130%;
	color: #5ab83c;
	font-weight: lighter;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0px 0px 5px 0px;
	}
	
h5 {
	font-size: 110%;
	color: #5ab83c;
	font-weight: lighter;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0px 0px 10px 0px;
	}			
		
h6 {
	font-size: 100%;
	color: #5aa445;
	margin: 0px;
	padding: 0px;
	color: #5aa445;
	font-weight: bold;
}

p {
	margin: 0px;
	}

ul{margin:0px 0px 0px 0px;}

/* ------------- Basic page Structure ------------- */


#container{ /* holds everything */ 
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	width:760px;
	padding: 0px 8px;
	background: url(../images/container_bgrnd.png) top left repeat-y;
	}
	
* html #container {
	background: transparent;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.sbwadvertising.co.uk/acacia/media/images/container_bgrnd.png', sizingMethod='scale');
	zoom: 1;
	}	

/********** HEADER STYLES *************/

#header {
	width: 760px;
	height: 140px;
	background: url(../images/header_bgrnd.gif) top left repeat-x;
	position: relative;
	}
	
.accessibility_options {
	font-size: 90%;
	color: #000;
	float:left;
	display: inline;
	margin: 15px 0 0 50px;	
	}
	
.accessibility_options a {
	/* color: #60bb44; */
	color: #5ab83c; 
	}
	
#logo {
	position: absolute;
	right: 40px;
	top: 25px;
	}	
	
#welcome {
	position: absolute;
	left: 50px;
	top: 70px;
	width: 550px;
	}	
	
.accessibility, #accessibility {position:absolute; left:-999em}
	
	
	
/**** END ****/	


/***** CONTENT STYLES ****/



#main_container {
	width: 760px;
	height:auto !important; 
	height:100%;
	min-height: 100%;
	position: relative;
	padding-top: 225px;
	}
	
.introimage {
	position: absolute;
	background: url(../images/girlonphone.png) no-repeat;
	width: 188px;
	height: 337px;
	top: 130px;
	right: 45px;
	z-index: 10;
	}	
	
.banner_home {
	background: url(../images/banner_home.jpg) top left no-repeat;
	height: 260px;
	}
	
	
	
.banner_about {
	background: url(../images/banner_7.jpg) top left no-repeat;
	height: 260px;
	}
	
.banner_faq {
	background: url(../images/banner_11.jpg) top left no-repeat;
	height: 260px;
	}
	
.banner_vacancies {
	background: url(../images/banner_1.jpg) top left no-repeat;
	height: 260px;
	}
	
.banner_courses {
	background: url(../images/banner_5.jpg) top left no-repeat;
	height: 260px;
	}	
	
.banner_training_courses {
	background: url(../images/banner_14.jpg) top left no-repeat;
	height: 260px;
	}
	
.banner_nvq {
	background: url(../images/banner_4.jpg) top left no-repeat;
	height: 260px;
	}			
		
#content_container {
	width: 670px;
	padding: 0px 45px 30px 45px;
	position: relative;
	background: url(../images/content_container_bgrnd.png) top left repeat-y;
	}
	
* html #content_container {
	width: 670px;
	padding: 0px 45px 30px 45px;
	position: relative;
	background: transparent;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.sbwadvertising.co.uk/acacia/media/images/content_container_bgrnd.png', sizingMethod='scale');
	zoom: 1;
	}		
	
	
.content_containertop {
	background: url(../images/content_container_top.png) top left no-repeat;
	width: 760px;
	height: 25px;
	position: absolute;
	top: 200px;
	}

.greentop#copy {
	background: url(../images/homecontentbgrndtop.gif) 0px 0px no-repeat;
	}
	
.greentopmain {
	background:url(../images/maincontentbgrndtop.gif) top left no-repeat;
	}	
	
	
#introbox {
	background: url(../images/introbox_bgrnd.gif) top left no-repeat;
	width: 392px;
	margin-left: 16px;
	padding: 20px;
	}	
	
#introbox p {
	margin-bottom: 5px;
	line-height: 150%;
	}
	
#copy p {
	line-height: 150%;
	margin-bottom: 10px;
	}
			
		
	
#module_coursefinder {
	float: left;
	display: inline;
	margin-right: 5px;
	width: 190px;
	height: 150px;
	padding: 15px 0px 0px 20px;
	margin-left: 16px;
	background: url(../images/module_bgrnd.gif) top left no-repeat;
	}	
	
#linkbox1 {
	background: url(../images/linkbox_bgrnd.png) top left no-repeat;
	width: 150px;
	height: 38px;
	margin-bottom: 5px;
	padding-left: 20px;
	padding-top: 5px;
	}
	
.linkbox2 {
	background: url(../images/linkbox_bgrnd.png) top left no-repeat;
	width: 150px;
	height: 29px;
	padding-left: 20px;
	padding-top: 14px;
	margin-bottom: 5px;
	}
		
	
.linkbox3 {
	background: url(../images/linkbox_bgrnd.png) top left no-repeat;
	width: 160px;
	height: 31px;
	padding-left: 10px;
	padding-top: 12px;
	position: relative !important;
	position: none;
	}			
	
	
	
#linkbox1 a, .linkbox2 a {
	color: #FFF;
	background: url(../images/arrow_white.png) 0% 50% no-repeat;
	padding-left: 25px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 120%;
	display: block;
	}	
	
* html #linkbox1 a, * html .linkbox2 a {
	color: #FFF;
	background: url(../images/arrow_white.gif) 0% 50% no-repeat;
	padding-left: 25px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 120%;
	display: block;
	}
	
#linkbox1 a:hover, .linkbox2 a:hover {
	color: #abc584;
	}		
			
	
#module_quicklinks {
	float: left;
	display: inline;
	margin-right: 5px;
	width: 180px;
	height: 160px;
	padding: 15px 15px 0px 15px;
	background: url(../images/module_bgrnd.gif) top left no-repeat;
	}
	
#module_quicklinks ul li, #modules_study_tools ul li {
	border-bottom: 1px solid #aedc9f;
	}
	
#module_quicklinks ul li a, #modules_study_tools ul li a {
	background: url(../images/module_link_arrow.png) 0% 50% no-repeat;
	padding: 5px 0px 5px 17px;
	display: block;
	color: #000;
	font-size: 0.95em
	}
	
* html #module_quicklinks ul li a, * html #modules_study_tools ul li a {
	background: url(../images/module_link_arrow.gif) 0% 50% no-repeat;
	padding: 5px 0px 5px 17px;
	display: block;
	color: #000;
	font-size: 0.8em
	}	
	
#module_quicklinks ul li a:hover, #modules_study_tools ul li a:hover {
	color: #273995;
	}

	
#modules_study_tools {
	float: left;
	display: inline;
	width: 165px;
	min-height: 160px;
	_height: 160px;
	padding: 15px 25px 0px 20px;
	background: url(../images/module_bgrnd.gif) top left no-repeat;
	}	
	
	
	
.searchbox	{
}
	
	
#search {
	clear: both;
	margin-left: 41px;
	}
	
.searchbgrnd {	
	background: url(../images/searchbox_home.png) top left no-repeat;
	width: 144px;
	height: 19px;
	padding-left: 5px;
	position: relative;
	}
	
* html .searchbgrnd {	
	background: url(../images/searchbox_home.gif) top left no-repeat;
	width: 144px;
	height: 19px;
	padding-left: 5px;
	position: relative;
	}	
	
.searchbgrnd input {
	border: none;
	background:  #FFF;
	width: 120px;
	height: 12px;
	font-size: 9px;
	margin-top: 2px;
	float: left;
	margin-right: 3px;
	}
	
.submit_btn {
	float: left;
	margin-top: 3px;
	}	
	

	
#copyleft {
	float: left;
	display: inline;
	width: 410px;
	margin-left: 13px;
	}
	
#copyleft ul {
	margin-bottom: 10px;
	}	
	
#copyleft li {
	list-style-type: disc;
	margin-left: 40px;
	line-height: 150%;
	}
	
		
.nvqbox {
	background: url(../images/nvqbox_bgrnd.jpg) top left no-repeat;
	width: 250px;
	height: 129px;
	margin-top: 15px;
	margin-bottom: 5px;
	padding: 10px 15px 0 155px;
	color: #FFF;
	}
	
.nvqbox h3, .trainingbox h3 {
	color: #FFF;
	margin-bottom: 3px;
	}
	
.nvqbox p, .trainingbox p {
	margin-bottom: 0px;
	font-size: 10px;
	line-height: 13px;
	}
	
.nvqbox a, .trainingbox a {
	color: #FFF;
	padding-left: 18px;
	font-size: 12px;
	background: url(../images/courselinkarrow.png) 0% 50% no-repeat;
	}
	
* html .nvqbox a, * html .trainingbox a {
	color: #FFF;
	padding-left: 18px;
	font-size: 12px;
	background: url(../images/courselinkarrow.gif) 0% 50% no-repeat;
	}				
	
.trainingbox {
	background: url(../images/trainingcoursebox_bgrnd.jpg) top left no-repeat;
	width: 240px;
	height: 129px;
	margin-top: 15px;
	margin-bottom: 5px;
	padding: 10px 20px 0 155px;
	color: #FFF;
	}
	
.nvqbox a:hover, .trainingbox a:hover {
	color: #abc584;
	}
			
	
#copyright {
	float: right;
	display: inline;
	margin-right: 16px;
	width: 210px;
	}	
	
#quicklinks_moduleright {
	float: left;
	display: inline;
	margin-right: 5px;
	margin-bottom: 20px;
	width: 165px;
	padding: 15px 25px 10px 20px;
	background: url(../images/module_bgrnd.gif) top left no-repeat;
	}	
	
#quicklinks_moduleright ul li, #studytools_moduleright ul li /*, #coursefinder_moduleright ul li */{
	border-bottom: 1px solid #aedc9f;
	}
	
#quicklinks_moduleright ul li a, #studytools_moduleright ul li a  /*, #coursefinder_moduleright ul li a */ {
	background: url(../images/module_link_arrow.png) 0px 5px no-repeat;
	padding: 4px 0px 4px 17px;
	display: block;
	color: #000;
	font-size: 0.95em
	}
	
* html #quicklinks_moduleright ul li a, * html #studytools_moduleright ul li a /* , * html #coursefinder_moduleright ul li a */{
	background: url(../images/module_link_arrow.gif) 0% 50% no-repeat;
	padding: 4px 0px 4px 17px;
	display: block;
	color: #000;
	font-size: 0.8em
	}	
	
#quicklinks_moduleright ul li a:hover, #studytools_moduleright ul li a:hover, #coursefinder_moduleright ul li a:hover {
	color: #273995;
	}

	
#studytools_moduleright {
	float: left;
	display: inline;
	width: 165px;
	min-height: 160px;
	_height: 160px;
	padding: 15px 25px 0px 20px;
	background: url(../images/module_bgrnd.gif) top left no-repeat;
	}	
	
#coursefinder_moduleright {
	float: left;
	display: inline;
	margin-right: 5px;
	width: 190px;
	padding: 15px 0px 25px 20px;
	background: url(../images/module_bgrnd_search.gif) top left no-repeat;
	}	
	
	
						
	
/**** END ****/


/***** BREADCRUMB STYLES ****/

#breadcrumb {
	height: 25px;
	width: 410px;
	margin-bottom: 10px;
	}
	
#breadcrumb ul {
	margin: 0px;
	}	
	
#breadcrumb ul li {
	color: #273995;
	float: left;
	font-size: 90%;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}	
	
#breadcrumb ul li a {
	background: url(../images/module_link_arrow.gif) 100% 50% no-repeat;
	padding-right: 15px;
	margin-right: 5px;
	color: #999;
	}	


/**** END ****/



/***** NAVIGATION STYLES ****/

#mainnav {
	position: absolute;
	top: 185px;
	left: 65px;
	z-index: 1px
	}
	
#mainnav ul li {
	float: left;
	}
	
#mainnav ul li a {
	display: block;
	width: 70px;
	height: 21px;
	text-align: center;
	background: url(../images/navbgrnd.png) top left no-repeat;
	margin-right: 1px;
	color: #FFF;
	font-size: 10px;
	font-weight: bold;
	padding-top: 5px
	}
	
#mainnav ul li#active {
	width: 70px;
	height: 21px;
	padding-top: 5px;
	margin-right: 1px;
	text-align: center;
	color: #FFF;	
	font-size: 10px;
	font-weight: bold;
	background: url(../images/navbgrnd_active.png) top left no-repeat;
	}	
	
	
* html #mainnav ul li a {
	display: block;
	width: 70px;
	height: 21px;
	text-align: center;
	background: transparent;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.sbwadvertising.co.uk/acacia/media/images/navbgrnd.png', sizingMethod='noscale');
	margin-right: 1px;
	color: #FFF;
	font-size: 10px;
	font-weight: bold;
	padding-top: 5px;
	cursor: hand;
	}
	
	
* html #mainnav ul li#active {
	background: transparent;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.sbwadvertising.co.uk/acacia/media/images/navbgrnd_active.png', sizingMethod='noscale');
	}
	
#mainnav ul li a:hover {
	color: #273995;
	text-decoration: none;
	}					


/**** END ****/

	
	
.footer {
	clear: both;
	background: url(../images/footer.gif) top left no-repeat;  
	height: 23px;
	width:699px;
	padding: 60px 0 0 61px;
	color: #273995;
	font-size: 0.8em;
	}
	
.clear {
	clear: both;
	font-size: 1%;
	height: 1px;
	}
	
#copyleft ul li.btn_bgrnd, #copyleft ul li.btn_bgrnd_long {
	list-style-type: none;
	margin-left: 0px;
	}	
	
.btn_bgrnd {
	background: url(../images/btn_bgrnd.gif) top left no-repeat;
	width: 170px;
	height: 32px;
	padding-top: 13px;
	padding-left: 20px;
	text-align: left;
	}	
	
.btn_bgrnd_long {
	background: url(../images/btn_bgrnd_220px.gif) top left no-repeat;
	width: 205px;
	height: 32px;
	padding-top: 13px;
	padding-left: 15px;
	text-align: left;
	}	
	
.btn_bgrnd a, .btn_bgrnd_long a {
	color: #FFF;
	background: url(../images/arrow_white.png) 0% 50% no-repeat;
	padding: 2px 0px 2px 20px;
	}	
	
.btn_bgrnd a:hover, .btn_bgrnd_long a:hover {
	color: #abc584;
	}
	
.btn_top {
	background: url(../images/btn_top.gif) top left no-repeat;
	height: 25px;
	width: 109px;
	padding-left: 25px;
	padding-top: 5px;
	}
	
.btn_top a {
	color: #FFF;
	}
	
.arrowlink {
	background: url(../images/module_link_arrow.gif) 0% 50% no-repeat;
	padding-left: 20px;
	}			
	
.red {
	color: #FF0000;
	}
	
.printericon {
	background: url(../images/printericon.gif) 0% 0% no-repeat;
	padding: 1px 0px 3px 28px;
	}			
	
/*********************/
/***** ACCORDIAN *****/
/*********************/
	
.accordion2 {
	width: 360px;
	border-bottom: solid 1px #c4c4c4;
}
.accordion2 h3 {
	background: #e9e7e7 url(../images/arrow-square.gif) no-repeat right -51px;
	padding: 7px 15px;
	margin: 0;
	font: bold 0.9em/1.5em Georgia, "Times New Roman", Times, serif;;
	border: solid 1px #c4c4c4;
	border-bottom: none;
	cursor: pointer;
	color: #273995;
}
.accordion2 h3:hover {
	background-color: #e3e2e2;
}
.accordion2 h3.active {
	background-position: right 5px;
}
.accordion2 p {
	background: #f7f7f7;
	margin: 0;
	font-size: 1.0em;
	padding: 10px 15px 5px 15px;
	border-left: solid 1px #c4c4c4;
	border-right: solid 1px #c4c4c4;
	display: none;
}	


.accordion2 span.event {
	margin-bottom: 10px;
	display: block;
	}
	
/****** END ******/	



/*********************/
/***** VACANCIES *****/
/*********************/


ul#vaclist li {
	margin: 0 0 5px 20px;
	list-style-type: none;
	background: url(../images/module_link_arrow.gif) 0% 50% no-repeat;
	padding: 0 0 0 15px; 
	}


/****** END ******/	


/*******************/
/***** COURSES *****/
/*******************/


table.course_tbl {
	margin-bottom: 10px;
	}
	
table.course_tbl th {
	background-color: #5ca345;
	border-bottom: 5px solid #FFF;
	padding: 5px;
	font-size: 1.1em;
	color: #FFF;
	text-align: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	}	
	
table.course_tbl td {
	background-color: #eff7ec;
	padding: 5px;
	border-bottom: 5px #FFF solid;
	}	
	
.enabled {
	background: url(../images/magglass.gif) 0% 50% no-repeat;
	padding: 0 0 0 15px;
	}	
	
.disabled {
	background: url(../images/cross.gif) 0% 50% no-repeat;
	padding: 0 0 0 15px;
	}	
	

#courseheader {
	background: url(../images/course_detail_headerbox.gif) top left no-repeat;
	width: 392px;
	padding: 20px;
	margin-bottom: 20px;
	}	
	
.coursedetail_image {
	float: left;
	width: 173px;
	height: 117px;
	margin-right: 20px;
	}	
	
.coursetitle {
	font-size: 1.8em;
	color: #5aa445;
	padding-top: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	}
	
#courseinfo {
}	
	
#courseinfo p.course_headers {
	color: #5aa445;
	margin: 0px;
	padding: 0px;
	color: #5aa445;
	font-weight: bold;
	}		


/****** END ******/	


/************************/
/***** BOOKING FORM *****/
/************************/

table.booking_tbl {
	margin-bottom: 10px;
	}
	
table.booking_tbl td {
	padding: 3px;
	}
	
form.booking_frm input, form.booking_frm textarea {
	width: 200px;
	border: 1px solid #5ab83c;
	padding: 3px;
	}
	
form.booking_frm input.postcode {
	width: 100px;
	border: 1px solid #5ab83c;
	padding: 3px;
	}
	
form.booking_frm input.check {
	width: auto;
	height: auto;
	border: none;
	}	
	
form.booking_frm input:focus {
	background-color: #eef8ed;
	}					


/****** END ******/	



#comment {
	background: #eef8ed url(../images/quoteleft.gif) top left no-repeat;
	padding: 20px;
	position: relative;
	margin-bottom: 5px;
	}
	
#comment p, #commentwhite p {
	margin: 0px;
	}
	
.quoteright {
	position: absolute;
	bottom: 0px;
	right: 0px;
	background: url(../images/quoteright.gif) bottom right;
	width: 42px;
	height: 34px;
	}
	
#commentwhite {
	background: #FFFFFF url(../images/quoteleftgreen.gif) top left no-repeat;
	padding: 20px;
	position: relative;
	margin-bottom: 5px;
	}
	
.quoterightwhite {
	position: absolute;
	bottom: 0px;
	right: 0px;
	background: url(../images/quoterightgreen.gif) bottom right;
	width: 42px;
	height: 34px;
	}
		
	
.red {
	color: red;
	}
	
#profile {
	clear: both;
	width: 400px;
	}
	
#profileimage {
	float: left;
	display: inline;
	margin-right: 10px;
	width: 120px;
	}
	
#profileimage img {
	border: 1px solid #5aa445;
	padding: 5px;
	}		
	
#profiletitle {
float: left;
width: 270px;
}	
	


/* CSS for the DIV 
#acDiv{ border: 1px solid #9F9F9F; padding: 3px; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; display:none; position:absolute; left: -200px; top: 0px; z-index:999;}
#acDiv UL{ list-style:none; margin: 0; padding: 0; } 
#acDiv UL LI{ display:block;}
#acDiv A{ color:#000000; text-decoration:none; }
#acDiv A:hover{ color:#000000; }
#acDiv LI.selected{ background-color:#FF0000; color:#000000; }*/
