﻿.inputcolor {
 font-family: Arial, Helvetica, sans-serif;
 font-style: normal;
 font-variant: normal;
 background-color: #F1F7FC;
}

textarea {
 font-family: Arial, Helvetica, sans-serif;
 font-style: normal;
 font-variant: normal;
 background-color: #FFF;
}

body {
	background-color: #E5E9EF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	margin:0px 0px; padding:0px;
	text-align: center;
	min-width: 500px;
	background-image: url('Images/ClubPageBackgr.jpg')
}

#Content{
  margin: 0 auto;
  text-align: left;
  } 
  
.invisSM {
	text-align: left;
	color: #FFFFFF;
	font face= "Arial";
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-small;
}
p {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 12pt;
	color: #000000;
}
.CellHeaderText {
 	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #000000;
}
.ElevenText {
 	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #000000;
}
.EighteenText {
 	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18pt;
	color: #000000;
}
.TenText {
 	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
}
.RedText12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #C00;
}

.bodyxsmall {
 	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 6pt;
	color: #000000;
}
.pgTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 31pt;
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
}
#menu {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 846px;
  height: 158px;
  background: url('images/bannerClubNew.jpg') no-repeat;
/*BannerBackgroundMed846.jpg*/
  position: relative;
  margin:auto
}
#menu span {
  display: none;
  position: absolute;
}
#menu a {
  display: block;
  text-indent: -900%;
  position: absolute;
  outline: none;
}
#menu .help {
	background: url('images/Button_MenuHelp.jpg') no-repeat;
/* HelpButtonTransparent.gif*/
	left: 747px; 
	top: 20px; 
	height: 35px; 
	width: 84px
}
#menu .HeaderText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 41px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	color:#e5e9ef;
	position:absolute;		
	left: 199px; 
	top: 25px; 
	width: 422px;
	text-align:left

}
#menu .SubHeaderText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	color: #e5e9ef;
	position: absolute;	
	left: 201px; 
	top: 67px; 
	width: 422px; 
	height: 24px;
	text-align:left
}
#menu .CookieText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16pt;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	color: #e5e9ef;
	position: absolute;
	left: 199px; 
	top: 102px; 
	width: 635px; 
	height: 24px; 
	text-align: right
}
.dhtmlwindow{
position: absolute;
border: 2px solid black;
visibility: hidden;
background-color: white;
}
.drag-handle{ /*CSS for Drag Handle*/
padding: 1px;
text-indent: 3px;
font: bold 14px Arial;
background-color: #576A88;
color: white;
cursor: move;
overflow: hidden;
width: auto;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
right: 1px;
top: 2px;
cursor: hand;
cursor: pointer;
}
* html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
width: 100%;
}
.drag-contentarea{ /*CSS for Content Display Area div*/
border-top: 1px black;
background-color: white;
color: black;
height: 150px;
padding: 2px;
overflow: auto;
}
.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
border-top: 1px solid gray;
background-color: #F8F8F8
height: 13px; /*height of resize image*/
}
.drag-resizearea{ /*CSS for Resize Area itself*/
float: right;
width: 13px; /*width of resize image*/
height: 13px; /*height of resize image*/
cursor: nw-resize;
font-size: 0;
}
.MaroonText14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #900;
}
