<%@ Page ContentType="text/css" %>

       .GreyDark
        {
            width: 100%;
            background-color: Gray;
        }
        .GreyLight
        {
            width: 100%;
            background-color: #eeeeee;
        }
        .GreyBody
        {
            width: 100%;
            background-color: #f7f7f7;
        }
        .Header
        {
            color: White;
            background-color: #4477aa;
            padding: 2px;
        }
        
/**/ * html #header {} /**/
.header { width:100%; height:187px;}

.firstHeader { position:relative; width:1000px; height:75px; vertical-align:middle; margin-left:auto; margin-right:auto; background-color:#fcfcfc}

.secondHeader { width:1000px; height:200px; margin-left:auto; margin-right:auto; background:#cd0b14 url('Images/sprite.jpg') no-repeat -263px 0; }

.navMenu { width:1000px; height:48px; background:#3E484F url(/Images/sprite1x.png) repeat-x;border:0px; margin:auto}
.navMenu ul { padding:0; margin:0; list-style:none; vertical-align:middle;}
.navMenu ul li { float:left; padding: 0; vertical-align:middle;}
.navMenu ul li a { padding: 0 25px; margin:0; line-height:48px; vertical-align:middle; color:#FFFFFF; font-family:Verdana, Arial; text-decoration:none;}
/* .navmenu ul li a:hover { background:#1776b8 url(templates/layout3/Images/menu_hover.gif) no-repeat right;} */
/* .navmenu ul li a:hover { background:#E10240; text-decoration:none;}  */
.navMenu ul li a:hover { background:#515E66 url(/Images/sprite1x.png) repeat-x  0 -48px; border:0px; height:48px;padding:auto; line-height:48px; display: block; }
.navMenu ul li div:hover { background:#515E66 url(/Images/sprite1x.png) repeat-x  0 -48px; border:0px; height:48px;padding:auto; line-height:48px; display: block; }

.footMenu { width:1000px; height:48px; margin-left:auto;margin-right:auto;background:#3E484F url(/Images/sprite1x.png) repeat-x;border:0px solid #6B787F;}/* original color :#303136 */
.footMenu ul { padding:0; margin:0; list-style:none; height:48px;}
.footMenu ul li { float:left; padding:15px 0; line-height:14px; color:#FFFFFF; font:normal 14px Tahoma, Verdana, Arial;}/* original color :#FFFFFF */
.footMenu ul li a { padding:15px 30px 16px 30px; margin:0; line-height:14px; color:#FFFFFF; font:normal small Tahoma, Verdana, Arial; text-decoration:none;}/* original color :#FFFFFF */
.footMenu ul li a:hover { text-decoration:underline;}

a { text-decoration:none;}
a:hover { text-decoration:underline;}

hr  
{
height: 0; 
border-width: 1px; 
border-style: solid; 
border-top-color: #aaaaaa;
border-left-color: #aaaaaa;
border-bottom-color: White;
border-right-color: White;
} 

select  
{
border-width: 1px; 
border-style: solid; 
border-color: #cccccc;
background-color: #ffffff;
} 

.selectNotPreselected  
{
border-width: 1px; 
border-style: solid; 
border-color: #cccccc;
background-color: #ffffff;
} 

.selectPreselected   
{
border-width: 1px; 
border-style: solid; 
border-color: #999999;
background-color: #B0C4DE ;
}

/* main */
.main { width:100%; margin:0 auto; padding:0; position: absolute; height: 100%;}
.submain { position:relative; min-height: 100%; background-color: #e0e0e0; width:1000px; margin:auto; }
/********** header **********/
.header { width:1000px; margin:0 auto; padding:0;}
/* logo */
.logo { padding:0; margin:0; width:194px; float:left;}
/* search */
.search { padding:0; margin:0;}
.search span { display:block; float:left;}
.search form { display:block; float:left; padding:5px 0;}
.search form .button { float:left; margin:0; padding:0;}
/* menu */	
.menu { padding:0; margin:10px 0 0 0; width:300px; float:right;}
.menu ul { padding:0; margin:0; list-style:none; border:0;}
.menu ul li { float:left; margin:0; padding:0 10px; border:0;}
.menu ul li a { float:left; margin:0; padding:13px 0; color:#fff; font:normal medium Verdana, Arial, Helvetica, sans-serif; text-decoration:none;}
.menu ul li a:hover { text-decoration:underline;}

/********** body **********/
body { margin:0; min-height: 100%; padding:0;background-color:#e0e0e0;background-image:url(Images/bg_gray.png);font: normal smaller Verdana, Arial, Helvetica, sans-serif; } /* originally, no color */

.body { width:1000px;margin:auto; padding:0; min-height: 100%}
.body h2 { font: bold medium Verdana, Arial, Helvetica, sans-serif; color:#2a2a2a; padding:0px 10px 15px 10px; margin:0;}
.body p { font: normal medium Verdana, Arial, Helvetica, sans-serif; color:#5f5f5f; padding:5px 10px; margin:0; line-height:1.8em;}
.body p span { color:#a4a4a4;}
.body a.bt { color:#673955; padding:5px 20px; margin:0; background:url(Images/link_bg.gif) left no-repeat;}
.body a {  color:#d90501; padding:0; margin:0; background:none; }
.body a:hover {color:#8d0400;}
.body img { margin:auto; padding:0;}

.bodyHome { width:1000px;margin:auto; padding:0; min-height:100%}
.bodyHome h2 { font: bold medium Verdana, Arial, Helvetica, sans-serif; color:#2a2a2a; padding:5px 10px 15px 10px; margin:0;}
.bodyHome p { font: normal medium Verdana, Arial, Helvetica, sans-serif; color:#5f5f5f; padding:5px 10px; margin:0; line-height:1.8em;}
.bodyHome p span { color:#a4a4a4;}
.bodyHome a {  color:Black; padding:0; margin:0; background:none;}
.bodyHome img { margin:auto; padding:0;}
.linkHome a:hover {color:#d90501;}


.sublinkUser { margin-left:15px; margin-top:6px;}
.sublinkUser a { color:#666666; }
.sublinkUser a:hover { color :#d90501;}
.sublinkUserSelected { margin-left:15px; margin-top:8px; }
.sublinkUserSelected a { color:#d90501; }

.linkUser { margin-left:10px; margin-top:8px;}
.linkUser a { color:Black; }          
.linkUser a:hover { color :#d90501;}
.linkUserSelected { margin-left:10px; margin-top:8px; }
.linkUserSelected a { text-decoration:underline; color:#d90501; }


/* side block */
.side_left { padding:0; width:569px; margin:15px 5px 20px 25px; float:left;}
.side_right { padding:0; width:339px; margin:15px 25px 20px 5px; float:right;}
.side_bottom { padding:0; width:964px; margin:0px 25px 20px 25px; float:left;}
/* left */
.left { width:569px; margin-bottom:20px}
.left_top    {width:569px; height:47px; background:#e8e8e8 url('Images/sprite.png') no-repeat 0 -200px;}
.left_middle {width:569px; background:#f0f0f0 url(Images/sprite1y.png) repeat-y -339px 0;}
.left_bottom {width:569px; height:15px; background:#f0f0f0 url('Images/sprite.png') no-repeat 0 -247px;}
.left_top h2 { font: bold medium Verdana, Arial, Helvetica, sans-serif; color:#2a2a2a;  vertical-align:middle; line-height:40px}

/* right */
.right { width:339px; margin-bottom:20px}
.right_top    {width:339px; height:47px; background:#e8e8e8 url('Images/sprite.png') no-repeat 0 -127px;}
.right_middle {width:339px; background:#f0f0f0 url(Images/sprite1y.png) repeat-y 0 0;}
.right_bottom {width:339px; height:15px; background:#f0f0f0 url('Images/sprite.png') no-repeat 0 -174px;}
.right_top h2 { font: bold medium Verdana, Arial, Helvetica, sans-serif; color:#2a2a2a;  vertical-align:middle; line-height:40px}

.box970 { padding:0; width:970px; margin: 25px auto 0; float: none;  }
.box970_top {width:970px; height:47px; background:url('Images/sprite.png') no-repeat 0 -417px;
}
.box970_middle { width:970px; background:#f0f0f0 url(Images/sprite1y.png) repeat-y -1868px 0;}
.box970_bottom { width:970px; height:24px; background:#e8e8e8 url('Images/sprite.png') no-repeat 0 -465px;}
.box970_top h2 { font: bold medium Verdana, Arial, Helvetica, sans-serif; color:#2a2a2a;  vertical-align:middle; line-height:40px}

.box800 { padding:0; width:800px; margin: 25px auto 0; float: none;  }
.box800_top {width:800px; height:47px; background:#e8e8e8 url('Images/sprite.png') no-repeat 0 -343px;}
.box800_middle { width:800px; background:#f0f0f0 url(Images/sprite1y.png) repeat-y -908px 0;}
.box800_bottom { width:800px; height:26px; background:#e8e8e8 url('Images/sprite.png') no-repeat 0 -390px;}
.box800_top h2 { font: bold medium Verdana, Arial, Helvetica, sans-serif; color:#2a2a2a;  vertical-align:middle; line-height:40px}

.box460 { padding:0; width:460px; margin: 25px auto 0; float: none;  }
.box460_top {width:460px; height:47px; background:#e8e8e8 url('Images/top_bg_460.png') no-repeat;}
.box460_middle { width:460px; background:#f0f0f0 url(Images/bg_460.png) repeat-y;}
.box460_bottom { width:460px; height:26px; background:#e8e8e8 url('Images/bottom_bg_460.png') no-repeat;}
.box460_top h2 { font: bold medium Verdana, Arial, Helvetica, sans-serif; color:#2a2a2a;  vertical-align:middle; line-height:40px}

.box180 { padding:0; width:180px;  }
.box180_top {width:180px; height:47px; background:#e8e8e8 url('Images/top_bg_180.png')}
.box180_middle { width:180px; background:#f0f0f0 url(Images/bg_180.png);}
.box180_bottom { width:180px; height:26px; background:#e8e8e8 url('Images/bottom_bg_180.png');}
.box180_top h2 { font: bold medium Verdana, Arial, Helvetica, sans-serif; color:#2a2a2a;  vertical-align:middle; line-height:40px}

.box160 { padding:0; width:160px;  }
.box160_top { width:160px; height:47px; background:#e8e8e8 url('Images/sprite.png') no-repeat -569px -200px;}
.box160_middle { width:160px; background:#f0f0f0 url(Images/sprite1y.png) repeat-y -1708px 0;}
.box160_bottom { width:160px; height:26px; background:#e8e8e8 url('Images/sprite.png') no-repeat -569px -247px;}
.box160_top h2 { font: bold medium Verdana, Arial, Helvetica, sans-serif; color:#2a2a2a;  vertical-align:middle; line-height:40px}

ul.sub { padding:0; margin:0; list-style:none;}
ul.sub li { padding:0; margin:0 10px; background:none; float:none; height:55px; border-bottom:1px solid #e1e1e1;}
ul.sub li img { display:block; float:left; padding:5px 10px; margin:0;}
ul.sub li a { background:none; display:block; padding:17px 0; color:#2a2a2a; font:bold medium Verdana, Arial, Helvetica, sans-serif;}

/*!!!!!!!!!!!*/
.footer { padding:0; margin:auto; width:1000px; background:#d0d0d0; border-top:0px solid #fff; position:absolute; bottom:0; display:block}
.footer p { font:normal medium Verdana, Arial, Helvetica, sans-serif; color:#3d3d3d; padding:10px 0 0 0;}
.footer a { font:normal medium Verdana, Arial, Helvetica, sans-serif; color:#673955; text-decoration:underline; padding:5px 5px; margin:0;}
.footer p.leftt { text-align:left; width:50%; margin:0; padding:40px 0; float:left;} 
.footer p.rightt { text-align:right; width:50%; margin:0; padding:40px 0; float:right;} 
/********** contact form **********/
p.response { text-align:center; color:#2c2c2c; font:bold medium Verdana, Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}

p.clr, .clr { clear:both; padding:0; margin:0;}
li.bg, .bg { clear:both; border-bottom:1px solid #e1e1e1; padding:10px 0 0 0; margin:0 0 5px 0; background:none; list-style:none;}
li.line, .line { border-top:1px solid #d9d9d9; padding:0; margin:10px 0; background:none; list-style:none;}

.SmallButton    
{
 position: relative; 
 background:url(Images/sprite.png) no-repeat 0 -27px;
 white-space: nowrap;
 display: block;
 width: 174px;
 height: 25px;
 vertical-align:middle;
}

.SmallButton a
{
 display: block;
 color: #000000;
 width: 174px;
 display: block;
 padding:auto;
 height: 25px;
 line-height:23px;
 text-align:center;
 float: left;
 color: White;
 text-decoration: none;
}

* html a:hover 
{
 visibility:visible
}

.SmallButton a:hover
{
background:url(Images/sprite.png) no-repeat 0 -52px;
width: 174px;
height: 25px;
color:White;
text-decoration:none;
}

.SmallButton span
{
 padding-right: 0px;
 padding-left: 0px;
 left: 0px;
 padding-bottom: 0px;
 margin: 0px;
 cursor: pointer;
 padding-top: 0px;
 position: absolute;
 top: 5px;
 width: 174px;
 text-align: center;
 color: White;
}



.XSmallButton
{
 position: relative;
 background:url(Images/sprite.png) no-repeat -174px -27px;
 display: block;
 width: 41px;
 height: 25px;
 vertical-align:middle;
}

.XSmallButton a
{
 display: block;
 color: #000000;
 width: 41px;
 display: block;
 padding:auto;
 height: 25px;
 line-height:23px;
 text-align:center;
 float: left;
 color: White;
 text-decoration: none;
}

.XSmallButton a:hover
{
background:url(Images/sprite.png) no-repeat -174px -52px;
width: 41px;
height: 25px;
color:White;
text-decoration:none;
}

.XSmallButton span
{
 padding-right: 0px;
 padding-left: 0px;
 left: 0px;
 padding-bottom: 0px;
 margin: 0px;
 cursor: pointer;
 padding-top: 0px;
 position: absolute;
 top: 5px;
 width: 41px;
 text-align: center;
 color: White;
}



.Button88
{
 position: relative;
 background:url(Images/sprite.png) no-repeat -215px -27px;
 white-space: nowrap;
 display: block;
 width: 88px;
 height: 25px;
 vertical-align:middle;
}

.Button88 a
{
 display: block;
 width: 88px;
 display: block;
 padding:auto;
 height: 25px;
 line-height:23px;
 text-align:center;
 float: left;
 color: White;
 text-decoration: none;
}

.Button88 a:hover
{
background:url(Images/sprite.png) no-repeat -215px -52px;
width: 88px;
height: 25px;
color:White;
text-decoration:none;
}

.Button88 span
{
 padding-right: 0px;
 padding-left: 0px;
 left: 0px;
 padding-bottom: 0px;
 margin: 0px;
 cursor: pointer;
 padding-top: 0px;
 position: absolute;
 top: 5px;
 width: 88px;
 text-align: center;
 color: White;
}



.Button200
{
 position: relative;
 background:url(Images/sprite.png) no-repeat 0 -77px;
 white-space: nowrap;
 display: block;
 width: 200px;
 height: 25px;
 vertical-align:middle;
}

.Button200 a
{
 display: block;
 width: 200px;
 display: block;
 padding:auto;
 height: 25px;
 line-height:23px;
 text-align:center;
 float: left;
 color: White;
 text-decoration: none;
}

.Button200 a:hover
{
background:url(Images/sprite.png) no-repeat 0 -102px;
width: 200px;
height: 25px;
color:White;
text-decoration:none;
}

.Button200 span
{
 padding-right: 0px;
 padding-left: 0px;
 left: 0px;
 padding-bottom: 0px;
 margin: 0px;
 cursor: pointer;
 padding-top: 0px;
 position: absolute;
 top: 5px;
 width: 200px;
 text-align: center;
 color: White;
}

.notice
        {
            font-size: 90%;
        }
        .info
        {
            font-weight: bold;
            color: #008000;
        }
        .error
        {
            color: #ff0000;
        }
    
.btn1
{ 
float: left;
height: 27px; 
margin-top: 4px; 
position: relative; 
margin-right: 4px;
background:url(Images/sprite.png) no-repeat 0 0;
height:27px;
width:27px;
}

.btn2
{ 
float: left;
height: 27px; 
margin-top: 4px; 
position: relative; 
margin-right: 4px;
background:url(Images/sprite.png) no-repeat -27px 0;
height:27px;
width:27px;
}

.btn3
{ 
float: left;
height: 27px; 
margin-top: 4px; 
position: relative; 
margin-right: 4px;
background:url(Images/sprite.png) no-repeat -54px 0;
height:27px;
width:27px;
}

.btn4
{ 
float: left;
margin-top: 4px; 
position: relative; 
margin-right: 4px;
background:url(Images/sprite.png) no-repeat -81px 0;
height:27px;
width:27px;
}

.logo_runner
{ 
float: left;
margin-top: 0px; 
margin-bottom:4px;
position: relative; 
margin-right: 4px;
background:url(Images/sprite.png) no-repeat -340px -140px;
height:60px;
width:147px;
}

.logo_ffs
{ 
float: left;
margin-top: 4px; 
position: relative; 
margin-right: 4px;
background:url(Images/sprite.png) no-repeat 0 -273px;
height:67px;
width:278px;
}

.logo_FriendsForSport
{ 
float: left;
margin-top: 13px; 
position: relative; 
margin-right: 4px;
background:url(Images/sprite.png) no-repeat -280px -274px;
height:62px;
width:287px;
}

.dancers
{ 
float: left;
position: relative; 
background:url(Images/sprite.png) no-repeat -415px 0;
height:140px;
width:150px;
margin:5px;
}

.fitness
{ 
float: left;
position: relative; 
background:url(Images/sprite.jpg) no-repeat 0 0;
height:210px;
width:140px;
margin:15px 10px;
}

.tennis
{ 
float: left;
position: relative; 
background:url(Images/sprite.jpg) no-repeat -140px 0;
height:186px;
width:122px;
margin:5px;
}

.HeaderFilter182
{
	padding:auto;
	color: White;
    padding: 2px;
    background:#4477aa url(/Images/sprite1x.png) repeat-x  0 -96px;
    height:20px;
    margin:0;
    padding:0;
    line-height:20px;
    width:182px;
}

.envelope_close
{
 position: relative;
 background:url(Images/sprite.png) no-repeat -109px 0;
 white-space: nowrap;
 display: block;
 width: 20px;
 height: 13px;
 border:0;
 vertical-align:middle;
}

.envelope_open
{
 position: relative;
 background:url(Images/sprite.png) no-repeat -129px 0;
 white-space: nowrap;
 display: block;
 width: 20px;
 height: 17px;
 border:0;
 vertical-align:middle;
 }
 
.GridViewStyle
{    
   border-bottom: 1px solid #ececec;
   
}

.Button174   
{
 position: relative; 
 background:url(Images/sprite.png) no-repeat 0 -27px;
 white-space: nowrap;
 display: block;
 width: 174px;
 height: 25px;
 vertical-align:middle;
}

.Button174 a
{
 display: block;
 color: #000000;
 width: 174px;
 display: block;
 padding:auto;
 height: 25px;
 line-height:23px;
 text-align:center;
 float: left;
 color: White;
 text-decoration: none;
}



.Button174 a:hover
{
background:url(Images/sprite.png) no-repeat 0 -52px;
width: 174px;
height: 25px;
color:White;
text-decoration:none;
}

.Button174 span
{
 padding-right: 0px;
 padding-left: 0px;
 left: 0px;
 padding-bottom: 0px;
 margin: 0px;
 cursor: pointer;
 padding-top: 0px;
 position: absolute;
 top: 5px;
 width: 174px;
 text-align: center;
 color: White;
}

.cell_click
{ 
	cursor:pointer;
	background-color:Transparent;
	border-style:none;
	border-width:0;
	color:#d90501;
	 
	}
	
.cell_click:hover
{ 
	cursor:pointer;
	background-color:Transparent;
	border-style:none;
	border-width:0;
	color:#8d0400;
	text-decoration:underline;
}