﻿/* 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#closebox {
	display:none;
	border-style:none;
}

div#container {
	width: 988px;
	margin: 0 auto;
	height: 62.5em;
	padding: 0 5px 0 0;
	height: 100%;
	position:relative;
}

img.sidebar-img {
	height:323px;
	width:323px;
	position:absolute;
	top:320px;
	left:35px;
}

div.what {
	background-image:none;
}

/* h3 Header Detailing */
div#country-case h3#country {
	background:url('where/images/h3-M.jpg');
	background-position: center top;
	background-repeat:no-repeat;
	overflow:visible;
	line-height:16px;
	padding:8px 0 16px 6px;
	float:left;
	margin:0;
}

div#country-case {
	background:url('where/images/h3-J.jpg');
	background-position:left top;
	background-repeat:repeat-x;
	float:left;	
	clear:left;
}

div#h3-bg-container {
	clear:left;
	margin:20px 0 0 20px;

}
img.bookends {
	float:left;
}

div.clearboth {
	clear:left;
}

hr {
position:relative;
top:22px;
margin-right:20px;
}

span.read-more{
	text-decoration:none;
	font-style:italic;
	color:#6c5735;
}
/* END h3 Header Detailing */

h4 {
font-size: 1em;
margin-left:20p;
}
div#container.whystudy {border-bottom: solid 1px #930168;}
div#container.prac {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#container.where {border-bottom: solid 1px #6c5735;}

div#header{
	width: 988px;
	height:%100;
	margin: 0 auto;
	padding: 3.25em 5px 0 0;
	position:relative;
}

div#header-img {
	height:45px;
	background-color:transparent
}

div#header.prac {
	background: #b72025 url('images/page-prac-head.jpg') no-repeat;
}

div#header.experiences {
	background: #8fba2c;
}

div#header.whystudy {
	background: #930168;
}

div#header.where {
	background: #6c5735;
}

div#navigation {
	position:absolute;
	top:0px;
	right:0px;
	padding: 0;
	margin: 0;
	display: block;
	font-size:.97em;
}

div#home {
	position:absolute;
	top:0px;
	padding: 0;
	margin: 0;
	display: block;
	font-size:.97em;
	color:#FFF;
}

 
a.home {
	color: #ffffff;
	position:absolute;
	top:2px;
	left:2px;
	padding: 0;
	padding-left:20px;
	margin: 0;
	width:150px;
	display: block;
	color: #ffffff;
	list-style-type:none;
	letter-spacing:1px;
}

div#header div#navigation ul.navigation {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style-type: none;
	letter-spacing:1px;
}


ul.navigation li {
	float: left;
	margin: 0;
	padding: .3em .25em;
	border-right: solid 1px #fff;
	
}

ul.navigation li.last {border-right: 0;}

.currentpage {
	border-bottom: 6px #FFFFFF solid;
}


ul.navigation li a {
	margin: 0;
	padding: 0 .3em;
	text-decoration: none;
	color: #ffffff;
		padding-bottom: 5px;
}

ul.navigation li:focus {
	color: #dbdbdb;
	}
		

ul.navigation li:hover {
	color: #dbdbdb;
	border-bottom:thick #FFF;
	border-bottom-style:solid;
	}

ul.dotPoints li {
	margin: 1em 0;
}


div#content {
	margin: 0 0 0 395px;
	padding: 0 0 8em 0;
	height: 100%;
	background: #ffffff;
	position: relative;
	min-height: 62.5em;
	width:593px;
}

/*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: #930168 url('images/page-why.jpg') no-repeat;
	padding-left: 33em;
	margin-left: 5em;
}

.prac {
	height: 100%;
	background: #b72025 url('images/page-prac-body.jpg') no-repeat;
	padding-left: 33em;
	margin-left: 5em;
}

.where {
	height: 100%;
	background: url(images/page-where.jpg) no-repeat #6c5735;
	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;
}

.ministers-welcome img.crest  {
	position: absolute;
	top: 65px;
	left: 106px;
	border:none;
}

.travelling img.crest  {
	position: absolute;
	top: 65px;
	left: 106px;
	border:none;
}

.financial img.crest  {
	position: absolute;
	top: 65px;
	left: 106px;
	border:none;
}

.whystudy img.crest  {
	position: absolute;
	top: 65px;
	left: 106px;
	border:none;
}

.prac img.crest {
	position: absolute;
	top: 65px;
	left: 106px;
	border:none;

}

.where img.crest {
	position: absolute;
	top: 65px;
	left: 106px;
	border:none;

}

.casestudies img.crest  {
	position: absolute;
	top: 65px;
	left: 106px;
	border:none;
}

/*top image*/
div#container div#header {
	display:block;
	width: 593px;
	height:157px;
	border-bottom: solid 8px #adafb2;
	overflow:hidden;
	padding:0;
}
.casestudies div#header {background: url(images/image-casestudies.jpg) no-repeat center top #adafb2;}
.financial div#header {background: url(images/image-financial.jpg);}
.travelling div#header {background: url(images/image-travelling.jpg);}
.whystudy div#header {background: url(images/image-why.jpg);}
.prac div#header {background: url(images/image-prac.jpg);}
.where div#header {background: url(images/image-where.jpg) no-repeat center top;}

div.expandable, div.expander {
	width:auto;
	margin-left:20px;
}

div.slickbox {
	margin:5px 0 20px 0;
	width:360px;
}

div#content-body  {
	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 ol {
	padding:0 0 0 2em;
}

div#content ul {
	padding:0 0 0 1.5em;
	line-height:1.6em;
}

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') no-repeat 0 6px;}	
.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;}
.prac h2.brand {background: url('images/heading-prac2.gif') no-repeat 0 6px;}
.where h2.brand	{background: url(images/heading-where.gif) 0 6px no-repeat;}
div#content h3 {font-size: 1.15em;}


ul#sub-navigation li a:focus {
	color: #666;
	}
		

ul#sub-navigation li a:hover {
	color: #666;
	}
		

		

/*sub-nav*/
div#container div#content ul#sub-navigation {
	display: block;
	float: right;
	list-style-type: none;
	padding:0;
	margin: 5.5em 1em 0 0;
	width: 14em;
	height:100%;
	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;
}



ul#sub-navigation li#explore, ul#sub-navigation li#explore img {
	width: 178px;
	height:109px;
	border-style:none;
	margin:0;
	padding:0;
	background:none;
}

/*Footer*/
div#container div#content ul#footer {
	position: absolute;
	bottom: -1px;
	padding: 0 0 0 30px; 
	margin: 0;
	height: 77px;
	width: 563px;
	padding-top: 0px;
	font-size:.86em;

}
.casestudies ul#footer {background: url(images/footer.png) bottom left #8FB933 no-repeat;}
.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: #930168 url(images/footer-why.gif) bottom left;}
.prac ul#footer {background: url(images/footer-prac.gif) bottom left;}
.ministers-welcome ul#footer {background: url(images/footer-why.gif) bottom left;}
.where ul#footer {background: url(images/footer.png) bottom left #6d5836 no-repeat;}

ul#footer li {
	position:relative;
	top: 30px;
	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 ;
}

/* Close box in the iMap pop up	*/
div#flashBoxContainer div#closebox {
	border:0;
	margin:0;
	padding:0;
	height:35px;
	width:111px;
	background:url('/where/images/close-btn-over.jpg') no-repeat 0 0;
}

div#closebox img{
	height:35px;
	padding:0;
	border:0;
	top:0;
	left:0;
}

div#closebox:hover img{
	visibility:hidden;
}

.handcursor {
	cursor:pointer;
}


