/* CSS Document */

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

	Site:		MSM Guide.com

	Author:		eROI		[www.eroi.com]  

	Client:		Bergstrom Nutrition		[http://]

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

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

************************************************************************/
/***********************************************************************
	1 - STRUCTURE/LAYOUT STYLES
************************************************************************/
div.homeTopBar {
	background:url(/_assets/images/bg_yellowTopBar.gif) repeat-x;
	height:11px;
	}
	
div#container {
	width: 850px;
	margin-top:33px;
	margin-left: auto;
	margin-right:auto;
	}
	
div#logo {
	background:url(/_assets/images/logo_msm.gif) top left no-repeat;
	width:133px;
	height:19px;
	padding-bottom:8px;
	}
	
div#leftColumn div#navSec {
	border-top:1px solid #ddd;
	background-color:#eee;
	}
	
div#rightColumn {
	float:left;
	width:624px;
	margin:39px 0 0 0;
min-height:456px;
height: auto !important;
height: 456px;

	background:url(/_assets/images/bg_rightColumn.gif) top left repeat-y;
	position:relative;
	}
	
div#rightColumn h2 {
	font-size:15px;
	padding:15px 0 0 50px;
	}

div#rightColumn p {
	padding:5px 140px 8px 50px;
	}
		
div#rightColumn p.gradientBg {
	background:url(/_assets/images/bg_articleGradient.gif) 50px 0 no-repeat;
	padding:5px 140px 5px 65px;
	}
	
div#rightImage {
	background:url(/_assets/images/bg_clipImage.gif) top right no-repeat;
	position:absolute;
	top:60px;
	right:9px;
	width:132px;
	height:153px;
	}
	
/******** RIGHT SIDE IMAGE WITH PAPER CLIP **********/
div#rightImage {
	float:left;
	width:193px;
	margin-top:140px;
	}
	
div#clipImage {
	background:url(/_assets/images/bg_clipImage.gif) top right no-repeat;
	width:132px;
	height:153px;
	padding-left:54px;
	}
	

/***********************************************************************
	2 - MAIN CONTENT
************************************************************************/
.headline {
	margin:20px 0 0 25px;
	}
h1.headline { margin:0px 0px 12px 12px;}

h1.headline, .headline h1 {
	font-size:20px;
	color:#993300;
	}
	
.headline ul {
	list-style:none;
	}
	
.headline ul li {
	display:inline;
	padding-left:10px;
	}
	
.headline ul li a {
	color:#777;
	font-style:italic;
	}
	
table.data {
	margin:0 0 0 50px;
	text-align:left;

}

p.disclaimer {
	font-size:9px;
	width:430px;
}

div#rightColumn p.aboutMSMtext {
	padding: 0 170px 10px 70px;
	font-style: italic;
}
	
/********** BLOCKQUOTE **********/
blockquote {
	margin:15px 110px 10px 50px;
	border: 1px dotted #999;
	padding:25px 45px 20px 25px;
	font-weight:bold;
	}
	
blockquote table td {
	border: 1px solid #000;
	padding: 3px;
}

div#topCap {
	background:url(/_assets/images/bg_topCap.gif) no-repeat;
	width:580px;
	height:10px;
	}

div#rightColumn ol {
	padding:0 110px 0 68px;
}

div#rightColumn ol li {
	padding: 0 0 5px 0;
}

div#rightColumn ul.practitioner {
	padding:0 110px 0 65px;
}

div#rightColumn table.safetyTable {
	border-bottom: 1px solid #000;
	margin:10px 80px 0 50px;
}

div#rightColumn table.safetyTable td {
	border-bottom: 1px solid #000;
	padding: 5px;
}

div#rightColumn ul.generalList {
	margin-left:68px;
}

p.newsletterTxt {
	margin-bottom: 115px;
}
/***********************************************************************
	3 - LEFT SIDE
************************************************************************/
	
/******** COPYRIGHT ************/
div#leftColumn {
	padding-top:4px;
	float:left;
	width:200px;
	margin:8px 7px 0 0;
	}
	
div#leftColumn p {
	color:#666;
	font-size:9px;
	padding:5px 0 0 5px;
	}

/******** NEWS & MEDIA **********/

div#newsMedia {
	padding-left:10px;
	}
	
div.newsTitle{
	width:150px;
	text-transform:uppercase;
	padding:30px 0 1px 13px;
	border-bottom:1px dotted #999;
	background:url(/_assets/images/design_arrow_whitebg.gif) 0 33px no-repeat;
	}
	
div#newsMedia ul {
	list-style:none;
	color:#888;
	padding-left:10px;
	}
	
div#newsMedia ul li {
	padding-top:5px;
	}
	
div#newsMedia ul li ul {
	list-style:none;
	color:#334497;
	}


/***********************************************************************
	3 - SUB NAVIGATION
************************************************************************/
#subNav {
	position:absolute;
	top: -40px;
	margin-left:50px;
	height:74px;
	}

	
#subNav {
	list-style:none;
	}
	
#subNav li {
	float:left;
	height: 74px;
	width: 100px;
	margin-right: 1px;
	}
	
#subNav li a {
	text-decoration:none;
	color: #fff;
	display: block;
	width: 100%;
	height: 100%;
	padding-top: 18px;
	text-align: center;
	}

#subNav li a { background:url(/_assets/images/navigation/2_nav_off.gif) top left no-repeat; }

#subNav li a, ul#subNav li a:hover { padding-top: 27px; }

#subNav li a:hover { background: url(/_assets/images/navigation/4_nav_on.gif) top left no-repeat; }

ul#siteMap {
	list-style: none;
	padding: 5px 0 0 50px;
}

ul#siteMap li {
	list-style-image:url(/_assets/images/list_bullet.gif);
}

ul.siteMap_a, ul.siteMap_b  {
	list-style: none;
	padding: 0 0 0 20px;
}


#sportsjointpain #subNav li a.sportsjointpain,
#jointpainrelief #subNav li a.jointpainrelief,
#improvejointhealth #subNav li a.improvejointhealth,
#osteoarthritis-treatment #subNav li a.osteoarthritis-treatment,

#advisoryauthority #subNav li a.advisoryauthority,
#contact #subNav li a.contact,
#editorialguidelines #subNav li a.editorialguidelines,
#links #subNav li a.linkst,
#newsroom #subNav li a.newsroom,


#faq #subNav li a.faq,
#manufacturing #subNav li a.manufacturing,
#safety #subNav li a.safety,


#druginteraction #subNav li a.druginteraction,
#faq #subNav li a.faq,
#msm-alternative #subNav li a.msm-msm-alternative,
#researchpapers #subNav li a.researchpapers,
#sportsjointpain #subNav li a.sportsjointpain,

#privacypolicy #subNav li a,
#sitemap  #subNav li a,
#termsofservice  #subNav li a,
#contactus  #subNav li a.thankyou,
#newsletter  #subNav li a.thankyou
{
background: none;
padding-top: 27px;
 background: url(/_assets/images/navigation/1_nav_on.gif) top left no-repeat;
}