/* RESET and then allow to cascade! */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

html {
	font-size: 11px;
}

a {
	text-decoration: none;
	color: inherit;
	font-weight: bold;
}

br {
	line-height: 1em;
}

#course_navigation a, #content_navigation a {
	font-weight: normal;
}

a:hover {
	text-decoration: underline;
}

a:focus {
	outline: none;
}

body {
	font-family: Helvetica, Verdana;
	font-size: 1em;
	color: #606060;
}

#container {
	text-align: center;
	width: 100%;
}

#wrapper {
	text-align: left;
	width: 950px;
	margin: 0 auto;
}

	#wrapper {
		 background: url(header_images/page_top.jpg) 0 90px no-repeat;  
	}

	#bgwrapper {
		background-repeat: no-repeat;
		background-position: bottom center;
		padding-bottom: 220px;
		position: relative;
	}
	
	#bgwrapper.all {
		background-image: url(footer_images/sidebyside.jpg);
	}

	#bgwrapper.china {
		background-image: url(footer_images/china.jpg);
	}
	
	#bgwrapper.england {
		background-image: url(footer_images/england.jpg);
	}
	
	#bgwrapper.france {
		background-image: url(footer_images/france.jpg);
	}
	
	#bgwrapper.germany {
		background-image: url(footer_images/germany.jpg);
	}
	
	#bgwrapper.hongkong {
		background-image: url(footer_images/hongkong.jpg);
	}
	
	#bgwrapper.japanese {
		background-image: url(footer_images/japanese.jpg);
	}
	
	#bgwrapper.spain {
		background-image: url(footer_images/spain.jpg);
	}

#top_right {
	/* float: right; */
	text-align: right;
	position: absolute;
	right: 0px;
}



#top_left {
	/* position: relative; */
}
		
#flash_module {
	display: block;
	height: 446px;
	width: 100%;
	background: #ffffff;
	margin: 0 0 20px;
	z-index: 0;
}

#right_column button {
	float: right;
}

	#right_column a.read_more {
		float: right;
	}
	
/* two columns */
	
#right_column {
	float: right;
	width: 32%;
}	

	#right_column .callout {
		padding: 0 0 10px 0;
		margin: 0 0 10px 0;
	}
	
	#right_column .callout img {
		margin-bottom: 10px;
		border: 3px solid #01505f;
		width: 300px;
	}

#left_column {
	float: left;
	width: 65%;
}


/* FORMS */

form {

}

input.text_input {
	width: 246px;
	height: 14px;
	padding: 4px 2px;
	background: #7fb6ca;
	color: white;
	border: none;
}

span.mailinglist_label {
	color: #006078;
	font-weight: bold;
	font-size: 0.95em;
	display: block;
	margin-top: 5px;
}

input.user_input {
	width: 246px;
	height: 14px;
	padding: 4px 2px;
	background: #7fb6ca;
	color: white;
	border: none;
	}

select {
	width: 150px;
	padding: 4px 2px;
	background: white;
	color: #006078;
	border: 1px solid #006078;
}


	textarea.user_input {
		width: 250px;
		height: 50px;
		border: 1px solid #7fb6ca;
		color: #02627a;
	}

label {
	display: block;
	text-align: right;
	padding: 5px 0;
}

	label.error {
		font-size: 0.909em;
		color: red;
		font-style: italic;
		padding: 3px;
		float: right;
	}

	label span {
		float: left;
		clear: left;
	}
	
	label span.note {
		clear: none;
		float: none;
		font-size: 0.909em;
		text-transform: none;
		font-style: italic;
	}
	
#content fieldset {
	padding: 10px;
	margin: 10px 0;
	clear: both;
}	

#content fieldset legend {
	text-transform: uppercase;
	background: #02627a;
	color: white;
	padding: 5px;
	font: bold 1em Helvetica;
}

#content label {
	display: block;
	text-align: left;
	text-transform: uppercase;
	color: #02627a;
	font: bold 1em Helvetica;
}

.wlpeMessageText, #messages .notification, .feedback_success, .feedback_error  {
	padding: 10px 10px 10px 30px;
	background: #79ACBA url(cms_icons/Warning.png) no-repeat 10px 10px;
	color: white;
	float: left;
	margin: 0 0 10px 0;
}

#edit_profile .split {
	float: left;
	width: 310px;
	clear: none;
}

#edit_profile .split_right {
	float: right;
	width: 260px;
}

#edit_profile .submit {
	float: right;
}

#edit_profile .wlpeMessageText, #messages .notification, .feedback_success, .feedback_error  {
	float: none;
	margin: 10px 0 0 0 ;
}

.feedback_success, .feedback_error {
	margin-bottom: 10px;
}

#content #language_course, #content #overseas_study_programme {
	float: left;
	clear: none;
	width: 435px;
	height: 160px;
}

.input_left {
	
}

.input_right {
	float: right;
}

#content #overseas_study_programme {
	float: right;
}

#enquiry_form .submit_button {
	clear: both;
	float: right;
}

#enquiry_form {
	padding: 0 10px;
}

/* headings (see content.css for stylistic properties that editors can use) */

#right_column h1 {

}

h1.pagetitle {
	font-size: 2.182em;
	font-weight: bold;
	margin: 0 0 5px 0;
}

h2.headline_rightcolumn {
	text-transform: uppercase;
	color: #02627a;
	font: bold 1.35em Helvetica;
}

/* horizontal rules */

hr {
	border: none;
	border-bottom: 1px solid #7FAFBB;
}

/* news */

.news_summary {
	padding: 10px 0 0 0;
	margin-bottom: 20px;
}

.news_summary .read_more {
	float: right;
}

.news_summary p {
	/* float: left; */
}

.news_summary a img {
	float: left;
	padding: 1px;
	border: 1px solid #7FAFBB;
	width: 150px;
	margin-right: 10px;
}

.news_summary a:hover img {
	border-color: #02627A;
}

/* footer */

#press_materials {
	clear: both;
	position: absolute;
	bottom: 0px;
	left: 30px;
}

#footer {
	clear: both;
	background: #006078;
	color: white;
	text-transform: uppercase;
	font-size: 0.80em;
	*font-size: 0.76em;
	border-bottom: 3px solid #003441;
	/*border-top: 1px solid #003441;*/
	font-weight: bold;
	padding: 13px 10px 10px;
}

	#footer a {
		color: white;
	}

	#contact_details {
		float: right;
	}
	
		#contact_details li {
			display: inline;
			padding-left: 5px;
		}
		
		#footer .noBold {
			font-weight: normal;
		}


#affiliates {
	text-align: center;
	padding: 10px 0;
}

	#affiliates li {
		display: inline;
	}
	
	#affiliates a {
		text-align: center;
		padding: 0 10px;
	}
	
/* courses */

#course_list {
	clear: both;
	padding: 10px 0 0 0;
}

#documents ul {
	
}

#content #documents ul li {
	background: none;
	padding-left: 0px;
}

/* course category page */

.inner_right_column {
	float: right;
	display: block;
	width: 630px;
	padding: 0 20px 0 0;
	line-height: 16px;
}

.inner_left_column {
	float: left;
	width: 300px;
	display: block;
}

	.inner_left_column div {
		margin: 0 0 10px 0;	
		padding: 0 20px 0 0;
		width: 253px;
	}
	
	.inner_left_column .category_callout {
		padding: 0 20px 0 0;
	}
	
	.inner_left_column .category_callout a {
		float: right;
	}

/* content */
#content {
	padding: 10px 0;
}

#content ul {
	margin: 0 20px;
}

#content li {
	list-style-type: disc;
	padding: 5px 0;
	line-height: 16px;
}

#content div.content_zone li {
	list-style-type: disc;
	padding: 5px 0;
	line-height: 16px;
	list-style-image: url(sprites/eng/images/list_arrow.png);
}


#content .padded_5_0 {
	padding: 5px 0;
}

#content .padded_10_0 {
	padding: 10px 0;
}

#content .padded_10 {
	padding-top: 10px;
	padding-bottom: 10px;
}

/* registration for courses */

.feedback_success {
	
}

.feedback_error {
	
}

/* MESSAGES */

#messages {

}

#messages .message_content {
	height: auto;
	line-height: 16px;
}

#messages .minimised {
	height: 96px;
	overflow: hidden;
}

#messages .message_date {
	float: right;
	line-height: 26px;
	font-weight: bold;
	font-style: italic;
}

#messages .message {
	padding: 10px 0;
	float: left;
}

.message h4.subject {
	font-size: 14px;
	color: #606060;
	font-style: normal;
	font-weight: bold;
}

.message_from {
	padding: 3px 0;
	display: block;
}

#messages2 .notification {
	padding: 5px;
	border: 1px solid #cccccc;
	color: #0081a2;
	font-weight: bold;
	margin: 10px 0;
}

/* GALLERY */

#gallery_thumbs {
	float: left;
	width: 410px;
}

#galleryLarge {
	width: 530px;
	display: block;
	padding: 2px;
	margin: 10px 0;
	border: 1px solid #006078;
	text-align: center;
	float: left;
}

.thumb_bg {
	border: 1px solid #006078;
	margin-right: 10px;
	margin-top: 10px;
	float: left;
	padding: 2px;
}

.hovered, .selected {
	background: #006078;
	cursor: pointer;
}

.thumb_cropper {
	display: block;
	width: 85px;
	height: 85px;
	overflow: hidden;
	position: relative;
}

	.thumb_cropper img {
		position: absolute;
	}

.thumb_cropper img {
	
	
}

/* EDITOR TAGS */

.editorTags h2, .editorTags h4, .editorTags h1 {
	margin: 5px 0;
}

h1 {
	line-height: 26px;
}

.editorTags a {
	color: #02627A;
}

/* SCHEDULING */

.footnote {
	border-top: 1px solid #cccccc;
	font-size: 0.909em;
}

#course_schedule {
	padding: 15px 0 0 0;
}

#course_schedule th {
	width: 120px;
}

#course_schedule .th_register {
	width: 200px;
}

#course_description .header_image {
	padding: 4px;
	background: #006078;
	margin: 10px 0 10px 10px;
	float: right;
}

.content_zone .header_image {
	padding: 4px;
	background: #006078;
	margin: 10px;
	float: right;
	border: none;
}

/* CONTENT */

.page_subnavigation {

}

.content_zone {
	padding-left: 300px;
}

	.no_subnav .content_zone {
		padding-left: 0px;
	}

.content_zone p {
	display: block;
	/*float: left;*/
	padding-bottom: 5px;
}

.content_zone h3 {
	display: block;
	/*float: left;*/
	margin-top: 15px;
}

.content_zone img {
	display: block;
	float: left;
	position: relative;
	border: 4px solid #004f62;
	/*clear: left;*/
	margin: 15px 15px 15px 0;
}

.content_zone img.img_right {
	display: block;
	float: right;
	position: relative;
	border: 4px solid #004f62;
	margin: 15px;
	/*clear: left;*/
}

.content_zone img.floating_right {
	display: block;
	float: right;
	position: relative;
	border: 4px solid #004f62;
	margin: 15px;
	clear: none;
}

.content_zone img.img_wide {
	display: block;
	float: left;
	position: relative;
	border: 4px solid #004f62;
	margin: 15px 15px 15px 0;
	clear: none;
}

.content_zone p.link_callout {
	display: block;
	font-weight: bold;
	font-size: 1.1em;
	clear: both;
}

.content_zone hr {
	clear: both;
}