body {background-color: #ffffff; font-family: "Trebuchet MS",Verdana,Helvetica,sans-serif;}

H1 { font-size:30px; color:#83d13d;}

.header{width:510px;margin: auto;}
.title{text-align:right;width:100%;}
.subtitle{text-align:left;width:100%;
		  font-family: "Trebuchet MS",Verdana,Helvetica,sans-serif;
          font-size:15px;
          font-weight: bold;
          color: #000000;}
.hrline{border-color:#83d13d;}

a:link{
color: #83d13d;
text-decoration: underline;
font-family: "Trebuchet MS",Verdana,Helvetica,sans-serif;
font-weight: bold;
}

a:visited{
color: #83d13d;
text-decoration: underline;
font-family: "Trebuchet MS",Verdana,Helvetica,sans-serif;
}

a:hover{
color: #83d13d;
text-decoration: none;
font-family: "Trebuchet MS",Verdana,Helvetica,sans-serif;
}

a:active{
color: #FF0000;
text-decoration: underline;
font-family: "Trebuchet MS",Verdana,Helvetica,sans-serif;
}


.footer{
width:510px;
margin:auto;
margin-top: 5px;
text-align: center;
border-top: solid 1px #83d13d;
clear:both;
font-family: "Trebuchet MS",Verdana,Helvetica,sans-serif;
font-size:12px;
}

#bmi_calculator{
	width:510px;	/* Width of entire calculator */
	height:400px;	/* Height of entire calculator */
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Fonts to use */
	margin: auto;
}
#bmi_calculator .calculator_form{	/* Form */
	width:170px;	/* Width of form div */
	float:left;	/* Position the form at the left of the graph */
	padding-left:5px;
	padding-right:5px;
}
#bmi_calculator input{
	width:130px;
}
#bmi_calculator .calculator_form .textInput{
	width:40px;	/* Width of small text inputs */
	text-align:right;	/* Right align input text */
}
#bmi_calculator .calculator_graph{
	width:198px;	/* Width of graph div */
	float:left;	/* Position bar graph at the left */		
	background-color:#DDD;	/* Light gray background color */
	border:1px solid #555;	/* Gray border around graph */
	
	height:100%;
	position:relative;
}

#bmi_calculator .googleads{
float:left;
width:120px;
}

.calculator_graph .graphLabels{	/* Help labels at the top of the graph */
	background-color:#FFF;	/* White bg */
	padding:3px;	/* Some air */
	margin:2px;	/* Around around help div */
	border:1px solid #555;	/* Gray border */

}
.graphLabels .square{	/* Small square showing BMI, e.g.: Below 18.5: Underweight */
	height:12px;	/* Width of square */
	width:12px;	/* Height of square */
	border:1px solid #000;	/* Black border */
	margin:1px; 	/* "Air" */
	float:left;		
}
.graphLabels .label{	/* Help text, , e.g.: Below 18.5: Underweight */		
	width:140px;	/* Width */
	height:14px;	/* Height */
	font-size:0.7em;	/* Font size */
	padding-left:2px;	/* Space at the left of label */
	float:left;
}

.barContainer{	/* DIV for both the multicolor bar and users weight bar */
	position:absolute;
	bottom:0px;
	border:1px solid #000;
	border-bottom:0px;
	text-align:center;
	vertical-align:middle;
}
.barContainer div{	/* colored div inside "barContainer */
	border-bottom:1px solid #000;
}
.barContainer .labelSpan{	/* Label indicating users BMI */
	background-color:#FFF;	/* White BG */
	border:1px solid #000;	/* Black border */
	padding:1px;	/* "Air" inside the box */
	font-size:0.7em;	/* Font size */
}

.clear{	/* Clearing div - you shouldn't do anything with this one */
	clear:both;
}
		


#googleads{margin-left:auto;margin-right:auto;width:468px;margin-top: 5px; }