/*----------------------------*/
/* 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; }

/**********************************/
/* REMOVE THESE ARE FOR DEBUGGING */
/**********************************/
.linktemp { color: #000000; background-color: #ff9933; }
.videotemp { color: #ffffff; background-color: #ff0000; }
/**********************************/

/* 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; }

/* Top of page logo holder and top links with contact details */
#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;
}

#head_left { float: left;  margin: 0px; text-align: left; height: 115px; background-color: #ffffff}
#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; background-color: #ffffff}
#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 main_navigation.css for actual buttons */
#topnav {
width: 754px; height:31px;
background-color: #ffffff;
background: url(/images/main_site/assets/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 */


#main_left { float: left; width: 405px; height: 227px; text-align: left; background-color: #ffffff; margin-bottom: 3px; }
#main_r_container { margin-left: 405px; width: 346px; height: 227px;   background-color: #ffffff; }
/* Hack to get arrow line up */
html>body #main_r_container {margin-left: 408px;} 
/* end hack */

#main_right { float:left; height: 227px;  }
#main_r_t { height: 120px; }
#main_r_b { height: 101px;  }

/* 6 column layout*/
#col_container { width: 754px; }

#cont_a { float:left;  width: 104px; background-color: #ffff00; background: url(/images/main_site/assets/dotborder.gif) repeat-y left; margin-right: 2px;}
#cont_b { display: block; float:left; height: 200px; width: 104px; background-color: #ffff33; background: url(/images/main_site/assets/dotborder.gif) repeat-y left; margin-right: 2px}
#cont_c { display: block; float:left; height: 200px; width: 104px; background-color: #ffff66; background: url(/images/main_site/assets/dotborder.gif) repeat-y left; margin-right: 2px}
#cont_d { display: block; float:left; height: 200px; width: 104px; background-color: #ffff99; background: url(/images/main_site/assets/dotborder.gif) repeat-y left; margin-right: 2px}
#cont_e { display: block; float:left; height: 200px; width: 104px; background-color: #ffffaa; background: url(/images/main_site/assets/dotborder.gif) repeat-y left; margin-right: 3px}
#cont_f { display: block; float:left; height: 200px; width: 223px; background-color: #F4F4F4; }
/* End 6 column layout */

/* 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 }


#tlc, #trc, #blc, #brc { background-color: transparent; background-repeat: no-repeat; }

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

#homearea {  margin: 0px; text-align: left; 
			padding: 0px 0px 0px 0px;
			background-color: #ffffff;
}

/* Course Search */
form p { font-size: .9em; font-weight: bold; font-color: #666666; }
#course_search .submit_button { padding-top: 10px; }
#moduletable { float:left; }
/* End Course search */

/*----------------------------*/
/* 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; }
#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 { margin-top: -6px; background-color: #ffffff;}
	#righthandside_ad img { margin-top: 6px; }
	/* No top bar on RHS i.e. Landing pages */
	#righthandsideland { display: block; float:right;  width: 150px; background-color: #ffffff; }
	/* Small colour bar underneath rhs menu */
	#altrighthandside { display: block; float: right; width: 150px; border-bottom: #843828 3px solid; margin-bottom: 10px; margin-top: -10px; }
	#arighthandsideland { width: 150px; background-color: #ffffff; }

/* Landing page CSS for main area structure */
#land_strap { background-color: #EFEFEF; padding-top: 5px; padding-bottom: 12px; width: 440px;}

#land_cols_container { width: 440px; margin-top: 7px; margin-bottom: 13px; }
#land_cols_container p { width: 130px;}

#landing_table img { margin-bottom: 2px; }
.tdback {background: url(/images/main_site/assets/landdotborder.gif) repeat-y right;} 
/* End landing page for main area structures */

/* Landing page style */
.landing_h2 { background-image: url(/images/main_site/landing/about_us/h2.gif); background-repeat: no-repeat; background-position: 0em; color: #ffffff; font-size: .9em;   font-weight: normal;
padding: 2px 0em 10px .4em; margin: 0em 0em 0em 0px; border-left: #ffffff 0px solid; }

/* Hack to get heading space correct */
html>body .landing_h2 {margin-top: 2px; } 
/* end hack */

.landing_h3 { background-image: url(/images/main_site/landing/about_us/h3.gif); background-repeat: no-repeat; background-position: 0em; color: #333333; font-size: .9em;   font-weight: normal;
padding: 0px 2.5em 0px 0em; margin: 0em 0em 10px 0px;  text-align: right;}

#lcol_c .landing_h3 { margin-right: -1em; }

#land_updates { background-image: url(/images/main_site/landing/about_us/landing_bullet.gif); background-repeat: no-repeat; background-position: 4px 8px; background-color: #ffffff; padding-top: 0px; padding-bottom: 0px; padding-left: 10px; border: #E2E1E9 1px solid; width: 428px; margin-top: 10px;}
/* End land page style */

/* 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: 7px; list-style: none; }

#contentarea li  { padding-left: 12px; background-image: url(/images/main_site/landing/vacancies/link-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/main_site/landing/about_us/bullet-arrow.gif);
					background-repeat: no-repeat; background-position: 0 .5em; padding-bottom: 12px; }

#lefthandside { line-height: 1.3em;}
#contentarea { line-height: 1.3em;}
/* Font weight set to bold at end for other browsers this is just for SAFARI */
#lefthandside h1 { letter-spacing: -.05em; font-weight: normal; }



/* Heading use for main content area, this used to be the H1 but is now pulled from CMS */
.componentheading { 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; }

.contentitem 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; }
/* 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/main_site/landing/about_us/bullet-arrow.gif); background-repeat: no-repeat; background-position: 0 .5em; padding-bottom: 10px; }
					
/* ITEM SPECIFIC CSS */
#cont_a img, #cont_b img, #cont_c img, #cont_d img , #cont_e img  {margin-left: 1px; margin-bottom: -8px; }
#cont_f img { margin-left: 0px; }

#contentarea img  { margin-left: -6px; }
#land_cols_container img { margin-left: 0px; }
#main_landing_image img { margin-left: 0px; }

#contentarea img.img_left { dispaly: block; border: #843828 1px solid; float: left; margin-top: 8px; margin-left: 0px; margin-bottom: 20px; margin-right: 19px; }
#contentarea img.img_right {dispaly: block;  border: #843828 1px solid; float: right; margin-top: 8px; margin-left: 20px; margin-bottom: 20px; margin-right: 0px; }
#contentarea img.pdf_left { dispaly: block; border: #ffffff 0px solid; float: left; margin-top: 2px; margin-left: 0px; margin-bottom: 2px; margin-right: 5px; }

#cont_container p { margin-left: 7px; font-size: .9em; color: #000000; line-height: 1.2em; margin-top: 14px;}

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; }

.h1_left { color: #ffffff; font-size: 1.1em;  background-color: #843828;
		padding: 6px .5em 4px 0.4em; margin: 0em 0em 0em -2px;  }

h2 { color: #843828; font-size: 1.1em;
border-bottom: none; padding: 17px 0px .8em 0px; margin-left: 6px; background: url(/images/main_site/assets/h2dotborder.gif) repeat-x top; margin-top:20px;}

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

em { margin-left: -1px;font-size: 1em; }

.detail_link { display:block; background-image: url(/images/main_site/landing/university_level/link-arrow.gif); background-repeat: no-repeat; background-position: center right;
color: #ffffff;  background-color: #efefef; font-size: .9em;
padding: 5px 19px 9px 14px; margin: 10px 0em 0em 7px; width: 400px;}

.h2_pagetop  { color: #843828; font-size: 1.1em; background: none;
border-bottom: none; padding: 0px 0px .8em 0px; margin-left: 6px; margin-top:9px;}

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;}

#about_us_details { background-color: #f9f9f9; padding-top: 0px; padding-bottom: 0px; padding-left: 10px; border: #E2E1E9 1px solid; width: 428px; margin-top: 10px; margin-right: 0px; }

#about_us_details p { padding-right: 10px; }

.applytext { font-weight: bold; }

#contentarea img { padding-left: 7px; }

.tableitem { width: 80%; font-size: .9em; color: #4C4C4C;
margin: 10px 0px 10px 30px; }

.tableft { float: left; background-color: #ffffff; }
.tabright { margin-left: 19em; text-align: left; background-color: #ffffff; }

.tableps { width: 95%; font-size: .9em; color: #4C4C4C;background-color: #e8e8e8; 
margin: 5px 0px 0px 12px; }

.leftps { float: left; background-color: #e8e8e8; width: 210px; }
.rightps { float: left; text-align: left; background-color: #e8e8e8; margin-right: 5px;}

#h3_ps  { margin-top: 14px; }

/* Hack to get Left hand side H1 correct size in SAFARI */
/* Must be included as last statement */
/* The # forces SAFARI to stop */
#lefthandside h1 {  font-weight: bold;# }
/* end hack */