/* CSS for three column layout with absolutely positioned side columns and header */
/* from the book Stylin' by Charles Wyke-Smith publsihed by New Riders */

body {margin:9px 0 0 0; padding:0; font: 1.0em Verdana, Arial, Helvetica, sans-serif; background-color:#FFFFFF; background-image: url(imgs/backimage.gif); color:#333333}
.container {margin-left:auto; margin-right:auto; background-color:#FFFFFF; color:#333333; }
.up { text-transform:uppercase;}
.header {padding: 0 0 5px 0; background-color:#FFF; border-bottom: 2px #7FBF1F solid;}
.morelink a {text-decoration:underline; color:#D1720C; font-style:italic;}
.morelink a:hover {color: #F93; text-decoration:none; font-style:italic;}
.author {font-size:.8em; font-style:italic;}
div#rightcolumn {width:226px; margin:32px 0;}
 /*styles for header - text-align centers graphic */
div#layer1 {position:relative; top:0; left:0; z-index:1; width:133px; padding:0; margin:0 0 20px 0;}
div#nav {width:130px; padding:0; margin:22px 0 15px 0;}
div#nav ul {border:0; margin:12px 1.25em 12px 1.25em; padding:0; list-style-type:none; font-weight:bold; font-size:.75em;}
div#nav li {border-bottom:2px dotted #F93; margin:0; padding:.3em 0; text-indent:.5em}
div#nav li:first-child {border-top:2px dotted #F93;}
div#nav a {text-decoration:none; color:#D1720C;}
div#nav a:hover {color: #F93;}
/* a hack for IE Win only \*/	
* html div#layer1 ul {border-top:2px dotted #F93;}
/*end of hack */
div#leftcolumn { padding:1em 0; border-top:2px solid #47217B; border-bottom:2px solid #47217B; font-size:.7em;}
div#leftcolumn td {font-weight:bold; color:#FFFFFF; line-height:1.2em; padding-right:.5em; padding-top:.25em; padding-bottom:.25em;}
div#leftcolumn p {line-height:1.2em;}
div#leftcolumn img {border:none;}
div#leftcolumn div#newslinks ul {list-style-type:none; padding-left: 5px; margin:0 6px 0 0;}
div#leftcolumn div#newslinks li {margin-top:0; margin-bottom:.5em;}
div#leftcolumn h3 {text-align:center; font-size:1.2em; color:#D1720C; margin-bottom:5px;border-top: 2px dotted #F93;}
div#leftcolumn a {text-decoration:none; color:#D1720C; text-decoration:underline}
div#leftcolumn a:hover {color: #F93; text-decoration: none;}
div#leftcolumn ul {list-style-type:none; padding-left: 3px; margin:0 6px 0 0;}
div#leftcolumn li {margin-top:0; margin-bottom:.5em;}
div#leftcolumn li.morelink {font-style:italic;}
div#content {margin:0 20px 20px 20px; padding: 0; font-size:.8em;}
div#content div#mainimage {float:left; margin:0 1.2em .8em 0;}
div#content div#mainimage img {border: 1px solid #D1720C;}
div#content div#mainimage p {font-size:.75em; margin:0.5em; color:#D1720C;} 
div#content div#imageright {float:right; margin: 0 0 .8em 1.2em}
div#content div#imageright img {border: 1px solid #D1720C;}
div#content div#imageright p {font-size:.75em; margin:0.5em; color:#D1720C;} 
div#content h1 {color:#47217B; font-size:2.2em; margin-top:1em;text-align:center;}
div#content h2 {color:#D1720C; font-size:1.6em; margin-top:1em; margin-top:1em; margin-bottom:0.5em;}
div#content h3 {color:#7FBF1F; font-size:1.1em; margin-top:0.8em; margin-bottom:0.5em; border-bottom:1px solid #7FBF1F; border-top:1px solid #7FBF1F; padding-top: 2px; padding-bottom: 2px;}
div#content h4 { color:#47217B; font-size:1em; margin-top:0.8em; margin-bottom:0.5em; border-top:1px dotted #47217B; border-bottom:1px dotted #47217B; padding-top: 2px; padding-bottom: 2px;}
div#content h5 {font-size:1em; margin-top:0.6em; margin-bottom:0.2em;}
div#content p {margin-top:0; margin-bottom:.8em; line-height:1.2em;}
div#content li {margin-bottom:1em;}
div#content blockquote {width: 32%; float:right; font-size:.85em; border-top: 3px dotted #D1720C; border-bottom:2px dotted #F93; margin: 4px 0 4px 5px; padding: 6px 10px;}
div#content blockquote p {font-style:italic;}
div#content a {text-decoration:underline; color:#D1720C;}
div#content a:hover {color: #F93; text-decoration:none;}
div#content a.morelink {font-style:italic;}
div#content a.top, a.top:hover { text-decoration:none; }
div#content a.toph3, a.toph3:hover { text-decoration:none; color:#7FBF1F;}
div#content a.toph4, a.toph4:hover { text-decoration:none; color:#47217B; }
div#rightcolumn {width:226px; margin:32px 0 10px 0; padding:1em 0; 
border-top:2px solid #47217B; border-bottom:2px solid #47217B; font-size:.7em;}
div#rightcolumn p {line-height:1.2em;}
div#rightcolumn img {border:none;}
div#rightcolumn div#newslinks ul {list-style-type:none; padding-left: 10px; margin:0 6px 0 0;}
div#rightcolumn div#newslinks li {margin-top:0; margin-bottom:.5em;}
div#rightcolumn h3 {text-align:center; font-size:1.1em; color:#D1720C; margin-bottom:5px; padding-top:3px; border-top: 2px dotted #F93;}
div#rightcolumn a {text-decoration:none; color:#D1720C; text-decoration:underline}
div#rightcolumn a:hover {color: #F93; text-decoration: none;}
div#rightcolumn li.morelink {font-style:italic;}

/*footer styles*/
div#footer {width:100%;  /* makes the div fill its container - usually body */
 			padding:3px 0 4px; /* pushes the links away from top and bottom of the div */
			font-size:.7em;  /* sets the font size of all links */
			text-align:center; /* centers the ul elements in the div */
			background-color:#FFF; /* sets the background color of the div */
			border-top:1px solid #7FBF1F; border-bottom:2px solid #7FBF1F;}
 div#footer ul {margin:1px 0;} /* vertical spacing between the lists */
 div#footer li {display:inline; /* the key CSS - makes the lists display horizontally */
				/* color:white; sets the color of the vertical lines */
				/*border-left:1px solid; creates the vertical line to the left of each list items */
						color:#D1720C; /* sets the color of the vertical lines  - links colored below */
						padding:0 5px 0 9px; /* horiz space between links and vert lines - needed diff l & r values to center */
						}
/*div#footer li:first-child {border-left:0;} removes the left border of the first list item - IDWIMIE */
 div#footer ul li a {text-decoration:none; /* removes the underlining off the links */
 							 color:#D1720C; /* the color of the links */
							 }
 div#footer ul li a:hover {text-decoration:none; color:#F93} /* underlines the links when hovered */
 div#footer ul.fineprint li {color:#D1720C;} /* color for copyright and vert dividers on last row */
 div#footer ul.fineprint li a {color:#D1720C; text-decoration:none;} /* had to explicitly color these or they inherit white from div#footer li */
 div#footer ul.fineprint li a:hover {color:#D1720C; text-decoration:none;} /* turns bottom row white when hovered */
  
 /* Classes */
.imageleft {float:left; margin:0 1.2em .8em 0;}
.imageleft img {border: 1px solid #D1720C;}
.imageleft p {font-size:.75em; margin:0.5em; color:#D1720C;} 
.imageright {float:right; margin: 0 0 .8em 1.2em}
.imageright img {border: 1px solid #D1720C;}
.imageright p {font-size:.75em; margin:0.5em; color:#D1720C;} 

.author {font-size:90%; font-style:italic; line-height:1.1em;}
.ing td {vertical-align:top; padding: 0 0 0 12px; margin:1px;}
 /* smaller text, for sitemap and others */
.smalltxt {margin:0; padding: 0;}
.smalltxt p {font-size:.8em;}
.smalltxt img {border:none;}
.smalltxt div#newslinks ul {list-style-type:none; padding-left: 10px; margin:0 6px 0 0;}
.smalltxt div#newslinks li {margin-top:0; margin-bottom:.5em;}
.smalltxt h3 {text-align:center; font-size:.8em; color:#333; margin-bottom:0px; padding-top:3px; border-top: 2px dotted #666;}
.smalltxt li.morelink {font-style:italic;}

/* sitemap styles */
ul.sitemap {list-style-type:none;margin-left: 0;padding-left:0;}
ul.sitemap li {padding-left:0; font-size:.9em; line-height:1em;}
ul.sitemap li a {text-decoration:none; padding-left:0; color:#D1720C; }
ul.sitemap li a:hover{text-decoration:none; padding-left:0; color:#FF3399;}
ul.sitemap li a.parent {padding-left:0;}
ul.sitemap li ul {list-style-type:none; margin:-.5em 0 -1em 0;padding:1.2em 0 0 0.3em;}
ul.sitemap li ul li	{margin-left:.3em; padding-left:.3em; font-size:.8em;}

td.iq { vertical-align:top; text-align:right; padding-left:1em; padding-right:.75em; padding-bottom:2px;}
td.iu { vertical-align:top; padding-right:1em; padding-bottom: 2px; }
td.id { vertical-align:top; padding-bottom:2px; padding-right:1em; }

.nutrition_heading { border-right: #666666 0px solid; border-top: #666666 0px solid; font-weight: bold;
	font-Style: normal;	font-size: 12px; border-left: #666666 0px solid; border-bottom: #7FBF1F 1px solid;
	font-family: Verdana, Arial, Helvetica, sans-serif; color: #7FBF1F; padding-top: 0px;
	text-transform: uppercase; letter-spacing: 0.2em; line-height: 1.8em; }
.rstrong {font-size:1.3em; font-weight:bold;}
.teaser { background-color:#47217B; color:#FFFFFF; font-size:1.1em; font-weight:bold;padding:.5em; text-align:right;}
.nutrition_notes {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #33333; FONT-WEIGHT: normal; FONT-Style: normal; PADDING-BOTTOM: 0px; PADDING-TOP: 4px;}
.nutrition_fact_bold {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; border: solid; border-width: 1px 0px 0px; border-color: #666666;}
.nutrition_fact {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; border: #666666; border-style: solid; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-left: 8px;}
.nutrition_fact_end {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; border: #666666; border-style: solid; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; padding-left: 8px;}
.nutrition_facts_top { BORDER-RIGHT: #ff0000 0px solid; BORDER-TOP: #ff0000 0px solid; FONT-WEIGHT: bolder; font-size: 7pt; BORDER-LEFT: #ff0000 0px solid; BORDER-BOTTOM: #ff0000 1px solid; font-family: Verdana, Arial, Helvetica, sans-serif; border-color: #666666; border-top-width: 8px; border-bottom-width: 0px;}
.nutrition_facts_middle { BORDER-RIGHT: #ff0000 0px solid; BORDER-TOP: #ff0000 0px solid; FONT-WEIGHT: bolder; font-size: 7pt; BORDER-LEFT: #ff0000 0px solid; BORDER-BOTTOM: #ff0000 1px solid; font-family: Verdana, Arial, Helvetica, sans-serif; border-color: #666666; border-top-width: 4px; border-bottom-width: 0px;}
.nutrition_fact_regular { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; border: 0px #666666 none}
.nutrition_fact_bottom { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; border: solid; border-width: 1px 0px 8px ; border-color: #666666;}
.nutrition_mineral { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; border: solid; border-width: 0px 0px 1px; border-color: #666666;}
.nutrition_mineral_bold { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; border: solid; border-width: 0px 0px 1px; border-color: #666666;}
.nutrition_fact_bold_link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; border: solid; border-width: 1px 0px 0px; border-color: #666666; text-decoration: none;}
.nutrition_mineral_link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; border: solid; border-width: 0px 0px 1px; border-color: #666666; text-decoration: none;}
.no_decoration {  text-decoration: none;}

/* list styles */
ul.number-orange, ul.check-orange, ul.arrow-orange, ul.plus-orange, ul.triangle-orange, ul.check-green, ul.arrow-green, ul.plus-green, ul.circles, ul.people, ul.star 
{ padding-left: 10px; margin-left: 0;}

ul.number-orange li, ul.check-orange li, ul.arrow-orange li, ul.plus-orange li, ul.triangle-orange li, ul.check-green li, ul.arrow-green li, ul.plus-green li, ul.circles li, ul.people li, ul.star li 
 { list-style: none; margin-left: 0; padding-bottom: 3px; margin-bottom: 10px; padding-left: 24px; }

ul.number-orange li.number-1 { background: url(../image-files/number-1-orange.png) 0 0 no-repeat; }
ul.number-orange li.number-2 { background: url(../image-files/number-2-orange.png) 0 0 no-repeat; }
ul.number-orange li.number-3 { background: url(../image-files/number-3-orange.png) 0 0 no-repeat; }
ul.number-orange li.number-4 { background: url(../image-files/number-4-orange.png) 0 0 no-repeat; }
ul.number-orange li.number-5 { background: url(../image-files/number-5-orange.png) 0 0 no-repeat; }
ul.number-orange li.number-6 { background: url(../image-files/number-6-orange.png) 0 0 no-repeat; }
ul.number-orange li.number-7 { background: url(../image-files/number-7-orange.png) 0 0 no-repeat; }
ul.number-orange li.number-8 { background: url(../image-files/number-8-orange.png) 0 0 no-repeat; }
ul.number-orange li.number-9 { background: url(../image-files/number-9-orange.png) 0 0 no-repeat; }
ul.check-orange li { background: url(../image-files/check-orange.png) 4px 2px no-repeat; }
ul.arrow-orange li { background: url(../image-files/arrow-orange.png) 2px 2px no-repeat; }
ul.plus-orange li { background: url(../images-files/plus-orange.png) 4px 2px no-repeat; }
ul.triangle-orange li { background: url(../image-files/triangle-orange.png) 6px 4px no-repeat; }

ul.check-green li { background: url(../image-files/check-green.png) 4px 2px no-repeat; }
ul.arrow-green li { background: url(../image-files/arrow-green.png) 2px 2px no-repeat; }
ul.plus-green li { background: url(../images-files/plus-green.png) 4px 2px no-repeat; }

ul.circles li { background: url(../image-files/circles.png) 2px 2px no-repeat; }
ul.people li { background: url(../image-files/people.png) 2px 2px no-repeat; }
ul.star li { background: url(../image-files/star.png) 2px 2px no-repeat; }

.advert2 { border: 1px solid #47217B; padding: 9px; margin: 15px 0; }
span.advert2_title { display: block; float: left; margin-top: -21px; color:#47217B;
	background: #fff; padding: 0 8px; font-weight: bold; font-size: 120%; }

.advert3 { border: 1px solid #7FBF1F; padding: 9px; margin: 15px 0; }
span.advert3_title { display: block; float: left; margin-top: -21px; color:#7FBF1F;
	background: #fff; padding: 0 8px; font-weight: bold; font-size: 120%; }
.advert3 div.ad_limitum { text-align:right; margin:0; padding:0; font-size:90%; font-weight:bold; line-height:90%; }
.advert3 div.ad_img { text-align:center; margin: .75em 0 .4em 0;}