/* CSS Document for Smiley Fitness */

/* Anil Thakur */



body{background:#FFFFFF url(../images/body-bg.jpg) repeat-x;

	margin:0 0 0 0;

	padding:9px 0 0 0;

	text-align:center;

	font-family:arial;

	font-size:12px;

	color:#000000;

	}
.div_tab_format1 {
	width:386px;
	color: #000000;
	border: 1px solid #000000;
}

.div_tab_format2 {
	float:left;
}

.div_tab_format3 {
	font-size: 14px;
	font-weight:bold;
	color: #000000;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 5px;
	border: 1px solid #000000;
	text-align:center;
}
 

.div_tab_format4 {
	font-size: 12px;
	font-weight:normal;
	color: #000000;

	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 5px;
	border: 1px solid #000000;
}
	

a:link {

	color: #72b1e5;

	text-decoration: none;

}

a:visited {

	text-decoration: none;

	color:#fe992b;

}

a:hover {

	text-decoration: underline;

	color: #86c12c;

}

a:active {

	text-decoration: none;

	color: #333333;

}



h1 {

	font-size: 16px;

	color:#fe992b;

	font-weight:bold;

	margin:-2px 0 0 0;

}

h1 span {

	font-size: 16px;

	color:#86c12c;

	font-weight:bold;

}

h2 {

	font-size: 13px;

	color:#000000;

	float:left;

	clear:both;

	text-align:left;

	margin:5px 0 5px 0 ;

	font-family:Trebuchet MS;

	text-transform:uppercase;

	

}

h3 {

	font-size: 12px;

	}

h4 {

	font-size: 14px;

	color:#000000;

}

h5 {

	font-size: 13px;

	color:#000000;

	float:left;

	clear:both;

	text-align:left;

	margin:5px 0 5px 0 ;

	font-family:Trebuchet MS;

	text-transform:uppercase;

}

p{



	clear:both;

	}

	

table td {font-family:arial;

	font-size:12px;

	color:#000000;}





ul{clear:both;}

#main-container {   

	width:1000px; 

	padding:0px;

	margin:0px auto;

	overflow:hidden;

	background:url(../images/container.jpg) repeat-y;

}



#header{background:url(../images/header2.jpg) repeat-x;

	height:179px;

	width:960px;

	margin:0px auto;

	padding:0px;

	}

#logo{

	width:199px; 

	float:left; 

	height:182px;

	margin:0px;

	overflow:hidden;

	 }

#logo img{

	border:none;

	}



#contents{ width:951px;

	margin:0px auto;

	padding:0px;

	overflow:hidden;

	text-align:center;

	clear:both;

	}

#box-1-top{width:940px;

	background:url(../images/top.jpg) top left no-repeat;

	height:28px;

	overflow:hidden;

	margin:0px auto;

	padding:0px;

	clear:both;

	}

#box-1-middle{width:940px;

	background:url(../images/middle.jpg) repeat-y;

	height:auto;

	overflow:hidden;

	margin:0px auto;

	padding:0px;

	clear:both;

	}

#box-1-bottom{width:940px;

	background:url(../images/bottom.jpg) bottom left no-repeat;

	height:28px;

	overflow:hidden;

	margin:0px auto;

	padding:0px;

	clear:both;

	}



#menu{

	width:222px;

	overflow:hidden;

	clear:both;

	float:left;

	margin:0 0 0 9px;

	padding:0px 0px 0 0px;

	text-align:left;

	background: url(../images/bg-left.jpg) repeat-x;

	height:600px;

	}

#menu ul {margin:0 0 0 0;

	padding:0 15px 0 15px;

	line-height:25px;

	font-size:12px;

	font-weight:bold;

	}

#menu ul li{

	margin:0 0 0 0px;

	padding:0;

	border-bottom:1px dotted #fafafa;

	list-style:inside url(../images/bullet.gif);

	}



#menu ul li li{

	margin:0 0 0 5px;

	padding:0;

	list-style:inside circle; color:#FFFFFF;

	border-bottom:0px dotted #fafafa;

	font-style:italic; font-size:11px;

	}



#menu ul li a{

	color:#fff;

	text-decoration:none;

	}

#menu ul li a:hover{

	color:#000;

	text-decoration:none;

	}

#menu .active a {color:#000;}



#middle{

	width:480px;

	overflow:hidden;

	float:left;

	margin:0px 10px 0 10px; 

	padding:0 0px 0 0px;

	}

#middle img{border:none;}

#middle h5 {

	font-size: 13px;

	color:#000000;

	float:left;

	clear:both;

	text-align:left;

	margin:5px 0 5px 0 ;

	font-family:Trebuchet MS;

	text-transform:uppercase;

}

#middle h3 {

	font-size: 12px;

	color:#000066;

	float:left;

	clear:both;

	text-align:left;

	margin:5px 0 5px 0 ;

	font-family:Trebuchet MS;

	text-transform:uppercase;

}

#middle h4 {

	font-size: 12px;

	color:#000099;

	float:left;

	clear:both;

	text-align:left;

	margin:5px 0 5px 0 ;

	font-family:arial;

}

	

#middle ul{ margin:0 0 0 15px; padding:0px; text-align:left; clear:both; }

#middle ul li{line-height:22px; font-size:12px; width:465px; font-weight:normal; list-style:outside url(../images/bullet.png);}

#middle ul li a{font-weight:bold; text-decoration:none;}

#middle ul li a:hover{color:#000000; text-decoration:none;}



#middle ol{ margin:0 0 0 15px; padding:0px; text-align:left; clear:both;}

#middle ol li{line-height:22px; font-size:12px; width:465px; font-weight:normal;}

#middle ol li a{font-weight:bold; text-decoration:none;}

#middle ol li a:hover{color:#000000; text-decoration:none;}

#middle a{color:#0341b3; text-decoration:none;}

#middle p{padding:0 0 0 0;  text-align:justify; width:470px;}

#middle td{text-align:left;}

	

#right{

	width:185px;

	overflow:hidden;

	float:right;

	margin:0 20px 0 0px;

	}

.login{padding:0 0 0 0; overflow:hidden; margin:0 0 6px 2px; clear:both;}





.login img{  border:1px solid #CCCCCC; margin:0 0 0 0!important; padding:0 0 0 0 ;}



.logout{padding:0 0 0 0; overflow:hidden; margin:0 0 6px 2px; clear:both;}

.logout img{  border:1px solid #CCCCCC; margin:0 0 0 0!important; padding:0 0 0 0 ;}

.events{padding:5px;  border:1px solid #CCCCCC; overflow:hidden; background:#f8f8f8; margin:0 0 6px 2px; clear:both;}

.events:hover{background:#F1F1F1;}

.events img{border:none; height:40px; width:40px; margin:0px 10px 5px 0; border:1px solid #000; }

.events p{text-align:left; padding:5px 0 0px 0; margin:0px 0 0px 0 ;}

.events a{color:#000; text-decoration:none;}

#bottom{width:1000px; 

	height:38px;

	overflow:hidden;

	clear:both;

	background:url(../images/footer-bg.jpg) no-repeat;

	margin:0px auto;

	padding:0px;

	}

#footer{width:1000px; 

	overflow:hidden;

	clear:both;

	margin:0px auto;

	padding:0px;

	font-size:11px;

	text-align:center;

	}

#footer p{text-align:center;}



.componentheading{ font-size: 14px;

	color:#58a2e1;

	text-transform:uppercase;

	padding:0 0 10px 1px;

	font-family:arial;

	font-weight:bold;

	text-align:left;

	}