/*/////////////////////////////////////////////////////////////////////////////////

main.css
Base styles for the external website.
University of Sussex.

/////////////////////////////////////////////////////////////////////////////////*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var, fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	}

body { 
	margin: 0;
	padding: 10px 0 10px 0;
	text-align: left;
	font-size: 75%;
	font-weight: normal;
	font-family:  Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	color: #004D5D;
	background: #d2e8ee;
}

/*///////////////////////////////// LINKS ///////////////////////////////////////*/

a:active, a:focus {
    outline: 0;
	}

a {
	color: #05354F;
	text-decoration: underline;
	}

a:hover, a.active {
	text-decoration: none;
	color: #074A6F;
	}

/*//////////////////////// HEADINGS, PARAGRAPHS AND LISTS ///////////////////////*/

p, li, table td {
    font-size: 1.1em;
    color: #004D5D;
    line-height: 1.35em;
	}

p {
    padding: 0;
    margin: 0 0 15px 0;
	}
	
p.extra_top_margin{
    margin-top:.2em;
	}

p.date {
	font-size: 1em;
	font-weight: normal;
	margin: 0;
	color: #07687F;
	line-height: 1.5em;
	text-align: left;
	}
	
pre {
    font-size: 1.2em;
	}
	
#standfirst p {
	color: #11748F;
	font: normal 1.4em Arial, Helvetica, sans-serif;
}
	
#standfirst a {
	color: #007D9F;
	text-decoration:underline;
	}
	
#standfirst  h1 {
	font: normal 2.2em georgia, serif;
	margin: 0 0 .9em 0;
	padding: 0;
	color: #007D9F;
	line-height: 1em;
	}
#fixed_title h1 {
	font: normal 2.2em georgia, serif;
	margin: -5px 0 7px 0;
	padding: 0;
	color: #007D9F;
	}
	
#standfirst h2 {
	font: normal 2em georgia, serif;
	margin: 0 0 .9em 0;
	padding: 0;
	color: #007D9F;
	}	
	
h1 {
    font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2em;
    padding: 0;
    margin: 0 0 20px 0;
	font-weight: normal;
	line-height: 1em;
	}

h2 {
	font-size: 1.6em;
    padding: 0;
    margin: 0 0 20px 0;
	font-weight: bold;
	line-height: 1.2em;
	}
	
h2 a {
	text-decoration: underline;
	}
h2 a:hover {
	text-decoration: none;
	}
	
h2.box  {
	padding: 10px;
	color:#fff;
	margin:5px 0 0 0;
	}

h2.top {
	font-size: 1.6em;
    padding: 0;
    margin: 0;
	font-weight: bold;
	}

h3 {
    font-size: 1.4em;
    margin: 0 0 15px 0;
    padding: 0;
	font-weight: bold;
	}
	
h3 a{
    text-decoration:none;
	}

h3.box  {
	padding: 7px 0 7px 10px;
	color:#fff;
	margin:5px 0 0 0;
	}

h4 {
    font-size: 1.2em;
    margin: 0 0 15px 0;
    padding:0;
	font-weight: bold;
	}

h5 {
    font-size: 1.1em;
    padding: 0;
	font-weight: bold;
	}
	
h5 a {
	text-decoration:none;
	margin: 0 0 -15px 0!important;
}

h5 a:hover {
	text-decoration:underline;
}
	
/* These selectors bring any paragraph / list *that is proceeded by a h1 or h2* up (i.e. reduces the margin between headers and paragraphs/lists) */

h1 + p {
	margin-top: -1em;
	}
	
h1.print_only + p {
	margin-top: 0;
	}
	
h2 + p, h2 + ul {
	margin-top: -1.4em;
	}

h3 + p, h3 + ul {
	margin-top: -1em;
	}
		
h4 + p, h4 + ul {
	margin-top: -.3em;
	}

abbr {
	border-bottom: 1px dotted grey;
	font-weight: bold;
	}

i	{
	font-size: 1em;
	}

legend {
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 5px;
	}
	
ul  {
	margin: 0 0 15px 0;
	padding: 0 0 0 30px;
	}
	
ul.padded_list li {
	padding: 5px;
	}
	
ul.padded_list li p {
	font-size: 1em;
	}
	
.box  li {
	margin-bottom: 1em;
	}
	
span.asterisk {
	vertical-align:super;
	color:#CF3E26;
	line-height: 1.7em;
	}
	
/* Float an image right with margin */

img.float_right {
	float: right;
	margin: 10px 0 20px 20px;
	}

/*////////////////////////////////// TABLES ////////////////////////////////////*/	

td p, td li {
	font-size: 1em;
	}
		
table.standard {
    width:auto;
	margin-bottom:10px;
	margin-top:10px;

	}

table.standard th {
    background-color:#0BA0C8;
	vertical-align:top;
    color: #fff;
    text-align:left;
	font-size:1.1em;
	padding:8px;
	}
	
table.standard th.right_curve {
    background: #0BA0C8 url(/includes/images/external/corners/banner/banner_corner_top_right.gif) top right no-repeat;
	}

table.standard td  {
    padding:4px 6px 4px 6px;
    line-height:1.4em;
	font-size:1.2em;
	vertical-align:top;
	}
	
table.standard td p  {
	font-size:1em;
	}

table.standard td.highlight_column {
	background-color:#61C4DF;
	font-weight:bold;
	}

#navigationcell {
	width: 220px;
	}

table.standard tr  {
	background-color:#99D0DF;
	}
	
table.standard tr.odd  {
	background-color:#EFFEFF;
	}
table.standard tr.even  {
	background-color:#E0ECEF;
	}
	
	
table.white td {
	vertical-align:top;
    color: #fff;
    text-align:left;
	font-size:1.4em;
	padding:.6em;
	}
	

table.bordered tr,
table.bordered th,
table.bordered td {
	border-width: 1px !important;
	border-style: solid;
}
table.style1 {
    margin: 1em 0 1em 0;
    border-collapse: collapse;
	border-color: #fff;
	border-width: 0;
}
table.style1 tr {
    background-color: #99D0DF;
    border-color: #fff;
}
table.style1 th {
    text-align: left;
    padding: 6px;
    background-color: #0BA0C8;
    color: #fff;
    border-color: #fff;
}
table.style1 td {
    padding: 4px 6px;
    line-height: 1.4em;
    vertical-align: top;
    border-color: #fff;
}
table.style1 tr.odd       { background-color: #EFFEFF; }
table.style1 tr.even      { background-color: #E0ECEF; }
table.style1 tr.highlight { background-color: #61C4DF; }
	
/*//////////////////////////////////// VIDEO //////////////////////////////////*/	

.flash_video {
	float:left; 
	margin:0px 6px 10px 0px; 
	border:1px solid; 
	width:385px;
	height:315px;
	}

.flash_video p{
	padding:5px;
	}
	
p.video_caption {
	width:510px;
	}
	
/*/////////////////////////////// CONTAINER / WRAPPER ////////////////////////////*/

#container {
	min-width: 770px;
	max-width: 870px;
	width: expression(document.body.clientWidth < 1000? "770px" : "870px");
	margin: 0px auto 0px auto;
	background: #fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.container_corner_tl {
	background: url(/includes/images/external/corners/wrapper/tl.gif) top left no-repeat;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	}
.container_corner_tr {
	background: url(/includes/images/external/corners/wrapper/tr.gif) top right no-repeat;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	}
.container_corner_br {
	background: url(/includes/images/external/corners/wrapper/br.gif) bottom right no-repeat;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	}
.container_corner_bl {
	background: url(/includes/images/external/corners/wrapper/bl.gif) bottom left no-repeat;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	}

#wrapper {
	padding: 12px;
	}	

/*//////////////////////////////////// HEADER ///////////////////////////////////*/

#logo {
	float: left;
	margin-top:3px;
	}
		
#topright_nav {
	text-align: right;
	float: right;
	font-size: 1em;
	color: #244857;
	line-height: 1em;
	padding-bottom: 7px;
	}
	
#topright_nav ul {
	margin: 0;
	padding: 0;
	}
		
#topright_nav li { 
	display: inline;
	padding: 0;
	margin: 0;
	}
	
#topright_nav a {
	font-size: 0.9em;
	text-decoration: none;
	}

#topright_nav a:hover {
	text-decoration: underline;
	}

	/*/////////////////////SEARCH///////////////////*/
	
	#header_search_container {
		width: 310px;
		height: 40px;
		position: relative;
		text-align: right;
		}
	
	#header_search_radiobuttons {
		position: absolute;
		left: 0px;
		top: 0px;
		margin-top: 9px;
		font-size: 11px;
		width: 100px;
		}
		
	#header_search {
		position: absolute;
		left: 110px;
		top: 0px;
		text-align: right;
		border: 1px solid #CCCCCC;
		width: 195px;
		height: 18px;
		margin: 8px 0 0 0;
		padding: 2px 2px 2px 3px;
		-moz-border-radius-topright: 8px;
		-webkit-border-top-right-radius: 8px;
		}
		
	input#header_search_input {
		border: 0px solid #000000;
		vertical-align: top;
		width: 170px;
		font-size: 0.9em;
		line-height: 1em;
		color: #636363;
		margin-top: 1px;
		}
	
	input#header_search_go {
		background: url(/includes/images/external/magglass.gif) no-repeat top right;
		width: 19px;
		height: 19px;
		border: 0;
		cursor: pointer;
		margin: 0;
		}
	
	select#quicklinks_block {
		padding: 0;
		margin-top: 0px;
		border: 1px solid #CCCCCC;;	
		}

/*////////////////////////////////// MAIN NAV ////////////////////////////////////*/
	
#main_nav {
	clear: both;
	position: relative;
	height: 42px; 
	width: 100%;
	margin-top:-10px;
	background: transparent url(/includes/images/external/main_nav/main_nav_bg.gif) no-repeat top right;
	}

#main_nav ul li.last a:hover #main_nav {
	background: url(/includes/images/external/main_nav/main_nav_bg_hover.gif) no-repeat top right;
	}
	
#main_nav ul {
	margin: 0;
	padding: 0;
	}
	
#main_nav ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline;
	}
	
#main_nav .top_left_corner {
	background: transparent url(/includes/images/external/main_nav/main_nav_top_left_corner.png) no-repeat top left;
	position: absolute;
	top: 0;
	left: 0;
	width: 11px;
	height: 11px;
	z-index: 2;
	}

#main_nav ul li a {
	background: transparent url(/includes/images/external/main_nav/main_nav_bg.gif) no-repeat top right;
	float: left;
	width: 14.25%;
	line-height: 42px;
	color: #fff;
	text-align: center;
	font-size: 1.2em;
	text-decoration: none;
	}

#main_nav ul li a:hover, #main_nav ul li a:focus, #main_nav ul li a.active {	
	background: url(/includes/images/external/main_nav/main_nav_bg_hover.gif) no-repeat top right;
	text-decoration: none;
	}
	
#main_nav ul li.last a {	
	background: url(/includes/images/external/main_nav/main_nav_last_link.gif) no-repeat top right;
	width: 14.2%;
	float: right;
	}
	
#main_nav ul li.last a:hover, #main_nav ul li.last a:focus, #main_nav ul li.last a.active  {	
	background: url(/includes/images/external/main_nav/main_nav_last_link_hover.gif) no-repeat top right; 
	text-decoration: none;
	}
				
/*//////////////////////////////////// BREADCRUMB ///////////////////////////////////*/
				
#breadcrumb_nav {
	background: #d2e8ee;
	margin-bottom: 10px;
	font-size: 1em;
	border-bottom:1px solid #49a1bb;
	}
	
#breadcrumb_nav ul {
	margin: 0;
	padding-left: 0;
	}
		
#breadcrumb_nav li { 
	display: inline;
	list-style-type: none;
	}
			
#breadcrumb_nav a {
	padding: 0 10px 0 5px;
	line-height: 20px;
	color: #244857;
	font-size: 1em;
	text-decoration:none;
	background: url(/includes/images/external/breadcrumb_arrow.gif) no-repeat right;
	}

#breadcrumb_nav li.last {
	padding-left: 5px;
}
	
#breadcrumb_nav li.last a  {
	background: none;
	position: relative;
	left: -5px;
	}

#breadcrumb_nav a:hover {
	text-decoration:underline;
	}
					
/*////////////////////////////////// LEFT NAV ////////////////////////////////////////*/

#left_nav {	
	float: left;
	width: 185px;
	margin-bottom: 20px;
	}
				
#left_nav a {
	width: 100%;
	background: #49A1BB;
	margin: 0px 0px 1px 0px;
	padding: 7px 7px 7px 20px;
	display: block;
	color: #fff;
	text-decoration: none;
	}

#left_nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
	
#left_nav li {
	margin: 0 0 1px 0;
	padding: 0;
	}
			
#left_nav li a:hover, #left_nav li.active a, #left_nav li.lastactive a{
	background: #49A1BB url(/includes/images/external/corners/left_nav/left_nav_hov.gif) no-repeat left;
	text-decoration: none;
	color: #ffffff;
	}

#left_nav li.first a {
	background:  #49A1BB url(/includes/images/external/corners/left_nav/left_nav_top_link) no-repeat top right;
	}
			
#left_nav li.first a:hover, #left_nav li.firstactive a{
	background:  #49A1BB url(/includes/images/external/corners/left_nav/left_nav_top_link_hov.gif) no-repeat top right;
	text-decoration: none;
	color: #ffffff;	
	}
	
#left_nav .sub li.qualification {
	background:  #0BA0C8 url(/includes/images/external/corners/left_nav/left_nav_top_link) no-repeat;
	width: 100%;
	margin: 0px 0px 1px 0px;
	padding: 7px 7px 7px 20px;
	display: block;
	color: #fff;
	}
		
#left_nav ul ul {
	width: 100%;
}
			
#left_nav .sub a {
	font-size: 13px;
	width: 100%;
	background: #dcebf0 !important;
	margin: 0px 0px 1px 0px;
	padding: 7px 2px 7px 25px !important;
	display: block;
	color: #0d5d74 !important;
	text-decoration: none;
	}

#left_nav .sub a:hover, #left_nav .sub li.active a {
	background: #dcebf0 url(/includes/images/external/corners/left_nav/left_nav_sub_hov.gif) no-repeat !important;
	text-decoration: none;
	color: #0d5d74;
	}
.see_also a, .see_also  a:hover{
	background: #fff url(/includes/images/external/corners/left_nav/left_nav_see_also.gif) no-repeat !important;
	color:#004D5D!important;
	padding: 5px 2px 5px 25px !important;
}

#left_nav .see_also h3 {
	padding-top: 20px;
	margin-bottom: 5px;
	font-weight: normal;
}

		
/*/////////////////////////////////////// CONTENT ////////////////////////////////////*/

#content {
	margin-left: 220px;
	}
	
	/*///////////////////////////////// CONTENT BANNER ///////////////////////////////*/	

	#content_banner {
		height: 180px;
		margin: 0px 0px 10px 0px;
		text-align: left;
		background: #49a1bb url(/includes/images/external/corners/banner/banner_corner_top_right.gif) top right no-repeat;
		color: #fff;
		}
		
	#content_banner_image {
		float: left;
		border-right: 3px solid #fff;
		margin-right: 10px;
		margin-bottom: -5px;
		}
		
	#content_banner_image_full {
		margin-bottom: 10px;
		height: 180px;
		}
		
	#content_banner_image_full .corner {
		float: right;
		background:  url(/includes/images/external/corners/banner/banner_corner_top_right.png) top right no-repeat;
		height: 11px;
		width:11px;
		}
		
	#content_banner_text {
		padding: 10px;
		font-size: 1.3em;
		}
		
	#content_banner_text p {
		line-height:20px;
		color:#fff;
		}
		
	#content_banner_text p.longtext {
		padding: 12px 20px 20px 20px;
		line-height:20px;
		color:#fff;
		font-size: 1em;
		}
		
	#content_banner_text p.quote {
		font-family: georgia, serif;
		color:#fff;
		}
		
	#content_banner_text p.caption{
		font-size: .8em;
		line-height:13px;
		}
	
	#content_banner_text p.largetxt{
		font-size:1.2em;
		color:#fff;
		}
				
	#content_banner_text h2 {
		font-size:1.5em;
		color:#fff;
		}
		
		#content ul.aligned {
margin-left:0;
padding-left:0;	
	
}

#content ul.aligned li {
margin-left:1em;
}
	/*///////////////////////////////////// PHOTOS ///////////////////////////////////*/
	
	.profile_photo {
		margin-bottom:10px;
		height:100px
		}
		
	.profile_photo img {
		float:left;
		}
		
	.profile_photo p {
		margin-left: 103px;
		padding-top: 95px;
		vertical-align:bottom;
		font-size:1.2em;
		line-height:15px;	
		}

	
	.content_image_right {
		float: right;
		margin: 0 0 5px 20px;
		}
		
	.content_image_right p {
		margin: 10px 0 0 0;
		font-size: 1em;
		width:250px;		
		}
		
	.content_image_left {
		float: left;
		margin: 0 20px 5px 0;
		}
		
	.content_image_left p {
		margin: 10px 0 0 0;
		font-size: 1em;
		width:250px;		
		}

/*//////////////////////////////// CONTENT COLUMNS ///////////////////////////////*/	 


.column_container {	
	margin-top: 20px;
	}		
	
.left {	
	float:left;
	}
	
.right {	
	float:right;
	}	
	
.equal {	
	width:49%;
	}
	
.greater {	
	width:63%;
	}	
	
.less{
	width:34%;
	}
	
.feature_left{
	width:70%;
	float:left;
	}
	
.feature_right{
	width:25%;
	float:right;
	margin-top:2em;
	}

/*//////////////////////////////// CONTENT BOXES ///////////////////////////////*/	 	
	
.box {	
	margin-bottom: 20px;
	padding: 1em;
	overflow: hidden;
	}
	
.box ul {
	margin: 0 0 10px 0;
	padding: 0 0 0 15px;
	}
	
	/*/// white text ///*/
	.white p, .white h1, .white h2, .white h3, .white a, .white li {	
		color: #fff;
		}
	
	/*/// rounded top-right corner ///*/
	.rounded {
		background: url(/includes/images/external/corners/banner/banner_corner_top_right.png) top right no-repeat;
		}
		
/*//////////////////////////////// BACKGROUND COLOURS///////////////////////////////*/	

/*//dark colours//*/	

.bgcolord1 {	
	background-color:#B79F1D;
	}
	
.bgcolord2 {	
	background-color:#5A4486;
	}

.bgcolord3 {	
	background-color:#57AA54;
	}
	
.bgcolord4{	
	background-color:#0C8861;
	}
	
.bgcolord5 {	
	background-color:#02A8A8;
	}
	
.bgcolord6 {	
	background-color:#1D4F9F;
	}
	
.bgcolord7 {	
	background-color:#CF3E26;
	}

.bgcolord8 {	
	background-color:#004D5D;
	}

.bgcolord9 {	
	background-color:#782B91;
	}
	
.bgcolord10 {	
	background-color:#B52085;
	}

.bgcolord11 {	
	background-color:#009EC5;
	}

.bgcolord12 {	
	background-color:#E27507;
	}
	
/*//light colours//*/	

.bgcolorl1 {	
	background-color:#73CADF;
	}

.bgcolorl2 {	
	background-color:#E7AC73;
	}

.bgcolorl3 {	
	background-color:#DF6FBD;
	}
	
.bgcolorl4 {	
	background-color:#FFBFED;
	}
	
.bgcolorl5 {	
	background-color:#C2EFEF;
	}
	
.bgcolorl6 {	
	background-color:#C2E6EF;
	}
	
.bgcolorl7 {	
	background-color:#EFEFEF;
	}

/*//////////////////////////////// IMAGES ///////////////////////////////*/	 

	
img.right {
	float:right;
	margin: 5px 0 0 5px;
	}
	
	

/*//////////////////////////////// COLOURED BLOCKS - needs to be phased out don't use ///////////////////////////////*/	 
	
.coloured_block {
	padding:10px;
	}
	
.coloured_block img {
	float:left;
	margin-right:5px;
	}
	
/*////////////////////////////// INFORMATION BOXES - needs to be phased out don't use  ///////////////////////////////*/	 
	
	.information_box {
		width: 180px;
		float: right;
		margin: 10px 0 0 5px;
		}
	
	.information_box p {
		padding: 5px;
		}
	
	.orange {
		background: #E27507 url(/includes/images/external/corners/information_boxes/orange_corner_top_right.gif) top right no-repeat;
		padding:10px;
		}	
	
	.information_box h2 {
		font-size:1.8em;
		color:#fff;
		}
	
	.information_box h2 {
		font-size:1.8em;
		color:#fff;
		}
	
	.information_box h3 {
		font-size:1.3em;
		color:#fff;
		}
		
	.information_box p {
		color:#fff;
		font-size:1.2em;
		}
		
	.information_box p.small_italic {
		font-size:1.2em;
		font-style:italic;
		}
		
	.information_box ul {	
		margin-right: 10px;
		}
	
	/*///////////////////////////// KEY FACTS BOXES  - needs to be phased out don't use /////////////////////////////////*/	 
	
	.key_facts_box {
		float: right;
		width: 225px;
		margin:5px 0 5px 5px;
		border: 1px solid #0BA0C8;
		border-top: 0px solid #0BA0C8;
		}
	
		
	.key_facts_box h3 {
		background: #0BA0C8 url(/includes/images/external/corners/banner/banner_corner_top_right.gif) top right no-repeat;
		margin-top:0;
		padding:10px 0 5px 10px;
		height:25px;
		color:#fff;
		width: 216px;
		}
	
	.key_facts_box h4 {
		padding-left: 10px;
		font-size:1.3em;
		}
		
	.key_facts_box ul {	
		padding-top:7px;
		margin-right: 10px;
		}

	/*////////////////////////////// SHADED BOX  - needs to be phased out don't use //////////////////////////////*/
	
	.blue_shaded_box {
		padding: 10px;
		background: #D2E8EE;
		margin-top:10px;
		}
		
		
		
	
/*///////////////////////// STUDENT PERSPECTIVES do not use///////////////////////////*/	


.student_perspective {
	margin-top: 10px;
	font-size: 9px;
	}
	
.student_perspective h3 {
	background: #4896AD url(/includes/images/external/corners/student_perspectives/top_right_corner.gif) no-repeat top right;
	font-size: 1.5em;
	color: #FFFFFF;
	padding: 5px 5px 5px 19px;
	font-family: arial, helvetica, sans-serif;
	}
	
.student_perspective_content {
	border-right: 1px solid #4896AD;
	margin: 0;
	padding: 10px 20px 0 20px;
	}
	
.student_perspective_content {
	font-size: 1.3em;
	}
	
.student_perspective p.student_perspective_footer  {
	font-weight: bold;
	width: 400px;
	font-size: 1.3em;
	line-height: 1.3em;
	margin-bottom: 10px;
	}
	
.student_perspective img {
	float:right;
	margin: 0 10px 0 5px;
	}

/*///////////////////////////////////// PEOPLE LISTS /////////////////////////////////*/
	
.people_list_person {
	margin-top: 20px;
	}
	
.people_list_person hr {
	background: #49A1BB;
	border-top: 1px solid #D2E8EE;
	height: 1px;
	clear: both;
	}	
	
.people_list_person h2 {
	padding-top: 0;
	}
	
.people_list_person img {
	float: left;
	margin: 0 10px 20px 0;
	}


	/*///////////////////////////////////// ESSENTIALS /////////////////////////////////*/
	
	.essentials {
		float: left;
		width: 290px;
		margin:5px 20px 5px 5px;
		background-color:#dcebf0;
		padding-bottom:80px;
		}
		
	.essentials p {
		margin-left:10px;
		}
	
	.essentials h3 {
		background: #0BA0C8 url(/includes/images/external/corners/banner/banner_corner_top_right.gif) top right no-repeat;
		padding-left:10px;
		height:25px;
		color:#fff;
		}
	
	.essentials h4 {
		padding-left:10px;
		}
	
	.essentials img{
		float:right;
		margin-right:10px;
		}

	/*////////////////////////////////// CORE COURSES //////////////////////////////////*/
	
	.corecourses {
		width: 550px;
		margin: 5px 20px 5px 5px;
		background: #dcebf0;
		}
		
	.corecourses  p {
		margin-left: 10px;
		}
	
	.corecourses  h3 {
		background: #0BA0C8 url(/includes/images/external/corners/banner/banner_corner_top_right.gif) top right no-repeat;
		padding-left:10px;
		margin-bottom:10px;
		height:25px;
		color:#fff;
		}
		
	.corecourses  h4 {
		padding-left:10px;
		}

	/*////////////////////////////////////// A to Z ////////////////////////////////////*/	
	
	h2.atoz_letter {
		font-size: 3em;
		}
	
	td.az_right {
		text-align: right;
		}
	
	/*////////////////////////////// NEWS AND EVENTS PAGES /////////////////////////////*/	
		
	.news_item {
		margin: 10px 5px 5px 5px;
		padding: 0;
		min-height: 100px;
		/* IE6 hack  */
		height: auto !important;
		height: 100px;
		}
		
	.news_item .news_image {
		float: right;
		margin: 20px 0 10px 20px;
		}
		
	.news_item hr {
		border: 1px solid #DDDDDD;
		margin-top: 17px;
		}
	
	.news_item h3 {
		clear: right;
		margin-bottom:0em;
		}
		
	.content_image_right {
		float: right;
		margin: 0 0 5px 20px;
		}
		
	.content_image_left {
		float: left;
		margin: 10px 15px 3px 0px;
		}
	
	.content_image_right p, .content_image_left p {
		font-size: 1em;
		}
		
	p.content_image_right_caption {
		margin: 0;
		font-size: 1em;
		}	
		
	a:hover .content_image_right {
		border: 1px solid #CCCCCC;
		}
	
	p.view_all {
		clear: right;
		font-size: 1em;
		color: #09829F;
		text-align: right;
		border-top: 1px solid #cccccc;
		margin: 15px 10px 5px 10px;
		padding: 8px 20px 3px 0;
		line-height: 1.8em;
		background: url(../../../images/internal/view_all.gif) no-repeat right;
		}
	
	p.view_all a {
		text-decoration: none;
		}
		
	p.view_all a:hover {
		text-decoration: underline;
		}
		
	p.read_more {
		font-size: 0.9em;
		color: #09829F;
		margin: 5px;
		padding: 5px 0 4px 20px;
		background: url(../../../images/internal/read_more.gif) no-repeat left;
		}
		
	p.view_rss {
		font-size: 0.9em;
		font-weight: bold;
		color: #09829F;
		text-align: right;
		border-top: 1px solid #cccccc;
		margin: 15px 10px 5px 10px;
		padding: 8px 20px 3px 0;
		background: url(../../../images/internal/feed.gif) no-repeat right;
		}
	
	.events_item {
		margin: 10px 5px 10px 5px;
		padding: 0;
		min-height: 80px;
		/* IE6 hack  */
		height: auto !important;
		height: 80px;
		}

	.events_item h3 {
		margin-bottom:0em;
		}
	
	.events_item hr {
		border: 1px solid #DDDDDD;
		margin-top: 17px;
		}
	
	.events_item p.events_info {
		color: #07687F;
		font-size: 1em;
		line-height: 1.2em;
		margin: 0;
		}
		
	.events_item .date {
		float: right;
		height: 52px;
		width: 48px; 
		margin: 5px 5px 0 5px;
		background: url(../../images/internal/date.gif) no-repeat;
		}
	
	.events_item .date p.month, .events_item .date p.year {
		color:#FFFFFF;
		font-size:1em;
		line-height:0.9em;
		margin:0 1px 0 0;
		padding:4px 0 6px;
		text-align:center;
		text-transform:uppercase;
		}
		
	.events_item .date p.day {
		border:0 none;
		color:#FFFFFF;
		font-family:Verdana,Tahoma,sans-serif;
		font-size:1.2em;
		line-height:0.8em;
		margin:0 0 0;
		padding:0;
		text-align:center;
		}
	
	.events_item .date p.year {
		font-size:1em;
		line-height:1em;
		}
	
	select.quick_links {
		margin: 0;
		width: 152px;
		border: 1px solid #CCCCCC;
		}
		
		.broadcast p.date {
			background:url(/includes/images/internal/date.gif) repeat scroll 0 0 transparent;
			color:#FFFFFF;
			float:right;
			font-family:Arial,Helvetica,sans-serif;
			font-size:9pt;
			height:50px;
			margin:5px;
			padding:1px;
			text-align:center;
			text-transform:uppercase;
			width:46px;
			}
		.broadcast.summary p {
			margin-bottom:0;
		}
		
		.broadcast .meta {
			color:#07687F;
			font-size:0.98em;
			}



	/*///////////////////////////// MINI SLIDESHOW ///////////////////////////*/
	
	#mini_slideshow {
		float: right;
		margin-top: -40px;
		margin-right: 4px;
		height: 26px;
		background: transparent url(/images/minislideshow/next_button_bg.png);
		}
		
	#mini_slideshow p a {
		text-decoration: none;
		font-size: 0.9em;
		line-height: 1.4em;
		color: #000000;
		padding: 3px;
		}
		
	#mini_slideshow img {
		vertical-align: bottom;
		}
		
	/*///////////////////////////////////// J QUERY SLIDE TOGGLE ///////////////////////////////////*/
	
.toggle_listing {
	margin-top:15px;
	}
	
.slide_toggle_link {
	cursor:pointer;
	color: #05354F;
	text-decoration: none;
	margin-bottom:0px;
	}	
	
h3.slide_toggle_link {
	background: #004E5B url(/includes/images/external/corners/banner/banner_corner_top_right.png) top right no-repeat;
	color: white;
	padding: 10px;
	margin: 0 0 3px 0;
	}
	
.toggle_listing ul {
	background-color: #fff;
	margin: 0 0 3px 0;
	padding: 0 0 5px 0;
	list-style-type: none;
	}

.toggle_listing li {
	margin-left:0;
	}

.toggle_listing li.odd {
	background: #DCEBF0;
	}

.toggle_listing li a {
	text-decoration:none;
	display: block;
	padding: 7px 0 7px 10px;
	}
	
.toggle_listing li a:hover {
	display: block;
	background: #C2E4EF;
	color:#00363F;
	}
	
.slide_toggle_bluebackground {
	background-color:#D2E8EE;
	padding-left:10px;
	}
	

/*////////////////////////////////// FOOTER /////////////////////////////////*/
	
#footer {
	background: #d2e8ee;
	border-top: 2px solid #095a6d;
	margin-top: 25px;
	clear:both;
	}

.footer_corner_br {height: 70px; background: url(/includes/images/external/corners/footer/footer_corner_right.gif) no-repeat bottom right;}
.footer_corner_bl {height: 70px; background: url(/includes/images/external/corners/footer/footer_corner_left.gif) no-repeat bottom left;}

#footer_content {
	padding: 0 10px 0 0;
	color: #095a6d;
	text-align: right;
	}
	
#footer p {
	font-size: 1.1em;
	padding: 24px 0 0 10px;
	margin: 0;
	}	
		
#footer ul {
	margin: 5px 0 0 10px;
	padding-left: 0;
	white-space: nowrap;
	list-style-type: none;
	}
		
#footer li { 
	display: inline;
	font-size:1.2em;
	}

#footer a {
	font-size: 0.9em;
	color: #095a6d;
	font-weight: normal;
	text-decoration: none;
	}

#footer a:hover {
	text-decoration: underline;
	}

/*////////////////////////////////////// PEOPLE LISTS /////////////////////////////////////*/

h3.people-header {
	border-bottom:1px solid #ccc;
	margin-bottom:1em;
}

h3.people-header span {
	display: block;
	float: right;
}

h3.people-header span a {
	font-size: 70%;
	text-decoration: none;
}

span.az-no-entry {
	color: #ccc;
}


div.vcard {
	margin: 0 0 0.5em 0;
	min-height: 100px;
	/* IE6 hack */
	height: auto !important;
	height: 100px;
}

div.vcard img {
	border: 1px solid #456370;
	margin-top: 3px;
	float: left;
}

div.vcard p {
 	padding: 0;
	margin: 0 0 0 70px;
}

a.vcard, a.vcard-mobile {
	background: #fff url(/includes/images/icons/vcard.png) no-repeat;
	display: block;
	height: 16px;
	font-size: 80%;
	line-height: auto !important;
	padding: 1px 0 0 20px;
}

a.vcard-mobile {
	background-image: url(/includes/images/icons/phone.png);
}

/*////////////////////////////////////// Quicktime http://www.apple.com/library/quicktime/stylesheets/qtp_library.css ///////////////////////////*/

.playButton {
  background-color: #3C6F37;
  cursor: pointer;
  font-weight: bold;
  font-size: 1.1em;
  -moz-border-radius: .5em;
  -webkit-border-radius: .5em;
  -moz-border-radius: .5em;
  -webkit-border-radius: .5em;
  position: relative;
  top: 50%;
  zoom: 100%;
  padding: .5em 1em;
  color: white;
}

/* Forms */




select.standard, input.standard {
	margin-bottom:1em;
}

.formstandard p{
	margin-bottom:.5em;
}

/*////////////////////////////// FORMS new way now in assets - need to use temporay for Byzantine /byzantine/mosaics ///////////////////////////////*/	

form.style1 {
	margin-bottom: 20px;
}

form.style1 fieldset {
	border: 0px;
	padding: 0px 10px 10px 0px;
}	

form.style1 legend {
	font-size: 1.5em;
	font-weight:bold;
	color: #004D5D;
	margin-bottom: -5px;
}

form.style1 dl {
	background-color: #E0E4EF;
	padding: 0px 0px 20px 10px;
	float: left;
	width: 100%;
}

form.style1  dt {
   padding: 15px 0px 2px 5px;
   clear: left;
}

form.style1 dd {
   padding: 0px 0px 0px 5px;
   margin-left: 0px;
}

form.style1 dt.inline {
	padding: 20px 0px 0px 0px;
	margin-right: 5px;
	display: block;
}

form.style1 dd.inline{
	padding: 18px 5px 0px 0px;
	margin-left: 0px;
	display: inline;
}

form.style1 input, form.style1 select{
	border: 2px solid #C2C6CF;
} 

form.style1 input[type="checkbox"], form.style1 input[type="radio"]{
 	background: transparent;
  	border: 0px;
}


form.style1 textarea:focus, form.style1 input:focus {
	border: 2px solid #A4A7AF;
} 

form.style1 .button {
	background: #49A1BB;
	border: 0px;
	color: #fff;
	font-size: 1.2em;
	padding: 5px;
	cursor: pointer;
} 

form.style1 .button:hover {
	background: #53C1DF;

} 



/*////////////////////////////////////// PRINT /////////////////////////////////////*/

.print_only {
	display:none;
}

/*////////////////////////////////////// NEWS //////////////////////////////////////*/

.sharelinks iframe, .sharelinks script, .sharelinks a{
    float: left;
    height: 21px;
    width: 70px;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
}

.sharelinks a {
    margin-right: 15px;
}

.sharelinks span.db-wrapper { /* digg button */
    margin-left: 15px;
}

.broadcast.clear {
	clear: none;
}

/** WCM generate sitemaps **/

ul.wcmsitemap {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
}
ul.wcmsitemap  ul {
    list-style-type: none;
    margin-left: 2em;
    padding-left: 0;
}
ul.wcmsitemap li {
    margin: 0.5em auto;
}
