@charset "utf-8";
/* styles the masthead/logo area*/
h1 {
	background-image: url(images/masthead.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 109px;
	width: 770px;
	display: block;
}
h1 a {
	height: 109px;
	width: 770px;
	display: block;
}


/* set default font stles for all pages*/
body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #031d1b;
}

/* set line height for all paragraphs, allow some extra spacing for better readability*/
body p {
	line-height: 22px;
}

/*  headers for 'Weather' and 'Directions' */
h3 {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	color: #031d1b;
	padding-bottom: 5px;
}

/*  small text under headers for 'Weather' and 'Directions' */
h5 {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	padding-bottom: 8px;
}

/*  styles the main copy area of the Members and Nonmembers main pages  */ 
#copy_text {
	margin-right: 20px;
	margin-left: 25px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #61918E;
	padding-top: 15px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #61918E;
}

/*  add some padding to the paragraphs in the main copy area of the Members and Nonmembers main pages */
#copy_text p {
	padding-bottom: 20px;
}


/* div used for the nav sidebar on Members pages  */
#nav {
	float: left;
	width: 172px;
	text-align: center;
	background-image: url(images/members_sidebar_backg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/*  styles the list used in the nav sidebar on Members pages  */
#navlist {
	list-style-type: none;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

/*  syyles the anchors  */
#navlist li a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	text-transform: uppercase;
	color: #011514;
	text-decoration: none;
	font-weight: normal;
	display: block;
}

/*  sidebar hover states */
#navlist li a:hover {
	text-decoration: underline overline;
	font-weight: bold;
}

/*  adds the seperators to the nav sidebar  */
#navlist li {
	padding-bottom: 10px;
	background-image: url(images/nav_seperator.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-top: 10px;
}

/*  removes seperator from the last item in the nav sidebar  */
#navlist li.last {
	background-image: none;
	padding-bottom: 50px;
}

/*  div used for the contact info sidebar on the Nonmembers page  */
#nm_sidebar {
	float: left;
	width: 172px;
	background-image: url(images/members_sidebar_backg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #031D1B;
}

/*  the div used for the main content area of all pages  */
#main_content {
	float: right;
	width: 598px;
	background-image: url(images/members_content_backg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/* div used for the content area of all Members pages other than the main page  */
#subpage_content {
	margin-left: 20px;
	margin-right: 10px;
}

/* div used for the content area of all Members pages other than the main page  */
#subpage_content_calendar {
	margin-left: 15px;
	margin-right: 5px;
}

/*  for subpage paragraphs  */
#subpage_content p {
	padding-bottom: 15px;
}

/* add some spacing in the sidebar for the non-members pages  */
#nm_sidebar p {
	padding-bottom: 18px;
	padding-top: 8px;
	margin-top: 0px;
	padding-left: 7px;
}

/* adds the horizontal seperators to the nonmembers sidebar  */
.nm_sidebar_bg {
	background-image: url(images/nav_seperator.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}

/*  removes the seperator from the last item in the nonmembers sidebar  */
.nm_sidebar_last {
	margin-bottom: 225px;
}

/*  styles the large image used on the Members main page  */
#members_pic {
	text-indent: -9999px;
	margin-bottom: 20px;
	margin-left: 20px;
	display: none;
}

/*  styles the large image used on the Non-Members main page  */
#nonmembers_pic {
	text-indent: -9999px;
	margin-left: 20px;
	margin-bottom: 20px;
	display: none;
}
#main_flash {
	margin-left: 15px;
	margin-bottom: 10px;
}


/*  styles the footer area  */
.footer {
	background-image: url(images/footer_backg.gif);
	background-repeat: repeat-x;
	text-align: center;
	height: 91px;
	width: 100%;
	color: #FFFFFF;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	background-position: bottom;
}

/* add some spacing to the copyright in the footer  */
#footer_copyright {
	padding-top: 11px;
}

/* add some spacing to the copntact info in the footer  */
#footer_contact {
	color: #203C3A;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	padding-top: 10px;
}

/*  this is the actual submit button itself  */
#submit_button_in_form {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	background-color: #203c3a;
	border: 1px solid #FFF;
	color: #FFF;
}

/* for the div that contains the submit button */
#submit_button {
	text-align: center;
}

/*  add some spacing to the form fields */
input {
	margin-bottom: 20px;
}

/* styles the div with the directions in it  */
#directions {
	float: left;
	width: 246px;
	margin-left: 25px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #61918e;
	padding-right: 10px;
	margin-top: 15px;
}

/* styles the div with the weather in it  */
#weather {
	float: left;
	width: 250px;
	padding-left: 15px;
	margin-top: 15px;
}
#roster_head, #calendar_head, #golf_head, #tennis_head, #youth_head, #dining_head, #events_head, #rules_head, #account_head, #staff_head, #gallery_head {
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	height: 44px;
	width: 565px;
	padding-bottom: 5px;
}

/* image for this header */
#gallery_head {
	background-image: url(images/gallery_head.gif);
}

#roster_head {
	background-image: url(images/roster_head.gif);
}
#staff_head {
	background-image: url(images/staff_head.gif);
}


/* image for this header */
#calendar_head {
	background-image: url(images/calendar_head.gif);
}

/* image for this header */
#golf_head {
	background-image: url(images/golf_head.gif);
}

/* image for this header */
#tennis_head {
	background-image: url(images/tennis_head.gif);
}

/* image for this header */
#youth_head {
	background-image: url(images/youth_head.gif);
}

/* image for this header */
#dining_head {
	background-image: url(images/dining_head.gif);
}

/* image for this header */
#events_head {
	background-image: url(images/events_head.gif);
}

/* image for this header */
#rules_head {
	background-image: url(images/rules_head.gif);
}

/* image for this header */
#account_head {
	background-image: url(images/account_head.gif);
}

/* image for this header */
.flash_pic {
	float: right;
	padding-bottom: 7px;
	padding-left: 9px;
}

/* image for this header */
.page_pic {
	float: right;
	padding-bottom: 6px;
	padding-left: 8px;
}

.push {
	clear: both;
}

/* these rules will style the mini calendars placed on certain pages */

#mini_calendar {
	width: 220px;
	margin-left: 180px;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #B5CCCB;
	text-align: center;
	border: 1px solid #203C3A;
	margin-bottom: 20px;
}
#tennis_submenu ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#tennis_submenu li {
	display: inline;
	margin-right: 25px;
}
#tennis_submenu a {
	text-decoration: none;
	color: #203c3a;
	font-variant: small-caps;
}
#tennis_submenu a:hover {
	color: #006600;
	text-decoration: underline;
}
#tennis_submenu {
	margin-right: 15px;
	margin-left: 10px;
	margin-bottom: 15px;
	margin-top: 4px;
	text-align: center;
	padding: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #203C3A;
}

.tennis_page h3, .golf_page h3 {
	margin-top: 20px;
}
.tennis_page ul, .golf_page ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.dining_page  ul, .tennis_page  ul, .golf_page  ul, .staff_page ul {
	list-style-type: none;
	margin-bottom: 25px;
	margin-top: 5px;
}
dt {
	font-weight: bold;
	margin-top: 16px;
	margin-bottom: 2px;
}
dd {
}


#tennis_staff li, #tennis_guidelines li {
	margin-bottom: 14px;
}
#youth_rules li , #youth_dates li {
	margin-bottom: 14px;
}
#youth_dates {
	margin-bottom: 40px;
}
.youth_page ul {
	margin-left: 25px;
}


.section_header {
	font-size: 18px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	background-color: #A4C4C3;
	padding-left: 5px;
	margin-top: 6px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-variant: small-caps;
	margin-bottom: 12px;
}
li span {
	font-weight: bold;
}
.golf_page .spaced li {
	margin-bottom: 14px;
}

/* gallery styles */

.galleryCategory {
	display: block;
	float: left; 
	clear: left; 
	width: 550px;
}

.galleryCategory img, .galleryThumbnail img {
	border: 1px solid #203c3a;
}

.galleryCategory dt {
	float: left; 
	margin-right: 10px;
}

.galleryCategory .title {
	font-size: 18px;
	padding: 20px 0 5px 0;
	font-weight: bold;
}

.galleryThumbnail dt {
	font-size: 12px;
	font-weight: normal;
}
.galleryThumbnail {
/*	margin-left: 10px*/
	float: left;
	margin-right: 30px;
}
.galleryLink {
	text-align: right;
	padding-top: 150px; 
	margin-top: 100px;
	margin-right: 30px;
/*	margin-bottom: 135px; */
/*	background-position: bottom; */
}
.gallery_page #subpage_content img {
	border: 1px solid #203C3A; 
}

.galleryLink a {
	color: #203C3A;
}

.centeredPic {
	border: 1px solid #0c2a28;
	margin: 20px auto;
}
