body{background-color: #CCCCCC; font-family: Arial, Helvetica, Sans-serif; font-size: 12px;}
input, select, textarea{font-family: Arial, Verdana, Helvetica, Sans-serif; font-size: 11px;}
a {color: #000066;}
td{font-family: Arial, Helvetica, Sans-serif; font-size: 12px;}
#main {width: 770px; background-color: #FFFFFF; border-top: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000;}
#main #left {width: 170px; background-color: #F6E7D1; text-align: center;}
#main #left select {width: 130px;font-family: Arial, Helvetica, Sans-serif; font-size: 11px;}
#main #left .bar{width: 150px; margin-bottom: 8px; margin-top: 5px;}
#main #left #nav {padding-right: 10px; text-align: right; font-family: Arial, Helvetica, Sans-serif; font-size: 12px; font-weight: bold; text-transform: uppercase;}
#main #left #nav a {text-decoration: none; margin-bottom: 4px; display: block; color: #796824;}
#main #left #nav a:hover {text-decoration: underline;}
#main #left #nav a span.nav{color: #796824}
#main #left #nav a span.navon{background-image: url('images/arrow.gif'); background-repeat: no-repeat; padding-left: 10px;}
#main #left #nav a .sub{color: #B7A05F; font-size: 11px;}
#main #left #nav a .subon{color: #DFB614; font-size: 11px;}
#main #right {width: 600px;}
#main #right .bar {width: 580px; margin-left: 10px; margin-bottom: 10px; margin-top: 10px; display: block;}
#main #right #news{height: 30px; background-image: url('images/midbg.gif'); background-repeat: repeat-x; margin-left: 1px;}
#main #right #news img{margin: 8px;}
#content {padding-left: 10px; padding-right: 20px; text-align: left; padding-bottom: 10px;}
#main #right h1 {background-image: url('images/header_gf.gif'); background-repeat: no-repeat; margin: 0px; margin-left: 10px;
	padding-top: 20px; color: #977D17; font-weight: bold; Font-variant: small-caps; font-size: 28px;}
#footer {width: 768px; border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000;}
.logo {float: left; width: 108px; margin-left: 3px; margin-right: 3px; margin-bottom: 15px;}
.logo img {border: 1px solid #977D17;}
div.year {background-image: url('images/year_bg.gif'); padding-bottom: 5px; color: #333399; background-repeat: no-repeat; font-weight: bold; font-size: 13px;}
.box {border: 1px solid #977D17; padding: 5px; width: 220px;}
p.advisor
{
	margin: 0px 0px 2px 2px;
}
div#advisor-main
{
	background-color: #FFFFFF;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	border: 1px solid black;
}
table#advisor-main {background-color: #F6E7D1}
div#advisor-main .footer {padding: 5px; text-align: center; font-size: 11px;}
td.advisor-content {padding: 10px;
	border-left: 1px solid #977D17;
	border-right: 1px solid #977D17;
	border-bottom: 1px solid #977D17;}

td.advisor-left
{
	border-left: 1px solid #977D17;
	border-top: 1px solid #977D17;
	border-bottom: 1px solid #977D17;
	padding: 3px;
}
td.advisor-right
{
	border-right: 1px solid #977D17;
	border-top: 1px solid #977D17;
	border-bottom: 1px solid #977D17;
	padding: 3px;
}

div.divider {border-bottom: 1px solid #dfd2bc; padding-top: 5px; margin-bottom: 10px; margin-left: 10px;}

#main #right #member-rightcol {color: #a58f2b;width: 200px; text-align: center; padding-top: 15px;}
#main #right .home {background-color: #e0d9b7; padding-bottom: 215px; background-image: url(members/images/right_bg.jpg);
	background-position: bottom; background-repeat: no-repeat;/*min-height: 230px; height:auto !important; height: 230px;*/ }
#main #right #member-content {color: #a58f2b; padding: 15px;}
#main #right h2 {color: #a58f2b; margin: 0px; margin-bottom: 10px; font-size: 16px; text-transform: uppercase;}
#main #right h3 {background-image: url(members/images/bullet.gif); background-repeat: no-repeat; background-position: left center;
	 margin: 0px; margin-bottom: 5px; font-size: 13px; color: #eb7121; padding-left: 13px;}

ul {margin-left: 20px; padding-left: 0px;}
li {margin-bottom: 10px;}

form#login {margin-top: 0px; margin-bottom: 5px; padding: 0px; margin-right: 10px; text-align: right;}
form#login h5 {color: #dd5636; margin-bottom: 5px; font-size: 12px; margin-top: 0px; padding: 0px;}
form#login a {color: #dd5636; margin-bottom: 5px; font-size: 12px; margin-top: 5px; display: block; font-weight: bold; text-decoration: none;}
form#login input {width: 120px; height: 18px;}\

/* ************************************************************************** */

img, a, a img { border: 0; }

.clear { clear: both; height: 1px; }

.clear:after
{
	content: "."; 
	display: block; 
	height: 0;
	clear: both; 
	visibility: hidden;
}
.clear { display: inline-block; }
/* Hides from IE-mac \*/
* html .clear { height: 1%; }
.clear { display: block; }
/* End hide from IE-mac */

#hero
{
	position: relative;
	width: 599px;
	height: 279px;
	padding: 0;
	background: #fff url(images/hero/hero-bap.jpg) top left no-repeat;
}
#main #right #hero h1, #main #right #hero h2 { display: none; }
#heroContent { position: absolute; }
#heroContent p a
{
	display: block;
	width: 599px;
	height: 269px;
	text-indent: -7000px;
}

#main #right #news
{
	height: 20px;
	margin: 1px 0 0 0;
	padding: 7px 10px 0 10px;
}

#tiles, #footerTiles
{
	position: relative;
	margin: 3px 3px 3px 3px;
}
#tiles { height: 130px; }
#footerTiles { height: 91px; }
#tileA, #tileB, #tileC { position: absolute; }
#tileA { left: 0; }
#tileB { left: 197px; }
#tileC { left: 399px; }

/* *** calc ***************************************************************** */

#calculator
{
	width: 476px;
	border: 1px solid #dfb746;
	padding: 2px;
}
#calculatorInner { padding: 15px; }
#calculator p.steps
{
	margin-top: 3px;
	color: #a58f2b;
	font-size: 90%;
	font-weight: bold;
	text-transform: uppercase;
}
#calculator #stepThree { margin-top: 25px; }
#calculator #stepThree img { margin-top: -6px; vertical-align: top; }
#main #right #calculator h3
{
	height: 25px;
	margin: 0;
	background: transparent url(images/brown-bag/calc_bar.gif) top left no-repeat;
	text-indent: -7000px;
}
#calculator .left { float: left; }
#calculator .right { float: left; }
#calculator #daysBox
{
	float: left;
	padding-bottom: 5px;
	border-bottom: 1px dotted #dfb746;
}
#calculator #daysBox label
{
	display: block;
	margin-right: 15px;
}
#calculator select#days { float: left; width: 100px; }
#calculator #brownBag { width: 210px; margin-right: 15px; border-right: 1px dotted #dfb746; }
#calculator #brownBag h4, #calculator #takeOut h4
{
	height: 44px;
	margin: 0 0 10px 0;
	text-indent: -7000px;
}
#calculator #brownBag h4 { background: transparent url(images/brown-bag/brownbag.gif) top left no-repeat; }
#calculator #takeOut h4 { background: transparent url(images/brown-bag/takeout.gif) top left no-repeat; }
#calculator #takeOut { width: 210px; }
#calculator .lunchItems { margin-left: 15px; }
#calculator .lunchItem
{
	clear: both;
	height: 50px;
	font-size: 90%;
}
#calculator .lunchItem input
{
	float: left;
	width: 20px;
}
#calculator .lunchItem label
{
	float: left;
	display: block;
	width: 150px;
}

#calculator #results
{
	margin: 0;
	border: 1px solid #dfb746;
	padding: 0;
	background-color: #f5e8b4;
	color: #a58f2b;
}
#calculator #resultsInner { position: relative; padding: 10px 10px 20px 10px; font-weight: bold; }
#resultsLabel { width: 160px; }
#cashResult, #andResult, #caloriesResult
{
	position: absolute;
	top: 10px;
	text-align: center;
	line-height: 140%;
}
#cashResult { left: 200px; }
#andResult { top: 15px; left: 295px; }
#caloriesResult { left: 340px; }
#cashSaved, #caloriesSaved
{
	width: 65px;
	height: 24px;
	border: 1px solid #dfb746;
	padding: 4px;
	font-size: 110%;
}
#calculator #results #pyramid
{
	margin: 0;
	padding: 5px 15px;
	background-color: #dfb746;
	color: #000;
	font-size: 90%;
}
#calculator #results #pyramid a { color: #00c }
#calculator #disclaimer { margin: 10px 0 0 10px; color: #666; font-size: 80%; }