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:#0E3377;
	background-image: url(graphics/menuBOXhover.png);
	background-repeat: no-repeat;
}
/* for IE7 and non-IE browsers */
.menu li:hover > a {
	color:#0E3377;
	background-image: url(graphics/menuBOXhover.png);
	background-repeat: no-repeat;
}

/* 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: 1px;
	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;
}

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

.area-left430 {
	clear: left;
	float: left;
	width: 430px;
	_width: 460;
	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;
	font-weight: 700;
	letter-spacing: 1px;
}

.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;
}

.HomeBar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 700;
	color: #FFFFFF;
	text-align: left;
	line-height: 27px;
	text-indent: 35px;
	background-image: url(graphics/HomeBar.png);
	background-repeat: no-repeat;
}

.AwayBar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 700;
	color: #FFFFFF;
	text-align: left;
	line-height: 27px;
	text-indent: 35px;
	background-image: url(graphics/AwayBar.png);
	background-repeat: no-repeat;
}

.players {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 200;
	color: #0E3377;
	background-color: #adafae;
	text-align: center;
	line-height: 20px;
	clear: both;
	float: none;
	width: 650px;
	margin-right: auto;
	margin-left: auto;
	padding: 20px;
}



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


.text {
	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 ***** */

.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 */


/* ***** 3 col layout ***** */

.faux3col {
	background-image: url(graphics/3colFAUX.png);
	background-repeat: repeat-y;
}

.left1of3 {
	float: left;
	width: 296px;
}

.right1of3 {
	float: right;
	width: 296px;
}


.center1of3 {
	float: none;
	margin-left: 296px;
	margin-right: 296px;
}


.content1of3 {
	padding:1em;
	font-size:0.8em;
}

/* ***** END 3 col layout ***** */


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

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

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

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

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


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

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

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

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

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

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

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

.area690leftR1 {
	float: left;
	width: 690px;
	clear: left;
	background-image: url(graphics/R1.jpg);
	background-repeat: no-repeat;
	height: 459px;
}
.area690leftR2 {
	float: left;
	width: 690px;
	clear: left;
	background-image: url(graphics/R2.jpg);
	background-repeat: no-repeat;
	height: 459px;
}
.area690leftR3 {
	float: left;
	width: 690px;
	clear: left;
	background-image: url(graphics/R3.jpg);
	background-repeat: no-repeat;
	height: 459px;
}

.archive {
	list-style-image: url(graphics/file40x40.png);
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

.archive :hover {
	list-style-image: url(graphics/file40x40-h.png);
}

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