/******************* MAIN Affordance *******************/

body {
background-color: #333333; 
text-align:center;
margin: 0px 0px 0px 0px;
scrollbar-face-color:#66707E;
scrollbar-arrow-color:#7C8CA4;
scrollbar-track-color:#A6B1C0;
scrollbar-shadow-color:#66707E;
scrollbar-highlight-color:#66707E;
scrollbar-3dlight-color:#A6B1C0;
scrollbar-darkshadow-Color:'';
font-family: tahoma, arial, helvetica, sans-serif;
overflow:show;
}

.size4 { font: 12px arial; }
.select a {color: #fff; font: 9px arial; letter-spacing: 1px; text-decoration: none}
.select a:hover {color: #F3DA30; font: 9px arial; letter-spacing: 1px; text-decoration: none} 

.space td{padding: 1px 0px 0px 3px;}

p {font-weight: bold; font-size: 10px; font-family: tahoma; letter-spacing: 0px; color: #233145; padding: 2px 0px 0px 3px;}
li{color: fff; font: normal 10px tahoma, arial, helvetica, sans-serif; letter-spacing: 0px;}
h1{font: bold 10px  tahoma; letter-spacing: 1px; color: #A6B1C0}
a {color: #233145; font: normal 10px tahoma; letter-spacing: 0px; text-decoration: none}
a:hover {color: fff; font: normal 10px tahoma; letter-spacing: 0px; text-decoration: none}
td {padding: 0; color: fff; font: normal 10px tahoma, arial, helvetica, sans-serif; letter-spacing: 0px;}
select {font: 12px tahoma, arial, helvetica, sans-serif; font-weight: bold;} 
option {background-color: #6E7E95; color: fff;} 

#container{
position: relative;
width:752;
margin-right:auto; margin-left:auto; margin-top:0px; 
padding:0px; 
text-align: left;
}

#main {
position: absolute;
width:752px;
height:720px;
float:left;
background-image: url("img/main.gif");
background-repeat: no-repeat;
}

#nav-top {
position: absolute;
z-index:2;
width:150px;
height:181px;
left:2px; 
top:58px;
}

#nav-bottom {
position: absolute;
z-index:2;
width:150px;
height:167px;
left:2px; 
top:250px;
}

#free-pass {
position: absolute;
z-index:2;
width:141px;
height:151px;
left:5px; 
top:728px;
}

#compliance {
position: absolute;
z-index:3;
width:215px;
height:16px;
left:535px; 
top:3px;
}

#span {
position: absolute;
z-index:1;
width:0px;
height:0px;
background-image: url("img/span.gif");
background-repeat: repeat;
left:0px; 
top:0px;
}

#footer {
position: absolute;
width:752px;
height:22px;
background-image: url("img/footer.gif");
background-repeat: no-repeat;
left:0px; 
top:718px;
}

/******************* MAIN Affordance *******************/





/******************* HOME Affordance *******************/

#home {
position: absolute;
width:601px;
height:670px;
float:left;
left:151px; 
top:56px;
background-image: url("img/h_main.gif");
background-repeat: no-repeat;
}


/*#news-home {
position: absolute;
z-index:3;
left:157px; 
top:320px;
}*/

.email a {color: fff; font: normal 12px tahoma; letter-spacing: 0px; text-decoration: none}
.email a:hover {color: #233145; font: normal 12px tahoma; letter-spacing: 0px; text-decoration: none}
.email td {padding: 0; color: fff; font: normal 12px tahoma, arial, helvetica, sans-serif; letter-spacing: 0px;}
.email div {padding: 0; color: fff; font: normal 12px tahoma, arial, helvetica, sans-serif; letter-spacing: 0px;}
.email2 a {color: #233145; font: normal 12px tahoma; letter-spacing: 0px; text-decoration: none}
.email2 a:hover {color: fff; font: normal 12px tahoma; letter-spacing: 0px; text-decoration: none}
.email2 td {padding: 0; color: #233145; font: normal 12px tahoma, arial, helvetica, sans-serif; letter-spacing: 0px;}

#divUpControl{position:absolute; width:20; left:295; top:635; z-index:3; text-align: right} 
#divDownControl{position:absolute; width:20; left:320; top:635; z-index:3; text-align: right} 
#divContainer{position:absolute; width:190; height:300; overflow:hidden; top:320; left:157; clip:rect(0,367,1035,0); visibility:hidden} 
#divContent{position:absolute; top:0; left:0} 
#marquee {position: absolute;}

/******************* HOME Affordance *******************/




/******************* NEWS Affordance *******************/

.news a {color: fff; font: normal 11px tahoma; letter-spacing: 0px; text-decoration: none}
.news a:hover {color: #233145; font: normal 11px tahoma; letter-spacing: 0px; text-decoration: none}
.news p {font-weight: bold; font-size: 11px; font-family: tahoma; letter-spacing: 0px; color: fff; padding: 2px 0px 0px 3px}
.att-news p {font-weight: bold; font-size: 11px; font-family: tahoma; letter-spacing: 0px; color: #000; padding: 2px 0px 0px 3px}
.att-news a {color: #000; font: normal 11px tahoma; letter-spacing: 0px; text-decoration: none}
.att-news a:hover {color: fff; font: normal 11px tahoma; letter-spacing: 0px; text-decoration: none}

#news-cont {
position: absolute;
z-index:3;
width:400px;
height:587px;
left:151px; 
top:72px;
padding: 2px 1px 1px 2px;
background-color: #7C8CA4; 
border-right: 1px solid #3E4856;
border-left: 1px solid #A6B1C0;
border-bottom: 1px solid #3E4856;
}
#attractions {
position: absolute;
z-index:3;
width:201px;
height:587px;
left:551px; 
top:72px;
padding: 2px 1px 1px 2px;
background-color: #7C8CA4; 
border-left: 1px solid #A6B1C0;
border-right: 1px solid #A6B1C0;
border-bottom: 1px solid #3E4856;
}
#attractions-main {
position: absolute;
z-index:3;
width:590px;
height:500px;
left:155px; 
top:72px;
padding: 2px 1px 1px 2px; 
}

/******************* NEWS Affordance *******************/




/******************* Club Home Search Affordance *******************/
#usmap { 
position:absolute;
z-index:3; 
width:397px; 
height:225px; 
left:152px; 
top:73px;
}
#select-state { 
position:absolute;
z-index:3; 
width:398px; 
height:30px; 
left:20px; 
top:190px;
}
/******************* Club Home Search Affordance *******************/





/******************* Forum Affordance *******************/

#f-main {
background-color: #7C8CA4;
position:absolute;
z-index:3; 
width:590px; 
left:157px; 
top:73px;
text-align:center;
}

.forum p{color: fff; font: normal 12px tahoma, arial, helvetica, sans-serif; letter-spacing: 0px;}
.forum a {color: #fff; font: 12px tahoma; letter-spacing: 0px; text-decoration: none}
.forum a:hover {color: yellow; font: 12px tahoma; letter-spacing: 0px; text-decoration: none}

/******************* Forum Affordance *******************/




/******************* Clubs Affordance *******************/
#c-main {
position: absolute;
width:601px;
height:826px;
float:left;
left:151px; 
top:56px;
background-image: url("img/c_main.gif");
background-repeat: no-repeat;
}
#c-footer {
position: absolute;
width:752px;
height:22px;
background-image: url("img/footer.gif");
background-repeat: no-repeat;
left:0px; 
top:881px;
}
#c-span {
position: absolute;
z-index:1;
width:151px;
height:223px;
background-image: url("img/span.gif");
background-repeat: repeat;
left:0px; 
top:658px;
border-right: 1px solid #3E4856;
}
#usmapCP { 
position:absolute;
z-index:3; 
width:397px; 
height:225px; 
left:240px; 
top:73px;
}
#c-name { 
position:absolute;
z-index:3; 
width:600px; 
height:30px; 
left:160px; 
top:302px;
}
#address { 
position:absolute;
z-index:3; 
width:200px; 
height:136px; 
left:160px; 
top:350px;
}
#admission { 
position:absolute;
z-index:3; 
width:200px; 
height:136px; 
left:360px; 
top:350px;
}
#dance { 
position:absolute;
z-index:3; 
width:200px; 
height:136px; 
left:360px; 
top:470px;
}
#hours { 
position:absolute;
z-index:3; 
width:200px; 
height:136px; 
left:360px; 
top:620px;
}
#calendar { 
position:absolute;
z-index:3; 
width:200px; 
height:136px; 
left:575px; 
top:435px;
}
#services { 
position:absolute;
z-index:3; 
width:200px; 
height:136px; 
left:560px; 
top:640px;
}		


@media all {
  h1, p { margin:0 0 .6em 0 }
}
	
/* specs for scrolling layers  */
#wn	{ 
	position:absolute; 
	left:155px; top:765px; 
	width:700px; height:90px; 
	clip:rect(0px, 590px, 92px, 0px); 
	overflow:hidden;
	z-index:4; 
	}
/* for scrolling content */	
#lyr1	{ 
	position:absolute; 
	left:0; top:0; 
	z-index:4; 
	}	
	/* specs for scrolling layers  */
#wnnew	{ 
	position:relative; 
	left:5px; top:8px; 
	width:595px; height:95px; 
	clip:rect(0px, 580px, 92px, 0px); 
	overflow:hidden;
	z-index:4; 
	}
/* for scrolling content */	
#lyr1new	{ 
	position:relative; 
	left:5; top:8; 
	z-index:4; 
	}	
/* for scroll links */	
#controls  { 
	position:absolute; 
	left:150px; top:855px; 
	width:600px; z-index:4; 
	}		
	
/* for scroll links */	
#controlsnew  { 
	position:relative; 
	left:8px; top:15px; 
	width:550px; z-index:4; 
	}		

.c-text p{color: fff; font: normal 12px tahoma, arial, helvetica, sans-serif; letter-spacing: 0px;}
.c-text a {color: #233145; font: 12px tahoma; letter-spacing: 0px; text-decoration: none}
.c-text a:hover {color: FFF; font: 12px tahoma; letter-spacing: 0px; text-decoration: none}

/******************* Clubs Affordance *******************/



/******************* MEMBERS Affordance *******************/

#ContentTable {
position: absolute;
z-index:2;
width:579px;
left:150px; 
top:100px;
}

table.MCT {
position: absolute;
width:579px;
left:10px; 
top:10px;
vertical-align:top;
background-color:#7C8CA4;
padding:2px;
font: 10px tahoma, arial, helvetica, sans-serif; letter-spacing: 1px;
color: fff;
}

table.MCT th {
text-align:left; vertical-align:top;
background-color:#3E4856;
padding:2px;
font: 10px tahoma, arial, helvetica, sans-serif; letter-spacing: 1px;
color: fff;
}

TABLE.clsStd TH {
text-align:left; vertical-align:top;
background-color:#DDD;
padding:2px;
}

TABLE.clsStd TD {
vertical-align:top;
background-color:#EEE;
padding:2px;
}

/******************* MEMBERS Affordance *******************/



/******************* ORDER Affordance *******************/

#order {
z-index: 1;
position: absolute;
width:579px;
height:700px;
left:0px; 
top:10px;
background-color: #A6B1C0; 
color: #3D4A5B; 
border: 1; 
border-style: solid; 
border-color: #3D4A5B;;
}

#form{position:absolute; z-index:2; width:500; height:800; top:15; left:30;}
.order p {font-weight: bold; font-size:12px; font-family: tahoma; letter-spacing: 0px; color: fff; padding: 2px 0px 0px 3px;}

input 
{background-color: #A6B1C0; 
color: #3D4A5B; 
font-family: tahoma, arial, helvetica, sans-serif; 
font-size: 10pt;
font-weight: bold;
border: 1; 
border-style: solid; 
border-color: #3D4A5B;
}

/******************* ORDER Affordance *******************/




/******************* Classifieds Affordance *******************/

#classifieds1 {
position: absolute;
z-index:3;
width:550px;
left:162px; 
top:100px;
}

#classifieds2 {
position: absolute;
z-index:3;
width:550px;
left:190px; 
top:150px;
}

.body{BACKGROUND-COLOR: #7C8CA4}
.tbody{COLOR: black;FONT-FAMILY: Verdana,Tahoma,Arial,Helvetica,sans-serif;FONT-SIZE: 10pt;LINE-HEIGHT: normal;TEXT-DECORATION: none}
.tbody A{COLOR: black;FONT-FAMILY: Verdana,Tahoma,Arial,Helvetica,sans-serif;FONT-SIZE: 10pt;TEXT-DECORATION: none}
.tbody A:active{COLOR: black;FONT-FAMILY: Verdana,Tahoma,Arial,Helvetica,sans-serif;FONT-SIZE: 10pt}
.tbody A:hover{COLOR: white;FONT-FAMILY: Verdana,Tahoma,Arial,Helvetica,sans-serif;FONT-SIZE: 10pt;TEXT-DECORATION: none}

.tbodybig{COLOR: 66707E;font weight: bold;FONT-FAMILY: Verdana,Tahoma,Arial,Helvetica,sans-serif;FONT-SIZE: 10pt;LINE-HEIGHT: normal;TEXT-DECORATION: none}
.tbodybig A{COLOR: 66707E;font weight: bold;FONT-FAMILY: Verdana,Tahoma,Arial,Helvetica,sans-serif;FONT-SIZE: 10pt;TEXT-DECORATION: none}
.tbodybig A:active{COLOR: 66707E;font weight: bold;FONT-FAMILY: Verdana,Tahoma,Arial,Helvetica,sans-serif;FONT-SIZE: 10pt}
.tbodybig A:hover{COLOR: white;font weight: bold;FONT-FAMILY: Verdana,Tahoma,Arial,Helvetica,sans-serif;FONT-SIZE: 10pt;TEXT-DECORATION: none}

.tbodysmall{COLOR: black; FONT-FAMILY: Verdana,Tahoma,Arial,Helvetica,sans-serif;FONT-SIZE: 10pt;LINE-HEIGHT: normal;TEXT-DECORATION: none}
.tbodysmall A{COLOR: fff; FONT-FAMILY: Verdana,Tahoma,Arial,Helvetica,sans-serif;FONT-SIZE: 10pt;TEXT-DECORATION: none}
.tbodysmall A:active{COLOR: fff; FONT-FAMILY: Verdana,Tahoma,Arial,Helvetica,sans-serif;FONT-SIZE: 10pt}
.tbodysmall A:hover{COLOR: #66707E; FONT-FAMILY: Verdana,Tahoma,Arial,Helvetica,sans-serif;FONT-SIZE: 10pt;TEXT-DECORATION: none}

.smclmaincolor {BACKGROUND-COLOR: #7C8CA4}
.smclhlcolor {BACKGROUND-COLOR: #7C8CA4}
.smclsepcolor {BACKGROUND-COLOR: #7C8CA4}

.color1 {BACKGROUND-COLOR: #7C8CA4}
.color2 {BACKGROUND-COLOR: #7C8CA4}
.color3 {BACKGROUND-COLOR: #7C8CA4}
.shadow {BACKGROUND-COLOR: silver}
.black {BACKGROUND-COLOR: black}

.link {FONT-SIZE: 10pt;COLOR: white;FONT-FAMILY: Verdana,Tahoma,Arial,Helvetica,sans-serif;TEXT-DECORATION: none}
.link A {COLOR: white;TEXT-DECORATION: none}
.link A:hover {COLOR: #66707E;TEXT-DECORATION: none}

.copyright {FONT-SIZE: 10pt;COLOR:fff;LINE-HEIGHT: 11pt;FONT-FAMILY: Verdana,Tahoma,Arial,Helvetica,sans-serif;TEXT-DECORATION: none}
.copyright A {FONT-SIZE: 10pt;COLOR:fff;LINE-HEIGHT: 11pt;FONT-FAMILY: Verdana,Tahoma,Arial,Helvetica,sans-serif;TEXT-DECORATION: none}
.copyright A:hover {FONT-SIZE: 10pt;color: #66707E;;LINE-HEIGHT: 11pt;FONT-FAMILY: Verdana,Tahoma,Arial,Helvetica,sans-serif;TEXT-DECORATION: none}

#class-span {
position: absolute;
z-index:4;
width:752px;
height:200px;
background-image: url("img/span.gif");
background-repeat: repeat;
left:0px; 
top:650px;
}

#class-footer {
position: absolute;
width:752px;
height:22px;
background-image: url("img/footer.gif");
background-repeat: no-repeat;
left:0px; 
top:850px;
}

/******************* Classifieds Affordance *******************/


/******************* WYFM Affordance *******************/

#wyfm-span {
position: absolute;
z-index:1;
width:752px;
height:350px;
background-image: url("img/span.gif");
background-repeat: repeat;
left:0px; 
top:600px;
}

#wyfm-footer {
position: absolute;
width:752px;
height:22px;
background-image: url("img/footer.gif");
background-repeat: no-repeat;
left:0px; 
top:950px;
}

.wyfmt p{color: fff; font: normal 10px tahoma, arial, helvetica, sans-serif; letter-spacing: 0px;}
.wyfm a {color: fff; font: 10px tahoma; letter-spacing: 0px; text-decoration: none}
.wyfm a:hover {color: #A6B1C0; font: 10px tahoma; letter-spacing: 0px; text-decoration: none}

/******************* WYFM Affordance *******************/


/******************* Help Affordance *******************/

.helpt h1{color: #233145; font: normal 14px tahoma, arial, helvetica, sans-serif; letter-spacing: 0px}
.helpt p{color: fff; font: normal 12px tahoma, arial, helvetica, sans-serif; letter-spacing: 0px}
.helpt a {color: #233145; font: 12px tahoma; letter-spacing: 0px; text-decoration: none}
.helpt a:hover {color: FFF; font: 12px tahoma; letter-spacing: 0px; text-decoration: none}

#help {
position: absolute;
z-index:3;
width:450px;
height:600px;
left:200px; 
top:100px;
}

#help-span {
position: absolute;
z-index:1;
width:752px;
height:3200px;
background-image: url("img/span.gif");
background-repeat: repeat;
left:0px; 
top:300px;
}

#help-footer {
position: absolute;
width:752px;
height:22px;
background-image: url("img/footer.gif");
background-repeat: no-repeat;
left:0px; 
top:3500px;
}