﻿/* CSS Document */

body {
   font: 80%/1.4 tahoma, verdana, helvetica, arial, sans-serif;
   background: #efeff0/*e8e8e8 url(images/body-bg.gif)*/;
   color: #333;
   margin: 0;
   padding:0;
}

/*layout*/

div#container {
	width: 988px;
	margin: 0 auto;
	height: 62.5em;
	padding: 3.25em 5px 0 0;
	height: 100%;	
	position:relative;
}
div#container.whystudy {border-bottom: solid 1px #930168;}
div#container.financial {border-bottom: solid 1px #0073B2;}
div#container.travelling {border-bottom: solid 1px #EDA11F;}
div#container.casestudies {border-bottom: solid 1px #8FB933;}
div#container.ministers-welcome {border-bottom: solid 1px #930168; 
background-color:#930168;}


div#content {
	margin: 0 0 0 406px;
	padding: 0 0 8em 0;
	height: 100%;
	background: #fff;
	position: relative;
	min-height: 52em;
	width:581px;

}

/*page identification*/

.casestudies {
	height: 100%;
	background: url(images/page-casestudies.jpg) no-repeat #8fb933;
	padding-left: 33em;
	margin-left: 5em;
}
.financial {
	height: 100%;
	background: url(images/page-financial.jpg) no-repeat #0073b2;
	padding-left: 33em;
	margin-left: 5em;
}
.travelling {
	height: 100%;
	background: url(images/page-travelling.jpg) no-repeat #eda11f;
	padding-left: 33em;
	margin-left: 5em;
}
.whystudy {
	height: 100%;
	background: url(images/page-why.jpg) no-repeat #930168;
	padding-left: 33em;
	margin-left: 5em;
}

.ministers-welcome {
	height: 100%;
	background: url(images/page-minister.jpg) no-repeat #930168;
	padding-left: 33em;
	margin-left: 5em;
}

.casestudies img.crest, .whystudy img.crest, .financial img.crest, .travelling img.crest, .ministers-welcome img.crest  {
	position: absolute;
	top: 65px;
	left: 106px;
	border:none;
}

div#header-img {
	height:55px;
}

/*top image*/
div#container span {
	display:block;
	width: 582px;
	height:125px;
	border-bottom: solid 8px #adafb2;
}
.casestudies span {background: url(images/image-casestudies.jpg); background-repeat:no-repeat;}
.financial span {background: url(images/image-financial.jpg);}
.travelling span {background: url(images/image-travelling.jpg);}
.whystudy span {background: url(images/image-why.jpg);}



div#content h2, div#content h3, div#content p, div#content ul, div#content ol  {
	margin: 1em 210px 0 20px;  /*amie*/
}

div#content a {
white-space: -moz-pre-wrap; /* Mozilla, supported since 1999 */
white-space: -pre-wrap; /* Opera 4 - 6 */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: pre-wrap; /* CSS3 - Text module (Candidate Recommendation) http://www.w3.org/TR/css3-text/#white-space */
word-wrap: break-word; /* IE 5.5+ */
 }

div#content ul, div#content ol {
	padding:0 0 0 2em;
	margin:0 210px 0 2em;
}

h2.brand {
	padding-left: 30px;
	font-weight: normal;
	letter-spacing: .09em;
	font-size: 2.2em;
}

h2 {
	font-weight: normal;
	letter-spacing: .09em;
	font-size: 2.2em;
}


.financial h2.brand {background: url(images/heading-financial.gif) 0 6px no-repeat;}	
.whystudy h2.brand {background: url(images/heading-why.gif) 0 6px no-repeat;}	
.travelling h2.brand {background: url(images/heading-travelling.gif) 0 6px no-repeat;}
.casestudies h2.brand {background: url(images/heading-casestudies.gif) 0 6px no-repeat;}

div#content h3 {font-size: 1.15em;}


div#navigation {
	padding: 0;
	margin: 0;
	display: block;
	font-size:.97em;
}

div#container div#content div#navigation ul.navigation {
	width: 582px;
	height: 2em;
	margin: 0;
	padding: 0;
	list-style-type: none;
	border-top:1px solid #adafb2;
	border-bottom:1px solid #adafb2;
	background-color:#CCCCCC;
	display: block;
}

div#container a.home {
	position:absolute;
	top:.5em;
	left:1em;
	color:#fff;
	border:dotted 1px #00A1D8;
	padding:.5em;
	font-size:.85em;
	}

ul.navigation li {
	float: left;
	margin: 0;
	padding: .3em .25em;
	border-right: solid 1px #fff;
	background-color:#CCCCCC;
}

ul.navigation li.last { border-right: 0;}

ul.navigation li a {
	margin: 0;
	padding: 0 .3em;
	text-decoration: none;
	color: #333;
	font-weight: bold;
}
ul.navigation li a:hover, ul.navigation li a:focus, ul#sub-navigation li a:hover, ul#sub-navigation li a:focus {
	color: #666;
	}
		

/*sub-nav*/
div#container div#content ul#sub-navigation {
	display: block;
	float: right;
	list-style-type: none;
	padding:0;
	margin: 1em 1em 0 0;
	width: 14em;
	height:37em;
	min-height:100%;
}

ul#sub-navigation li {
	background: #ccc;
	margin: 1em .1em 1em .1em;
	padding: .1em 1em ;
	overflow:hide;
}
ul#sub-navigation li a {
	color: #333;
	text-decoration: none;
	font-weight: bold;
	font-size: .85em;
	width: 14em;
}

/*sub-nav alternative, ministers page*/

img.minister {
	display: block;
	float: right;
	list-style-type: none;
	padding: 0;
	margin: 3em 1.5em 0 0;
	border: solid 16px #ccc;
}





/*Footer*/
div#container div#content ul#footer {
	position: absolute;
	bottom: -1px;
	padding: 0 0 0 30px; margin: 0;
	height: 4.4em;
	width: 551px;
	padding-top: 3.5em;
	font-size:.86em;

}
.casestudies ul#footer {background: url(images/footer-bg.gif) bottom left;}
.financial ul#footer {background: url(images/footer-financial.gif) bottom left no-repeat #0073B2;}
.travelling ul#footer {background: url(images/footer-travelling.gif) bottom left;}
.whystudy ul#footer {background: url(images/footer-why.gif) bottom left;}
.ministers-welcome ul#footer {background: url(images/footer-why.gif) bottom left;}

ul#footer li {
	display: inline;
	padding: 0 0 0 1.5em;
}
ul#footer li a {
	padding: 0 1.25em;
	position: relative;
	color: #333;
	text-decoration: none;
}

/*structural labels*/
.structural-label {
	position: absolute;
	left: -2000px;
	width: 1900px;
	margin: 0; padding: 0;
}

.external {
	white-space:no-wrap;
	border-bottom:dotted 1px ;
	}