/* CSS Document */

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

	Site:		MSM Guide.com

	Author:		eROI		[www.eroi.com]  

	Client:		Bergstrom Nutrition		[http://]

	Listing Order:
	==============

	1 - Structure/Layout
	2 - Main Content
	3 - Right side
	4 - Left side
	

************************************************************************/
/***********************************************************************
	1 - STRUCTURE/LAYOUT STYLES
************************************************************************/
div.homeTopBar {
	background:url(/_assets/images/bg_purpleTopBar.gif) repeat-x;
	height:11px;
	}

div#leftColumn div#navSec {
	border-top:1px solid #ddd;
	background-color:#eee;
	}

div#rightColumn {
	float:left;
	width:624px;
	margin:8px 0 0 0;
	min-height:900px;
	height: auto !important;
	height: 900px;
	background:url(/_assets/images/bg_rightColumn.gif) top left repeat-y;
	}

div#contentColumn {
	float:left;
	width:404px;
	padding-left:25px;
	}
	
div#contentColumn h2 {
	font-size:15px;
	}

div#contentColumn p {
	padding:5px 8px 8px 20px;
	}
		
div#contentColumn p.gradientBg {
	background:url(/_assets/images/bg_articleGradient.gif) top left no-repeat;
	padding:5px 0 5px 12px;
	}

/***********************************************************************
	2 - MAIN CONTENT
************************************************************************/	

div.headline {
	margin:30px 0 10px 0px;
	}
	
div.headline h1 {
	font-size:20px;
	color:#993300;
	}
	
/********** BLOCKQUOTE **********/
blockquote {
	margin:15px 13px 10px 21px;
	border: 1px dotted #999;
	padding:10px 15px 10px 15px;
	}

div#topCap {
	background:url(/_assets/images/bg_topCap.gif) no-repeat;
	width:580px;
	height:10px;
	}
	
/******** DOTTED LINE **********/
div.dottedLine {
	background:url(/_assets/images/bg_dottedLines.gif) top left no-repeat;
	width:394px;
	height:54px;
	}

/***********************************************************************
	3 - RIGHT SIDE
************************************************************************/

/******** FAQ COLUMN **********/
div#faqColumn {
	float:left;
	width:193px;
	margin-top:10px;
	}
	
div#faqTopCap {
	background:url(/_assets/images/bg_faqTopCap.gif) top right no-repeat;
	width:195px;
	height:123px;
	}
	
div#faqMiddle {
	background:url(/_assets/images/bg_faqColumn.gif) top left repeat-y;
	width:195px;
	}

div#faqMiddle h2 {
	font-size:11px;
	text-transform:uppercase;
	padding:5px 5px 5px 13px;
	}
	
div#faqMiddle ul {
	font-size:10px;
	margin:0 20px 0 30px;
	}
	
div#faqMiddle ul li {
	text-transform:uppercase;
	list-style-image:url(/_assets/images/list_bullet.gif);
	line-height:130%;
	padding:0 0 5px 0;
	}
	
div#faqMiddle p {
	padding:0 0 10px 31px;
	font-size:11px;
	}
	
div#faqBottmCap {
	background:url(/_assets/images/bg_faqBottomCap.gif) top left no-repeat;
	width:195px;
	height:4px;
	}

/***********************************************************************
	4 - LEFT SIDE
************************************************************************/	
	
/******** NEWS & MEDIA **********/

ul#newsMedia {
	padding-left:4px;
	clear: both;
	list-style-type: none;
	margin-bottom: 6px;
	}
	
h3.newsTitle {
	width:150px;
	text-transform:uppercase;
	padding:15px 0 1px 13px;
	border-bottom:1px dotted #999;
	background:url(/_assets/images/design_arrow_whitebg.gif) 0 17px no-repeat;
	}
	
ul#newsMedia li {
	padding:0px 8px 0px 0px;
	color:#888;
	margin-top: 10px;
	
	}
	
ul#newsMedia li.date {
	padding-top:10px;
	}

div#leftColumn p {
color:#666666;
font-size:9px;
padding:5px 0 0 5px;
}