/* Snackwise 2007 ============================================================================= */

body {
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	background-color:#aaa;
	color:#000;
}

h1, h2, h3, h4, h5 {
	font-family:"Trebuchet MS", Arial, Helvetica;
}

table, tr, td, form input {
	font-size:9px;
}

form input { /* default styles for form fields */
	background-color:#eee;
	border:1px solid #eee;
}

li, dt, dd {
	font-size:11px;
	color:#444;
}


/* containers --------------------------------------------------------------------------------- */

#container { /* overall page container */
	margin:0 auto;
	padding:0;
	width:995px;
	background-color:#fff;
}

#nav {
	margin:0 0 0 5px;
	padding:0;
	background-color:#fff;
}

#secondarynav { /* right-side secondary navigation */
	margin:0;
	padding:0;
	width:264px;
}

.content { /* main body content container */
	clear:both;
	margin:0 5px 0 5px;
	padding:5px 0 10px 0;
}

.skip { /* skips intro */
	clear:both;
	margin:0;
	padding:2px 10px;
	background-color:#aaa;
}

#home { /* homepage content container */
	margin:0 0 0 211px;
	padding:0;
	_height:1%;

}

#sidecol { /* left side column */
	width:151px;
	margin:5px 0 0 0;
	padding:0;
	position:relative;
	float:left;
}

#inner {
	margin:0 0 0 160px;
	_margin:15px 0 0 160px;
	padding:0 40px 10px 40px;
	_height:1%;

}

#footer {
	clear:both;
	padding:10px 0 0 0;
	margin:10px 0 0 10px;
	height:96px;
	line-height:121px;
	color:#5a5a5a;
}

/* homepage ----------------------------------------------------------------------------------- */

#rightcol { /* homepage right column container */
	float:right;
	width:382px;
	margin-left:20px;
}

.calc { /* snackwise calculator */
	background-color:#f7f7f7;
	padding:20px 0;
	_padding:20px;
	margin:0 0 5px 0;
	border:1px dashed #ddd;
}

.list { /* top ten healthy snacks list */
	background-color:#f7f7f7;
	padding:20px 0;
	_padding:20px 5px 20px 20px;
	margin:0 0 5px 0;
}

.calc form {
	margin:0 auto;
	width:300px;
}

.calc form label {
	color:#676767;
}

.list h2 { /* list heading */
	color:#858585;
	font-size:medium;
	_font-size:15px;
	letter-spacing:-.01em;
	margin:5px 0;
	padding:0 40px;
}

.list ol {
	margin:3px 0;
}

.list ol li {
	font-size:11px;
	color:#676767;
	margin:0 0 0 30px;
}

.calc p, .list p {
	padding:0 40px;
}

.calc a:link, .calc a:visited, .list p a:link, .list p a:visited {
	color:#10396d;
	text-decoration:underline;
}

.calc:hover { /* calculator hover state */
	border:1px dashed #a6a6a6;
}

.calc:hover form label {
	color:#333;
}

.calc:hover form input {
	border:1px solid #ddd;
}

.calc form input.noline { /* removes line from submit button */
	border:none;
}

.calc:hover h4, .list:hover h2 {
	color:#c03;
}

.list:hover li {
	color:#333;
}

.list:hover a:link {
	color:#093165;
}

.skip a:link, .skip a:visited {
	color:#555;
	text-decoration:none;
}

.skip a:hover {
	color:#333;
	text-decoration:underline;
}

/* navigation --------------------------------------------------------------------------------- */

#nav dl, #nav dt {
	margin:0;
	padding:0;
}


#nav dt a:link, #nav dt a:visited {
	display:block;
	float:left;
	width:119px;
	overflow:hidden;
	padding:0;
	margin:0 5px 0 0;
}

#nav dt a:hover, #nav dt a.current {
	display:block;
	text-indent:-119px;
}


a.sign_in:link {
	color:#5a5a5a;
	text-decoration:none;
	font-size:11px;
}
a.sign_in:visited {
	color:#5a5a5a;
	text-decoration:none;
	font-size:11px;
}

a.sign_in:hover {
	text-decoration:underline;
	font-size:11px;
}
	
/* text --------------------------------------------------------------------------------------- */

p {
	line-height:150%;
	font-size:11px;
}

#home h1 {
	margin:0;
	padding:0;
}

#home h3 {
	color:#00a94f;
	text-transform:uppercase;
	font-weight:normal;
	font-size:14px;
	margin:20px 0 0 0;
}

#home h5 { /* snackwise tagline */
	margin:3px 0 0 0;
	padding:0;
	color:#00a94f;
	font-size:11px;
	font-weight:normal;
}

#inner h1 {
	color:#c03;
	text-transform:uppercase;
	font-size:16px;
	letter-spacing:.03em;
}

#inner h2 {
	margin:20px 0 0 0;
	font-size:14px;
	color:#00a94f;
}

#inner h3 {
	margin:20px 0 0 0;
	font-size:12px;
}

#inner h3.faq {
}

#inner p {
	margin:0 0 15px 0;
}


#inner p#vending {
	text-align:center;
	margin:0 0 0 400px;
	width:240px;
	font-size:xx-small;
}

#inner table, #inner tr, #inner td {
	font-size:11px;
}

#inner .hover {
	border:1px dotted #ddd;
}

#inner .hover:hover {
	border:1px dotted #888;
}

#sidecol dl { /* side column list */
	margin:0;
	padding:0;
}

#sidecol dt {
	margin:3px 0;
	padding:0;
	list-style-type:none;
	font-size:10px;
	font-weight:bold;
	width:151px;
}

#sidecol dt:hover {
	text-decoration:none;
	background-image:url(../images/sidecol_arrow.gif);
	background-repeat:no-repeat;
	background-position:right center;
}

#news dt {
	margin:15px 0 0 0;
	font-weight:bold;
}

#news dd {
	margin:5px 0;
}

.calc h4 {
	letter-spacing:.3em;
	font-weight:bold;
	font-size:10px;
	text-transform:uppercase;
	text-align:left;
	color:#5a5a5a;
	margin:0 3em 0 0;
	_padding:0 0 0 20px;
	float:right;
}

#footer h4 {
	letter-spacing:.3em;
	font-weight:bold;
	font-size:10px;
	text-transform:uppercase;
	text-align:left;
	color:#5a5a5a;
	margin:0 7em 0 0;
	float:right;
}

#footer .btmnav {
	float:right;
	margin:0 30px 0 0;
	text-transform:uppercase;
	font-size:9px;
	letter-spacing:.03em;
}

#inner .green {
	color:#00a94f;
}

#inner .yellow {
	color:#fc3;
}

#inner .red {
	color:#c03;
}


/* links -------------------------------------------------------------------------------------- */

#sidecol dl dt a:link, #sidecol dl dt a:visited {
	color:#333;
	text-decoration:none;
	display:block;
	padding:5px 10px;
	margin:0;
	width:121px;
	border-top:1px dashed #333;
}

#sidecol dl dt a:hover, #sidecol dl dt a.redside:hover {
	color:#fff;
	background-color:#c03;
}

#sidecol dl dt a.redside {
	color:#c03;
	text-transform:uppercase;
}

.content a:link {
	color:#c03;
	text-decoration:underline;
}

.content a:visited {
	color:#999;
	text-decoration:underline;
}

.content a:hover {
	color:#00a94f;
	text-decoration:none;
}

#footer .btmnav a:link, #footer .btmnav a:visited {
	color:#5a5a5a;
	text-decoration:none;
}

#footer .red, #footer .red a:link, #footer .red a:visited {
	color:#c03;
}

#footer .btmnav a:hover {
	text-decoration:underline;
}