/* CONTENTS
----------------------------------------------- 
Author: Rosie Sturman

01 - BASIC/HTML TAGS
02 - COLOURS
03 - STRUCTURE
04 - NAVIGATION
05 - MAINBODY
06 - SIDEBARS
07 - FOOTER
08 - FRONT PAGE OBJECTS
09 - BUTTONS
10 - BOXSTYLEONE
11 - MISC

*/


body {
	margin: 0;
	padding: 0;
	font-size: x-small; /* for IE5/Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small; /*for compliant browsers*/
	font-family: "Arial", sans-serif;
	background: #fcaf17;
	text-align: center; /*margin: auto fix for IE6*/
}

html>body { /* be nice to Opera */
	font-size: small;
}

/* BASIC/HTML TAGS
----------------------------------------------- */
	
h1 {
	font-size: 150%;
	margin: 0;
	padding: 5px 0 10px 0;
	text-transform: uppercase;
	color: #c0272d;
}
	
h2 {
	font-size: 130%;
	margin: 0;
	padding: 0 0 10px 0;
	color: #fcaf17;
}
	
h3 {
	font-size: 120%;
	margin: 0;
	padding: 0 0 5px 0;
	color: #fcaf17;
}

p {
	font-size: 100%;
	margin: 0;
	padding: 0 0 10px 0;
	color: #333;
	line-height: 110%;
	font-weight: bold;
}
	
a {	
	margin: 0;
	padding: 0;
	font-size: 100%;
	color: #c0272d;
	text-decoration: none;
	font-weight: bold;
}

ul {
	margin: 0 0 10px 0;
	padding: 0;
	color: #acacac;
}
ul li{
	margin: 0 0 0 13px;
	padding: 0;
}
	
/*---------------------------------------------*/
em {font-style: normal;}

.clear {clear: both;}
.left {float: left;}
.right {float: right;}
.altAlign {text-align: right;}

/* COLOURS
----------------------------------------------- */
.red {background: #c0272d;}
.yellow {background: #fcaf17;}
.grey {background: #a7a9ac;}
.greyDark {background: #696a6b;}
/*---------------------------------------------*/




/* STRUCTURE
------------------------------------------------ */

#wrap {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 1000px;
	text-align: left; /*margin: auto fix for IE6*/
}
	

#wrap-inner {
	float: left;
	margin: 0 40px;
		display: inline; /*to fix double margin in IE6*/
	padding: 0;
	width: 920px;
	background: #fff url(../Images/greySidebar210.gif) repeat-y 0 0;	
}

#header {
	float: left;
	margin: 0;
	padding: 20px 0 0 0;
	width: 920px;
	background: #fcaf17;
}

/* NAVIGATION 
------------------------------------------------ */
#mainNav {
	float: left;
	margin: 0;
	padding: 0;
	width: 920px;
	background: #c0272d url(../Images/diagGreyOnRed.gif) no-repeat bottom left;	
}

#mainNav ul {
	/*clear: left; stops nav working properly for IE mac*/
	float: right;
	margin: 0;
	padding: 0 15px 0 0;
}
	
#mainNav ul li {
	float: left;
	margin: 0;
	padding: 0 5px 0 0;
	list-style: none;
}

#mainNav ul li a{
	float: left;
	margin: 0;
	padding: 10px 0 10px 26px;
	text-decoration: none;
	background: url(../Images/diagWhiteOnRed.gif) no-repeat 0 bottom;
	color: #fff;
}
#mainNav ul li a:hover {text-decoration: underline;}


.subNav {
	float: left;
	margin: 0;
	padding: 0;
	width: 920px;
	background: #fff;
	font-size: 0px;
}

.subNav ul {
	/*clear: left; stops nav working properly for IE mac*/
	float: right;
	margin: 0;
	padding: 0 15px 5px 0;
	font-size: small;
	width: 905px;
	/*border-top: 8px solid #fff;*/
}
	
.subNav ul li {
	float: right;
	margin: 0 10px 0 0;
		display: inline; /*to fix double margin in IE6*/
	padding: 10px 0 5px 0;
	list-style: none;
}

.subNav ul li a{
	float: left;
	margin: 0;
	padding: 0;
	text-decoration: none;
	color: #c0272d;
}
.subNav ul li a:hover {text-decoration: underline;}

.subNav ul li a.white {color: #ffffff;}

/* MAINBODY
------------------------------------------------ */	
#main-body {
	float: right;
	margin: 0 0 0 10px;
		display: inline; /*to fix double margin in IE6*/
	padding: 0 0 10px 0;
	width: 700px;
}
#content {
	float: right;
	margin: 0 10px 0 0;
		display: inline; /*to fix double margin in IE6*/
	padding: 0;
	width: 390px;
}

.fullWidth {padding: 0 10px 10px 0;}	
	
/* SIDEBARS
------------------------------------------------ */

#sidebar2 {
	float: left;
	margin: 0;
	padding: 0;
	width: 290px;
}
#sidebar2 h2{color: #000;}

#sidebar1 {
	float: left;
	margin: 0;
	padding: 10px;
	width: 190px;
	background: #a7a9ac;
}

/* FOOTER
------------------------------------------------ */
	
#footer {
	clear: both;
	float: left; /*fix IE style sheet*/
	margin: 0;
	padding: 6px 10px;
	width: 900px;
	background: #696a6b;
	border-top: 10px solid #fcaf17;
	border-bottom: 20px solid #fcaf17;
}

#footer p{margin-bottom: 0; padding-bottom: 0;}

#footer .nav ul{
	clear: both;
	float: left;
	margin: 0;
	padding: 0;
	width: 900px;
	list-style: none;
	border-left: 1px solid #fff;
	font-size: 80%
}
#footer .nav ul li {
	float: left;
	margin: 0 0 0 5px;
		display: inline; /*to fix double margin in IE6*/
	padding: 0 5px 0 0;
	border-right: 1px solid #fff;
}
#footer .nav ul li a {color: #fff; text-decoration: none;}

/* FRONT PAGE OBJECTS
------------------------------------------------ */	

.banner {
	float: left;
	margin: 0;
	padding: 0 0 5px 0;
	width: 700px;
	font-size: 0px;}

.banner img{
	margin: 0;
	padding: 0;
	width: 700px;
}


/* #sidebar1 .newslist
------------------------------------------------ */

#sidebar1 .newsList {}
#sidebar1 .newsList h2 {color: #fff; font-size: 140%; text-transform: uppercase;}
#sidebar1 .newsList h3 {color: #000; padding: 5px 0; font-size: 110%;}
#sidebar1 .newsList p {color: #fff;}
#sidebar1 .newsList p a {color: #fff; font-weight: bold; text-decoration: none; text-transform: lowercase;}


/* MISC
------------------------------------------------ */

.logo {
	float: right;
	margin: 0 0 10px 0;
	padding: 0;
}

.established {
	float: left;
	margin: 0 0 10px 0;
	padding: 0;
}

.utility {
	float: right;
	clear: right;
	margin: 0;
	padding: 0 0 10px 0;
}
.utility label{	
	margin: 0;
	padding: 0;
	color: #c0272d;
	font-weight: bold;
}
.utility input{margin: 0; padding: 2px; border: 1px solid #c0272d;}
.utility input.textinput{}
.utility input.submit{background: #fff; padding: 1px 3px; color: #c0272d; font-weight: bold;}

.paginator {
	float: left;
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 90%;
	font-weight: bold;
}

.spotter {
	float: left;
	margin: 10px 0 0 0;
	padding: 132px 10px 10px 10px;
	width: 170px;
	background: #fff url(../Images/spotter.jpg) no-repeat top left;	
}

.spotter h2 {margin: 0; padding: 0 0 5px 0; font-size: 160%;}
.spotter h3 {margin: 0; padding: 0; color: #c0272d;}
.spotter p {margin: 0; padding: 0; font-size: 120%;}