html, body {
	margin: 0;
	padding: 0;
	text-align: center;
	background-image: url(graphics/BG-gradient.png);
	background-repeat: repeat-x;
	background-color: #b2b0b1;
}

#pagewidth {
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#header {
	width: 950px;
	clear: left;
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
	height: 125px;
	background-image: url(graphics/header1.jpg);
}

#menu_wrapper {
	width: 950px;
	clear: left;
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
	height: 25px;
	background-image: url(graphics/header2.jpg);
}

#subheader {
	width: 950px;
	clear: left;
	margin: 0;
	padding: 0;
	background-image: url(graphics/sub_headerBG.png);
	background-repeat: repeat-y;
	height: 459px;
}

#main {
	width: 950px;
	clear: left;
	margin: 0;
	padding: 0;
	background-image: url(graphics/MainBG.png);
	background-repeat: repeat-y;
	height: 100%;
}

#footer {
	height: 80px;
	background-image: url(graphics/FooterBG.png);
	clear: both;
	width: 950px;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 700;
	color: #4c4c4c;
	padding-top: 150px;
	padding-right: 50px;
	padding-bottom: 0px;
	padding-left: 50px;
	float: left;
}


#subfooter {
	margin: 0;
	text-align: center;
	background-position: center;
	background-image: url(graphics/sub_footerBG.png);
	height: 28px;
	clear: both;
	width: 950px;
	background-repeat: no-repeat;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 30px;
	font-weight: 700;
	color: #4e4e4c;
	letter-spacing: 1px;
	padding: 0px;
}


/* ***** M E N U ***** */
.menu {
	height:25px;
	width:918px;
	padding:0px 0px 0px 2px;
	margin-bottom:0px;
	font-family: Arial, Helvetica, sans-serif;
	left: 15px;
	top: 0px;
	position: relative;
	background-image: url(graphics/menuBG.png);
	background-repeat: repeat-x;
}

/* remove the bullets, padding and margins from the lists */
.menu ul{
list-style-type:none;
padding:0;
margin:0;
}

/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{
float:left;
position:relative;
width:152px;
z-index:100;
}

/* use the table to position the dropdown list in IE */
.menu table{
position:absolute;
border-collapse:collapse;
z-index:80;
margin:-1px;
left:0;
top:0;
}

/* style all the top level links */
.menu a, .menu :visited {
display:block;
font-size:11px;
font-weight:bold;
width:147px;
height:24px;
padding:0;
line-height:24px;
color:#FFFFFF;
background: url(graphics/menuBOX.png);
text-decoration:none;
padding-left: 5px;
margin-right:1px;
text-align:left;
}
/* place the bottom scroll image below the top scroll image */
.menu ul li b {
	display:block;
	width:152px;
	height:1px;
	background: url(graphics/menuTASSLE.png);
	font-size: 0px;
}
/* style the links hover */
/* for IE6 */
.menu a:hover{
border:0;
color:#FFFF00;
}
/* for IE7 and non-IE browsers */
.menu li:hover > a {
color:#FFFF00;
}

/* hide the sub level links */
.menu ul ul {
visibility:hidden;
position:absolute;
width:152px;
height:0;
top:24px;
}

/* make the sub level visible on hover list or link */
.menu ul :hover ul{
visibility:visible;
height:auto;
}

/* place the bottom scroll image beneath the drop down list */
.menu ul :hover ul a {background: url(graphics/menuNOTICE.png); height:24px; line-height:24px;}
.menu ul :hover ul a:hover {color:#000000;}

/* ***** M E N U - E N D ***** */


/* areas */

.search_area {
	color: #4c4c4c;
	position: relative;
	width: 230px;
	height: 80px;
	left: 705px;
	top: 33px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;	
	font-weight: 700;
}

.search_box {
	width: 220px;
	height: 30px;
	position: relative;
	left: 0px;
	top: 20px;
	padding: 5px 5px 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: 100;
	background-image: url(graphics/search_area.png);
	background-repeat: repeat-x;
}



.area920-890 {

	width: 920;
	padding-right: 15px;
	padding-left: 15px;
}

.area920-860 {

	width: 920;
	padding-right: 30px;
	padding-left: 30px;
}

.area230right{
	float: right;
	width: 230px;
	clear: right;
}


.area-left430 {
	clear: left;
	float: left;
	width: 430px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	position: relative;
	margin:0;
	padding: 0 0 0 30px;
}



.area-right430 {
	float: right;
	width: 430px;
	clear: right;
	font-size: 12px;
	color: #adafae;
	position: relative;
	padding-right: 30px;
	font-family: Arial, Helvetica, sans-serif;
}

.cutout {
	width: 200px;
	margin-left: auto;
	margin-right: auto;
	background-color: #cacac8;
	color: #2b4d97;
	font-weight: 700;
}

.bookmarkarea {
	position: absolute;
	top: 460px;
	margin-left: 15px;
	_margin-left: 0px;
}

.bookmarks {
	width: 190px;
	color: #FFFFFF;
	font-weight: 100;
	font-size: 12px;
	line-height: 26px;
	background-image: url(graphics/mark_area.png);
	background-repeat: repeat-x;
	padding: 5px;
	height: 50px;
	font-family: Arial, Helvetica, sans-serif;
	margin-right: auto;
	margin-left: auto;
}

.bm_spacing {
	font-size: 8px;
	text-align: left;
}


.lefttable {
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 600;
	color: #ADAFAE;
}

.greybar430 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 700;
	color: #FFFFFF;
	background-color: #adafae;
	text-align: left;
	line-height: 24px;
	text-indent: 5px;
}

.greybar_header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: 700;
	color: #4C4C4C;
	background-color: #adafae;
	text-align: center;
	line-height: 32px;
}

.greybar_2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 700;
	color: #4c4c4c;
	background-color: #adafae;
	text-align: left;
	line-height: 24px;
	text-indent: 5px;
	clear: left;
	float: left;
	width: 890px;
}


.bluebar_header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: 700;
	color: #f6b129;
	background-color: #22478b;
	text-align: center;
	line-height: 32px;
}

.bluebar_2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 700;
	color: #f6b129;
	background-color: #22478b;
	text-align: left;
	line-height: 24px;
	text-indent: 5px;
	clear: left;
	float: left;
	width: 890px;
}



.text430 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 100;
	color: #0E3377;
	text-align: left;
	line-height: 16px;
	margin: 10px;
}






h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: normal;
	line-height: 22px;
	margin: 15px;
}





/* ***** F O N T S ***** */

.regular12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 100;
	color: #4c4c4c;
	text-align: left;
	line-height: 16px;
}


.grey12 {
	font-size: 12px;
	font-weight: 100;
	color: #adafae;
	text-align: left;
	line-height: 16px;
}


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */



.area690leftMini {
	float: left;
	width: 690px;
	clear: left;
	background-image: url(graphics/chariots_page.jpg);
	background-repeat: no-repeat;
	height: 459px;
}

.area690leftOfficers {
	float: left;
	width: 690px;
	clear: left;
	background-image: url(graphics/mini_officers.jpg);
	background-repeat: no-repeat;
	height: 459px;
}

.area690leftJuniorFixtures {
	float: left;
	width: 690px;
	clear: left;
	background-image: url(graphics/junior-fixtures_page.jpg);
	background-repeat: no-repeat;
	height: 459px;
}

.area690leftMinisFixtures {
	float: left;
	width: 690px;
	clear: left;
	background-image: url(graphics/minis-fixtures_page.jpg);
	background-repeat: no-repeat;
	height: 459px;
}

.area690leftRules {
	float: left;
	width: 690px;
	clear: left;
	background-image: url(graphics/Rules.jpg);
	background-repeat: no-repeat;
	height: 459px;
}

.area690leftNews {
	float: left;
	width: 690px;
	clear: left;
	background-image: url(graphics/ChariotsNews.jpg);
	background-repeat: no-repeat;
	height: 459px;
}

.officers_plaque {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #22478b;
	padding: 5px 0px 0px;
	font-weight: normal;
	line-height: normal;
	letter-spacing: normal;
}