/* @override http://192.168.1.103:8888/racquetclubmemphis/css/main.css */

/*
Company:	Racquet Club Memphis
File:		main.css - This contains all the main styles for the website.

All the styles are separted into the following groups:
Global Browser Reset - this is handled by the reset-fonts.css file from YUI
HTML, Body - for the html and body tags
Layout - styles that define the layout of the site
Modules - styles for content modules
Nav - navigation bar
Default Headings - headings like h1, h2, etc
Common Text Styles - Styles for text
Default Lists - unordered and ordered lists
Forms - html forms
Default Links - links
Misc - anything that doesn't fit elsewhere
*/

/* @group HTML, Body */
html {
	/* background: url(../images/ft-bkg.gif) repeat 0 0 #d2c29b; */
	background-color: #000;
}
body 
{
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}
/* @end */

/* @group Layout */
/* Head */
div#hd {
	background: url(../images/hd-pattern.gif) repeat-x 50% 0;
}

/* Body */
div#bd {
	background: url(../images/content-lines-btm.gif) repeat-x 0 100% #fff;
	padding: 0 0 30px 0;
}

/* Footer */
div#ft {
	background: url(../images/ft-bkg.gif) repeat-x 50% 0;
	padding: 30px 0 10px 0;
}
div#ft div.ftlinks ul {
/*	text-align: center; */
	font-family: Palatino, Times, serif;
}
div#ft div.ftlinks ul li {
	list-style: none;
	font-size: 93%;
	display: inline;
	border-left: 1px solid #000;
	padding: 0 22px 0 23px;
}
div#ft div.ftlinks ul li.first-child {
	border: none;
}
div#ft a:link, div#ft a:visited {
	color: #000;
	text-decoration: none;
}
div#ft a:hover {
	text-decoration: underline;
}
div#ft p.copyright {
	text-align: right;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 93%;
	font-weight: bold;
	margin-right: 45px;
}

div.wrap {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}
/* @end */

/* @group Modules */
/* Logo */
div#ctl00_toplogo {
	width: 69px;
	height: 82px;
	background: url(../images/logo-small.png) no-repeat 0 0;
	text-indent: -9000px;
	position: absolute;
	margin: 10px 0 0 20px;
}
div#ctl00_toplogo a {
	display: block;
	height: 100%;
}

/* Logo */
div#logo {
	width: 161px;
	height: 190px;
	background: url(../images/logo-big.png) no-repeat 0 0;
	text-indent: -9000px;
	position: absolute;
	z-index: 200;
	margin-left: 50px
}
div#logo a {
	display: block;
	height: 100%;
}

/* Home Pic */
div.home-pic {
	height: 354px;
	background: url(../images/ft-bkg.gif) repeat 0 0;
}
div.inside-pic {
	height: 174px;
	background: url(../images/ft-bkg.gif) repeat 0 0;
}

/* Welcome Box */
div.welcome-box {
	height: 190px;
	background: url(../images/green-home-bar.png) repeat-x 0 0;
	margin-top: -27px;
}
div.welcome-box-inner {
	position: absolute;
	width: 960px;
	background: url(../images/green-home-bar-top.png) repeat-x 0 0;
	height: 190px;
	z-index: 200;
	/*margin-top: -16px;*/
}
div.welcome-box div.welcome-text {
	width: 700px;
	padding: 40px 40px 0 0;
	color: #fff;
	float: right;
	display: inline;
}
div.welcome-text h1 {
	margin: 0;
}
div.welcome-text h1.script 
{
	font-size: 369%;
	margin: 0;
	color: #fff;
	font-weight: normal;
	line-height: 38px;
	/*height: 48px;*/
}

/* Titlebar */
div.titlebar {
	height: 93px;
	background: url(../images/titlebar-bkg.png) repeat-x 0 0;
	margin-top: -15px;
}
div.titlebar-inner {
	padding: 32px 0 0 254px;
	color: #fff;
}
div.titlebar-inner h1 {
	font-size: 182%;
	margin: 0;
	font-family: Palatino, Times, serif;
	text-transform: uppercase;
	font-weight: normal;
}


/* Side */
div.side {
	width: 194px;
/*	background: url(../images/double-vert-lines.gif) repeat-y 100% 0; */
	margin: 30px 0 0 30px;
	float: left;
	display: inline;
}

/* Main */
div.main {
	width: 618px;
	margin: 0 0 0 30px;
	float: left;
	display: inline;
}
div.main-wide {
	width: 700px!important;
}

/* Main Links */
div.main-links {
	text-align: center;
	padding: 20px 0 0 0;
}
div.main div.main-links ul {
	list-style: none;
}
div.main div.main-links ul li 
{
	display: inline;
	font-size: 108%;
	font-family: Palatino, Times, serif;
}
div.main div.main-links ul li a {
	padding: 0 10px;
}
div.main div.main-links ul li a:link, 
div.main div.main-links ul li a:visited {
	color: #737d78;
	text-decoration: none;
}
div.main div.main-links ul li a:hover {
	color: #214230;
}
div.btm-scroll {
	background: url(../images/page-swirls.gif) no-repeat 50% 0;
	height: 32px;
	overflow: hidden;
}

/* Gallery */
div.gallery-wrap {
	width: 500px;
	float: left;
	display: inline;
}
div.gallery-controller {
	width: 140px;
	float: left;
	display: inline;
}
div.gallery-pic {
	margin-top: 40px;
	width: 497px;
	height: 330px;
	overflow: hidden;
}
div.gallery-wrap p.gallery-desc {
	color: #6d6e71;
	font-size: 108%;
	font-family: Palatino, Times, serif;
	padding: 10px 0 0 0;
}
/* @end */

/* @group Nav */
div#util-nav {
	width: 915px;
	margin-left: auto;
	margin-right: auto;
	padding: 75px 0 10px 0;
}
div#util-nav ul {
	margin: 0;
	padding: 0;
	float: right;
	display: inline;
}
div#util-nav ul li {
	list-style: none;
	float: left;
	display: inline;
}
div#util-nav ul li a {
	display: block;
	font-size: 93%;
	font-weight: bold;
	font-family: Palatino, Times, serif;
	border-left: 1px solid #214230;
	padding: 0 10px;
}
div#util-nav ul li.first a {
	border: none;
}

div#util-nav ul li a:link, div#util-nav ul li a:visited {
	color: #214230;
	text-decoration: none;
}
div#util-nav ul li a:hover {
	text-decoration: underline;
}

div#nav {
	background: url(../images/nav-bkg.gif) repeat-x 0 0;
	height: 50px;
	text-align: center;
/*	width: 959px; */
	width: 100%;
}
div#nav ul#top-level 
{
	height: 46px;
	margin: 0 auto;
	padding: 2px 0 0 0;
	float: right;
}
div#nav ul li {
/*	background: url(../images/nav-div.gif) no-repeat 0 50%; */
	padding: 0;
	margin: 0 24px 0 0;
	float: left;
	display: inline;
}
div#nav ul li a {
	display: block;
	line-height: 46px;
	margin: 0;
	padding: 0 9px 0 9px;
	text-transform: uppercase;
	font-family: Palatino, Times, serif;
	font-size: 108%;
}

div#nav ul li a:link, div#nav ul li a:visited {
	color: #fff;
	text-decoration: none;
}
div#nav ul li:hover, div#nav ul li.sfhover {
	background-color: #b8c2bc;
	background-image: none;
}
div#nav ul li.active {
	background-color: #b8c2bc;
	background-image: none;
}
div#nav ul li:hover a:link, div#nav ul li.sfhover a:link, div#nav ul li:hover a:visited, div#nav ul li.sfhover a:visited {
	color: #214230;
}

li#n-tennis
{
	width: 70px;
}
li#n-membership
{
	width: 110px;
}
li#n-facilities
{
	width: 92px;
}
li#n-dining
{
	width: 70px;
}
li#n-tournament
{
	width: 75px;
}
li#n-events
{
	width: 150px;
}
li#n-proshop
{
	width: 90px;
}
li#n-location
{
	width: 90px;
}

/* Nav Drop Down */
div#nav ul ul {
	padding: 0;
	margin-top: 0;
	list-style: none;
	line-height: 1;
	background-color: rgb(205, 212, 208);
	background-color: rgba(205, 212, 208, 0.9);
	/* width: 165px; */
	border-left: 1px solid #a5a875;
	border-right: 1px solid #a5a875;
	border-bottom: 1px solid #a5a875;
	border-top: 2px solid #fff;
	z-index: 500;
}
div#nav ul li ul { /* second-level lists */
	position: absolute;
	display: none;
	/* left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin-left: 0;
	padding-left: 0;
	padding-top: 10px;
	padding-bottom: 10px;
}
div#nav ul li#n-events ul
{
	width: 148px;
}

div#nav ul#top-level li ul li {
	background-color: rgb(205, 212, 208);
	background-color: rgba(205, 212, 208, 0.9);
	height: 22px;
	float: none;
	margin: 0;
}
div#nav ul li ul li a {
	text-align: left;
	line-height: 22px;
	padding: 2px 10px;
	margin: 0;
	font-size: 116%;
	display: block;
	font-weight: normal;
	background-image: none!important;
	text-transform: none;
}
div#nav ul li:hover ul, div#nav ul li.sfhover ul {
	/* left: auto; */
	display: block;
}
div#nav ul li ul a:hover,
div#nav ul li:hover ul a:hover 
{
	background-color: #738C80;
	color: #fff;
}
/* Fix for sticky IE drop downs */
div#nav ul li:hover, div#nav ul li.sfhover {position: static;}


/* Sidenav */
ul.sidenav li {
	font-size: 123.1%;
	text-align: right;
	display: block;
	list-style: none;
}
ul.sidenav li a:hover {
	color: #737d78;
}
/* @end */

/* @group Default Headings */
h1 { }
h2 { }
h3 { }
h4 { }
h5 { }
h6 { }
/* @end */

/* @group Common Text Styles */
div.main {
	color: #000;
}
div.main p {
	font-size: 123.1%;
	line-height: 180%;
}
div.main p.bc {
	font-size: 108%;
	font-family: Palatino, Times, serif;
	color: #6d6e71;
	text-transform: lowercase;
}
div.main p.bc a:link, div.main p.bc a:visited {
	color: #6d6e71;
	text-decoration: none;
}
div.main p.bc a:hover {
	text-decoration: underline;
}
/* @end */

/* @group Default Lists */
div.main li {
	font-size: 123.1%;
	line-height: 180%;
}
/* @end */

/* @group Forms */
	
/* @end */

/* @group Default Links - link visited hover active */
a:link{ }
a:visited{ }
a:hover{ }
a:active{ }
/* @end */

/* @group Misc */
.clear {
	clear: both;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* @end */

/* Sidenav Sprite */
a#n-membership, a#n-events, a#n-meetings
{
	background: url('/images/menu_sprite.jpg') no-repeat;
	display: block;
	height: 46px;
	width: 187px;
	text-indent: -9999px;
	margin: 15px 0px 0px 0px;
}
a#n-membership 
{
	background-position: 0 0;
}
a#n-events
{
	background-position: 0 -65px;
}
a#n-meetings
{
	background-position: 0 -130px;
}
a#n-membership:hover
{
	background-position: -192px 0;
}
a#n-events:hover
{
	background-position: -192px -65px;
}
a#n-meetings:hover
{
	background-position: -192px -130px;
}

a, a.active
{
	outline: none;
}

div.main table td, 
div.main table td label, 
div.main table td a, 
div.main table td input
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 112%;
}
div.main table td a,
div.main table td input
{
	color: #6d6e71;
}

h1.pagetitle
{
	text-transform: uppercase;
}

div.home-pic div.wrap
{
	position: relative;
	width: 100%;
}
div#s1 img 
{
	z-index: 100;
}
div.home-pic div.wrap h2 
{
border-top: 4px solid #214230;
   position: absolute;
   top: 240px;
   right: 0;
   width: 400px;
   z-index: 9000;
   background: rgb(200, 200, 200); /* fallback color */
   background: rgba(200, 200, 200, 0.7);
   color: #214230;
   font: bold 12px Helvetica, Sans-Serif;
   padding: 10px;
}
div.home-pic div.wrap h2 a
{
	color: #214230;
}
div.home-pic div.wrap h2 p
{
	display: inline;
	font-size: 18px;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}
img.headshot {
	float: left;
	margin-right: 10px;
}