/* CSS Document */

* { /* removes defaults from all elements */
	margin: 0;
	padding: 0;
	font-family: Verdana, 'Arial', Helvetica, sans-serif;
	font-size:10px;
	}
sup{font-size:8px;}
p{padding-bottom:10px; width:530px;}
.clear {clear:both;height:1px;overflow:hidden;margin-top:-2px;font-size:1px;}
a{color:#d62012;}

p.quote{font-style:italic;margin: 0 auto; width:480px;}
h2{padding-bottom:5px;}
	
/* inline images
==============================================================================*/
img {
	border: 0; /* removes border in case images get anchors around them */
	}
	
	
/* setting up the top nav
==============================================================================*/
#navcontainer{
	position: relative;
	margin: 0 auto;
	margin-top:5px;
	width: 789px;
	height: 106px;
	_min-height: 106px;
	background: #fff url(med/top_bg.gif) no-repeat;
	}

#navcontainer .wrapper{margin: 0 auto; width:474px; }
	
	
#navcontainer h1 {
	position: relative;
	height: 87px;
	display: block;
	}
	
/* nav */
#nav {
	height: 17px;
	list-style: none;
	}
#nav li {
	float: left;
	height: 17px;
	overflow: hidden; /* if text-resize, this'll keep the nav the same size */
	}
#nav li a {
	display: block;
	line-height: 17px;
	text-indent: -5000px;
	overflow: hidden;
	background-position: center top; /* horizontally centers the background image */
	}
	#navHome {
		width: 68px;
		background: url(med/nav1_off.gif) no-repeat;
		}
	#navwholegrain {
		width: 156px;
		background: url(med/nav2_off.gif) no-repeat;
		}
	#navabout {
		width: 130px;
		background: url(med/nav3_off.gif) no-repeat;
		}
	#navfaq {
		width: 120px;
		background: url(med/nav4_off.gif) no-repeat;
		}
		
#nav li a:hover {
	background-position: 50% -17px;
	}

#home #navHome,
#wholegrain #navwholegrain,
#about #navabout,
#faq #navfaq
 {
	background-position: 50% -17px;
	}
	
	
/* setting content area
==============================================================================*/
#contentcontainer{
	position: relative;
	margin: 0 auto;
	width: 789px;
	background: #fff url(med/content_bg.gif) top left repeat-y;
	}
	
	
#home #content_box{
	padding-top:4px;
	position: relative;
	margin: 0 auto;
	width: 766px;
		}
	
#home .box{ display:inline; float:left; }
#home .left{padding-right:5px;}
#home .right{padding-left:5px;}




	
#wholegrain #content_box, #about #content_box, #faq #content_box, #privacy #content_box{
	position: relative;
	margin: 0 auto;
	width: 766px;
	background: #fff url(med/content_bg2.gif) top left repeat-y;
	}

#content_box ul{width:400px; padding-left:40px;}

#contentcontainer .content_top, #contentcontainer .content_bttm{
	position: relative;
	margin: 0 auto;
	width: 766px;
	}
	
#content_box .wrapper{display:inline; float:left; width:564px;}
#content_box .wrapper .subwrapper{
	position: relative;
	margin: 0 auto;
	width:536px;}

#content_box .wrapper2{
	display:inline;
	float:left; width:198px;
	margin-left:4px;
	}
	
.top{
	text-align:right;
	position: relative;
	margin: 15px auto;
	width:520px;}

/* about page specific content */
 #content_box .subwrapper .q_box_top,  #content_box .subwrapper .q_box_bttm {
	position: relative;
	margin: 0 auto;
	width:515px;}
	
 #content_box .subwrapper .q_box {
	position: relative;
	margin: 0 auto;
	background:url(med/about_box_mdl_bg.gif) top left repeat-y;
	width:515px;}
	
 #content_box .subwrapper .q_box .copy {
	position: relative;
	margin: 0 auto;
	width:500px;}
 #content_box .subwrapper .q_box .copy a{font-weight:bold;}

 #content_box .subwrapper .q_box .copy p{width:480px; padding-left:10px;}

	
td.tableContent {
	padding:4px;
	background-color: #fef5c0;

}

td.tableHead {
	font-weight: bold;
	color: #d62012;
	background-color: #FFE01B;
	padding:4px;
}


/* faq page specific content */
#faq ul#faqs{padding:0 0 10px 0px; margin:0;}
#faq ul#faqs li{line-height:15px; list-style-type:none; margin:0; padding:0;}
#faq ul#faqs li a{text-decoration:underline; font-weight:bold;}

/* logo and line seperator */

#faq .bttm_box, #wholegrain .bttm_box, #about .bttm_box{
	position: relative;
	margin: 0 auto;
	width: 789px;
	height:71px;
	min-height:71px;
	background: transparent url(med/bttm_yellow.gif) bottom left no-repeat;}

#home .bttm_box{
	position: relative;
	margin: 0 auto;
	width: 789px;	background: transparent url(med/bttm_yellow.gif) bottom left no-repeat;}

.bttm_box .logo{position: relative;
	margin: 0 auto;
	width: 766px;}
	
/* to add spacing after the gmills logo */
#home .bttm_box h1 {
	position: relative;
	height: 60px;
	display: block;
	}
	
/* footer */
#footer{
	padding-bottom:10px;
	position: relative;
	margin: 0 auto;
	margin-top:10px;
	width: 789px;
	background: #fff;
	}
#footer .copy{
	
	position: relative;
	margin: 0 auto;
	width: 690px;
	background: #fff;
	color:#666666;
	font-size:6.5pt;
	}
#footer a{color:#999999; font-size:9px;}
	
#footer .footernav{
	padding-top:10px;
	position: relative;
	margin: 0 auto;
	width: 690px;
	background: #fff;
	color:#cccccc;
	font-size:10px;
	}