/* 

Style sheet for [Bournemouth University]
Created by [Richard Prowse]
E-mail [rprowse@bournemouth.ac.uk]
Version [2.0 build 080511.19:09]
W3C [Valid!]

ToC

	1. defaults
	2. structure
	3. links and navigation

Notes
This version incorporates improvements to accessbility, usability and use of classes and divs. 

Styles
Withdrawal of events microformat and international address microformat

*/


/* --------- 1. defaults  --------- */

#landing h1, #verticalSplash h1 {
	color: #000000;
	font-size: 2.00em;
}

#verticalSplash h1 {
	color: #000000;
	margin-bottom: 10px;
}

#landing h2 {
	color: #333333;
	font-size: 1.80em;
	margin: 0 0 10px;
}

#landing h3 {
	color: #333333;
	font-size: 1.60em;
	margin: 0 0 5px;
}

#landing p {
	color: #333333;
	font-size: 1.20em;
	line-height: 125%;
	margin-bottom: 10px;
}

.right {
	float: right;
	clear: right;
	margin: 2px 0 0 10px;
}

.left {
	float: left;
	clear: left;
	margin: 2px 10px 0 0;
}

.menuListTitle, .relatedListTitle, .relatedListTitle2  {
	color: #ffffff;
	font-size: 1.20em;
	font-weight: bold;
	background-color: #000000;
	padding: 5px 5px 7px 7px;
	border: 1px solid #e1e1e1;
	display: block;
}

.relatedListTitle {
	background-color: #ac005d;
}

.relatedListTitle2 {
	background-color: #333333;
}

ul.menuList {
	list-style-type: none;
}

li.menuListRow, li.menuListBottomRow {
	color: #333333;
	font-size: 1.10em;
	background: url("../images/bullets/arrow-sea-blue.gif") no-repeat 8px 0.90em;
	padding: 7px 8px 7px 18px;
	border-bottom: 1px solid #e1e1e1;
	line-height: 150%;
}

li.menuListBottomRow {
	margin: 0 0px 10px 0;
}

#verticalSplash .splashText p {
	color: #333333;
	font-size: 1.30em;
	line-height: 125%;
	margin-bottom: 10px;
}

#verticalSplash .splashText ul {
	list-style-type: none;
}

#verticalSplash .splashText ul li {
	color: #333333;
	font-size: 1.25em;
	background: url("../images/bullets/arrow-sea-blue.gif") no-repeat 8px 0.55em;
	padding: 7px 8px 7px 18px;
	line-height: 50%;
}

/* --------- 1.1 call to action  --------- */

#callToAction .callToActionBox {
	width: 136px;
	height: 131px;
	margin: 0 4px 10px 0;
	float: left;
	border: 1px solid #e1e1e1;
	position: relative;
}

#callToAction .callToActionPicture img {	
	width: 136px;
	height: 90px;
}

#callToAction .callToActionBox p {
	font-size: 1.20em;
	height:  2.5em;
	margin:  0px;
	padding: 5px;
	border-bottom: 1px solid #cccccc;
	background: #ffffff url(../images/backgrounds/box-gradient-bg.png) repeat-x 0 bottom;
}



/* --------- 1.2 featured item  --------- */

#landing .featuredItem {
	margin: 0 0 10px;
	border-bottom: 1px solid #e1e1e1;
	display: block;
}

#landing .featuredItem h2, #landing .featuredItem h3, #landing .featuredItem h4, #landing .featuredItem h5, #landing .featuredItem h6 {
	font-size: 1.20em;
	color: #ffffff;
	background-color: #000000;
	margin: 0px;
	padding: 5px 5px 7px 7px;
	border: 1px solid #e1e1e1;
}

#landing .featuredItemPicture {
	width: 120px;
	height: 80px;
	border: 1px solid #e1e1e1;
}

#landing .featuredItem p {
	padding: 5px;
}


/* --------- 1.2 hobsonsEMT  --------- */

#hobsonsEMT, #hobsonsEMTOption {
	width: 280px;
	margin: 0px 4px 15px 0;
	float: right;
	clear: right;
	position: relative;
}

#hobsonsEMT img, #hobsonsEMTOption img {
	width: 280px;
	height: 30px;
}

input#quser {
	min-height: 18px;
	margin: 0px;
}

input#btnask {
	margin: 0 0 0 5px;
}

select#did {
	width: 220px;
	margin: 0 0 10px;
}

input.vasearch {
	min-height: 18px;
	margin: 0px;
}

/* --------- 1.3 cohort  --------- */

#cohortCourses {
	width: 280px;
	height: 10.75em;
	margin: 0px 4px 15px 0;
	float: right;
	clear: right;
	position: relative;
	background: #ffffff url(../images/backgrounds/box-gradient-bg.png) repeat-x left bottom;
	border: 1px solid #e1e1e1;
}

#cohortCourses img {
	border-bottom: 1px solid #e1e1e1;
}

#cohortCourses form {
	padding: 8px 8px 10px;
}

input#term {
	min-height: 18px;
}

input#submit {
	margin-left: 5px;
}

/* --------- 2. structure  --------- */

#landing {
	background-color: #ffffff;
	width: 580px;
	min-height: 580px;	
	margin-left: 170px;
	padding: 10px 0 20px;
	position: relative;
}

/* --------- 2.1 horizontal splash  --------- */

#horizontalSplash {
	width: 580px;
	height: 220px;
	padding-bottom: 15px;
	background: url("../images/backgrounds/horizontal-splash-shadow.png") no-repeat center bottom;
}

.splashHeading {
	position: absolute;
	width: 285px;
	top: 20px;
	left: 10px;
}

/* --------- 2.2 vertical splash  --------- */

#verticalSplash {
	width: 280px;
	min-height: 570px;
	float: left;
	margin: 0 0 10px;
	padding: 0 15px 0 0;
	background: url("../images/backgrounds/vertical-splash-shadow.png") no-repeat right;
}

.splashText {
	width: 250px;
	position: absolute;
	top: 75px;
	left: 15px;
}

/* --------- 2.3 calls to action featured links and content  --------- */

#landing .highlightedTextBox {
	margin: 0 0 20px;
	border: 1px solid #e1e1e1;
	background: #ffffff url(../images/backgrounds/box-gradient-bg.png) repeat-x left bottom;
	padding: 10px;
}

#callToAction {
	width: 285px;
	float: right;
	clear: right;
	position: relative;
}

#featuredLinks {
	width: 280px;
	margin-left: 4px;
	float: left;
	position: relative;
}

#featuredContent {
	width: 285px;
	float: right;
	clear: right;
}

#featuredContent .featuredContentPicture {
	width: 283px;
	height: 150px;
	border: 1px solid #e1e1e1;
	margin-bottom: 10px;
}


/* --------- 3. links and navigation  --------- */

#landing h1 a:link, #landing h1 a:visited {
	color: #000000;
	text-decoration: none;	
}

#landing h1 a:hover {
	color: #ffffff;
	background-color: #000000;
}

#landing .menuListRow a:link, #landing .menuListBottomRow a:link, #landing .menuListRow a:visited, #landing .menuListBottomRow a:visited {
	color: #006275;
	font-weight: bold;
	text-decoration: none;
}

#landing .menuListRow a:hover, #landing .menuListBottomRow a:hover {
	color: #ffffff;
	background-color: #006275;
}

#landing .callToActionBox p a {
	font-weight: bold;
	display: block;
}

#landing p a:link, #landing p a:visited { 	
	color: #006275;
	text-decoration: none;
}

#landing p a:hover {
	color: #ffffff;
	background-color: #006275;
}

#featuredContent p a:link, #featuredContent p a:visited {
	color: #006275;
	border-bottom: 1px solid #006275;
}

#featuredContent p a:hover {
	color: #ffffff;
	background-color: #006275;
}

#verticalSplash .splashText ul li a:link, #verticalSplash .splashText ul li a:visited {
	color: #006275;
	font-weight: bold;
	text-decoration: none;
}

#verticalSplash .splashText ul li a:hover {
	color: #ffffff;
	background-color: #006275;
}