/* CSS Document */

html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 background-color:#000000;
 color:#CCCCCC; 
 font-size:12px;
 font-family:Arial, Helvetica, sans-serif;
} 
sup {
font-size:8px;
}
 
/*links */
a:link {color: #df0000; outline:none;}     /* unvisited link */
a:visited {color: #df0000; outline:none;}  /* visited link */
a:hover {color: #df0000; outline:none;}   /* mouse over link */
a:active {color: #df0000; outline:none;}
 
/* WHITE LINKS */
/*links */
a.white:link {color: #ffffff; outline:none; text-decoration:none;}     /* unvisited link */
a.white:visited {color: #ffffff; outline:none; text-decoration:none;}  /* visited link */
a.white:hover {color: #ffffff; outline:none; text-decoration:underline;}   /* mouse over link */
a.white:active {color: #ffffff; outline:none;}
  
#pagewidth{ 
 width:780px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
 padding-top:20px;
} 
 
#header{
 position:relative; 
 height:70px; 
 background: #000 url("images/header.gif") no-repeat left top;
 width:100%;
 z-index: 10;
 zoom: 1;
} 
/*float the header image in there */
#headerImg{
 position:relative; 
 padding-top:10px;
 zoom: 1;
} 
#maincol{  
 float: left; 
 display:inline; 
 position: relative; 
 width:755px; 
 background-color:#000000;
 z-index: 1;
}
 
#banner{
 width: 755px;
 height:173px;
 float:center;
 text-align:left;
 background-color:#b0b0b0;
} 

#banner_cafe{
 width: 755px;
 height:173px;
 float:center;
 text-align:left;
 background-color:#b0b0b0;
 background-image:url(images/banner_cafe.jpg);
 color:#FFFFFF;
}

#banner2{
 width: 755px;
 height:316px;
 float:left;
 text-align:left;
 background-color:#b0b0b0;
 margin-bottom:15px;
} 

.flashbanner{
 margin-left:3px;
 margin-top:13px;
 width:500px;
 float:left;
}
.titlebanner{
 float:right;
}
#banner3{
 width: 755px;
 height:258px;
 float:left;
 text-align:left;
 background-color:#b0b0b0;
 margin-bottom:5px;
} 
#indexLeftContainer {
 width:369px;
 float:left;
 font-family:Arial, Helvetica, sans-serif;
}
#indexRightContainer {
 width:386px;
 float:right;
 font-family:Arial, Helvetica, sans-serif;
}
#contactRightContainer {
 width:231px;
 float:right;
 font-family:Arial, Helvetica, sans-serif;
}
#aboutLeftContainer {
 width:249px;
 float:left;
 font-family:Arial, Helvetica, sans-serif;
}
#aboutRightContainer {
 width:506px;
 float:right;
 font-family:Arial, Helvetica, sans-serif;
}

.alertbox{
 padding:10px 0px 10px 10px;
 margin:0 10px 12px 0;
 background-color:#202020;
}
.alertbox:hover{
 background-color:#333333;
}
#leftIndex {
 width: 187px;
 background-color:#b0b0b0;
 height:82px;
 float:left;
 clear:both;
 margin-bottom:12px;
}

#leftIndex2 {
 width: 162px;
 background-color:#000000;
 height:82px;
 padding-left:10px;
 padding-right:10px;
 float:left;
 margin-bottom:12px;
} 

#leftIndex3 {
 width: 187px;
 background-color:#b0b0b0;
 height:82px;
 float:left;
 clear:both;
 margin-bottom:12px;
}

#leftIndex4 {
 width: 162px;
 background-color:#000000;
 height:82px;
 padding-left:10px;
 padding-right:10px;
 float:left;
 margin-bottom:12px;
} 
#leftIndex5 {
 width: 187px;
 background-color:#b0b0b0;
 height:82px;
 float:left;
 margin-bottom:12px;
}

#leftIndex6 {
 width: 162px;
 background-color:#000000;
 height:82px;
 padding-left:10px;
 padding-right:10px;
 float:left;
 margin-bottom:12px;
} 
#leftAbout {
 line-height:1.5;
}

#rightIndex {
 width: 130px;
 float:left;

}

#rightIndex2 {
 width: 231px;
 float:right;
 text-align:left;
 padding-left:25px;

}
 
#footer{
 height:50px; 
 padding-top:10px;
  background-color:#000000; 
 clear:both;
 text-align:center;
 color:#888888;
 font-size:10px;
 font-family:Arial, Helvetica, sans-serif;
 } 
.foot a:link {color: #888888; outline:none; text-decoration:none;}     /* unvisited link */
.foot a:visited {color: #888888; outline:none; text-decoration:none;}  /* visited link */
.foot a:hover {color: #d0d0d0; outline:none; text-decoration:underline;}   /* mouse over link */
.foot a:active {color: #d0d0d0; outline:none;}
 

#col-2 {
	
  	}
#col-2 h3 {
	padding-top: 0;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 10px;
	background: #b0b0b0;
	border: 1px solid #333;
	color: #000000;
	font-family: Helvetica, Arial, Verdana;
	font-size: 12px;
	text-align: center;
}
#col-2 a {
	color: #990000;
}
#col-2 img {
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 15px;
	padding-bottom: 0em;
}


.greyBox {
 background-color:#b0b0b0;
 color:#bd0000;
 font-weight:bold;
}
.org_descr {
 padding-bottom:15px;
 text-align:left;
}

#fitness_info {
 text-align:left;
 padding-bottom:4px; 
 width:381px;
 float:left;
}
#fitness_hrs {
 float:left;
 padding-left:20px;
 width:105px;
 text-align:left;
}
 
 /*contact us form css */
.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
height: 1%;
}

.cssform input{
	background-color:#b0b0b0;
}
.cssform INPUT.TEXT{
background-color:#b0b0b0;
}
.cssform label{
font-weight: bold;
color:#FFFFFF;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}
 
 
 /* *** Float containers fix:  *** */ 
.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 */  


#gethome{
	float:left;
	display:block;
	width:185px;
	height:42px;
	color:#fff;
}

#navigation {
    float: right;
    list-style-type: none;
    margin: 0px 25px 0px 0px !important;
    margin: 0px 12px 0px 0px;
    padding: 15px 0px 0px 0px;
    height: 19px;
    overflow: visible;
    position: relative;
    z-index: 10;
 font-size:12px;
 font-family:Arial, Helvetica, sans-serif;
}

#navigation li {
    display: block;
    float: left;
    position: relative;
    line-height: 19px;
}

#navigation li a {
    display: block;
    float: left;
    height: 19px;
    line-height: 19px;
    color: #fff;
    text-decoration: none;
    padding: 0px 5px;
}

#navigation li a:hover, #navigation li a.hover, #navigation li.active {
    background: #e30000;
}


#navigation li ul {
    position: absolute;
    left: 0px;
    top: 19px;
    padding: 5px 0px;
    margin: 0px;
    width: 195px;
    background: #e30000;
    display: none;
    font-size: 12px;
    zoom: 1;
}

#navigation li ul li {
    float: none;
    background: url("images/subnav_separator.gif") no-repeat left bottom;
}

#navigation li ul li a {
    float: none;
    padding: 1px 12px;
}