/* ----------
			Reset
---------- */
* {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
	}
	
html {
	font-size: 125%; /* 20px */
	}
	
body {
	font-size: 50%; /* 10px */
	background: #f8eedd;
	}


/* ----------
			Main Structue
---------- */
#mainDiv {
	width: 896px;
	margin: 0 auto;
	padding-bottom: 24px;
	background: url(../i/assets/page_bg-bottom.gif) center bottom no-repeat;
	}
	
#mainContent {
	background: url(../i/assets/page_bg.gif) center top repeat-y;
	}
	
#headerDiv, #contentDiv, #sidebar, #footerDiv {
	width: 860px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
	overflow: visible;
	}
	
	#headerDiv {
		z-index: 3;
		background: url(../i/assets/liveyourdreams_logo.gif) top right no-repeat;
		}
	
	#sidebar {
		overflow: hidden;
		border-top: 3px solid #5a76ae;
		background: #eceff6 url(../i/assets/quickLink_shadow-top.gif) top repeat-x;
		}

	#footerDiv {
		padding-top: 15px;
		padding-bottom: 40px;
		background: url(../i/assets/footer_shadow.gif) center top no-repeat;
		}
		
		
/* ----------
			Header
---------- */
h1 {
	height: 119px;
	}
	
	h1 a {
		display: block;
		width: 313px;
		height: 119px;
		background: url(../i/assets/logo.gif) no-repeat;
		}
		
.fieldset-search {
	position: absolute;
	top: 67px;
	right: 26px;
	padding-bottom: 3px;
	background: url(../i/assets/search_shadow.gif) bottom left repeat-x;
	}
	
	.fieldset-search label {
		display: none;
		}
		
	.fieldset-search input {
		float: left;
		}
		
	.f-search {
		width: 200px;
		font-size: 1.1em; /* 11 */
		color: #4d4d4d;
		border: 1px solid #dbdfe7;
		padding: 6px 4px 5px 4px;
		}
	
	.f-submit {
		width: 26px;
		height: 26px;
		cursor: pointer;
		text-indent: 99em;
		overflow: hidden;
		background: url(../i/assets/btn_search.gif) top no-repeat;
		}
		
		*html .f-submit {
			text-indent: 0;
/*			padding-left: 99em;	*/
			}

		.f-submit:hover {
			background-position: bottom;
			}
			
			
/* ----------
			Navigation
---------- */
.nav {
	height: 34px;
	padding-left: 34px;
	background: url(../i/assets/mainNav_home.gif) top left no-repeat;
	}
	
	.nav ul {
		left: -999em;
		position: absolute;
		background: #b5c3df;
		width: 180px;
		white-space: nowrap;
		border-bottom: 3px solid #1d3257;
		}
	
	.nav li {
		float: left;
		position: relative;
		}
			
		.nav ul li {
			float: none;
			float: left !ie;
			clear: both !ie;
			width: 180px !ie;
			white-space: normal;
			}
	
	.nav a {
		display: block;
		height: 34px;
		background-image: url(../i/assets/mainNav_home.gif);
		}
		
		#section1001 {	/* EIT Hawke's Bay */
			width: 120px;
			background-position: -34px 0;
			}
			
			#section1001:hover, .current #section1001, .nav li:hover #section1001 {
				background-position: -34px -34px;
				}
		
		#section2001 {	/* Student Services */
			width: 137px;
			background-position: -154px 0;
			}
			
			#section2001:hover, .current #section2001, .nav li:hover #section2001 {
				background-position: -154px -34px;
				}
		
		#section3001 {	/* Study Programmes */
			width: 147px;
			background-position: -291px 0;
			}
			
			#section3001:hover, .current #section3001, .nav li:hover #section3001 {
				background-position: -291px -34px;
				}
		
		#section4001 {	/* International */
			width: 117px;
			background-position: -438px 0;
			}
			
			#section4001:hover, .current #section4001, .nav li:hover #section4001 {
				background-position: -438px -34px;
				}
		
		#section5001 {	/* Faculties */
			width: 90px;
			background-position: -555px 0;
			}
			
			#section5001:hover, .current #section5001, .nav li:hover #section5001 {
				background-position: -555px -34px;
				}
		
		#section6001 {	/* News & Events */
			width: 120px;
			background-position: -645px 0;
			}
			
			#section6001:hover, .current #section6001, .nav li:hover #section6001 {
				background-position: -645px -34px;
				}
		
		#section7001 {	/* Contact */
			width: 95px;
			background-position: -765px 0;
			}
			
			#section7001:hover, .current #section7001, .nav li:hover #section7001 {
				background-position: -765px -34px;
				}
				
		.nav li:hover ul {
			left: auto;
			}
		
		.nav ul a {
			float: none;
			height: auto;
			color: #223d71;
			padding: 7px 5px;
			background: url(../i/assets/subNav_divideLine.gif) bottom left repeat-x;
			text-transform: uppercase;
			border-left: 10px solid #b5c3df;
			white-space: normal;
			border-right: 10px solid #b5c3df;
			}
			
			.nav ul .last a {
				background-image: none;
				}
			
			.nav ul a:hover {
				background-color: #1d3257;
				color: #fff;
				border-color: #1d3257;
				}
	
	
	
/* ----------
			Sidebar (under main content)
---------- */
.quick-links, #flashContent {
	float: left;
	}
	
	.quick-links {
		width: 643px;
		font-size: 1.1em;	/* 11 */
		font-weight: bold;
		}
		
	.quick-links h3 {
		width: 70px;
		height: 12px;
		margin: 15px 0 0 34px;
		background: url(../i/assets/title_quickLinks.gif) no-repeat;
		}
		
	.quick-links h5 {
		font-size: 1em; /* 11 */
		font-weight: bold;
		text-transform: uppercase;
		color: #223d71;
		}
		
	.quick-links ul {
		float: left;
		width: 253px;
		padding: 0 30px 0 34px;
		margin-top: 17px;
		}
		
		.links1 {
			margin-left: 6px;
			background: url(../i/assets/dot_blue-horizontal.gif) top right repeat-y;
			}
			
	.quick-links a {
		color: #223d71;
		display: block;
		line-height: 13px;
		overflow: hidden;
		height: 13px;
		margin: 8px 0 7px 0;
		padding: 0 0 0 25px;
		background: url(../i/assets/arrow_quickLinks.gif) top left no-repeat;
		}
		
		.quick-links a:hover {
			background-position: bottom left;
			}
	
	#flashContent {
		width: 217px;
		}


/* ----------
			Footer
---------- */
#footerDiv ul {
	width: 610px;
	padding: 10px 0 2px 27px;
	overflow: hidden;
	}
	
.help-links {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em; /* 14 */
	line-height: 1em; /* 14 */
	font-weight: bold;
	text-transform: uppercase;
	}	
	
	#footerDiv li {
		float: left;
		}
	
#footerDiv a {
	color: #718bbd;
	}
	
	.help-links a {
		padding: 0 1px 0 8px;
		}
		
	.footer-links a {
		font-size: 1.1em;
		padding: 0 8px;
		border-right: 1px solid #718bbd;
		}
		
		.footer-links .last a {
			border: 0;
			}
			
	#footerDiv a:hover {
		text-decoration: underline;
		}
		
.infoline {
	position: absolute;
	top: 26px;
	right: 36px;
	}

		
/* ---------
			General Styling
--------- */
h1 a, .nav a, .option-nav a, .quick-links h3, .option h3, .sponsoring a, .book {
	text-indent: -999em;
	overflow: hidden;
	}
	
	.nav ul a {
		text-indent: 0;
		}
	
.nav, .nav ul, #footerDiv ul, .option-nav, .quick-links ul, .ticker {
	list-style-type: none;
	}
	
.float-left {
	float: left;
	}
	
.display-none {
	display: none;
	}
	
.clear {
	clear: both;
	}
	
h4 {
	clear: both;
	font-size: 1.3em;
	color: #fff;
	}
	
p {
	color: #fff;
	font-size: 1.2em; /* 12 */
	line-height: 1.5em; /* 18 */
	padding: 0 0 1em 0;
	}
	
a {
	outline: none;
	text-decoration: none;
	}
	
.options {
	float: left;
	}
	
.option-nav {
	position: absolute;
	left: 0;
	top: 229px;
	padding-left: 20px;
	height: 34px;
	}
	
	.option-nav li {
		float: left;
		padding: 13px 14px 7px 14px;
		}
		
		.option-nav .current {
			height: 14px;
			background: url(../i/assets/tabNav_bg.png) top left repeat-x;
			}
		
	.option-nav a {
		display: block;
		}
		
		.option-nav a {
			height: 14px;
			}
		
		#optionALink {
			width: 56px;
			background-image: url(../i/assets/tab_welcome.png);
			}
			
		#optionBLink {
			width: 104px;
			background-image: url(../i/assets/tab_planYourFuture.png);
			}
			
		#optionCLink {
			width: 78px;
			background-image: url(../i/assets/tab_virtualTour.png);
			}
			
		#optionDLink {
			width: 75px;
			background-image: url(../i/assets/tab_getInTouch.png);
			}
			
.option {
	height: 270px;
	width: 590px;
	padding: 23px 20px 30px 34px;
	background: url(../i/assets/mainPanel_bg.gif) top left repeat-x;
	position: relative;
	}
	
	.option h3 {
		height: 15px;
		overflow: hidden;
		margin-bottom: 16px;
		}
	
	.option h3 span {
		display: block;
		background: url(../i/assets/titles.png) no-repeat;
		width: 308px;
		height: 75px;
		}
		
		#optionA .title-news span {
			margin-top: -60px;
			}
		
		#optionB span {
			margin-top: -15px;
			}
			
		#optionC span {
			margin-top: -30px;
			}
			
		#optionD span {
			margin-top: -45px;
			}
		
.option fieldset {
	padding-bottom: 20px;
	}
			
	.option .input, .option select, .option .f-submit {
		float: left;
		}
		
		.option .input, .option select {
			margin-right: 5px;
			}
		
	.option select, .option .input {
		width: 230px;
		font-size: 1.2em;
		padding: 4px;
		}
		
	.option .f-submit {
		width: 32px;
		height: 24px;
		background-image: url(../i/assets/btn_go.gif);
		}
	
.option ul {
	color: #fff;
	margin: 0 0 0 15px;
	padding: 7px 0 0 0;
	}
	
	.option li {
		padding: 6px 0;
		font-size: 12px;
		line-height: 1em;
		color: #dce3f1;
		background: url(../i/assets/subNav_divideLine.gif) bottom left repeat-x;
		}
			
.content-left, .content-right {
	float: left;
	}
	
	/* -- Option A layout -- */
	#optionA .content-left {
		width: 355px;
		padding-right: 35px;
		}
		
	#optionA .content-right {
		width: 200px;
		}
		
	/* -- Option B layout -- */
	#optionB .content-left, #optionB .content-right {
		width: 283px;
		}
		
		#optionB .content-left {
			padding-right: 24px;
			}
			
	#optionB table {
		font-size: 11px;
		background: #4a6598;
		}
		
		#optionB .odd {
			background: #7b91bd;
			}
			
		#optionB td {
			padding: 7px 9px;
			}
	
	/* -- Option C layout -- */
	#optionC h3 {
		margin-bottom: 6px;
		}
		
	#optionC #virtualTourContent {
		display: block;
		width: 325px;
		margin: 0 auto;
		}
		
	/* -- Option D layout -- */
	#optionD .content-left, #optionD .content-right {
		width: 283px;
		}
		
		#optionD .content-left {
			padding-right: 24px;
			}
			
	#optionD p {
		padding-top: 13px;
		height: 36px;
		}
		
	#optionD h4.clear {
		margin-top: -3px;
		padding-bottom: 6px;
		}
		
.results {
	width: 283px;
	overflow: hidden;
	background: #5d7bb4;
	border-bottom: 2px solid #1c3669;
	padding: 0;
	font-size: 11px;
	line-height: 1em;
	}
	
	.results strong {
		float: left;
		text-transform: uppercase;
		background: #1c3669;
		padding: 8px 9px;
		}
		
	#optionB .results span {
		float: left;
		margin: 0;
		padding: 8px 0 8px 9px;
		}
		
.programme-link {
	float: left;
	padding-left: 24px;
	color: #fff;
	background: url(../i/assets/arrow_single.gif) 0 -13px no-repeat;
	}
	
	.programme-link:hover {
		text-decoration: underline;
		}
		
.latest-news {
	background: #fff;
	padding: 12px 14px 14px 14px;
	overflow: auto;
	height: 66px;
	font-size: 1.1em;
	}
	
	.latest-news div, .latest-news h5 {
		display: none;
		}
	
	.latest-news h5 {
		font-size: 1em;
		font-weight: normal;
		color: #1c3463;
		}
		
	.latest-news a {
		font-weight: bold;
		color: #1c3463;
		display: block;
		padding-bottom: 10px;
		}
		
		.latest-news a:hover {
			text-decoration: underline;
			}
			
.ticker {
	clear: both;
	padding: 8px 34px;
	line-height: 1em;
	height: 1em;
	font-size: 1.2em;
	font-weight: bold;
	background-image: url(../i/assets/importantDate_bg.gif);
	background-repeat: repeat-x;
	background-color: #d4d4d4;
	}
		
	.ticker li {
		color: #718bbd;
		overflow: visible;
		height: 1em;
		float: left; 
		}
		
	.ticker h5, .ticker a {
		float: left;
		}
			
		.ticker h5 {
			font-size: 1em;
			padding-right: 13px;
			text-transform: uppercase;
			}

		.ticker a {
			color: #4c6086;
			}

	.ticker li.followLinks {
		padding-left: 360px;
		width: 180px !ie;
		}
	

	.ticker li.followLinks h5 {
		padding-right: 7px;
		}

	.ticker li.followLinks a {
		padding-left: 6px;
		margin-top: -2px;
	}
			
.center-map {
	padding: 0 15px;
	}
	
.sponsoring {
	width: 216px;
	height: 323px;
	position: relative;
	background: url(../i/content/proud-sponsor.jpg);
	}
	
	.sponsoring a {
		position: absolute;
		width: 172px;
		height: 22px;
		bottom: 20px;
		left: 20px;
		background: url(../i/assets/btn_moreDetails.gif) top no-repeat;
		}
		
		.sponsoring a:hover {
			background-position: bottom;
			}
	
.button {
	float: right;
	text-indent: -999em;
	overflow: hidden;
	height: 18px;
	margin: 4px 0 0 6px;
	background: url(../i/assets/btn_previousNext.gif) center no-repeat;
	}
	
	.btn-previous {
		width: 56px;
		background-position: top left;
		}
		
		.btn-previous:hover {
			background-position: bottom left;
			}
		
	.btn-next {
		width: 35px;
		background-position: top right;
		}
		
		.btn-next:hover {
			background-position: bottom right;
			}
			
.book {
	position: absolute;
	bottom: 45px;
	right: 30px;
	width: 142px;
	height: 22px;
	background: url(../i/assets/btn_bookCampusTour.gif) top no-repeat;
	}
	
	.book:hover {
		background-position: bottom;
		}