
 
html body p{
		 
		background: #ffffff; 
		margin:2px;
		
		
 
}   


p{ 	font-family: "Verdana","Helvetica",sans-serif;
	font-size: 14px;
}

h1{ font-size: 22px;}
h2{ font-size: 18px;}

ul 	{ 
	
	display: none;
	 
}


li { 
	
 	 display: none;
	

}


/* second-level lists */
li ul { 
	display: none;
	
	 
	 
	
}
/* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
li>ul { 
	
}



#nav li a, #nav ul a 
{
	color: #ffffff;
	text-decoration: underline;
	height: 100%;
	
}



#nav li a:hover, #nav li a:focus, #nav ul a:hover, #nav ul a:focus {
	background: #993333;
}


#menu{
	display: none;
	 
	
	
}

#content{ 
	background-color:white;
	text-align: left;
	position: absolute;top:135px;  		 
	/*article in A list apart suggested using the float: none code for getting around a bug in Firefox that doesn't print more then one page of content.
	   - this doesn't seem to be the fix I needed for the conditions page - it works beautifully in IE but so far not Firefox*/
	float: none;
	
	margin-top: 20px; 
	margin-right: 6%; margin-left: 6%;
	padding-left: 2px; padding-right: 2px;	
	padding-top: 0px;
	
	z-index: 1;
}

#top{
	background-color: #380d71;
	position: relative;  left: 80px; 
	width: 350pt;
	color: white; 
	height: 50px;
	z-index: 140;
}


h1, h2{	letter-spacing: .03em;
	text-align: left;
	font-family:"Verdana","Helvetica", sans-sefif;



}

#picture {display: none;

	
}


#design{background-color:#cc3333; 
	
	position: relative; top: 0px;
	height: 100px;
	margin: 0px; padding: 0px;
	
}

/* The contact details were not coming out in the print version until I put a high z-index on it*/

#contact{
	background-color:#380d71;
	position: absolute; top:0px;
	left: 90%; 
	width:220px;
	color: black; 
	font-size: 1em;
	font-weight: bold;
	letter-spacing: .05em;
	text-align: left;
	z-index: 150;
	
}

.top{display: none;
	
}

.top a{color: white;}	



.conditions {display: none;
		
}
.conditions ul {display: none;
 	
	
	  
}
.conditions li {display: none;
	
	 
}
.conditions li a {
	text-decoration: underline;
	color: #ffffff;
}
.conditions li a:link {
	color: #ffffff:
}
.conditions li a:visited {
	color: #ffffff;
}
.conditions li a:hover {
 	
	color: #ffffff;
 	
}




.internal{background-color:#380d71; 
	 width: 150px;
	  text-align:center;font-size: 16px;
	  float: left;

}

.internal a{color: white;}
