body{font-family:Calibri, "Lucida Grande",Arial, Helvetica, sans-serif;  font-size:12px; height: 100%; background-color:#DED7CB}


DIV.CHOOSE {height: 28em;width: 300;overflow: scroll; border: solid gray 0px;padding:
0.4em 0.4em; text-decoration: none; background-color: #F1E4BE;}

div#header{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:120px;
  background-color: #EBE2C4;}
  
.wrapper {
   min-height: 100%;
  	height: auto !important;
   height: 100%;
   margin: 0 auto -4em;
    width: 940px; 
	align:center;
}

.navimg
{
   filter:alpha(opacity=90); 
   -moz-opacity: 0.9; 
   opacity: 0.9;  
   position:relative; left:90px; top:-40px;
}
 

.footer, .push {
  height:50px; 
}

.EVENTS td { 
text-decoration: none; 
margin-top: 0; 
margin-bottom: 0; 
color: #333333;
font-size: 12px; 
} 

.CAL td { 
text-decoration: none; 
margin-top: 0; 
margin-bottom: 0; 
color: white;
font-size: 14px; 
} 

.CAL b { 
text-decoration: bold; 
margin-top: 0; 
margin-bottom: 0; 
color: white;
font-size: 24px; 
} 


.ADS td { 
text-decoration: none; 
margin-top: 0; 
margin-bottom: 0; 
color: #333333;
font-size: 12px; 
} 

div#footer{ 
  top:0;
  left:0;
  width:100%;
  padding:25px;
  height:130px; }

a:link { color: #336699; text-decoration: none;}
a:visited { color: #336699; text-decoration: none;}
a:hover { text-decoration: none; }

.coupon {
	width: 450px;
	padding: 10px; 
	border: 3px dashed #ccc; 
	background-color: white;}

h1
{
	background: inherit;
	border-bottom: 1px dashed #ccc;
	color: black;
	font: 17px Helvetica, serif;
	margin: 0 0 10px;
	margin-top: 10px; 
	padding: 0 0 5px;
	text-align: left;
}

h4 { 
text-decoration: none; 
margin-top: 0; 
margin-bottom: 0; 
font-size: 12px; 
} 

.headerfont { 
text-decoration: none; 
margin-top: 0; 
margin-bottom: 0; 
font-size: 14px; 
} 

h3 { 
text-decoration: none; 
margin-top: 0; 
margin-bottom: 0; 
margin: 0 0 0 0;
font-size: 20px; 
} 

table.caltable { width: 220; padding: 2px; border: none; border: 1px solid #789DB3;}
table.caltable td { font-size: 16px; border: none; background-color: #F4F4F4; 
vertical-align: middle; padding: 7px; font-weight: bold; }
table.caltable th { font-size: 16px; border: none; background-color: #F4F4F4; 
vertical-align: middle; padding: 7px; font-weight: bold; }
table.caltable td.today { font-size: 16px; border: none; background-color: #d7d7d7; 
vertical-align: middle; padding: 7px; font-weight: bold; }
table.caltable td.event { font-size: 16px; border: none; background-color: #66FF66; 
vertical-align: middle; padding: 7px; font-weight: bold; }

  .formbutton{
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:black;
font-weight:bold;
padding: 5px 5px;
background:url(http://www.fastpitchnetworking.com/img/formbg.gif) repeat-x left top;
}

img.photo {
   padding:5px;
   border:1px solid #d7d7d7;
   background-color:#f7f7f7;
}

.myinputstyle {
	border: 1px solid black; 
	background: #DEDEDE;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 15px;
	color: #454743;
	padding:5px;
}

.myinputstyle:hover {
	border: 1px solid black; 
	background: url(none) no-repeat #FFFFFF;
	color: #454743;
}
.mylabelstyle {
	font-family: arial, helvetica, sans-serif; 
	font-size: 12px;
	color: #333333;
	padding: 5px;
}

.notes {
	font-family: arial, helvetica, sans-serif; 
	font-size: 9.5px;
	color: #777777;
	padding: 10px;
}
 

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.ubercolortabs{
padding: 0;
width: 100%;
overflow: hidden;
background: transparent;
}

.ubercolortabs ul{
font: bold 12px Arial, Verdana, sans-serif;
margin: 0;
padding: 0;
list-style: none;
}

.ubercolortabs li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform: uppercase;
}


.ubercolortabs a{
float: left;
color: white;
background: #7D7864; /*default background color of tabs, left corner image*/
margin: 0 2px 0 0;
padding: 0 0 1px 3px;
text-decoration: none;
letter-spacing: 1px;
}

.ubercolortabs a span{
float: left;
display: block;
background: transparent url(media/roundright.gif) no-repeat right top; /*right corner image*/
padding: 7px 9px 3px 6px;
cursor: pointer;
}

.ubercolortabs a span{
float: none;
}


.ubercolortabs a:hover, .ubercolortabs li.selected a{
background-color: #298353; /*background color of tabs onMouseover*/
color: white;
}

.ubercolortabs a:hover span{
background-color: transparent;
}


.ubercolordivider{ /*CSS for horizontal line.*/
clear: both;
padding: 0;
width: 100%;
height: 3px;
line-height: 3px;
background: #AEA28B; /*background color of horizontal line*/

}
 

/* -------------------------------- */
/* 	ACTIVE ELEMENTS					*/
.active a:link, .active a:visited, .active a:visited, .active a:hover{
	background:url(img/tab-round.png) right 0 no-repeat;
} 
.active a span, .active a:hover span{
	background:url(img/tab-round.png) left 0 no-repeat;
}


.transparent
{
   filter:alpha(opacity=80); 
   -moz-opacity: 0.8; 
   opacity: 0.8; 
   width:100px;
   height:80px;
   background-color:white;
   padding:10px;
    position:relative; left:620px; top:0px;
}

 
 

a.squarebutton{
background: transparent url('img/square-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #494949; /*button text color*/
}

a.squarebutton span{
background: transparent url('img/square-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}



a.squarebutton2{
background: transparent url('img/square-orange-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarebutton2, a:visited.squarebutton, a:active.squarebutton{
color: #494949; /*button text color*/
}

a.squarebutton2 span{
background: transparent url('img/square-orange-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton2:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton2:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper2{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}