/*	
	Copyright (c) 2006 MOMED
	All rights reserved
	
	$ Revision date: 22/06/06
	
	ThemeStripe CSS Selectors 	 

	CONTENTS
	1. Positional general
	2. General Content

*/	
	
	
	
/* load module styles here
------------------------------------------------------------- */

/* @import "navigation.css"; */
	

	
/* General site structure styles below
------------------------------------------------------------- */

	
html {	
	margin:0 !important;
	padding:0 !important;
	background: #EAF1E4 url("../media/images/html_background.gif") top left repeat;
	}	
body {	
	min-height: 850px;
	height: 100%;
	position:relative; 
	background: url("../media/images/body_background.gif") top left repeat-y;
	border: 1px solid #EAF1E4;
	text-align:left;
	}

#container {
	position: relative;
	text-align: left;
	margin: 5px auto 0 5px;
	padding: 0px 8px 0px 8px;
	width: 773px;
	min-height: 800px;
	height: 98%;
	background-color: #fff;
	}


/* HEADER STYLES
------------------------------------------- */


#header {
	height: 129px;
	width: 773px;
	position:relative; 
	}
	
#logo {
	float: left;
	margin-top: 12px;
	width: 258px;
	height: 52px;
	overflow: hidden;
	background: url("../media/images/logo.gif") top left no-repeat;
	}
#logo span {
	/* hide the logo text so only img shows */
	display: none;
	visibility: hidden;
	}
	
#date {	
	position: absolute;
	top: 90px;
	_top: 80px;
	left: 8px;
  color: #549534;
	font-size: 1.3em;
    }
#date span {
	display:block;
	color: #A0C089;
	}	

#news {
	color: #549534;
	display: block;
	float: left;
	font-size: 1.4em;
	line-height: 1.1em;
	width: 115px;
	height: 110px;
	padding: 9px 7px 9px 7px;
	}
#news span {
	display:block;
	color: #A0C089;
	}
#news a {
	display:block;
	color: #666;
	}

#hdrImg {
	float: left;
	padding: 0px 2px 0px 0px;
	width: 127px;
	height: 128px;
	overflow: hidden;
	background: url("../media/images/heroImg.jpg") top left no-repeat;
}
#hdrSpotImg {
	float: left;
	padding: 0px 2px 0px 0px;
	width: 127px;
	height: 128px;
	overflow: hidden;
}
#hdrImg span {
	display: block;
}

#hdrSpacer {
	float: left;
	margin: 0px 1px 0px 0px;
	width: 128px;
	height: 128px;
	overflow: hidden;
}
#hdrSpacer span {
	display: block;
}
 
#features {
	display:block;
	float: left;
	color: #EEB8C8;
	font-size: 1.4em;
	line-height: 1.1em;
	width: 114px;
	padding: 9px 7px 9px 7px;
	}
#features span {
	display:block;
	color: #F6D7DF;
	}
#features a {
	display:block;
	color: #666;
	}
#features span.spotlink {
	display:block;
	color: #666;
}
	
/* NAVIGATION STYLE
--------------------------------------------- */

#subHeader {
	display: block;
	position:relative;
	width: 773px;
	padding: 0px 0px 0px 0px;
}	

#mainNavigation {
	display: block;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style:none;
	width: 774px;
	height: 25px;
	border-bottom: 1px solid #ffffff;
	}
#mainNavigation li {
	display:block;
	float: left;
	width: 128px;
	height: 25px;
	overflow: hidden;
	border-right: 1px solid #ffffff;
	}
#mainNavigation li a {
	display:block;
	width: 110px;
	color: #ffffff;
	padding: 6px 9px;
	text-align: left;
	background-color: #A0C089;
	}
#mainNavigation li a:hover {
	background-color: #F4929B;
	text-decoration:none;
	}
#mainNavigation li.in a {
	background-color: #549534;
	}

/* Practitioners */
#mainNavigation li a.practitioner {
	display:block;
	width: 110px;
	color: #ffffff;
	padding: 6px 9px;
	text-align: left;
	background-color: #FAB7C1;
	}
#mainNavigation li a.practitioner:hover {
	background-color: #A0C089;
	text-decoration:none;
	}
#mainNavigation li.in a.practitioner {
	background-color: #F6929C;
	}
	
.rhsNav a {
	width:100% !important;
	}
	
	
/* 2nd nav */
#secondaryNavigation {
	clear:both;
	min-height:75px;
	height: auto;
	width: 759px;
	background-color: #EAF1E4;
	padding: 5px 5px 15px 9px;
	border-bottom: 2px solid #ffffff;
	}
#secondaryNavigation ul {
	list-style:none;
	margin: 0px;
	padding: 0px;
	padding-bottom: 5px;
	}
#secondaryNavigation ul li a {
	color:#aaa;
	}
#secondaryNavigation ul li.in a {
	color:#549534;
	}

/* 2nd nav - section options */
#secondaryNavigation .productNav 	{ margin-left: 129px; } /* { margin-left: 125px; } */
#secondaryNavigation .freeNav	 		{ margin-left: 258px; } /* { margin-left: 250px; } */
#secondaryNavigation .seminarsNav { margin-left: 387px; } /* { margin-left: 375px; } */
#secondaryNavigation .servicesNav { margin-left: 516px; } /* { margin-left: 645px; } */ /* { margin-left: 625px; } */
#secondaryNavigation .healthNav 	{ margin-left: 645px; } /* { margin-left: 516px; } */ /* { margin-left: 500px; } */
#secondaryNavigation .practitionerNav 	{ margin-left: 645px; } 
	
#tertiaryNavigation { font-size: 1.2em; list-style: none; margin: 0 0 0 11px; padding: 0; }
#tertiaryNavigation li a { color:#BEBEBE; } 
#tertiaryNavigation li.in a { color:#549534; }


/* Main page title and Breadcrumb
--------------------------------------------------------- */


#titleArea {
	clear:both;
	height:72px;
	width: 755px;
	background-color: #EAF1E4;
	padding: 5px 9px 5px 9px;
	position:relative;
	border-bottom: 1px solid #ffffff;
	}
#titleArea h1 {
	position:absolute;
	bottom: 0;
	left: 9px;
	}
	
.breadcrumb 		{ color: #aaa; }
.breadcrumb span 	{ color: #549534; }
.breadcrumb a		{ color: #aaa !important; }

#mailingList {
	margin-top: 10px;
	margin-left: 0;
	margin-bottom: 20px;
}

#imgNavigation {
	background-color: #ffffff;
	display: block;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style:none;
	width: 774px;
	height: 154px;
	background-color: #f0f;
	}
 #imgNavigation li {
	background-color: #A0C089;
	display:block;
	float: left;
	width: 128px;
	height: 154px;
	overflow: hidden;
	border-right: 1px solid #ffffff;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}
	
#imgNavigation li a {
	display:block;
	height: 154px;
	color: #ffffff;
	text-align: left;
	background-color: #A0C089;
	}
	
#imgNavigation li a:hover {
	background-color: #F4929B;
	text-decoration:none;
	}
	
#imgNavigation li.in a {
	background-color: #549534;
	}
	
#imgNavigation li a .imgNavLabel {
	display: inline;
	position: absolute;
	color: #ffffff;
	margin-top: 129px;
	padding-top: 6px;
	padding-left: 5px;
}

#imgNavigationText {
	background-color: #ffffff;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style:none;
	position: relative;
	top: 0px !important;
	}
	
#imgNavigationText li {
	background-color: #ffffff;
	display:block;
	float: left;
	width: 128px !important;
	min-height: 10px !important;
	height: auto;
	overflow: hidden;
	border-right: 1px solid #ffffff;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}
	
.imgNavText {
	color: #aaa;
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
	width: 120px;
}

.imgNavText a, .imgNavText a:link, .imgNavText a:visited, .imgNavText a:hover {
	display: block;
	margin-top: 10px;
	width: 120px;
	height: auto;
}

/* Content area
-------------------------------------------------------- */
#content {
	display: block;
	padding: 0px 0px 80px 0px;
	width:773px !important;	
	margin: 0;
}

#para {
	display: block;
	float:left;
	position: relative;
	margin: 0px;
	padding: 0px 9px 0px 9px;
	width: 611px;
}

#para h2 {
	 padding-left: 0px;
}


/* Content links area
-------------------------------------------------------- */
#contentLinks {
    float: right; 
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 8px;
		width: 120px;
		height: auto;
		overflow: hidden !important;
}
#contentLinks li {
    	list-style: none;
    	color: #549534;
      font-size: 110%;
}
#contentLinks li a {
    	color: #aaa;
}

/* footer area
-------------------------------------------------------- */
#footer {
	position: absolute;
	bottom: 9px;
	left: 12px;
	color: #aaa;
	font-size: 0.9em;
	/* padding-right: 70px;  */
	}
#footer p {
	margin-top: 10px;
	}
#footer strong { color: #000; }
#footer a { color: #aaa; }
#footer a.makeMe:hover {color:#666;}
#footer span a { color: #549534; font-size: 1.0em; }

#footer .footerLegal {
	color: #A0C089;
	}
#footer .footerLegal strong {
	color: #549534;
	}