@charset "utf-8";
/* CSS Document */
body {
font-size: 12pt; /* Resets 1em to 10px */
font-family: Arial, Helvetica, sans-serif;
background: #8dbbfb url('images/bgclubs_bg.jpg') repeat-x top;
color: #555555;
text-decoration:none;
margin:0px auto 0px auto;
}
div.main
{
width:962px; 
margin:0px auto 0px auto;
}
/*.main div
{ 
float:right;
}*/
/** navigation start **/
#navigationimg 
{
background-image:url(images/bgclubs_nav.jpg);
background-repeat: no-repeat;
background-position: top;
height:100px;
width:962px;
}
.jqueryslidemenu{
font: bold 12px Arial;
width:72%;
padding-top:64px;
padding-right:5px;
}
.jqueryslidemenu ul
{
margin:0;
padding:0;
list-style:none;
float:right;
}
.jqueryslidemenu ul li
{
float:left;
background:url("images/nav-right.png") no-repeat right top;
margin:0 1px 0 0;
padding:0;
position: relative;
display: inline;
z-index:998;
}
.jqueryslidemenu ul li a{
display:block;
background:url("images/nav-left.png") no-repeat left top;
padding-right:5px;
padding-left:5px;
color:#FFFFFF; 
font-family:Arial, Helvetica, sans-serif;
text-decoration:none; 
font-size:12px; 
font-weight:bold;  
}
* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block; 
}
.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
display:block;
padding-right:5px;
padding-left:5px;
color:#FFFFFF; 
font-family:Arial, Helvetica, sans-serif;
text-decoration:none; 
font-size:12px; 
font-weight:bold; 
line-height:36px;  
}
.jqueryslidemenu ul li a:hover{
color: #ffffff;
}
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: white;
visibility: hidden;
}
/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
background-color:#1055a1;
border-style:solid;
border-width:0px 1px 1px 1px;
border-color:#84b3e5 ;
background-image:none;
line-height:15px;
}
.jqueryslidemenu ul li ul li:hover{
display: list-item;
float: none;
background-color:#bdd4f3;
border-style:solid;
border-width:0px 1px 1px 1px;
border-color:#84b3e5 ;
background-image:none;
line-height:15px;
color:#1e4689;
}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
}
/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none; 
font-size:11px;
text-align: left;
width: 150px; /*width of sub menus*/
padding-left: 6px;
padding-right: 6px;
padding-top:0px;
padding-bottom:0px;
margin: 0;
background-image:none;
}
.jqueryslidemenu ul li ul li a:hover{
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none; 
font-size:11px;
text-align: left;
width: 150px; /*width of sub menus*/
padding-left: 6px;
padding-right: 6px;
padding-top:0px;
padding-bottom:0px;
margin: 0;
background-image:none;
background-color:#bdd4f3;
color:#1e4689;
}
.jqueryslidemenu ul li ul li a:link, .jqueryslidemenu ul li ul li a:visited {
font-family:Arial, Helvetica, sans-serif;
text-decoration:none; 
font-size:11px;
font-weight:normal;
text-align: left;
width: 195px; /*width of sub menus*/
padding-left: 6px;
padding-right: 6px;
padding-top:0px;
padding-bottom:0px;
margin: 0;
background-image:none;
}
.downarrowclass{
/*position: absolute;
top: 0px;
right: 0px;*/
border:2px solid #ffffff;
/*background-color:#CCCCCC;*/
}
.rightarrowclass{
/*position: absolute;
top: 0px;
right: 0px;
*/
border:2px solid #ffffff;
/*background-color:#CCCCCC;*/
}
/** navigation end **/
/*#flash {
position: relative; /*or absolute*/
/*z-index: 0;
}*/
/** header start **/
#header
{
background-image:url(images/bgclubs_header.jpg);
background-repeat: no-repeat;
background-position: top left;
height: 176px;
width: 962px;
vertical-align:bottom;
}

#header img
{
border:0px
}
.yellow
{
color:#fcd55e; 
font-size:12px;
}
.white
{
color:#FFFFFF; 
font-size:12px;
}
/** header end **/
/** content start **/
#content{background-image:url(images/bgclubs_container.jpg);
background-repeat:no-repeat; background-position:top;
background-color:#d1e0f6;
width:962px;
vertical-align:top;
float:left;
}
.post
{
float:left;
font-size:12px;
height:auto;
line-height:20px;
margin:0;
padding:11px 0 0 20px;
text-align:left;
width:649px;
}
span{color:#555555;
font-size:12px;
text-align:left}
/*#post div
{
width:649px;
padding-top:11px;
padding-left:20px;
}*/
/*.div1
{
width:649px;
padding-top:11px;
padding-left:20px;
float:left;
}*/
/*#programs
{
width:209px;
float:left;
margin-top:0px;
margin-left:-20px;
padding:0px;
}*/
/*#programs p
{
width:200px;
margin:0px;
color:#555555;
font-size:12px;
}*/
/*#Locations
{
width:209px;
margin-top:-203px;
margin-left:197px;
float:left;
padding:0px;
}*/
/*#Locations p
{
width: 200px;
color:#555555;
font-size:12px;
margin:0px;
}*/
/*#sports
{
margin-top:-204px;
width:211px;
margin-left:415px;
padding:0px;
float:left;
}*/
.crabe
{
color:#555555;
font-size:12px;}
/*.crabe-div{width:202px; vertical-align:top; margin:0; padding:0px}*/
/*.crabe-div p{width:385px; margin:0; padding:0px} */
input.text{
background: transparent url(images/input.png) no-repeat left top; width: 151px; height:25px; line-height:25px; border:none; padding:4px; font-size:11px; color:#555555}
/*#sports p
{
width:200px;
margin:0px;
color:#555555;
font-size:12px;
}*/
#sidebar
{
width: 291px;
height:auto;
float:right;

}
.sidebar-innercontent
{
width:272px;
vertical-align:top;
padding: 11px 9px 0 0;
}
.sidebar-top
{
width:272px;
height:6px;
background-image:url(images/side-inner-top.png);
background-repeat:no-repeat; background-position:left bottom;
}
.sidebar-bg
{
width:272PX;
background-image:url(images/side-inner-bg.png);
background-repeat:repeat-x; background-position: left top;
}
.side-div
{
vertical-align:top;
padding-top: 15px;
padding-left:4px;
width:268px;
}
.facebook
{
vertical-align:top;
/*padding-top: 15px;*/
padding-left:4px;
width:268px;
height:77px;
background-image:url(images/find.png);
background-position:center;
background-repeat:no-repeat;
}
.facebook h1{
width: 268px;
height:77px;
margin:0px;
vertical-align:middle;
}
.facebook img{
border:0px;}
.side-container
{
background-image:url(images/side-mid.png);
background-repeat:repeat; background-position:left top;
width:268px;
vertical-align:top;
margin-top:0px;
margin-bottom:0px;
padding-top:0px;
padding-bottom:0px;
}
.side-container p
{
margin-top:0px;
width:200px;
text-align:left;
margin-left:30px;
margin-right:4px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
font-size:11px;
line-height: 15px;
margin-bottom:0px;
}
.side-container img
{
margin-top:10px;
margin-left:40px;
}
.red
{
color:#e60000;
font-size:12px;
font-weight:bold;
}
.side-container-footer
{
background-image:url(images/side-bottom.png); 
background-position:top; 
width:268px; 
height:40px; 
background-repeat:no-repeat;
line-height:40px;
}
/** side bar start **/
/** content end **/
/** footer start **/
#footer
{
background-image:url(images/bgclubs_footer.jpg);
background-repeat:no-repeat;
background-position: left top;
height:133px;
margin:0px;
vertical-align:top;
width:962px;
float:left;
}
#footer div
{
padding-top: 98px; 
padding-right: 25px;
color:#336699;
font-size:12px;
font-family: Arial, Helvetica, sans-serif;
}
#footer div a
{
color:#336699;
font-size:12px;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
text-decoration:none;
}
#footer div a:hover
{
color:#336699;
font-size:12px;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
text-decoration:none;
}
/** footer end **/
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {width:745px; height:32px; position:relative; z-index:100;border-right:1px solid #000; font-family:arial, sans-serif;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:746px; w\idth:745px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:149px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:149px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none; color:#fff; width:138px; height:30px; border:1px solid #000; border-width:1px 0 1px 1px; background:#09c; padding-left:10px; line-height:29px; font-weight:bold;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:149px; w\idth:138px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd url(http://www.cssplay.co.uk/menus/breadcrumbs/grey-arrow.gif) no-repeat 130px center;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
.menu ul ul :hover > a.drop {background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#b2ab9b;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:149px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#d4d8bd; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#000; background:#b7d186;}
.menu :hover > a, .menu ul ul :hover > a {color:#000; background:#b7d186;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}



/* ================================================================ 
   This CSS is further CSS I have created specifically for Wordpress
   so that the current page is highlighted in two levels.
   If you want it in three levels let me know.

   Author: Isaac Rowntree
   Website: www.zackdesign.biz
=================================================================== */


.menu ul ul .current_page_item a {
  color: red;
  background: white;
  border-left: 1px solid black;
}

.menu .current_page_item a {
  color: red;
  font-weight: bold;
  background: white;
}

.menu ul .current_page_item ul a {
  color: white;
  font-weight: normal;
  background: black;
}

.menu ul .current_page_item ul a:hover {
  background: gray;
}

.menu .current_page_item a:hover {
  background: white;
}









#pcm{display:none;}
ul.pureCssMenu ul{
display:none;
}
ul.pureCssMenu li:hover>ul{display:block}
ul.pureCssMenu ul{position: absolute;left:2px;top:100%;}
ul.pureCssMenu ul ul{position: absolute;left:100%;top:2px;}
ul.pureCssMenu{
float:right;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}


ul.pureCssMenu ul {
margin:0px;
list-style:none;
padding:0px;
background-color:#ffffff;
background-repeat:repeat;
/*border-color:#AAAAAA;
border-width:1px;
border-style:solid;
*/
}
ul.pureCssMenu table {border-collapse:collapse}

ul.pureCssMenu {
	display:block;
	zoom:1;
	float: left;
}
ul.pureCssMenu ul{
width:195px;
}
ul.pureCssMenu li{
	/*display:block;
	margin:2px 0px 0px 2px;
	font-size:0px;*/
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/nav-right.png) no-repeat scroll right top;
display:inline;
float:left;
margin:0 1px 0 0;
padding:0;
position:relative;
z-index:998;	
	
}
ul.pureCssMenu a:active, ul.pureCssMenu a:focus {
outline-style:none;
}
ul.pureCssMenu a, ul.pureCssMenu li.dis a:hover, ul.pureCssMenu li.sep a:hover {
/*
	display:block;
	vertical-align:middle;
	background-color:#ffffff;
	border-width:0px;
	border-color:#6655ff;
	border-style:solid;
	text-align:left;
	text-decoration:none;
	padding:4px;
	_padding-left:0;
	font:normal 11px Verdana;
	color: #444444;
	text-decoration:none;
	cursor:default;
	*/
}
ul.pureCssMenu span{
	overflow:hidden;
}
ul.pureCssMenu li {
	float:left;
}
ul.pureCssMenu ul li {
	float:none;
}
ul.pureCssMenu ul a {
	text-align:left;
	white-space:nowrap;
}
ul.pureCssMenu li.sep{
	text-align:center;
	padding:0px;
	line-height:0;
	height:100%;
}
ul.pureCssMenu li.sep span{
	float:none;	padding-right:0;
	width:5;
	height:16;
	display:inline-block;
	background-color:#AAAAAA;	background-image:none;}
ul.pureCssMenu ul li.sep span{
	width:80%;
	height:3;
}
ul.pureCssMenu li:hover{
/*	position:relative;*/
}
ul.pureCssMenu li:hover>a{
/*	background-color:#4792E6;
	border-color:#665500;
	border-style:solid;
	font:normal 11px Verdana;
	color: #ffffff;
	text-decoration:none;*/
}
ul.pureCssMenu ul li a:hover{
background-color:#bdd4f3;
	/*position:relative;
	background-color:#4792E6;
	border-color:#665500;
	border-style:solid;
	font:normal 11px Verdana;
	color: #ffffff;
	text-decoration:none;*/
}
ul.pureCssMenu li.dis a {
	color: #AAAAAA !important;
}
ul.pureCssMenu img {border: none;float:left;_float:none;margin-right:4px;width:16px;
height:16px;
}
ul.pureCssMenu ul img {width:16px;
height:16px;
}
ul.pureCssMenu img.over{display:none}
ul.pureCssMenu li.dis a:hover img.over{display:none !important}
ul.pureCssMenu li.dis a:hover img.def {display:inline !important}
ul.pureCssMenu li:hover > a img.def  {display:none}
ul.pureCssMenu li:hover > a img.over {display:inline}
ul.pureCssMenu a:hover img.over,ul.pureCssMenu a:hover ul img.def,ul.pureCssMenu a:hover a:hover ul img.def,ul.pureCssMenu a:hover a:hover a:hover ul img.def,ul.pureCssMenu a:hover a:hover img.over,ul.pureCssMenu a:hover a:hover a:hover img.over,ul.pureCssMenu a:hover a:hover a:hover a:hover img.over{display:inline}
ul.pureCssMenu a:hover img.def,ul.pureCssMenu a:hover ul img.over,ul.pureCssMenu a:hover a:hover ul img.over,ul.pureCssMenu a:hover a:hover a:hover ul img.over,ul.pureCssMenu a:hover a:hover img.def,ul.pureCssMenu a:hover a:hover a:hover img.def,ul.pureCssMenu a:hover a:hover a:hover a:hover img.def{display:none}
ul.pureCssMenu a:hover ul,ul.pureCssMenu a:hover a:hover ul,ul.pureCssMenu a:hover a:hover a:hover ul{display:block}
ul.pureCssMenu a:hover ul ul,ul.pureCssMenu a:hover a:hover ul ul{display:none}
ul.pureCssMenu span{
	display:block;
	background-image:url(images/arrv_anim_1.gif);
	background-position:right center;
	background-repeat: no-repeat;
   /*padding-right:11px;*/}
ul.pureCssMenu li:hover>a>span{/*	background-image:url(./images/arrv_anim_1o.gif);*/
}
ul.pureCssMenu a:hover span{	/*_background-image:url(./images/arrv_anim_1o.gif)*/}
ul.pureCssMenu ul span,ul.pureCssMenu a:hover table span{/*background-image:url(./images/arr_double_1.gif)*/}
ul.pureCssMenu ul li:hover > a span{	/*background-image:url(./images/arr_double_1o.gif);*/}
ul.pureCssMenu table a:hover span,ul.pureCssMenu table a:hover a:hover span,ul.pureCssMenu table a:hover a:hover a:hover span{/*background-image:url(./images/arr_double_1o.gif)*/}
ul.pureCssMenu table a:hover table span,ul.pureCssMenu table a:hover a:hover table span{
/*background-image:url(./images/arr_double_1.gif)
*/
}


ul.pureCssMenu li a:link, .jqueryslidemenu ul li a:visited {
color:#FFFFFF;
display:block;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
line-height:36px;
padding-left:5px;
padding-right:5px;
text-decoration:none;
}

ul.pureCssMenu li a{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/nav-left.png) no-repeat scroll left top;
color:#FFFFFF;
display:block;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
padding-left:5px;
padding-right:5px;
text-decoration:none;
}

ul.pureCssMenu li ul li a:link, ul.pureCssMenu li ul li a:visited {
background-image:none;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
font-weight:normal;
margin:0;
padding:0 6px;
text-align:left;
text-decoration:none;
/*width:195px;*/
}

ul.pureCssMenu li ul li {
background-color:#1055A1;
background-image:none;
border-color:#84B3E5;
border-style:solid;
border-width:0 1px 1px;
display:list-item;
float:none;
line-height:15px;
}