﻿body {

	background-image: url(img/bg.jpg);
	background-repeat:repeat-x;
	background-color: #b3e3e7;
		font: 14px, Arial, Helvetica, sans-serif;

line-height:22px;
margin:0;
}

#menu 
{
	border: solid 1px black;
	background-color: #2F3D54;
	margin: 0 auto;
	
	margin-top:0px;
	padding:5px;
}
#main #nav
{
		padding-top:20px;
		margin-bottom:30px;
}


#main #nav a
{
	padding:3px;
	padding-right:10px;
	padding-left:10px;
	background-color: #dddddd;
	color: black;
	text-decoration:none;
}

#main #nav a:hover
{
	padding:3px;
	padding-right:10px;
	padding-left:10px;
	background-color: #cccccc;
	color: black;
	text-decoration:none;
}


#main 
{
	border: solid 1px black;
	background-color: White;
	margin: 0 auto;
	width: 600px;
	margin-top:50px;
	padding:50px;
	padding-top:0px;
	min-height:500px;
}

h1,h2,h3 
{
		font-family: Georgia;
		font-weight:normal;
}
h1 
{
	
	font-size: 2.5em;	
	margin-top:0px;

}

.right 
{
	float: right;
}

h3 
{
	color: #1C3F68;
	font-size: 1.3em;
}
#bmi 
{
	margin-bottom:20px;
	width:100%;
}

table.bmitable input 
{
	font-size:1em;
	text-align:center;

}

table.bmitable
{
	width:250px;
	
	background-color: #f3f3f3;
	border: solid 1px #7392B7;
	padding:10px;
	font-size:1.5em;
	padding-bottom:20px;
}

table.bmitable th 

{
		font-family: Georgia;
		font-weight:normal;
	color: #295B89;
	width: 100px;
	text-align:left;
}
table.bmitable td 

{
color: #666666;
}
table.bmitable td,th 
{
	padding-top:10px;
	
}


table.bmitable #button
{
		padding:5px;
	margin-top: 20px;
	width:100%;
	
		font-family: Georgia;
		font-weight:normal;
} 


table.bmiresult
{

	padding:10px;
	padding-top:0;
	margin-left:20px;
	vertical-align:top;

}

table.bmiresult th h3
{
		color: black;
	text-align:left;
	margin-top:0;
	margin-left:0;

	margin-bottom:10px;
	padding-top:0;
	font-size:1.4em;
	font-family: Georgia;	
}

table.bmiresult td
{
	padding:15px;
	background-color: Aqua;
}


table.bmiresult td.good
{

	background-color: #D5FFD1;
	border:solid 1px #28C22C;
}



table.bmiresult td.overweight
{
	background-color: #FCFFCC;
	border: solid 1px #FFC58E;
}

table.bmiresult td.bad
{
	background-color: #FFE5E5;
	border: solid 1px red;
}
.bmilabel 
{
	font: 2em Georgia;

}


#isobmitable 
{
	width:500px;
	border-collapse:collapse;
	
}
#isobmitable td
{
		border-collapse:collapse;
	border-bottom: solid 1px #cccccc;
}

#isobmitable th
{
	background-color: #eeeeee;
	padding-top:0px;
	border-bottom: solid 1px #cccccc;
	border-left: solid 4px white;
}

