/* - - - - - - - - - - - - - - - - - - - - -
Title : Main CSS file
Author : Jon Hadley

Created :  10 / 4 / 06
Updated :  23 / 7 / 07 - Safari bugs - Best fix so far, without screwing other browsers over.
- - - - - - - - - - - - - - - - - - - - - */

/* ----- CSS ----- */

*{
	font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
	/* font-size: 80%; /* Steps default font size down, so i can use ems effectively*/
}

body{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #FFFFFF;
}

.hiddenStructure {
	background:transparent none repeat scroll 0%;
	border:medium none;
	display:block;
	height:1px;
	margin:-1px 0pt 0pt -1px;
	overflow:hidden;
	padding:0pt;
	width:1px;
}

/* ----- IDS ----- */

#container{
	float:left;
	clear:both;
	padding: 0px 150px 0px 150px;
	margin:0px;

}

#splash{/*Wrapper*/
	/*float:left;*/
	clear:both;
	padding: 0px 150px 0px 150px;
	margin:0px;
}

#navigation {
	background:#000 url(/images/header_bg.gif) repeat-x 50% 50%;
	clear:both;
	margin:0px;
	float:left;
	width:100%;
	/*ie7 not yet seeing updated css - odd bug, check later */
}

#navigation h1 
{
	margin: 0;
	font-size: 1.6em;
	color: #FFFFFF;
	float:left;
	padding:0 150px;
}

#test{
	float:left;
}



/* not actually in use anymore, was causing bg problems with new stretchy layout */
	#splashFull{
	float: left;
	line-height: 1.2; 
	clear: both; 
	padding: 30px 0 70px 0;
}

#splashLeft{
	float: left;
	padding: 55px 5px 5px 5px ;
	width:50%;
}

/* rest of splash right background used to be set in seperate css file, per bg colour. but neither bg image, or differet colours used now. sep css set for futre proofing */

#splashRight img{
	float: none; /* must be none for safari*/
	height:360px;
	width:276px;
	padding-left: 25px;
}

#splashRightWork img{
	float: none; /* must be none for safari*/	
	height:349px;
	width:400px;
	padding-left: 25px;
}



#author_message {
	width: 500px;
	}
	
fieldset {
	border: none;
	}

#blurb {
	padding: 5px 10px 5px 10px;
	text-align: justify;
}

.moreDetail {
	margin-top:10px;
	margin-bottom:10px;
	}

#boxContainer {
	float: none;
	padding: 0px;
	width: 100%;
}


#awardsAndTest p
{
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 30px 0px 00px 0px;	
}

#footer{
	/*border-top: 1px solid black;*/
	width: 100%;  
	float:left;
	clear:both;
	margin: 75px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	text-align: center;
}


.selected {
font-weight:bold;
}


/* ----- HEADINGS ----- */

h1{
	font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 2.1em;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
}



#header h1 { 
	color:white; 
	margin:0; 
	line-height:0;
}


h3 {
	font-size: 1.1em;
	padding-top: 2em;
}

#boxContainer h3 {
	border-bottom: 1px solid black;
}

/* ----- PARAGRAPHS ----- */

#blurb p {

	font-size: 1.2em;
	line-height: 1.5em;

}

#footer p {
	font-size: 1em;
	line-height: 2em;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;

}

#largeNavBox p {

	line-height: 1.5em;

}

/* ----- LISTS ----- */

ul 
{
	padding: 0px 0px 0px 55px;
	margin: 0px 0px 0px 0px;
} 


/* #navigation ul { right: 10px; } */


#navigation ul {
	padding: 0;
	margin: 0;
	list-style: none;
	border-left: 1px solid #696969;
	border-right: 1px solid Black;
	top: 0;
	float:left;
}

#navigation li {
	float: left;
	padding: 0;
	margin: 0;
}

/* ----- FORMS ----- */

form {
	padding: 0;
	margin: 0;
}

fieldset {
	padding: 0;
	margin: 0;
}	

label {
	clear: both;
	display: block;
	padding-top: 20px;
	padding-left: 0;
	}

.flash {
	padding-top: 20px;
	clear: both;
	}

/* ----- IMAGES ----- */

img{
	border:0;
}

#gallery img{
	border:2px solid silver;
}

#awardsAndTest img {
	float: left;
	padding: 0px 2px 0px 2px;
	margin: 0px 2px 0px 2px;
	border: 1px solid black;
}

/* no fancy image replacment techniques. Big image just over lays header text!*/
#header img  { 
	display:block;
}

img a{
	border:0;
	text-decoration:none;
}

img a:hover{
	border:0;
}

/* ----- BREAK ----- */

hr{
	display:none; /* so hr's can still be used as seperation in non-css version */
}

#hr {
	/* hr replacment div, as IE *always* puts 3px of padding around hr */
	border-top: 1px solid #808080; 
	border-bottom: 1px solid #D4D0C8;
	clear: both;

}


/* ----- LINKS ----- */

a, a:link, a:visited
{
	color:#000;
}

#navigation li a {
	padding: 10px 15px;
	color: #ffffff;
	text-decoration: none;
	float:left;
}

#navigation h1 a{
	color: #ffffff;
	text-decoration: none;
	float:left;
	padding-top: 0.2em;
}

#navigation li a{
	padding: 10px 15px;
	border-right: 1px solid #696969;
	border-left: 1px solid Black;
}

#navigation li a:hover{
	/*border-bottom: 1px solid white; ie6 jump prob */
	background: url("../images/header_bg_light.gif") repeat-x 50% 50%;
	text-decoration: underline; 
}

.homeLinkFlash{
	color: #000;
	visibility:hidden;
	font-size:0.6em;
}

#navigation h1 a:hover .homeLinkFlash{
	color: #ffffff;
	visibility:visible;
	font-size:0.6em;
}