/* Layout Elements / Console Styles  */

/* header styles */
#logo	{float: left; width: 300px;}
	#logo img {display: block;}
#top	{float: right; width: 660px;}
	.hd_250		{float: right; width: 250px; margin-top: 3px; }
		.hd_250 a:link, .hd_250 a:visited 	{color: #FFF; text-decoration: none;}
		.hd_250 a:hover, .hd_250 a:active	{color: #97D149; text-decoration: underline;}
			.hd_250 ul {margin: 0; float: right;}
			.hd_250 ul li {list-style: none; float: left; display: inline; position: relative;}
			.hd_250 ul li a {display: block; margin-left: 2px; padding: 4px 10px; border: 1px solid #858585; background: #5D5D5D; font-size: 1.2em; line-height: 1.4em; font-weight: bold; color: #FFF; text-decoration: none;}
			.hd_250 ul li a:hover {text-decoration: underline; color: #97D149;}
			/* active links */
			body#course_finder .hd_250 ul li#nav_cf a {color: #8DC740;}
			body#howto_apply .hd_250 ul li#nav_hta a {color: #8DC740;}

	.hd_660		{width: 660px; display: block; padding-top: 15px;}
		.hd_660 a:link, .hd_660 a:visited 	{color: #5D5D5D; text-decoration: none;}
		.hd_660 a:hover, .hd_660 a:active	{color: #97D149; text-decoration: underline;}
			.hd_660 ul {margin: 0;}
			.hd_660 ul li {list-style: none; float: left; display: inline; position: relative; background: url(../../../images/bg_util.gif) no-repeat right center;}
			.hd_660 ul li a {display: block; padding: 5px 9px; font-size: 1.1em; line-height: 1.4em; color: #5D5D5D; text-decoration: none;}
			.hd_660 ul li a:hover {text-decoration: underline; color: #97D149;}
			/* remove last link styling */
			.hd_660 ul li#nav_sd {background: none;}
			.hd_660 ul li#nav_sd a {padding: 5px 0 5px 9px;}
			/* active links */
			body#home .hd_660 ul li#nav_home a {color: #8DC740; background: url(../images/bg_util_active.gif) no-repeat bottom center;}
			body#about .hd_660 ul li#nav_about a {color: #8DC740; background: url(../images/bg_util_active.gif) no-repeat bottom center;}
			body#current_students .hd_660 ul li#nav_cs a {color: #8DC740; background: url(../images/bg_util_active.gif) no-repeat bottom center;}
			body#news_events .hd_660 ul li#nav_ns a {color: #8DC740; background: url(../images/bg_util_active.gif) no-repeat bottom center;}
			body#library .hd_660 ul li#nav_library a {color: #8DC740; background: url(../images/bg_util_active.gif) no-repeat bottom center;}
			body#intranet .hd_660 ul li#nav_intranet a {color: #8DC740; background: url(../images/bg_util_active.gif) no-repeat bottom center;}
			body#careers .hd_660 ul li#nav_careers a {color: #8DC740; background: url(../images/bg_util_active.gif) no-repeat bottom center;}
			body#location .hd_660 ul li#nav_map a {color: #8DC740; background: url(../images/bg_util_active.gif) no-repeat bottom center;}
			body#staff_directory .hd_660 ul li#nav_sd a {color: #8DC740; background: url(../images/bg_util_active.gif) no-repeat bottom center;}

/* homepage rotating banner */
#banner_contain	{width: 960px; height: 280px; display: block; border-top: 1px solid #A9A9A9; overflow: hidden; background: #A9A9A9 url(../../../images/bg_banner.gif) repeat-x top left;}
	ul#banner_rotate	{margin: 0;}
	ul#banner_rotate li	{list-style: none;}

/* link styles */
dl.links	{margin: 10px 0 0 0; width: 230px;}
	dl.links dt {padding: 3px 18px; color: #FFF; font-size: 1.1em; line-height: 1.4em; font-weight: bold; text-transform: uppercase; background: #8DC740; margin-bottom: 1px;}
	dl.links dd	{background: #F2F2F2 url(../../../images/arrow_links.gif) no-repeat 7px 8px; padding: 2px 5px 2px 18px; color: #666; font-size: 1.1em; line-height: 1.4em; font-weight: bold; margin-bottom: 1px;}
	dl.links dd a {text-decoration: none; color: #666;}
	dl.links dd a:hover {text-decoration: underline; color: #666;}
		dl.links dd a:link, dl.links dd a:visited 	{color: #666; text-decoration: none;}
		dl.links dd a:hover, dl.links dd a:active	{color: #666; text-decoration: underline;}

ul.keylinks	{margin: 10px 0 0 0; width: 220px;}
ul.keylinks li {list-style: none; margin-bottom: 1px;}
ul.keylinks li a {width: 197px; padding: 2px 5px 2px 18px; display: block; font-size: 1.4em; font-weight: bold; line-height: 1.4em; color: #5D5D5D; background: #F2F2F2 url(../../../images/arrow_links.gif) no-repeat 8px 9px; text-decoration: none;}
ul.keylinks li a:hover {text-decoration: underline;}
	ul.keylinks li a:link, ul.keylinks li a:visited 	{color: #5D5D5D; text-decoration: none;}
	ul.keylinks li a:hover, ul.keylinks li a:active	{color: #5D5D5D; text-decoration: underline;}
	/* active links */
	body#howto_apply ul.keylinks li#nav_howtoapply a {background: #5D5D5D url(../images/arrow_links.gif) no-repeat 8px 9px; color: #FFF;}
	body#request_prospectus ul.keylinks li#nav_requestprospectus a {background: #5D5D5D url(../../images/arrow_links.gif) no-repeat 8px 9px; color: #FFF;}
	body#testimonials ul.keylinks li#nav_whattheysay a {background: #5D5D5D url(../images/arrow_links.gif) no-repeat 8px 9px; color: #FFF;}
	body#contact ul.keylinks li#nav_contactdetails a {background: #5D5D5D url(../images/arrow_links.gif) no-repeat 8px 9px; color: #FFF;}

/* hr styles */
div.hr_grey		{height: 1px; margin: 0 0 0.8em 0; background: #F2F2F2;}
div.hr_grey hr	{display: none;}

div.hr_greyblock		{height: 32px; margin: 0.8em 0; background: #F2F2F2;}
div.hr_greyblock hr	{display: none;}

div.hr_block	{width: 960px; display: block; height: 3px; margin: 0 0 6px 0; background: url(../images/hr_grey.gif) repeat-x top left;}
div.hr_block hr	{display: none;}

/* remove styling on news/update panels */
.col_252 a:link, .col_252 a:visited {color: #36C; text-decoration: none;}
.col_252 a:hover, .col_252 a:active	{color: #36C; text-decoration: underline;}

/* footer */
.foot_507	{float: left; width: 507px;}
	.foot_507 p {font-size: 1.1em; padding: 0 0 0 18px;}
		.foot_507 ul {margin: 0 0 0 8px;}
		.foot_507 ul li {list-style: none; float: left; display: inline; position: relative;}
		.foot_507 ul li a {display: block; padding: 0 10px; font-size: 1.1em; line-height: 1.4em; color: #4170CF; text-decoration: none;}
			.foot_507 a:link, .foot_507 a:visited {color: #4170CF; text-decoration: none;}
			.foot_507 a:hover, .foot_507 a:active	{color: #4170CF; text-decoration: underline;}
			/* active links */
			body#disclaimer .foot_507 ul li#nav_disclaimer a {font-weight: bold;}
			body#sitemap .foot_507 ul li#nav_sitemap a {font-weight: bold;}
			body#access .foot_507 ul li#nav_access a {font-weight: bold;}
.foot_427	{float: right; width: 427px;}
	.foot_427 p {font-size: 1.1em; padding: 0;}
			.foot_427 a:link, .foot_427 a:visited {color: #4170CF; text-decoration: none;}
			.foot_427 a:hover, .foot_427 a:active	{color: #4170CF; text-decoration: underline;}

/* colour blocks */
.grey_block		{display: block; background: #F2F2F2; border-bottom: 1px solid #CFCED0; min-height: 80px;}
	.grey_block	h2	{padding: 0 10px 0 10px; line-height: 80px;}
	.grey_block p {margin: 0; padding: 1px 10px 1px 0; float: right; color: #D8D4D2;}
	.grey_block p a:link, .grey_block p a:visited {color: #5D5D5D; text-decoration: none;}
	.grey_block p a:hover, .grey_block p a:active	{color: #5D5D5D; text-decoration: underline;}

/* text sizes */
.med 	{font-size: 1.4em;}
.lrg	{font-size: 1.6em;}

/* subpage banner */
#banner_sp	{width: 220px; height: 80px; margin-bottom: 10px; display: block; background: url(../images/sample.jpg) no-repeat top left;}
	/* section specific banners */
	body#about #banner_sp {background: url(../../../files/banners/subpage/sub_image_011.jpg) no-repeat top left;}
	body#current_students #banner_sp {background: url(../../../files/banners/subpage/sub_image_005.jpg) no-repeat top left;} 
	body#news_events #banner_sp {background: url(../../../files/banners/subpage/sub_image_010.jpg) no-repeat top left;} 
	body#library #banner_sp {background: url(../../../files/banners/subpage/sub_image_016.jpg) no-repeat top left;}
	body#intranet #banner_sp {background: url(../../../files/banners/subpage/sample.jpg) no-repeat top left;} 
	body#careers #banner_sp {background: url(../../../files/banners/subpage/sub_image_007.jpg) no-repeat top left;} 
	body#map #banner_sp {background: url(../../../files/banners/subpage/sub_image_015.jpg) no-repeat top left;}
	body#staff_directory #banner_sp {background: url(../../../files/banners/subpage/sub_image_002.jpg) no-repeat top left;} 
	body#study #banner_sp {background: url(../../../files/banners/subpage/studyatitb.jpg) no-repeat top left;} 
	body#campus_life #banner_sp {background: url(../../../files/banners/subpage/sub_image_018.jpg) no-repeat top left;} 
	body#research #banner_sp {background: url(../../../files/banners/subpage/sub_image_020.jpg) no-repeat top left;} 
	body#industry_innovation #banner_sp {background: url(../../../files/banners/subpage/sub_image_017.jpg) no-repeat top left;} 

/* student testimonial */
.callout	{margin: 15px 0 0 20px; width: 150px; padding: 15px; display: block; background: #FFF;}
	.callout h2 {margin: 0 0 1px 0;font-size: 1.2em; line-height: 1.4em; color: #FFF; padding: 5px; background: #8dc740;}
	.callout h2 a:link, .callout h2 a:visited 	{color: #FFF; text-decoration: none;}
	.callout h2 a:hover, .callout h2 a:active	{color: #FFF; text-decoration: underline;}

	.callout p	{margin: 1px 0 0 0; border: 1px solid #DADADA; padding: 4px;}

/* pad content area */
.pad_block 		{padding: 0 0 10px 0;}
.pad_content 	{padding: 0 10px;}
.pad_wide 		{padding: 0 11px;}

.block_700	{border: 10px solid #F2F2F2; width: 680px; display: block; margin:0 0 0.8em 0;}
	.block_170 {float: left; width: 150px; padding: 10px;}
	.block_480 {float: right; width: 490px; padding: 10px 10px 0 10px;}

.block_960	{width: 928px; padding: 16px; display: block; background: #F2F2f2; margin: 0.8em 0;}
	.block_234	{float: left; width: 234px;}
	.block_455	{float: left; width: 455px;}
	.block_230	{float: left; width: 230px;}


/* content link styles */
p.big_blue a:link, p.big_blue a:visited {font-size: 1.4em; color: #4170CF; text-decoration: none; padding: 0 0 0 20px; background: url(../../../files/grey_bullet.gif) no-repeat 0 4px;}
p.big_blue a:hover, p.big_blue a:active	{font-size: 1.4em; color: #4170CF; text-decoration: underline; padding: 0 0 0 20px; background: url(../../../files/grey_bullet.gif) no-repeat 0 4px;}

/* homepage features */
.feature	{margin: 0 0 1em 0; width: 460px; display: block; border-bottom: 1px solid #E1E1E1;}
	.feature img 	{float: left;}
	.feature h3 	{margin-left: 160px;}
	.feature p 	{margin-left: 160px;}

/* course listing */
.courselist	{width: 458px; padding: 1px; display: block; background: #F2F2F2; margin: 0 0 1em 0;}
	.courselist p {margin: 0; padding: 5px 6px; font-size: 1.1em; font-weight: bold;}
table.tblCourse		{margin-left:1px; width: 457px;}
table.tblCourse tr	{background: #F2F2F2;}
table.tblCourse th	{border: 1px solid #FFF; border-width: 0 1px; background: #FFF; vertical-align: top; padding: 5px; line-height: 1.4em; font-size: 1.2em;}
	table.tblCourse th a:link, table.tblCourse th a:visited {color: #4170CF; text-decoration: underline; padding-left: 20px; background: url(../../../images/bullet.gif) no-repeat 0 2px;}
	table.tblCourse th a:hover, table.tblCourse th a:active	{color: #4170CF; text-decoration: none; padding-left: 20px; background: url(../../../images/bullet.gif) no-repeat 0 2px;}
table.tblCourse td	{border: 1px solid #FFF; vertical-align: top; padding: 5px; line-height: 1.4em; font-size: 1.2em; color: #000;}
	table.tblCourse td span {font-weight: bold; color: #70A011;}
table.tblCourse td ul {margin: 5px 20px;}
#content table.tblCourse td ul li {font-size: 1em;}

/* Online app listing */
table.app		{margin-left:1px; width: 457px;}
/*table.app tr	{background: #F2F2F2;}*/
table.app th	{border: 1px solid #000; border-width: 0 1px; vertical-align: top; padding: 5px; line-height: 1.4em; font-size: 1.2em;}
	table.app th a:link, table.tblCourse th a:visited {color: #4170CF; text-decoration: underline; padding-left: 20px; background: url(../../../images/bullet.gif) no-repeat 0 2px;}
	table.app th a:hover, table.tblCourse th a:active	{color: #4170CF; text-decoration: none; padding-left: 20px; background: url(../../../images/bullet.gif) no-repeat 0 2px;}
table.app td	{border: 1px solid #FFF; vertical-align: top; padding: 5px; line-height: 1.4em; font-size: 1.2em; color: #000;}
	table.app td span {font-weight: bold; color: #70A011;}
table.app td ul {margin: 5px 20px;}
#content table.app td ul li {font-size: 1em;}
/*----------------------------------------------------------*/

/* news listing */
.news_snippet	{width: 460px; padding: 10px; display: block; border-bottom: 0px solid #E1E1E1;}
	.news_snippet h3 {color: #4170CF; margin: 0 0 5px 0; line-height: 1.4em;}
		.news_snippet h3 a:link, .news_snippet h3 a:visited {color: #4170CF; text-decoration: none;}
		.news_snippet h3 a:hover, .news_snippet h3 a:active	{color: #4170CF; text-decoration: none;}
	.news_snippet p {margin: 0 0 5px 0;}


.text_green {color: #669900;}


/* staff listing table and form */
table.tblStaff		{border-collapse: collapse; margin: 0 0 1.8em 0;}
table.tblStaff tr	{}
table.tblStaff th	{vertical-align: top; padding: 5px 16px; line-height: 1.4em; font-size: 1.4em; color: #690; font-weight: bold;}
table.tblStaff td	{vertical-align: top; padding: 5px 16px; line-height: 1.4em; font-size: 1.2em; border: 1px solid #E1E1E1; border-width: 1px 0;}
table.tblStaff td.name {background: #F2F2F2; font-weight: bold;}

form.frmStaff		{}
form.frmStaff fieldset		{}
form.frmStaff label			{float: left;  width: 130px; display: block; margin: 0 0 0.8em 0; font-size: 1.2em; line-height: 1.4em; color: #333;}
form.frmStaff input			{border: 1px solid #a5acb2; width: 150px;}
form.frmStaff select		{float: left; width: 300px; border: 1px solid #a5acb2;}
form.frmStaff input.btn		{width: auto; border: none; padding: 1px; background: #5d5d5d; color: #FFF; font-weight: bold; font-size: 1.2em; }

/* search listing */
p.search_title 	{font-size: 1.4em; font-weight: bold; margin-bottom: 0;}
	p.search_title span {width: 30px; display: inline-block;}
p.search_desc 	{padding: 0 0 0 30px; margin-bottom: 0;}
p.search_misc	{padding: 0 0 0 30px; color: #669900;}
		p.search_misc a:link, p.search_misc a:visited {font-weight: bold; color: #669900; text-decoration: none;}
		p.search_misc a:hover, p.search_misc a:active	{font-weight: bold; color: #669900; text-decoration: underline;}