/* CSS Document */
/* Author: Sean Gilbert, Pilotage, Inc. */

img {
padding:0;
margin:0;
vertical-align:top;
border:none;
}

object {
display:block;
padding:0;
margin:0;
}

embed {
display:block;
padding:0;
margin:0;
}

/* -- Basics -- */
body {
margin:0;
padding:0;
color: #333;
font:14px "Lucida Grande", Arial, sans-serif;
}

#oneColumn {
background-color:#0A50A1;
}

#twoColumn {
background-color:#0A50A1;
}

#threeColumn {
background-color:#0A50A1;
}

#wrapper {
width:800px;
margin:0 auto;
padding:0 15px 15px 15px;
background-color:#ED241E;
}

#pageContent {
float:left;
display:inline;
width:800px;
padding:0;
margin:0;
background:#FFF url(/images/leftbg.gif) left repeat-y;
}

h2, h3 {
color:#ED241E;
}

h2 {
font-size:21px;
}

h3 {
font-size:16px;
}


/* -- Content -- */

#oneColumn #primaryContent {
float:left;
display:inline;
width:800px;
padding:15px 0;
margin:0;
background:#FFF url(/images/primaryshadow.gif) top repeat-x;
}

#oneColumn #sideContent, #oneColumn #secondaryContent {
display:none;
}

#twoColumn #primaryContent {
float:left;
display:inline;
width:540px;
padding:15px 0;
margin:0 0 0 260px;
background:#FFF url(/images/primaryshadow.gif) top repeat-x;
}

#sideContent {
float:left;
display:inline;
width:260px;
padding:15px 0;
margin:0 0 0 -800px;
background:transparent url(/images/sideshadow.gif) top repeat-x;
}

/* -- Content Boxes -- */

.primaryBox {
margin:0;
padding:0 15px;
line-height:1.5em;
}

.primaryBox p {
padding-bottom:10px
}

.primaryBox img {
float:left;
}

#primaryContent .memberships ul {
list-style:none;
padding:20px 10px;
margin:0;
border-bottom:1px solid #999;
}

#primaryContent .memberships li {
padding:5px;
border-top:1px solid #999;
}

#primaryContent .memberships h3, #primaryContent .memberships h4 {
padding:0;
margin:4px 0;
}

#primaryContent .tennisBox {
float:left;
display:inline;
width:270px;
}

#map {
margin:10px 50px;
}

.topBox {
float:left;
display:inline;
width:540px;
}

.defaultBox {
padding:0 15px;
}

/* FOR PHOTO GALLERY PAGE */
.photo-gallery img {
padding:0;
margin:0 10px 10px 0;
}

/* NEW TEXT COLORS */
.blue-text {
color:#0A50A1;
}

.green-text {
color:#1E9037;
}

.orange-text {
color:#EB711E;
}

.red {
color:red;
font-weight:bold;
}

.small {
font-size:11px;
}

.package {
float:left;
display:inline;
width:150px;
}

.townteam {
font-size:12px;
}

.sideBox {
margin:0;
padding: 0 15px;
line-height:1.5em;
}

.sideBox img {
float:right;
padding-left:5px;
}

.sideBox h3 {
margin:10px 0;
}

.sideBox p {
margin-top:0;
}

.nav {
padding:0;
margin:0;
list-style:none;
}

.list {
padding:4px;
margin:10px 0;
}

.list h3, .list p {
margin:5px 0;
}

.shaded {
background-color:#CAE9EF;
}

.green {
background-color:#99FFCC;
}

.blue {
background-color:#00FFFF;
}

.purple {
background-color:#FFA6FF;
}

.spacer {
width:260px;
clear: both;
}

/* drop shadow effect for the gallery thumbnails. Sadly this requires a div to be wrapped around the image markup, which is a shame */

.img-wrapper {
float:none;
width:510px;
margin:15px 0;
float:left;
}

.img-wrapper p {
padding-top:0;
margin-top:0;
}
 
.img-wrapper img {
float:left;
margin:0;
padding:0;
position:relative;
}

/* -- footer -- */
#globalfooter {
clear:both;
width:800px;
text-align:left;
color:#FFF;
background-color:#ED241E;
}

/* -- form -- */

form {
margin: 0;
padding: 0;
}

fieldset {
width:230px;
border: 0;
margin:0;
padding:5px 15px;
}

legend {
font-weight: bold;
font-size:18px;
margin-top:20px;
padding:0;
color:#EB2419;
}

input.text {
margin:5px 0 0 0;
padding:8px;
border: 2px solid red;
background:#FFF;
color:#000;
}

input.submit {
border: 0;
margin-bottom:-16px;
padding:0;
background: transparent;
}


/*------------FLASH MESSAGES -------------->*/

#progress-bar {
	z-index: 101;
	text-align: center;
	position: absolute;
	top: 35%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block
}
	
#feedback-good {
	background: #D4ECB8;
	border: 1px solid #38BD17;
	padding: 7px 10px;
	margin-bottom: 1em;
	margin: 0px 20px 10px 20px;
	color: #38BD17;
	position: absolute;
	left: 50%;
	width: 250px; /* Overall width of div */
	top: -35px; /* half of the overall height */
  margin-left: -125px; /* half of the overall width */
  visibility: visible
}
#flash-warning {
	padding: 7px 10px;
	margin-bottom: 1em;
	margin: 0px 20px 10px 20px;
	background: #FF6966;
	border: 1px solid #FF4A47;
	color:#fff;
	position: absolute;
	left: 50%;
	width: 250px; /* Overall width of div */
	top: -35px; /* half of the overall height */
  margin-left: -125px; /* half of the overall width */
  visibility: visible
}

#flash-error {
	padding: 7px 10px;
	margin-bottom: 1em;
	margin: 0px 20px 10px 20px;
	background: #FF6966;
	border: 1px solid #FF4A47;
	color:#fff;
	position: absolute;
	left: 50%;
	width: 250px; /* Overall width of div */
	top: -35px; /* half of the overall height */
  margin-left: -125px; /* half of the overall width */
  visibility: visible
}