/* CSS Document */

body{
	margin-top:10px;
	margin-bottom:20px;
	padding:0px;
	font:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
	}
.slogan{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#333333;
	padding: 0px 0px 0px 2px;
}

.text-field {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	background-color: #FFFFFF;
	border: 1px solid #666666;
	color: #333333;
}

.button-style {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #CCCCCC;
	background-color: #333333;
	border: 1px solid #000000;
	padding:0px;
}


.search{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:left middle;

}
#body-main{
	text-align:center;
	}
#main{
	width:780px;
	position:relative;
	text-align: center;
	background-color:#999999;
	margin: 0px auto;
	vertical-align:top;
	}
	
#top{
	width:780px;
	background-image:url(images/top-bg.gif);
	background-repeat:repeat-x;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ACCE7C;
	border-right-color: #ACCE7C;
	border-bottom-color: #ACCE7C;
	border-left-color: #ACCE7C;
	height:125px;
	text-align:left;
	}
.footer-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #575F4A;
	font-weight:normal;
	text-align:center;
	padding:10px 5px;
}



#logo{
	position:relative;
	padding-left:20px;
	}
	
#company-name{
	position:absolute;
	left:100px;
	top:36px;
}

#top-right{
	position:absolute;
	right:0px;
	background-image:url(images/top-right.gif);
	background-repeat:no-repeat;
	background-position:right top;
	height:126px;
	width:210px;
	padding:0px;
	margin:auto;
	top: 0px;
	}
#top-link-green{
	position:absolute;
	left:0px;
	top:126px;
	background-image:url(images/toplink-bg.gif);
	background-repeat:repeat-x;
	background-position:left top;
	height:33px;
	width:782px;
	}
#footer-link-green{
	position:relative;
	left:0px;
	top:0px;
	background-image:url(images/toplink-bg.gif);
	background-repeat:repeat-x;
	background-position:left top;
	height:33px;
	width:782px;
	text-align:center;
	padding:8px 0px 0px 0px;
	}

#search{
	position:absolute;
	right:0px;
	padding-top:9px;
	text-align:left;
	width:198px;
	height:33px;
}	

#go{
	position:absolute;
	top:9px;
	right:20px;

}
#main-mid{
	position:absolute;
	left:0px;
	top:165px;
	width:782px;
	height:500px;;
	padding:0px;
	/*background:#999999;*/
	
	

}
#left{
	position: absolute;
	left:0px;
	top:0px;
	width:257px;
	height: auto;


}
#sec-welcome{
	margin:0px 0px 6px 0px;
	padding:0px;
	border:1px solid #B3C496;
	background-color:#FCFEF2;
	height:auto;
	text-align:left;
	
}

#sec-know-what{
	margin:0px 0px 6px 0px;
	padding:0px;
	border:1px solid #B3C496;
	background-color:#FCFEF2;
	height:auto;
	text-align:left;
	
}

.header{
	padding:0px;
	margin:0px;
	background-image:url(images/header-bg.gif);
	background-repeat:repeat-x;
	height:32px;

	
}
.sec-title{
	position:absolute;
	left:26px;
	top:0px;
	margin:0px;
	padding:5px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color: #735749;
	width:200px;

}
.fitness{
	position:absolute;
	left:26px;
	top:214px;
	margin:0px;
	padding:5px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color: #735749;
	width:250px;

}

.sec-know-what{
	position:absolute;
	left:26px;
	top:232px;
	margin:0px;
	padding:5px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color: #735749;
	width:250px;

}



.welcome-cont{
	position:relative;
	left:0px;
	top:0px;
	padding:10px 10px;
	font-family:Tahoma, Arial, sans-serif;
	font-size:11px;
	color:#575F4A;
	width:230px;
	
}

.browse-sec{
	position:relative;
	left:0px;
	top:0px;
	padding:10px 10px;
	font-family:Tahoma, Arial, sans-serif;
	font-size:11px;
	color:#575F4A;
	width:230px;
	height:150px;
}

.more {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #996633;
	text-decoration: none;
}
.more:link { color:#996633; text-decoration:none;}
.more:visited { color:#996633; text-decoration:none;}
.more:active { color:#996633; text-decoration:none;}
.more:hover { color:#333333; text-decoration:underline;}

#mid-section{
	position:absolute;
	left:258px;
	text-align:center;
	width:266px;
	padding:0px;
	margin:0px;
	

}
#right{
	position:absolute;
	right:0px;
	top:0px;
	width:257px;
	height: auto;

}

#footer{
	position:absolute;
	top:545px;
	left:0px;
	width:780px;
	background-color:#FCFEF2;
	border:1px solid #ACCE7C;
	height:125px;
	text-align:left;
	}

.pipe {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #DFDDC7;
	padding-top: 0px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 4px;
}
.footer-link {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #F2F1E6;
	text-decoration: none;
}
.footer-link:link { color:#F2F1E6; text-decoration:none;}
.footer-link:visited { color:#F2F1E6; text-decoration:none;}
.footer-link:active { color:#F2F1E6; text-decoration:none;}
.footer-link:hover { color:#FFFFFF; text-decoration:none;}


/* this is for main navigation at the left side*/

ul#navigation
{
	margin: 5px 10px; padding: 5px 10px;
	list-style-type: none;
	
}

ul#navigation li
{
	list-style-image: url(images/bullet1.gif);
	padding: 2px 0px 0px 0px;;
	margin:0px;
	
}


/* this is for sub navigation underneth the main navigation*/
ul#navigation li ul
{
	margin: 0px; padding: 3px 0px 3px 15px;
	list-style-type: none;
}

ul#navigation li ul li
{
	list-style-image: url(images/bullet2.gif);
}

/* this is for font and link property of main navigation at left side*/


ul#navigation  a
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #575F4A;
	text-decoration: none;
	font-weight: bold;
}
ul#navigation  a:link { color:#575F4A; text-decoration:none;}
ul#navigation  a:visited, ul#navigation  a:active { color:#575F4A; text-decoration:none;}
ul#navigation  a:hover{ color:#81543E; text-decoration:none;}

/* this is for font and link property of sub navigation under the main navigation*/

ul#navigation li ul a:link, ul#navigation li ul a:visited, ul#navigation li ul a:active
{text-decoration: underline; font-weight: normal;}
ul#navigation li ul a:hover
{text-decoration: none; font-weight: normal;}