html {   /* force scrollbar to keep wrapper from jumping on shorter pages */
	overflow-y: scroll; 
}

body {
   margin: 0; 
   background-color: #c37856;
   /*background-image: url(img/tile2.jpg);*/
   font-family: Arial, sans-serif;
   font-size:   12px;
   color: #c37856;
   }
   
a {
	text-decoration: none; 
	color:#c37856;
	color: #3da3f2;
}

a:hover {text-decoration: underline}

.clear {clear: both}    

#shadow {
	width: 940px;
	margin-left: auto;
	margin-right: auto;
    background-image: url(img/shadow2.png);
}

#wrapper {
	width: 900px; 
    background-color: #fff;
    /*background-color: #eee;*/
	/*text-align: center;*/
	margin-right: auto;
	margin-left: auto;
	border: 3px solid #282828;
} 

#leftcol {
    float: left;
	width: 200px;
	/*height: 600px;*/
	margin: 0 24px;
	padding-top: 12px;
	background-color: #ddd;
    border:3px solid white;
    border-radius:        8px;
    -moz-border-radius:   8px;
    -webkit-border-radius:8px; 
    box-shadow:         0 0 3px #888;
    -moz-box-shadow:    0 0 3px #888;
    -webkit-box-shadow: 0 0 3px #888;
    margin-bottom: 24px;
    text-align: center;

}

#rightcol {
	float: left;
	width: 600px;
	font-size: 13px;
	line-height: 1.5;
	/*margin-top: 36px;*/
}

#footer {
	border-top: 3px solid #8c8c8c;
	height: 48px;
	background-color: #c39c56;
	text-align: center;
}

/************************ sidebar formatting *****************/
.vbox {
  width: 250px;
  /*height: 200px;*/
  background-color: #ddd;
  border:3px solid white;
  border-radius:        8px;
  -moz-border-radius:   8px;
  -webkit-border-radius:8px; 
  box-shadow:         0 0 3px #888;
  -moz-box-shadow:    0 0 3px #888;
  -webkit-box-shadow: 0 0 3px #888;
  margin-bottom: 24px;
}

.vbox p, span {
	padding: 0 12px;
}

.vboxhead {
    border-top-left-radius:        8px;
   -moz-border-radius-topleft: :   8px;
   -webkit-border-top-left-radius:8px; 
    border-top-right-radius:        8px;
   -moz-border-radius-topright: :   8px;
   -webkit-border-top-right-radius:8px; 
   border-bottom: 1px solid #16495d;
	background-color: #66bada;
	color: white;
	padding: 8px 0 4px 24px;
	font-size: 14px;
}

.picradius {    
	border-radius:        8px;
    -moz-border-radius:   8px;
    -webkit-border-radius:8px; 
    box-shadow:         0 0 3px #888;
    -moz-box-shadow:    0 0 3px #888;
    -webkit-box-shadow: 0 0 3px #888;
}

/******************************** end sidebar formatting ************/

/******************************** begin tourney calendar list formatting ************/

.calhead {   /* ----------------- month heading on tourney pages -------------- */
	color: #b25342 /* lighter maroon */
}

.caldate {   /* ------------- div containing date and day on tourney pages ---------- */
	float: left;
	width:150px;
}

.caltext {   /* ------------- div containing tourney title and location on tourney pages ---------- */
    float: left;
	width: 380px;
}

.caltext a:link {text-decoration: none; color: #66bada;}
.caltext a:visited {text-decoration: none; color: #66bada;}
.caltext a:hover {text-decoration: underline; color: red;}

.date1 {   /* ----------------------- date and event title format on tourney pages --------------- */
	font-size: 14px;
	font-weight: bold;
}

.date2 {   /* ----------------------- day and location format on tourney pages --------------- */
	font-size: 12px;
	font-variant: small-caps;
	color: #333;
	margin-left: 8px;
}

/******************************** end tourney calendar list formatting ************/

/******************************** begin maroon top text boxes ************/

.textbox {   /* -----------------container for boxes with maroon tops -------- */
  /*float: left;*/
  width: 528px;
  /*height: 200px;*/
  background-color: #ddd;
  border:3px solid white;
  border-radius:        8px;
  -moz-border-radius:   8px;
  -webkit-border-radius:8px; 
  box-shadow:         0 0 3px #888;
  -moz-box-shadow:    0 0 3px #888;
  -webkit-box-shadow: 0 0 3px #888;
  padding-bottom: 8px;
  margin-bottom: 24px;
  }

.textbox p, .textbox h3 {
	padding: 0 12px;
}

.textboxhead {   /* ----------------- maroon tops on textbox divs -------- */
    border-top-left-radius:        8px;
   -moz-border-radius-topleft: 8px;
   -webkit-border-top-left-radius: 8px; 
    border-top-right-radius: 8px;
   -moz-border-radius-topright: 8px;
   -webkit-border-top-right-radius: 8px; 
   border-bottom: 1px solid #16495d;
	/*background-color: #95301e; /*maroon*/
	background-color: #b25342; /*lighter maroon*/
	color: white;
	padding: 8px 0 4px 24px;
	font-size: 14px;
}

/******************************** end maroon top text divs ************/

.sched1 {   /* -------------------- headings for schedule pages (e.g. "Location:"-------------- */
	float: left;
	/*width: 120px;*/
	font-weight: bold;
	margin-left: 11px; 
	width: 120px;
}

.sched2 {   /* -------------------- text for schedule pages (e.g. "Hamlin Gym...:"-------------- */
	float: left;
	width: 300px;
}


/***************** below for tooltips (if use for calendar) *****************/

.questionMark {
position:relative;
height:26px; /*dimensions of our image*/
/*width:26px;*/
/*background:url(/wp-content/questionMark.gif) top left no-repeat;*/
}

.toolTip {
position:absolute;
left:66px; /*Moves it to the right beside the question mark*/
top:0;
display:none;
/*The attributes below make it look pretty*/
width:200px;
padding:5px;
border:1px solid #ffffff;
background-color:#eeeeee;
font:12px Arial, Helvetica, sans-serif;
}

/***************** below not used?? *****************/
.more {
    width: 80px;
   /* height: 20px;*/
    border-radius: 8px;
   -moz-border-radius: 8px;
   -webkit-border-radius: 8px; 
   border: 1px solid #282828;
	/*background-color: #95301e; /*maroon*/
	background-color: #b25342; /*lighter maroon*/
	color: white;
	padding-top: 2px;
	font-size: 11px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.more:hover {
	background-color: white;
	color: #95301e; /*maroon*/
}