/* STRUCTUAL LAYOUT AND ALL STYLES FOR MAIN BOXES - HEADER, NAV, FOOTER */
	/* ALSO ALL GLOBAL STYLES - I.E. NO SELECTORS */
	
	/* ALL ROUNDED BOXES STYLES ARE IN SEPARATE STYLE SHEET */
	/* SECTION SPECIFIC COLOURS ARE IN SEPARATE STYLE SHEET */
	/* CONTENT AREA STYLES ARE IN SEPARATE STYLE SHEET */

	/* GLOBAL STYLES - I.E. NO SELECTORS */
	/* text & links */
	div {
		color: black;
	}
	
	a{
		color: #0E1774;
		text-decoration: underline;
	}
	a:hover {
		text-decoration: none;
	}
	
	
	p {
		margin: 0.5em 0;
	}

	/* headers */
	h1 {
		font-weight: normal;
		color: black;
		font-size: 1.8em;
		clear: both;
		margin: 0;
	}	

	h2,
	h3,
	h4 {
		font-size: 1em;
		font-weight: bold;
		margin: 0;
	}

	h2.replaced,
	h3.replaced {
		font-weight: bold;
		font-size: 1.25em;
	}
	
	h2 a,
	h2 a:link,
	h2 a:visited,
	h2 a:hover,
	h2 a:active,
	h3 a,
	h3 a:link,
	h3 a:visited,
	h3 a:hover,
	h3 a:active,
	h4 a,
	h4 a:link,
	h4 a:visited,
	h4 a:hover,
	h4 a:active {
		color: #0E1774;
		text-decoration: none;
	}

	h2 a:hover,
	h3 a:hover,
	h4 a:hover {
		text-decoration: underline;
	}
	
	/* form styles */
	form {
		margin: 0;
	}
	
	label {
		display: none;
	}
	
	input {
		border: 1px solid #666666;
		font-family: Arial, Verdana, sans-serif;
		padding: 2px;
		color: #37536F;
		vertical-align: middle;
	}
	/* ie mac hack - bottom rule for all non-ie-mac browsers*/
	input {	
		font-size: 1.1em;
	}
	/* not seen by IE MAC \*/
	input {
		font-size: 0.9em;
	}
	/* */
	
	input.button {
		border: 0;
		vertical-align: middle;
	}
	
	/* globally don't show these spans - accessibility link separator */
	span.noshow {
		display: none;
	}
	
	/* END GLOBAL STYLES */
	
	/* MAIN LAYOUT */
	body {
		text-align: center;
		background: url(../images/bg.gif) repeat-y center;
		margin: 0;
	}

	* html body {
		background: url(../images/bg-ie.gif) repeat-y center;
	}

	div#container {
		text-align: left;
		width: 753px;
		padding: 10px;
		margin: 0 auto;
		font-family: Arial,Verdana,sans-serif;
		font-size: 0.7em;
	}
	/* box model hack for IE5.x */
	* html div#container
	{
	  	width: 773px;
	  	w\idth: 753px;
	}
	
	div#content {
		width: 584px;
		float: left;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	
	/* HEADER */
	div#header {
		clear: both;
	}
	
	/* logo */
	div#header img {
		border: 0;
		float: left;
		margin-left: 10px;
	}
	
	div#header div.topnav {
		text-align: right;
		float: right;
		width: 550px;
		font-size: 0.9em;
	}
	
	/* strap */
	div#header div.topnav span.strap {
		display: block;
		text-align: right;
		clear: both;
		margin-bottom: 34px; /* The strap was moved above the site search line so margin-bottom is used over margin-top - Ade */
		float: none;
		font-size: 18px;
		font-family: Arial, sans-serif;
		font-weight: normal;
	}
	/* END HEADER */

	/* Breadcrumb */
	div#breadcrumb {
		font-size: 0.9em;
		margin: 3px 0 2px 170px;
		width: 584px; /* old: 584px */
	}
	
	/* NAVIGATION STYLES */
	div#nav {
		width: 159px;
		float: left;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	/* ie mac hack - bottom rule for all non-ie-mac browsers */
	div#nav {
		margin-right: 9px;
	}
	/* not seen by IE MAC \*/
	div#nav {
		margin-right: 10px;
	}
	/* */
	
	/* top level */
	div#nav ul {
		margin: 0 0 20px 0;
		padding: 0;
		list-style: none;
	}
	
	div#nav ul li {
		margin: 0;
		padding: 3px 0;
		color: #0E1774;
		border-bottom: 1px dashed #BDC28A;
	}	
	div#nav ul li.faqs {
		border-bottom: 0;
	}
	
	/* sub menu */	
	div#nav ul li ul {
		margin: 8px 0;
	}
	
	div#nav ul li ul li{
		margin: 0 0 0 0px;
		padding: 0 0 0 0;
		border-bottom: 0;
	}	
	
	/* sub-sub menu - i.e. third level */
	div#nav ul li ul li ul {
		margin-top: 0px;
	}
	
	div#nav ul li ul li ul li {
		padding-left: 10px;
	}
	
	/* links */			
	div#nav ul li a,
	div#nav ul li a:link,
	div#nav ul li a:visited,
	div#nav ul li a:active {
		font-weight: bold;
		text-decoration: none;
	}	
	div#nav ul li a:hover {
		text-decoration: underline;
	}
	
	/* sub menu not bolded */
	div#nav ul li ul li a,
	div#nav ul li ul li a:link,
	div#nav ul li ul li a:visited,
	div#nav ul li ul li a:active {
		font-weight: normal;
	}
	
	/* span is little cross boxes */
	div#nav ul li span {
		display: block;
		float: left;
		vertical-align: middle;
		margin: 2px 3px 0 0;
		width: 9px;
		height: 9px;
		background: url(../images/nav-cross.gif) no-repeat center;
		font-size: 1px;
		line-height: 0;
	}	

	/* or down arrow when selected */
	div#nav ul li.on span {
		background: url(../images/nav-downarrow.gif) no-repeat center;	
	}
	
	/* clear image is 9x9 */
	div#nav ul li span img {
		border: 0;
		width: 9px;	
		height: 9px;
	}
	
	/* colours for sections (in cross box) */
	div#nav ul li.navhome span { background-color: #660066; }
	div#nav ul li.navuyh span { background-color: #003366; }
	div#nav ul li.navrecamp span { background-color: #b98b5e; }

	
	/* page numbers in grey */
	div#pagenumber {
		clear: both;
	}
	
	div#pagenumber span.pagenumber {
		color: #DCDCDC;
		font-size: 36px;
		letter-spacing: -2px;
	}	
	
	/* NAVIGATION END */
	

	/* FOOTER STYLES */	
	div#footer {
		font-size: 0.9em;
		text-align: right;
		clear: both;
	}
	
		
	/* CLEARING */
	.clear {
		clear:both; 
		height:1px; 
		margin:0; 
		padding:0; 
		font-size: 15px;
		line-height: 1px;
		color: white;
	}

	.clearfix:after {
	    content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
	
	.clearfix {display: inline-table;}
	
	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */
	
	
	/* end clearing */
	
	
div.topphoto {
	background: url(../images/home-underphoto.gif) no-repeat bottom;
	margin-bottom: 10px;
}

h1.home {
	margin: 7px 5px 0px 10px;
	padding-bottom: 10px;
	font-weight:600;
	color: white;
	font-size: 1.35em;
	clear: both;
}
.graphic {
	background-image: url(../images/page_uyh_main2.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

.graphic p{
	padding-left: 10px;
	padding-right: 10px;
	color:#FFFFFF;
}


table {
	font-size: 1em;
}
.lhsround {
	display:block;
	background-image: url(../images/page_uyh_main.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 20px;
	margin-right: 20px;
	color:#FFFFFF;
	padding-left: 10px;
	padding-right: 20px;
}

.lhsround2 {
	display:block;
	background-image: url(../images/page_uyh_main2.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 20px;
	margin-right: 20px;
	color:#FFFFFF;
	padding-left: 10px;
	padding-right: 20px;
}


div.lhsround a {
	color:#FFFFFF;
}

a.lhsround {
	color:#FFFFFF;
}