*
{
	margin: 0;
	padding: 0;
	border: none;
	background-repeat: no-repeat;
}

html, body
{
	height: 100%;
}

body
{
	width: 770px;
	color: #010101;
	background-color: #333333;
	background-image: url(bg.gif);
	background-repeat: repeat-y;
	background-position: 50% 0%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-family: helvetica, arial, sans-serif;
	font-size: 12px;
}

a
{
	color: #676767;
}

a:visited
{
	color: #999999;
}

a:hover
{
	color: #019AFF;
}

a:active
{
	color: #333333;
}

hr, .hidden
{
	display: none;
	visibility: hidden;
}

.clear
{
	clear: both;
}

#container
{
	height: 100%;
	background-color: white;
	text-align: left;
}

#container-two
{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -2.8em;
}

#header
{
	border-top: .8em #019AFF solid;
	padding-top: 30px;
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 25px;
}

#header h1
{
	color: #676767;
	font-size: 1.2em;
	font-weight: normal;
	letter-spacing: 0.15em;
}

#header h1 span
{
	color: #019AFF;
	display: block;
	font-size: 32px;
	font-size: 2.5em;
	text-transform: uppercase;
	letter-spacing: -0.0875em;
	line-height: 0.8em;
}

#header p
{
	color: #676767;
	margin-bottom: 25px;
	font-size: .90em;
}

#nav li
{
	display: inline;
	color: #BFBFBF;
	font-weight: bold;
	margin-right: 0.25em;
}
#nav a
{
	color: #BFBFBF; 
	margin-right: 0.25em;
	font-weight: bold;
	text-decoration: none;
}

#nav a:hover, #nav a.current:hover
{
	color: #019AFF; 
}

#nav a:active, #nav a.current:active
{
	color: #333333; 
}

#nav a:active, #nav a.current
{
	color: #676767; 
}

#content
{
	padding-top: 15px;
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 40px;
	border-top: 1px #BFBAB0 solid;
}

#content h1
{
	color: #CB0101;
}

#content h2, #content  h3
{
	color: #019AFF;
	margin-top: 20px;
	padding-left: 15px;
	padding-right: 15px;
	background-image: url(legend-bg.gif);
	background-position: 0% 50%;
	font-size: 1.3em;
}

#content h2 strong, #content  h3 strong
{
	padding-left: 5px;
	padding-right: 5px;
	background-color: white;
}

#content form h2
{
	color: black;
	font-size: 1.5em;
}

#content form h2, #content form h2 strong
{
	padding: 0;
	background: none;
}

#content h4
{
	padding-top: 15px;
	font-size: 1.15em;
}

#content .tagline
{
	color: #676767;
	padding-top: 1em;
	font-size: 1.1em;
}

#content .tagline strong
{
	background-image: url(star.gif);
	background-position: 0% 50%;
	padding-left: 15px;
}

#content span.redacted
{
	color: black;
	background-color: black;
}

#content p
{
	line-height: 1.5em;
	margin-top: 0.8em;
}

#content p.notes
{
	margin-top: 0;
	margin-left: 20px;
	font-size: 0.98em;
	width: 345px;
}

#content p.question
{
	color: #333;
	padding-top: 0;
	font-weight: bold;
}

.highlight
{
	background-color: #ffffe3;
}

fieldset .list li
{
	margin-left: 1.25em;
	list-style-type: square;
}

.pdf
{
	padding-left: 20px;
	background-image: url(pdf.gif);
	background-position: 0% 50%;
}

.xls
{
	padding-left: 20px;
	background-image: url(xls.gif);
	background-position: 0% 50%;
}

.doc
{
	padding-left: 20px;
	background-image: url(doc.gif);
	background-position: 0% 50%;
}

.set, fieldset fieldset
{
	padding-top: 0.8em;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 15px;
	border-left: 1px #BFBAB0 solid;
	border-right: 1px #BFBAB0 solid;
	border-bottom: 1px #BFBAB0 solid;
	background-color: #F0F0EF;
	background-image: url(fieldset-bg.gif);
	background-repeat: repeat-x;
}

fieldset fieldset fieldset
{
	border-top: 1px #BFBAB0 solid;
}

fieldset li
{
	padding-top: 0.8em;
	list-style-type: none;
}

fieldset li label strong
{
	color: #333333;
}

fieldset li ul li
{
	margin-top: 0.5em;
	margin-left: 1.25em;
	margin-bottom: 0.5em;
	padding-top: 0;
	padding-left: 0.5em;
	border-left: 1px #BFBAB0 solid;
}

.results label
{
	color: #019AFF;
	font-size: 1.8em;
}

.results label input
{
	height: 1.6em;
	width: 4em;
	color: #FFFFFF;
	background-color: #019AFF;
	border: 5px white double;
	text-align: center;
	font-size: 1.2em;
}

#bodymass input
{
	border: 1px #019AFF solid;
	height: 2em;
}

#bodymass #BMI label input
{
	border: 5px white double;
	height: 1.44em;
	height: 1.2em;
	width: auto;
}

#amount label input
{
	width: 8em;
}

#Calculate
{
	font-size: 2em;
	margin-bottom: 1em;
}

#Calculate input
{
	color: white;
	background-color: #01ff2b;
	background-color: #333333;
	padding-top: .25em;
	padding-left: 1em;
	padding-right: 1em;
	padding-bottom: .25em;
	border: 5px white double;
	font-size: 1.2em;
}

#Calculate #submit-form
{
	float: left;
}

#Calculate #clear-form
{
	float: right;
}

#Calculate #clear-form input
{
	color: white;
	background-color: #bfbab0;
}

#basis, #subtotal1, #subtotal2, #subtotal3
{
	margin-bottom: 5em;
}

#footer, #footer-space
{
	height: 2.8em; 
}

#footer
{
	color: #FFFFFF;
	background-color: #019AFF;
}

#footer p
{
	font-size: 0.8em;
	padding-top: .5em;
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: .8em;
	background-color: #BFBFBF;
	color:#BFBFBF; /* temp fix to remove BA from footer */ 
}

#footer a
{
	font-weight: bold;
	padding-right: 5px;
	text-decoration: none;
}

#footer a:visited
{
	color: #676767;
}

#footer a:hover
{
	color: #CB0101;
}

#footer a:active
{
	color: #333333;
}

#footer a.white, #footer a.white:active, #footer a.white:visited /* temp fix to remove BA from footer */ 
{
	color: #BFBFBF;
	padding: 0;
}