/* ======================================== Base Styles ==============================*/
<!--

* {
	margin: 0;
	padding: 0;
}



html
{
	height: 100%;
}

body
{
	height: 100%;
}


body {
	background-color: #FFFFFF;
  font-size: 80%;
	line-height: 14px;
	font-family: Arial, Helvetica, sans-serif;
}

p{
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	background-color:transparent;
}


img { border:0;}


 
 
 
.student_home_page table, .student_home_page td, .student_home_page th{
	margin:5px; padding:5px; line-height:1.5em;
	vertical-align: top;
}
.student_home_page td img{position: relative; top:-9px;}

table { border:1px solid #66; color:#666; margin:10px 0 10px 15px;}
table th{ font-size:1.1em; 	color:#666; padding: 10px 0px 10px 0px; text-align:left;}
table td{ font-size:1em; color:#666; padding: 2px 0px 2px 0px;}
table td.bold{width:140px;}

a{ text-decoration:none;color:#666;}
a:link{color:#2b84cf;font-size: 1.1em;}
a:visited{color:#2b84cf;font-size: 1.1em;}
a:hover{color:#2b84cf;font-size: 1.1em; text-decoration:underline;}


#nav a:active{color:#fff;font-size: 1.2em;;}
#nav a:link{color: #fff;font-size: 1.2em;}
#nav a:visited{color: #fff;font-size: 1.2em;}
#nav a:hover{color:#666;font-size: 1.2em;text-decoration:underline;}




h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.8em;
	color:#fff;
	font-weight: normal;
	font-style:italic;
	background-color: #FFFFFF;
	margin:0px 0 0 0;
	padding:0px;

}

h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.5em;
	color:#2b84cf;
	background-color: #FFFFFF;
	font-weight: normal;
	margin:20px 15px 10px 15px ;
}


h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.6em;
	color:#fff;
	font-weight: bold;
	background-color: transparent;
	padding:15px 10px 5px 10px;
}

h4{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #2b84cf;
 	font-size: 1.2em;
	margin:0;
	background-color:#ecf7fc;
}

h5{
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.6em;
	color:#2b84cf;
	background-color: #FFFFFF;
	font-weight: normal;
	margin:20px 15px 10px 15px ;
}

ul li{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #666666;

}

/* ======================================== Form Elements ==============================*/
form div {display:block; clear:left; margin:0 0 7px 0; }
form fieldset { color:#99cc33; margin:20px 0px 0px 15px;  font-weight:bold; font-size:1.4em; border:1px solid #eee; padding: 0 0 15px 0;}
form fieldset legend{ color:#99cc33;margin:0px 0px 15px 0px; }
form label { color:#666; padding:9px 0px 6px 0px; font-weight:normal;font-size:0.7em; font-weight:bold; }
form .hiddenlabel {display:none;}
form span {  margin:6px 0px 9px 15px;}
form textarea{margin:6px 0px 9px 15px;}
form div.choice {display:block; clear:left; margin: 0; padding:0 15px 0 15px;}
form div.choice input {margin: 0px 0 4px 0;  line-height:normal;}
form div.choice label {margin: 0px 0 4px 8px;  line-height:normal;}

form input{
	font-family: Arial, Helvetica, sans-serif;
	color:#666666;
	height: 14px;
	padding: 3px 0px 0 3px;
	margin:4px 0px 4px 15px;
	font-size:0.8em;
	float:left;
	font-weight:normal;
}

form input.long{
	font-family: Arial, Helvetica, sans-serif;
	color:#666666;
	height: 16px;
	padding: 3px 0px 0 3px;
	margin:4px 0px 4px 15px;
	font-size:0.8em;
	width:280px;
	float:left;
	font-weight:normal;
}

form span.secondrow{
	font-family: Arial, Helvetica, sans-serif;
	color:#666666;
	height: 16px;
	padding: 2px 0px 0 2px;
	margin: -16px 0 0 0;
	float:left;
	display:inline;
	clear:right;
}

form span.secondrow label{
	margin:6px 0px 6px 15px;
}

form select {
	width:190px;
	margin: 0px 0px 20px 0px;
	font-size:0.9em;
	color: #666;
	margin:6px 0px 6px 15px;
	clear:left;
	display:block;
}

form select.date1 {
	width:50px;
	margin: 0px 0px 20px 0px;
	font-size:0.9em;
	color: #666;
	margin:6px 0px 6px 15px;
	clear:left;
	display:inline;
	float:left;
}

form select.date2 {
	width:50px;
	margin: 0px 0px 20px 0px;
	font-size:0.9em;
	color: #666;
	margin:6px 0px 6px 15px;
	clear:none;
	display:inline;
	float:left;
}

form select.date3 {
	width:100px;
	margin: 0px 0px 20px 0px;
	font-size:0.9em;
	color: #666;
	margin:6px 0px 6px 15px;
	clear:none;
	display:inline;
	float:left;
}
form select.county {
	width:150px;
	margin: 0px 0px 20px 0px;
	font-size:0.9em;
	color: #666;
	margin:6px 0px 6px 15px;
	clear:none;
	display:inline;
	float:left;
}


form input.btn{
font-family:"Trebuchet MS", helvetica, verdana, tahoma, sans-serif; color:#fff; font-weight:bold;   height:30px; cursor:pointer; padding:0 0 0 0 ; 
margin-top:12px; color:#222; font-weight:normal; font-size:1.0em;
	}


form input.sub2{
font-size:100%; font-family:"Trebuchet MS", helvetica, verdana, tahoma, sans-serif; color:#fff; font-weight:bold;  background: url(../images/buttons/submit.gif) no-repeat  0px 0px; width: 114px; height:30px; cursor:pointer; border:none; padding:0px 0 0 0 ; 
margin-top:12px; margin-left:325px;
	}
	
form input.book{
font-size:100%; font-family:"Trebuchet MS", helvetica, verdana, tahoma, sans-serif; color:#fff; font-weight:bold;  background: url(../images/buttons/book.gif) no-repeat  0px 0px; width: 114px; height:30px; cursor:pointer; border:none; padding:0px 0 0 0 ; 
margin:12px 0px 15px 425px;
	}

form input.login{
font-size:100%; font-family:"Trebuchet MS", helvetica, verdana, tahoma, sans-serif; color:#fff; font-weight:bold;  background: url(../images/buttons/login.gif) no-repeat  0px 0px; width: 93px; height:30px; cursor:pointer; border:none; padding:0 0 0 0 ; 
margin-top:12px; margin-left:225px;
	}
form input.logail{
font-size:100%; font-family:"Trebuchet MS", helvetica, verdana, tahoma, sans-serif; color:#fff; font-weight:bold;  background: url(../images/buttons/login.gif) no-repeat  0px 0px; width: 114px; height:30px; cursor:pointer; border:none; padding:0 0 0 0 ; 
margin-top:12px; margin-left:225px;
	}


/* ======================================== Layout Divs ==============================*/

#wrapper{
padding: 0; margin: 0px auto;  WIDTH: 740px; background-color:#fff;
display: block !important;	
}


/* ================== Header  ==============*/

 br.clear { clear: both;} 
 
 .bold {
 font-weight:bold;
 }
#header {
	height:103px;
/*	background-image:url(../images/logo.gif); */
	background-repeat:no-repeat;
	background-position:left center;
	background-color:#fff;
}

#header h1{
	padding:46px 0 0 232px;
	margin:0;
	background-color:transparent;
}


/* ================== Language Tabs  ==============*/
#lang_tabs {
	float:right;
	width:140px;
	height:36px;
	padding-right:1px;
	font-size:11px;
}

#lang_tabs ul {
	margin: 0 0 8px 20px;
	color: #fff;
	font-weight: bold;
	background:url("../images/buttons/lingual_tab.gif") no-repeat right top;
	width:140px;
	height:36px;
	font-size:11px;
}

#lang_tabs ul li {
	display: inline;
}

#lang_tabs ul li a {
	color: #fff;
	text-decoration: none;
	font-size:11px;
}

#lang_tabs ul.lang li.active a {
	color: #fff;
	text-decoration: underline;
}

#lang_tabs ul li a:visited{
text-decoration: none;
}


#lang_tabs ul li a:hover {
	text-decoration: underline;
}

#lang_tabs ul.lang {
	clear: none;
	list-style-type: none;
	margin: 0px 8px 0 0;
	padding:0;
}

#lang_tabs ul.lang li {
	float: right;
		
}

#lang_tabs ul.lang li a {
	display: block;
	padding: 6px 9px 5px 9px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	background: url("../images/buttons/lingual_tab_active_left.gif") no-repeat left top;
	background-repeat: no-repeat;
	font-size:11px;
}



#lang_tabs ul.lang li a:hover {
	text-decoration: underline;
}

/* ================== Navigation  ==============*/

#nav{
	float:left;
	width: 731px;
	height: 27px;
	clear:both;
	background-color: #fff;
	display:block;
}



#nav ul {
	color: #fff;
	width:730px;
	height:27px;
	float:left;
	list-style-type:none;
	background-color:#fff;
}

#nav ul li {

background:url("../images/buttons/nav_end.gif") no-repeat right top;
	background-color:#2b84cf;
	float:left;
	height:27px;
	clear:none;
}



#nav li a {
	display: block;
	padding: 6px 12px 8px 12px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	background: url("../images/buttons/nav_left.gif") no-repeat left top;
	background-repeat: no-repeat;
}


#nav  li a:hover {
	text-decoration: underline;
	color: #fff;
}


#nav ul li.active {

background:url("../images/buttons/nav_active_end.gif") no-repeat right top;
	background-color:#99cc33;
	float:left;
	height:27px;
	clear:none;

}



#nav li.active a {
	display: block;
	padding: 6px 12px 8px 12px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	background: url("../images/buttons/nav_active_left.gif") no-repeat left top;
	background-repeat: no-repeat;

}

#nav  li.active a:hover {
	text-decoration: underline;
	color: #fff;
}

/* ================== Breadcrumb  ==============*/

#breadcrumb {
width:734px;
height:37px;
background-color:#ecf7fc;
clear:both;
}

#breadcrumb ul{
float:left;
}

#breadcrumb ul li{
float:left;
list-style-type:none;
padding:11px 0px 4px 5px;
font-size:1.1em;
}

#breadcrumb ul li a{
font-size:1.1em; 
color:#666;
}

#breadcrumb p{
	float:right;
	padding:11px 11px 4px 5px;
	font-size:1.2m;
	color:#666;
}



/* =================== Left Sidebar  ==========*/

#leftcol {
	clear: left;
	float: left;
	width: 166px;
	background-color:#fff;
	margin:0 1px 0 0;

}

#leftcol p {
	padding: 0 0 10px 12px;
	font-size: 0.9em;
	line-height: 15px;
	color: #fff;
}

#leftcol a {
	color: #a4c200;
}

#leftcol h3 {
font-size:1.2em;
}


#leftcol img {
width:165px !important;
margin:2px 0 15px 0;
padding:0;
float:left;
width: 165px; 


}

#leftcol #loginbox{
	float: left;
	height:166spx;
	background: #9acd34 url("../images/cssbg/loginbox.gif") no-repeat bottom left;
	width: 166px;

}
#leftcol #loginbox a.logout {
	color: #fff;
	float:left;
	text-decoration:underline;
	margin:0px 0 0 0px;
	font-size:1em;
}

#leftcol #loginbox a {
	color: #fff;
	float:left;
	text-decoration:underline;
	margin:-20px 0 0 8px;
	font-size:0.8em;
}

#leftcol #loginbox input {
width:136px;
height:17px;
margin:0 0 10px 10px;
font-size:0.9em;
}


#leftcol #loginbox .sub {
width:37px;
height:20px;
background-color:#5da0e7;
color:#FFFFFF;
padding:3px 0 5px 0;
margin:2px 5px 5px 114px;
border:0px;
}

#leftcol #nuacht{
	background: #ecf7fc;
	color:#666;
	padding:0 0 20px 0;
	margin:0;
	border-bottom:4px solid #b4d6ef;
}

#leftcol #nuacht h4{

margin:0px 0px 5px 12px;
}

#leftcol #nuacht p {
	padding: 2px 10px 15px 12px;
	font-size: 0.9em;
	line-height: 14px;
	color: #666;
	margin:0;
}

#leftcol #nuacht strong {
	padding: 2px 10px 10px 12px;
	margin:5px 0 0 0;

}


#leftcol #nuacht strong a {
color:#666;

}




/* ======================================== Footer  ==============================*/
.page_footer{
	clear: both;
	width: 734px;
	font-size: 11px;
	margin: 5px 0 0 0;
	padding: 20px 0 0 0;;
	border-top-style: solid;
	border-top-color: #eee;
	border-width: 1px;
	background-color:#fff;
	
}
.page_footer p{
text-align:center;
margin-bottom:12px;
color:#999;
}

.page_footer p.footerheader{
color:#333;
text-align:center;
}

.page_footer a{
color:#999;
	
}

.page_footer a:hover{
text-decoration:underline;
	
}
/* ======================================== Classes  ==============================*/
 br.clear { clear: both;} 
 
 .bold {
 	font-weight:bold;
 }
 
 
.red_bold{
	color:#FF0000;
	font-weight:bold;
}
.red{
	color:#FF0000;
}




 /* ======================================== Screen Reader Hack ==============================*/
.hidden
{
	
	display					: none ;
	/* \*/
	display                 : block;
	/* */
	position                : absolute;
	left                    : -2000px;	
	top                     : -2000px;	
	width                   : 1px;	
	height                  : 1px;
}



/* =========================== additions by karl ===================*/

label.js-fError {
  color:#cc0000 !important;
  font-weight:bold !important;
}
input.js-fError, textarea.js-fError, select.js-fError {
  background-color:#fec1c1 !important;
  border:1px solid #c76060 !important;
}



.booking_list table{
  color: #666666;
  margin: 10px 10 10px 15px;
}
.booking_list table th{
  border: 1px solid #666;
  font-size:1.1em; 
  color:#666;
  padding: 10px 10px 10px 10px;
  text-align:left;
}
.booking_list table td{
  border: 1px solid #666;
  font-size:1em
  color:#666;
  padding: 5px 5px 5px 5px;
}



.timetable table{
  color: #666666;
  margin: 10px 10 10px 15px;
}
.timetable table td{
  border: 1px solid #666;
  font-size:1em
  color:#666;
  padding: 5px 5px 5px 5px;
}



.error_message{
  padding: 10px;
  margin: 10px;
  font-weight: bold;
  font-size:1.0em;
  color: #FF0000;
}
.warning{
  font-weight: bold;
  color: #FF0000;
}



.assessment_results{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}


#centreinside #course_assessment {
  position: relative;
  top: -10px;
  float: right;  
  background:url(../images/home/test.gif) no-repeat top left;
  width: 225px;
  margin:2px;
  padding-bottom:40px;
}
#centreinside #course_assessment p{
  font-weight: bold;
  font-size:1.0em;
  margin-left:35px;
  margin-top: 10px;
}







#wrapper {
	background: url("../images/cssbg/bgwrapper.gif") repeat-y left top;
	display:block;
}


/* ======================================== Centre column  ==============================*/

#centrecol{
	float:left;
	width: 389px;
	padding:0px;
	margin:0;
	font-size:1.1em;	

}

#centrecol p{
	padding:5px 15px 5px 15px;
	display:block;
	line-height.1.5em;
	
}

#centrecol img.cursai{
float:left;
clear:none;
display:block;

}

#centrecol  h5{
display:block;
line-height:1.3em;
margin:15px 15px 5px 5px ;
}

#centrecol img.cursai {
display:block;
float:left;
clear:right;
line-height:1.3em;}

#centrecol p a.cursai {
font-size:1.1em;}



/* ======================================== Right column  ==============================*/

#rightcol {
	float: left;
	width: 176px;
	background-color:transparent;


}

#rightcol img {
	width:176px;
	margin:0px 0 15px 0;
	padding:0;
	float:left;
}



#rightcol #imeachtai{
	float: left;
	width: 176px;
	border-left:1px solid #eeeeee;
	background:#5d594b url("../images/sidebars/imeachtai.gif") no-repeat top right;
	color:#e3ddc7;
	height:247px;

}


#rightcol #imeachtai p {
	padding: 2px 10px 10px 12px;
	font-size: 0.9em;
	line-height: 14px;
	color: #e3ddc7;
	margin:0;
}

#rightcol #imeachtai strong {
	padding: 0px 10px 0px 12px;
	clear:both;
	display:block;
	font-size: 0.9em;

}

#rightcol #imeachtai a{
color:#e3ddc7;
}



#rightcol #imeachtai h3 {
font-size:1.2em;
margin:0 0 10px 0;
}



#rightcol #register {
width:176px;
background:url(../images/sidebars/register.gif) no-repeat top left;
color:#2b84cf;
height:60px;
clear:both;
}


#rightcol #register p {
width:126px;
float:right;
color:#2b84cf;
font-size:0.9em;
margin:5px 0 0 10px;
}




#rightcol #front_assessment {
  position: relative;
  top: -15px;
  float: left;  
  background:url(../images/home/test.gif) no-repeat top left;
  width:176px;
  color:#FFF;
  font-size:0.9em;
  margin:2px;
  padding-bottom:40px;
  background-color: #FFF;  

}


#rightcol #front_assessment p {
width:126px;
float:right;
color:#2b84cf;
font-size:0.9em;
margin:5px 0 0 10px;
}


#rightcol #downloads {
width:176px;
float:left;
color:#2b84cf;
font-size:0.9em;
margin:5px 0 0 0px;
/* padding-bottom:20px; */
background-color:#99cc33;
	margin-bottom:50px;
}


#rightcol #downloads h3 {
font-size:1.3em;
margin:0 0 10px 0;
}
#rightcol #downloads ul{
	list-style-type: disc;
}
#rightcol #downloads ul li {
color:#FFFFFF;
margin-left:26px;
font-size:1em;
padding-bottom:2px;
}

#rightcol #downloads ul li a {
text-decoration:underline;
color:#fff;
}

#centreinside{
	float:left;
	padding:0px;
	margin:0;
	font-size:1.1em;
	line-height:1.5em;


}


#centreinside p{
	padding:5px 15px 5px 15px;
	display:block;
		font-size:1.1em;
}