@charset "utf-8";

/* -- Troy Racquet Club -- */
*{margin: 0; padding: 0;}
a:link, a:visited, a:active{outline:none;}
img{border:none;}
body {background:url(../images/navGradiant.jpg) repeat-x #042630; font-family:Arial, Helvetica, sans-serif;}

/* -- Text styles for pages -- */
p{font-family: Arial, Helvetica, sans-serif; font-size:11px;}
a{font-family:Arial, Helvetica, sans-serif;}
h1{font-family:'Trebuchet MS', Helvetica, Arial; font-size:30px; font-weight:normal; color:#838383;}
h2{font-size: 14px; font-weight:bold; color:#CCCCCC;}
#topImage h1{font-family: 'Trebuchet MS', Helvetica, sans-serif; font-size:30px; color:#838383;}
#topImage p{color:#1f292b; font-size:11px; line-height:1.5;}
table{font-family:Arial, Helvetica, sans-serif; font-size:11px; border-collapse:collapse; border:1px solid #02191F;}
	td{padding:5px;}

/* -- Classes -- */
.imageBorder {border: 1px #FFF solid;}
.uppercase {text-transform:uppercase;}
.striped{background:#053F4F; border-bottom:1px #02191F solid;}


/* -- Begin container styles -- */
#wrapper {width: 950px; margin: 0 auto; padding: 10px;}
	#content {width: 950px;}	
	#header {width: 100%; height: 100px;}
		#logo {width: 161px; height: 76px; float: left; padding: 10px;}
		
	#nav {list-style:none; padding-top: 57px;} 
		#nav li {float:left; padding:0 20px;}
		#nav li a{font-size: 12px; color: #FFFFFF; text-decoration: none; font-weight: bold;}		
		#nav li ul li {border-bottom: 1px #006600 solid; padding:2px 10px;}
		#nav li ul li a{padding: 5px; font-size:11px;}
		
		#dropdown{list-style:none;}
			#dropdown li{display:block; clear:both; z-index:9999; width:auto;}

	#topImage{width:938px; clear:both; position:relative;} 
		#topImageContent{width:300px; position:absolute; left:10px; top:20px;}

	#bottomContent{width: 950px; padding: 5px 0; background:#042630; color:#FFFFFF; font-size:11px;}
		#bottomContent a, #bottomContent a:visited{color:#EDEF00; text-decoration: none;}
		#bottomContent a:hover{text-decoration: underline;}
		#bottomContent img {padding:0 5px 5px 0;}
		
		#bottomContent ul, #bottomContent ol {margin: 5px; padding:5px;}
		#bottomContent ul li, #bottomContent ol li {padding:5px 10px; margin-left: 10px;}		
		
		#one_column1 {width: 950px; padding:10px 0;}
		
		/* -- 3 column -- */
		#column1{float:left; width:400px; padding:5px; background:#c3d9ff; }
		#column2{float:left; width:250px; padding:0 10px;}
		#column3{float:left; width:250px; padding:0 10px;}
		
		/* -- 2 Column -- */
		#two_column1{width:455px; float:left; padding:10px 10px 10px 0;}
			#two_column1{color:#FFFFFF;}
			#two_column1 a{color:#EDEF00;}
		#two_column2{width:455px; float:left; padding:10px 0 10px 10px;}
			#two_column2{color:#FFFFFF;}
			#two_column2 a{color:#EDEF00;}
			
		/*-- 2 Column 70/30 --*/
		#twoCol70 {width: 613px; float:left; padding:10px;}
		#twoCol30 {width: 296px; float:left; padding:10px;}
		
	#footer{text-align: center; width:960px; margin:0 auto; clear:both; padding-bottom:20px;}
	#footer p{font-size: 11px; color:#FFFFFF; padding-top:5px;}
	#footer p a{color:#FFFFFF; font-weight: bold; text-decoration: none;}
	#footer p a:visited{font-weight: bold; text-decoration: none;}
	#footer p a:active{font-weight: bold; text-decoration: none;}
	#footer p a:hover{text-decoration: underline;}

/* ----------------------- Dropdown styles ---------------------- */
.sf-menu, .sf-menu * {list-style:none; z-index: 99;}
.sf-menu ul {position:absolute; top:-999em; width:auto;}
.sf-menu ul li {width:auto; clear:both;}
.sf-menu li:hover {visibility:inherit;}
.sf-menu li {position:relative;}
.sf-menu a {display:block; position:relative;}
.sf-menu a {text-decoration:none;}
.sf-menu a, .sf-menu a:visited {color:#FFF;}
.sf-menu li li {background:#438b78;}
.sf-menu ul li:hover {color:#FFF; background:#366c5e;}
.sf-menu li:hover ul,.sf-menu li.sfHover ul {left:0; top:15px; z-index:99; }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top:-999em;}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left:10em; top:0;}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top:-999em;}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left:10em; top:0;}

/*** arrows **/
.sf-menu a.sf-with-ul {min-width:1px;}
.sf-sub-indicator {display:block; height:5px; background:url('../images/arrow.png') no-repeat top center;}
a > .sf-sub-indicator {background-position: top;}

/*** shadows for all but IE6 ***/
.sf-shadow ul {background:	url('../images/shadow.png') no-repeat bottom right; padding: 0 8px 9px 0;}
.sf-shadow ul.sf-shadow-off {background: transparent;}
/* ---------------------- End Dropdown styles ------------------------*/