@import url("popup.css");
body,html {
  height:auto !important; /* FF and compliant browsers should automatically size the body/html */       
  height:100%; /* ie will set the body/html to 100%, anything overflowing that will (incorrectly) resize it. go IE */        
  min-height:100%; /* when FF/etc automatically size the body/html it should be AT LEAST the height of the entire browser window, but can expand based on content. */
  color:#FFFFFF;
  margin:0px;
  padding:0px;
  font:12px Arial, sans-serif;
  background:url(../images/bodybg.jpg) repeat-x top left fixed;
}

a img, a {
  border:none;
  text-decoration:none;  
}

#container {
  margin:auto;
  width:975px;
}

a img, a {
  border:none;
  text-decoration:none;  
}

ul {
  list-style:none;
  padding:0px;
  margin:0px
}

#lastEdited {
  font-size:smaller;
  float:right;
  color:#999999;
  clear:both;
  display:block; 
}

TABLE#containerAll {
  margin:auto; 
  width:975px;
  max-width:975px!;
  border-collapse:collapse;
}

#containerNavCue {
  background-color:#424254;
  padding:5px;
  clear:both;
  font-size:11px;  
  height:20px;
  position:relative;
}

#clubInfo {
	width:350px;
	margin:auto;
	padding:5px;
	border-bottom:1px solid #666;
}

#clubInfo td {
	padding:5px;
}

#navCue, #date {
	
  text-transform:uppercase;
  float:left;
  vertical-align:middle;
}

.crumbArrow {
	margin: 0px 5px;
	vertical-align:middle;
}

#date {
  float:right;
}

/*START BANNER  */
#containerHead{
  width:100%; 
  background:url(../images/head_bg.gif) repeat-x top left;
}

h4, h5 {
  margin:10px 0 10px;
  color:#4e5974;
  font:15px Arial, Helvetica, sans-serif;
  font-weight:bold;
}

h5 {
  border-bottom:1px dotted #999999
}

/*-----start corporate menu ----- */

#corpMenu {
  float:right;
  background:url(../images/corpmenu_bg.gif) top repeat-x; 
}

#corpMenu .left{
  height:30px;
  width:12px;
  display:inline;
  float:left;
  background:url(../images/corpmenu_sides.gif) no-repeat top left;
}

#corpMenu ul {
  float:left;
  display:inline;
}

#corpMenu li {
  float:left;
  display:inline;  
  margin: 4px 5px 0px 0px;
  padding-right:5px;
}
#corpMenu li a, #corpMenu li a:visited {
  color:#FFFFFF;
}
#corpMenu li a:hover {
  color:#99FFFF;
}

     /* ----- start search form ----- */
#corpMenu .search {
  display:inline
}

#fieldSearch {
  float:left;
  font-style:oblique;
  margin-top:1px;
  border:1px solid #CCCCCC; 
  background-color:#424254;
  color:#CCCCCC;
  height:16px;
  padding-left:4px;  
}

#corpMenu .submit { 
  float:left;
  margin:1px 5px 0px 0px
}

     /* ----- end search form ----- */
#corpMenu .right {
  height:30px;
  width:12px;
  display:inline;
  float:left;
  background:url(../images/corpmenu_sides.gif) no-repeat top right;
}

#banner {
  clear:both; 
  height:161px;
  width:975px;
  background-image:url(../images/banner.jpg);
}

.welcome {
  float:left;
  font-family:"Lucida Handwriting";
  font-size:14px;
}

#adds {
  float:right;
  position:relative;
  top:22px;
}

/*----body start---- */
#containerleft {
  vertical-align:top;  
  background-color:#444471;
  width:170px;
  max-width:170px;
  min-width:170px;
}

.Image {
  float:left;
  border:1px solid black;
  margin-right:10px;
  margin-top:5px;
}

#containerMain {
  background-color:#FFFFFF;
  color:#333333;
  padding:5px 15px; 
  line-height:20px;
  vertical-align:top;
}

#containerMain a:visited {
  color:#000066;
}

#containerRight {   
  vertical-align:top;
  background-color:#424254;
  width:260px;
  min-width:260px;
  max-width:260px;
}

#containerLeague {
  background-color:#333333; 
  font-family:Arial, sans-serif;  
  line-height:30px;
  font-size:12px;
}

#containerAnnouncements {
  background-color:#C5CBEB;
  text-align:center;
  height:180px;  
}

.sections {
  font-weight:bold;  
  background: url(../images/section_bg.jpg) repeat-x;  
  text-align:center;
  padding:4px;
}

.countdown {
  text-align:center;
  background:#333333;  
  padding:5px;
}

#counter{
  background:#424254 url(../images/right_bg.jpg) 100% 0;  
}

#cDown {
  border-top:solid 1px #CCCCCC;
  border-bottom:solid 1px #CCCCCC;
  line-height:25px;
  top: 0; /* These positions makes sure that the overlay */
  bottom: 0; /* will cover the entire parent */
  left: 0;
  width: 100%;
  background:#3F435E;
  opacity: 0.90;
  -moz-opacity: 0.90; /* older Gecko-based browsers */
  filter:alpha(opacity=78); /* For IE6&7 */
}
/*-- START NAVBAR --*/

#containerleft li a {
  display: block;
  background: transparent url(../images/nav_bg.jpg) 100% 0;
  height: 23px; /*Set to height of bg image- padding within link (ie: 32px - 4px - 4px)*/
  padding: 4px 0 4px 10px;
  line-height: 24px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
  text-decoration: none;
  border-bottom: 1px solid #666;
  color:#FFF;  
 } 

#containerleft ul .subMenu a {
  background:#424254 url(../images/nav_bg.jpg) 100% -96px;  
}

#containerleft a:hover, #containerleft ul .subMenu a:hover{ 
  color: #26370A;
  background-position: 100% -32px;
} 

#containerleft a.selected, #containerleft ul a.selected {
  background-position: 100% -64px;!important
}

.subMenu {
  display:none
}  

/* START RIGHT */

.enlargeImg {
  width:39px;
  height:39px;
  background:transparent url('../images/enlarge.png') no-repeat;
  position:absolute;
  top:133px;
  left:48px;
}

.enlargeImg:hover{
  background-position: 0px -39px;
}


#manOfMatch {
  text-align:center;
  background:#424254 url(../images/right_bg.jpg) 100% 250px; 
}

#imgManOfMatch, .photo {
  border:1px white solid;
  background-color:#424254;
  padding:1px;
  margin:5px;
}

.mom {
  top: 0; /* These positions makes sure that the overlay */
  bottom: 0; /* will cover the entire parent */
  left: 0;
  width: 100%;
  line-height:30px;
  background:#3F435E;
  opacity: 0.75;
  -moz-opacity: 0.90; /* older Gecko-based browsers */
  filter:alpha(opacity=90); /* For IE6&7 */
  border-bottom:1px solid #cccccc;
}

#mom {	
  position:relative;
}

/* STOP RIGHT */

/* --START FOOTER -- */

#cFooter {
  background-color:#333333;
  color:#FF;
  padding:5px;
  height:15px;
  font-size:smaller;
  vertical-align:middle;  
}

#copyright {
  float:left;
}

#designedBy {
  float:right;
}

.aEdit {
  text-align:right;
  display:block;  
}

.aEdit:visited {
  color:blue;
}

.white {
  color:#FFFFFF;
  text-decoration:underline;
  font-size:smaller;   
}

#momPosition {
  background-color:#73739D;
}

.loggedIn {
  font-size:smaller;
  padding:3px;
  color:#CCCCCC;
}

.created {
  font-size:smaller;
  display:block;
}

.centerPhoto {
   border:1px black solid;
   margin:auto;
}
td#spacer {
  width:275px;
  background-color:blue;    
}

.list {
  display:list-item;
  list-style: circle;
  margin-left:20px; 
}

.green {
  font-size:smaller;
  color:Green;
  vertical-align:middle;
}

ol {
  margin:10px;
  list-style:none;  
}

.readmore {
  font-size:smaller;
}

.underline {
  text-decoration:underline;
  color:blue;
}

.paypalbutton {
  display:inline;
  vertical-align:middle;
}

.shop {
  margin:auto;
  border-bottom:1px solid #CCCCCC;
  width:480px;
}

TD .cartButton {
  text-align:right;  
}

.photo {
  float:left;
}

#loggedIn {
  float:right;
}

/* START CONTACT FORM */

#form {
	margin:auto;
}

.labelText {
  vertical-align:top;  
  text-align:right;
  font-weight:bold;
}

#form input, #form textarea {
	border:1px solid #CCC;
	background-color:#F7F7F7;
}

#form td {
	padding:5px;
}

.asterisk {
  color:#CD0506;
}

.sectionHeader {
  background:url(../images/title-bg.gif) no-repeat top left;
  height:30px; 
  color:#FFF; 
  font-weight:bold;
}

.sectionHeaderTitle {
  position:relative; 
  top:5px;
  left:15px;
  width:144px;
  display:inline;
  text-align:center 
}

.sectionHeaderRight {
  height:30px;
  width:12px;
  display:inline;
  float:right;
  background:url(../images/title-bg.gif) no-repeat top right;"
}
/* STOP CONTACT FORM */
/* START GALLERIES */

.galleries {
  width:100%;
}

.galleries td {
  text-align:center;
  width:33.3%;
  padding:10px;
}

#cGalleryScroller {
  text-align:right;
  display:block;
}

.imgThumbs {
  float:left;
}
.img-shadow {	
  position:relative; 
  float:left;
  background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
}

.img-shadow img {
  display: block;
  position: relative;
  background-color: #000;
  margin: -5px 5px 5px -5px;
  padding: 4px;
}

.img-shadow img:hover {
  border: 1px solid #900;
}

.enlargeImg {
  width:39px;
  height:39px;
  background:transparent url('../images/enlarge.png') top left no-repeat;
  position:absolute;
  top:36px;
  left:0;
}

.enlargeImg:hover{
  background-position: 0px -39px;
}

/* STOP GALLERIES */