@charset "utf-8";
/* CSS Document */

* {margin:0; padding:0;}
img {border:none;}

body {
	font: 100% Arial, Helvetica, sans-serif;
	background-image:url(bg01.jpg); background-repeat:repeat-x; background-color:#99cc99;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #000000;
}
#container {
	width: 916px; 
	margin: 0 auto; 
	text-align: left; 
}
#header {
	height: auto;
}

#header h1 {
	font-size:30px; color:#FFF; text-align:right; padding-top:30px; padding-bottom:10px;}
	
#menu {position:relative;
		top:0px;
		left:0px;
		width:916px;
		height:80px;
		background-color:#FFF;
}
#mainContent {
	padding: 20px 20px 0px 20px;
	background: #FFFFFF;
}
#mainContentHome {
	padding: 20px 20px 0px 20px;
	background: #FFFFFF;
	background-image:url(images/neck_pain.jpg); background-position:bottom right; background-repeat:no-repeat;
}
#footer {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	}
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 5px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size:12px; color:#FFF;
}

.fltrt { 
	float: right;
	margin-left: 15px;
	text-align:right;
}
.fltlft { 
	float: left;
	margin-right:10px;
}
.fltlftconditions { 
	float: left;
	margin-right:50px;
	height:830px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

h1 {font-size:18px; color: #060; padding: 0px 10px 20px 10px;}
h2 {font-size:16px; color: #090; padding:10px;}
p {font-size:12px; padding:10px;}
p.large {font-size:14px; font-weight:bold; padding:10px;}
p.green {font-size:16px; color: #090; text-transform: uppercase; font-weight:bold; padding:10px;}
li {list-style-type:disc; list-style-position:inside; font-size:12px; font-weight:bold; margin-left:20px; padding-bottom:10px;}
a:link { font-size:12px; color:#3C0; text-decoration:underline;}
a:visited { font-size:12px; color:#999; text-decoration:underline;}
td {font-size:12px;}
span {color:#090; font-weight:bold;}

/*form*/

.formfield {
		border: #c6c6c6 1px solid; font-size: 11px; color:#676767; background-color:#ffffff;}
		
.formbutton {
		border: #999999 1px solid; font-weight:bold; font-size: 14px; padding:5px; background-color: #060; color: #ffffff;}
--> 

/*menu*/

.tabs{
width: 100%;
overflow: hidden;
background-color:#ffffff;
position:relative;
float:left;
}

.tabs ul{
margin: 0;
padding-left: 50px; /*offset of tabs relative to browser left edge*/
font: bold 14px Arial;
list-style-type: none;
}

.tabs li{
display: inline;
margin:0;
}

.tabs li a{
float: left;
display: block;
text-decoration: none;
margin-left:25px;
margin-top:10px;
padding: 3px 3px; /*padding inside each tab*/
}

.tabs li a:hover, .tabs li.selected a{
background: #999; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}