/*----------------------------*/
/* Main page structure layout */
/*----------------------------*/

/* JOOMLA TEMPLATE RECOMMENDATIONS */
* { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address { margin: 0.5em 0; }

/* FROM VBREF */
body { /*margin: 0px 0px 0px; padding: 0px;*/
background-color: #EFEFEF;

margin-top: 0px;
padding-top: 0px;

/* JOOMLA TEMPLATE RECOMMENDATIONS */		
font-size: 75%; 
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 1.2em;

text-align: center; /*--center hack--*/
}
/* Hack to remove top border in firefox */
html>body  {margin-top: 0px;} 
/* end hack */


/* FROM VBREF */
.skiplink { position: absolute; left: -999px; width: 0px; }
.clear { clear: both; }

/* Main page layout components */
#main { width: 768px; 
margin-top: 0px; 
padding-top: 0px;
margin: 0px auto; text-align: left; /*--center hack--*/
padding-left: 0px; /*--center hack to shift back to centre a bit--*/
background-color: #ffffff;
}

img { border: 0px; }

/* The real content area to give us the left and right margins */
#homearea { float: left; width: 754px; margin: 0px; text-align: left;
			border-top: #ffffff 0px solid; 
			border-right: #ffffff 7px solid; border-left: #ffffff 7px solid;
			background-color: #ffffff; }

/* Top of page logo holder and top links with contact details */
#head_left { float: left;  margin: 0px; text-align: left; height: 115px; background-color: #ffffff;} /* logo */
#head_r_container { float: right; width: 544px; margin: 0px; text-align: right; background-color: #ffffff;}
#head_r_t { height: 33px; background-color: #ffffff; text-align: right; font-size: 0.85em; border-top: #ffffff 20px solid;}
#head_r_b { background-color: #ffffff; width: 16.5em; height: 2em; margin-top: -10px; float: right; margin-right: 0px; padding-right: 0px;}
/* End top of page */

/* Main top bar nav */
/* See below for main navigation actual buttons */
#topnav { width: 754px; height:31px; background-color: #ffffff; background: url(../images/mainnavbg.jpg) #E1E1E1 repeat-x left top; border-bottom: #ffffff 3px solid; }
/* End top bar nav */

/* Footer for logos */
#footera { margin-left: 7px; width: 754px; border-top: #E5E5E5 1px solid; background-color: #ffffff; margin-top: 10px; }
#footera img { padding: 15px 15px 15px 15px; }
#foot { text-align: center; }
/* End footer for logos */

/* Footer navigation */
#bottom_nav { width: 768px;  background-color: #EFEFEF; padding-bottom: 20px; 
font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif; }
#bottom_nav_left { float: left;  background-color: #EFEFEF; margin-top: -14px;}
#bottom_nav_right { background-color: #EFEFEF; text-align: right; }
/* End footer navigation */

/* Phone and Email address Box */
#box { padding: 0; text-align: left; background-color: #eeeeee;	}
#boxcontent { padding-left:9px; }
#boxcontent p { color: #666666; font-size: 0.9em; font-weight: bold; margin-bottom:-8px}
#boxcontent a { color: #666666; font-size: 0.9em; font-weight: normal;  margin-bottom:-8px}
	/* Hack to get arrow line up */
		html>body #boxcontent p {margin-bottom: 3px; padding-bottom: 0px;} 
	/* end hack */
#boxcontent img { margin-top: 9px; }
#boxcontent img.env { margin-bottom: 0px; }
	/* Hack to get arrow line up */
		html>body #boxcontent img.env {margin-bottom: 0px; padding-bottom: 0px;} 
	/* end hack */
#boxbottom { height: 4px }

/* The actual box */
#tlc, #trc, #blc, #brc { background-color: transparent; background-repeat: no-repeat; }
#tlc { background-image:url(../images/corner-tl.gif); background-position: 0% 0%; }
#trc { background-image:url(../images/corner-tr.gif); background-position: 100% 0%; }
#blc { background-image:url(../images/corner-bl.gif); background-position: 0% 100%; }
#brc { background-image:url(../images/corner-br.gif); background-position: 100% 100%; }
#tb, #bb { background-color: transparent; background-repeat: repeat-x; }	
#tb { background-image:url(../images/tb.gif); background-position: 0% 0%; }
#bb { background-image:url(../images/bb.gif); background-position: 50% 100%;  }
#rb	{ background-image:url(../images/r.gif); background-position: 100% 0%; background-repeat: repeat-y; }
#lb	{ background-color: #F5F5F5; background-image:url(../images/l.gif); background-position: 0% 100%; background-repeat: repeat-y; }
/* END Phone and Email address Box */

/*----------------------------*/
/* Top navigation bar buttons */
/*----------------------------*/


#topnav a:hover img { visibility:hidden; }
.main_nav_span { visibility:hidden; position: absolute; left: 5px; top: 5px; margin: 0px; padding: 0px; cursor: pointer; }

/* ************************************************************************************************************** */
#topnav  a:hover { visibility:visible; } /* THIS IS CAUSING A PROBLEM WITH THE EMAIL A HREF LINK IN THE CONTACT BOX */
/* ************************************************************************************************************** */

#topnav a { display: block; font-size: 11px;  display: block; float: left; color: black; text-decoration: none; overflow:hidden;/* for ie to hide extra height*/ }

.main_nav1 {float: left; overflow:hidden;/* for ie to hide extra height*/	
position: relative; font-family: arial, helvetica, sans-serif;
white-space: nowrap; display: block;
margin: 0; padding: 0;
background: url(../images/top_nav/home-on.jpg) no-repeat;
width: 69px; height: 31px; }
.main_nav1 img { border: 0; }

.main_nav2 { float: left; overflow:hidden;/* for ie to hide extra height*/	
position: relative; font-family: arial, helvetica, sans-serif;
white-space: nowrap; display: block;
margin: 0; padding: 0;
background: url(../images/top_nav/courses-on.jpg) no-repeat;
width: 84px; height: 31px; }
.main_nav2 img { border: 0; }

.main_nav3 { float: left; overflow:hidden;/* for ie to hide extra height*/	
position: relative; font-family: arial, helvetica, sans-serif;
white-space: nowrap; display: block;
margin: 0; padding: 0;
background: url(../images/top_nav/news-on.jpg) no-repeat;
width: 68px; height: 31px; }
.main_nav3 img {border: 0; }

.main_nav4 { float: left; overflow:hidden;/* for ie to hide extra height*/	
position: relative; font-family: arial, helvetica, sans-serif;
white-space: nowrap; display: block;
margin: 0; padding: 0;
background: url(../images/top_nav/about_us-on.jpg) no-repeat;
width: 87px; height: 31px; }
.main_nav4 img {border: 0; }

.main_nav5 { float: left; overflow:hidden;/* for ie to hide extra height*/	
position: relative; font-family: arial, helvetica, sans-serif;
white-space: nowrap; display: block;
margin: 0; padding: 0;
background: url(../images/top_nav/visitor_events-on.jpg) no-repeat;
width: 115px; height: 31px; }
.main_nav5 img {border: 0; }

.main_nav6 { float: left; overflow:hidden;/* for ie to hide extra height*/	
position: relative; font-family: arial, helvetica, sans-serif;
white-space: nowrap; display: block;
margin: 0; padding: 0;
background: url(../images/top_nav/student_support-on.jpg) no-repeat;
width: 130px; height: 31px; }
.main_nav6 img {border: 0; }

.main_nav7 { float: left; overflow:hidden;/* for ie to hide extra height*/	
position: relative; font-family: arial, helvetica, sans-serif;
white-space: nowrap; display: block;
margin: 0; padding: 0;
background: url(/images/top_nav/contact_us-on.jpg) no-repeat;
width: 97px; height: 31px; }
.main_nav7 img {border: 0; }

.main_nav8 { float: left; overflow:hidden;/* for ie to hide extra height*/	
position: relative; font-family: arial, helvetica, sans-serif;
white-space: nowrap; display: block;
margin: 0; padding: 0;
background: url(/images/top_nav/blackboard-on.jpg) no-repeat;
width: 104px; height: 31px; }
.main_nav8 img {border: 0; }
/* End top navigation buttons */

/* Details page layout */
	/* Breadcrumb */
	#topbar { font-size: .9em; padding: .5em; background-color: #ffffff; }
	/* Left hand side menu */
	#lefthandside { float:left; background-color: #F9F9F9; width: 150px; margin-right: 7px; }
	/* Centre area for content */
	#contentarea { display: block; float:left;  width: 440px; background-color: #ffffff; }

/* Right hand side */
	/* General RHS */
	#righthandside { display: block; float:left;  width: 156px; background-color: #ffffff; border-top: #843828 25px solid; padding-left: 1px; }
	#righthandside_cs { display: block; float:right;  width: 150px; background-color: #DEDFDF; padding-left: 0px; }
	/* Advert */
	#righthandside_ad { display: block; float:right;  width: 150px; background-color: #ffffff; }
	#righthandside_ad p { background-color: #ffffff;}
	#righthandside_ad img { margin-top: 6px; }
	/* No top bar on RHS i.e. Landing pages */
	#righthandsideland { display: block; float:left;  width: 150px; background-color: #ffffff; margin-top: -6px; }
	/* Small colour bar underneath rhs menu */
	#altrighthandside { display: block; float: right; width: 150px; border-bottom: #843828 3px solid; margin-bottom: 10px; margin-top: -20px; }
	#arighthandsideland { width: 150px; background-color: #ffffff; }

/* Details page CSS */
#contentarea p  { font-size: .9em; padding-left: 6px; color: #4C4C4C; }

#contentarea blockquote  { font-size: .9em; margin-left: 30px; color: #4C4C4C; }

#contentarea ul  { font-size: .9em; color: #4C4C4C; margin-left: 0; padding-left: 48px; list-style: none; }

#contentarea li  { padding-left: 12px; background-image: url(../images/bullet-arrow.gif); background-repeat: no-repeat; background-position: 0 .5em; padding-bottom: 10px; }

#lefthandside ul  { font-size: .9em; color: #4C4C4C; margin-left: 0; padding-left: 8px; list-style: none; }

#lefthandside li  { padding-left: 12px; background-image: url(../images/bullet-arrow.gif); background-repeat: no-repeat; background-position: 0 .5em; padding-bottom: 10px; padding-right: 5px; }

#lefthandside a  { color: #000000; }

#lefthandside p { margin-left: 9px; font-size: .9em; }

/* end main content headings */

/* Right hand side menu */
#righthandside ul  { font-size: .9em; color: #4C4C4C; margin-left: 0; padding-left: 14px; list-style: none; }
#righthandside li  { padding-left: 12px; background-image: url(../images/bullet-arrow.gif); background-repeat: no-repeat; background-position: 0 .5em; padding-bottom: 10px; }
					
/* ITEM SPECIFIC CSS */
#lefthandside { line-height: 1.3em;}
#contentarea { line-height: 1.3em;}

h1 { background-image: url(../images/title-bg.gif); background-repeat: no-repeat; background-position: 0em;
color: #ffffff; font-size: 1.1em;  background-color: #ffffff; font-weight: bold;
padding: 5px .5em 10px .4em; margin: 0em 0em 0em 0em; border-left: #ffffff 0px solid; }

h1 { background-image: url(/images/main_site/landing/about_us/title-bg.gif); background-repeat: no-repeat; 
color: #ffffff; font-size: 1.1em;  background-color: #ffffff; font-weight: bold;
padding: 5px .5em 10px .4em; margin: 0em 0em 0em 0em; border-left: #ffffff 0px solid; }

h2 { color: #843828; font-size: 1.1em; border-bottom: none; padding-bottom: 0.5em; margin-left: 5px; margin-top: 2px; }
.h2_details { color: #333333; }

h3 { color: #843828; font-size: .9em; margin-left: 6px; }
.h3_details { color: #333333; margin-left: 10px;}

.main_body_box { font-weight: normal; font-size: 0.9em;  font-color: #4B4B4B; width: 100%; margin-top: 10px; background: url(../images/mainareabg.jpg) #E1E1E1 repeat-x left top; }

.tableft { float: left;  text-align: left; width: 160px; margin-bottom: 0px; padding-bottom: 12px; }
.tableft A:link {text-decoration: none; color: #4B4B4B;}
.tableft A:visited {text-decoration: none; color: #4B4B4B;}
.tableft A:active {text-decoration: none; color: #4B4B4B;}
.tableft A:hover {text-decoration: underline; color: #843828;}

.tabright { display: block; float: right; text-align: left;  }
.tabright img { margin-top: 12px; margin-right: 12px; margin-bottom: 12px;  }

.tableft2 { float: left;  text-align: left; width: 260px; margin-bottom: 0px; padding-bottom: 0px; }
.tableft2 p { margin-top: -5px; margin-left: -5px; }

.tabright2 { display: block; float: right; text-align: left;  }
.tabright2 img {  margin-right: 32px; }

.main_body_box2 { font-weight: normal; font-size: 0.9em;  font-color: #4B4B4B; width: 438px; margin-top: 10px; border: 1px solid #E8E8E8; }

.img_section { float: right; border: 1px solid #843828; margin-top: 6px; margin-left: 5px;}

.content_dots {width:100%; background: url(../images/h2dotborder.gif) repeat-x bottom; }

.col_list_left { float: left;  text-align: left;  margin-bottom: 0px; width: 200px; background-color: #ffffff; margin-top: 10px;}
.col_list_left li {margin-left: -35px; }
.col_list_right { display: block; float: right; text-align: left; padding-right: 10px; margin-top: 10px; width: 200px;}
.col_list_right li {margin-left: -30px; }

.main_body_box_ql { font-weight: normal; font-color: #4B4B4B; width: 100%; margin-top: 10px; background-color: #F7F7F7; }
.main_body_box_ql p { font-weight: bold; }

#contentarea table { margin-left: 7px;font-size: 0.9em; }
#lefthandside h1 { letter-spacing: -.05em; font-weight: 800; }
.tabtitle { float: left;  text-align: left; width: 100%; margin-bottom: 0px; padding-bottom: 2px; }
.tabtitle A:link {text-decoration: none; color: #4B4B4B;}
.tabtitle A:visited {text-decoration: none; color: #4B4B4B;}
.tabtitle A:active {text-decoration: none; color: #4B4B4B;}
.tabtitle A:hover {text-decoration: underline; color: #843828;}
.tabbody { float: left;  text-align: left; width: 100%; margin-bottom: 0px; padding-bottom: 12px; }

.main_body_box_l { font-weight: normal;  font-color: #4B4B4B; width: 100%; margin-top: 1px; background-color: #F3F3F3; }
.main_body_box_cd { float: right; font-weight: normal;  font-color: #4B4B4B; width: 100%; margin-top: 1px; background-color: #EEEEEE;}
.main_body_box_cd2 { font-weight: normal; font-color: #4B4B4B; width: 100%; margin-top: 1px; background-color: #EEEEEE; }
.main_body_box_cd p { text-align: right; margin-right: 13px; margin-bottom: 05px; }
.main_body_box_detail { font-weight: normal; font-size: 0.9em;  font-color: #4B4B4B; width: 90%; margin-top: 10px; background-color: #ffffff; margin-left: 5px;}

/*
form { background-color: #efefef; margin-left:10px; width: 35%; }
form select { font-size: .9em; margin: 5px; font-family: Verdana, Arial, Helvetica, sans-serif;}
*/

#righthandside_cs form { background-color: #DEDFDF; font-size: .9em; }
#righthandside_cs form select {  margin: 0px 0px 10px 0px; font-family: Verdana, Arial, Helvetica, sans-serif;}
#righthandside_cs form input {  font-size: .9em; margin: 0px 0px 10px -10px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.adv_search_submit { padding-left: 10px; }


A:link {text-decoration: underline; color: #333333;}
A:visited {text-decoration: underline; color: #808080;}
A:active {text-decoration: underline; color: #333333;}
A:hover {text-decoration: underline; color: #808080;}

form { background-color: #ffffff; padding: 0px 0px 0px 0px;}
#form2 { background-color: #ffffff; margin: 0px 0px 0px -7px; font-size: 1.1em;}

.blogpagination { display: block; float: center; background-color: #ffffff;  padding: 10px 5px 5px 0px; font-size: 0.9em; text-align: center; }