/* CSS Document */

html, body, div {
	margin:0;
	padding:0;
/* font shorthand - font-style font-variant font-weight font-size/line-height font-family  */
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}

body{
	
	background: #336699 ;
	padding-top:10px;
}

img{
display:block;
border:0;

}

#head {
	position:relative;
	width: 850px;
	height:124px;
	padding:0;
	margin: 0 auto 0 auto;
	background: url(images_template/header_bg.jpg) left top no-repeat;
	background-repeat: no-repeat;
	clear:both;
	z-index:100;
}



#random_quote {
	position:absolute;
	top: 0px;
	left: 0;
	height: 66px;
	padding-left:190px;

}

#menuh-container
	{	
	position:absolute;
	bottom: 10px;
	left: 0;
	height: 29px;
	padding-left:195px;
	z-index:100;
	}


#content_wrapper{
	
	background:#336699 url(images_template/bg_tile.jpg) center top repeat-y;
	position:relative;
	z-index:0;
	
}

#content_container{
	width:800px;
	margin: 0 auto 0 auto;
	position:relative;
	z-index:0;

}

#content {
	background: url(images_template/title_bg.jpg) left top no-repeat;
	clear:both;
	overflow:auto;
	position:relative;
	left:-25px;
	padding: 10px 0px 10px 210px;
	z-index:0;

}

#foot_wrapper{
	
	background:#336699 url(images_template/bg_tile.jpg) center top repeat-y;
	position:relative;
	z-index:0;
	
}

#foot_container{
	width:800px;
	margin: 0 auto 0 auto;
	position:relative;
	z-index:0;

}

#foot{
	clear:both;
/*ROB - overflow:auto v important for stopping floating objects from falling over edge of div. Firefox seems to recognise alig="right" or "left" as float from now on.*/
	overflow:auto;
	position:relative;
	left:0px;
	padding: 10px;
	z-index:0;


}


#base {
	height: 58px;
	width: 850px;
	margin: 0 auto 0 auto;
	background: url(images_template/footer_bg.jpg) left bottom no-repeat;
}

h1{
clear:both;
background:url(images_template/h1_bg.gif) left bottom no-repeat;
font-family: Arial, Helvetica, sans-serif;
color:#336699;
padding: 0px 15px 2px 0px;
height:25px;
font-size:15px;
font-weight: bolder;
text-transform:uppercase;

}


h2{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight: 600;
color: #006699;
text-transform:uppercase;

}

a {
text-decoration: none;
font-weight: bold;
color: #006666;
}

.posterbox{
background: #FFCC66;
font-weight:bold;
padding:0px 10px 0px 10px;
border-style:dotted;
border-width: 1;
border-color:#336699 ;

}

/*IE hack - very useful! \ is for IE 5.5 I think. Stuart Nicolls genius! */


* html div#wrapper div#content_container div#content img{
position:relative; p\osition:relative;

}