div.section-header{
	margin:0 67px;
	width: 735px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 10px;
	
}

div.sub-promo {
	background-color:#999900;
	width: 300px;
	margin-left:400px;
}
	

/*Left, Right Middle Column*/

#content-container div.left{
	width:172px;
	padding:15px;
}

#content-container div.right{
	width:130px;
	padding:15px 0 0 0;
}

#content-container div.middle{
	float:left;
	width:380px;
	overflow:hidden;
	padding:15px 0 0 0;
}

div.middle.content {
	padding:10px;
}

div.right.content {
	padding:0;
}

div.leaderboard {
	width:728px;
	height:130px;
	margin:0px auto;
	text-align:center;
	font-size:10px;
	color:#999999;
}
div.leaderboard .at-bottom-ad {
	color:#000;
}

div.toc-bkgd {
	width: 309px;	
	padding-top: 0px;
	padding-bottom: 0px;
}

div.toc-title {
	color: #CC6600;
	font-weight: normal;
	font-size:18px;
}

a.gray-link {
	color: #666666;
}

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

/*Begin Sub Navigation*/

div.subnav a, div.subnav a:visited {
	color: #0066FF; 
	text-decoration: none; 
}
div.subnav a:hover {
	color: #3366CC; 
	text-decoration: underline; 
}	

div.subnav li{
	padding:0 0 5px 10px;
	line-height:18px;
	background:url(../images/bullet-yellow.gif) no-repeat;
}

div.subnav li.selected a {
	font-weight:bold;
}

div.subnav li.level2 {
	padding-left:10px;
}	

div.subnav li.level3 {
	padding-left:20px;
}

div.subnav li.level4 {
	padding-left:40px;
}

/*********************************/
/*End Sub Navigation*/
/*********************************/

div.teaser img{
	padding:0 5px 5px 0;
}

div.tools-res {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #135093;
	font-weight: bold;
	padding-top:7px;
	padding-bottom:7px;
}

.at-ad {
	background-image:url(../media/arthritistoday/images/top-story.jpg);
	background-repeat:no-repeat;
	width:380px;
	height:152px;	
	}
	
.at-ad-text {

	width:335px;
	height:120px;
	padding-top:50px;
	padding-left:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#147E90;	
	}
	
/*********************************/	
	/*Begin Supplement Guide*/
/*********************************/
	
	
.bl {background: url(../media/arthritistoday/images/bl.gif) 0 100% no-repeat}
.br {background: url(../media/arthritistoday/images/br.gif) 100% 100% no-repeat}
.tl {background: url(../media/arthritistoday/images/tl.gif) 0 0 no-repeat}
.tr {background: url(../media/arthritistoday/images/tr.gif) 100% 0 no-repeat;}
.t  {
	width: 345px;
	background-image: url(../media/arthritistoday/images/1x1.gif);
	background-repeat: repeat-x;
	
}

.b  {
	background-image: url(../media/arthritistoday/images/1x1.gif);
	background-repeat: repeat-x;
	background-position: 0 100%;
}

.l  {background: url(../media/arthritistoday/images/1x1.gif) 0 0 repeat-y}
.r  {background: url(../media/arthritistoday/images/1x1.gif) 100% 0 repeat-y}



/*********************************/	
	/*Begin Feature Box*/
/*********************************/


.AT-Feature-Box {

	
	font-family: Arial, Helvetica, sans-serif;
	width:350px;
	height:auto;
	padding-top:0px;
	padding-left: 0px;
	padding-bottom:0px;
	border:#333333 thin solid;
}

.AT-Feature-Box-title {

	font-size:18px;
	color:#FF6600;
	font-weight:bold;
	padding-bottom:5px;
	padding-left: 5px;
}

a.AT-Feature-Box-link {

	font-size:13px;
	text-decoration:none;
	color:#006699;
	
}

a.AT-Feature-Box-link:hover {

	text-decoration:underline;
	
}

li.feature-box {

	padding-top:0px;
	padding-left:0px;
	padding-right: 3px;
	padding-bottom: 8px;
	list-style-image: url(../media/arthritistoday/images/bullet-at-feature-box.gif);
	
}

ul.featurebox {

	padding:0px;
	margin-left:23px;

}

.style1 {
	font-size: 18px;
	font-weight: bold;
}



/* This group is a duplicate of the previous group. This style group has a different color wrap */ 


.bl-a {background: url(../media/arthritistoday/images/bl-a.gif) 0 100% no-repeat}
.br-a {background: url(../media/arthritistoday/images/br-a.gif) 100% 100% no-repeat}
.tl-a {background: url(../media/arthritistoday/images/tl-a.gif) 0 0 no-repeat}
.tr-a {background: url(../media/arthritistoday/images/tr-a.gif) 100% 0 no-repeat;}
.t-a  {
	width: 345px;
	background-image: url(../media/arthritistoday/images/1x1-a.gif);
	background-repeat: repeat-x;
	
}

.b-a  {
	background-image: url(../media/arthritistoday/images/1x1-a.gif);
	background-repeat: repeat-x;
	background-position: 0 100%;
}

.l-a  {background: url(../media/arthritistoday/images/1x1-a.gif) 0 0 repeat-y}
.r-a  {background: url(../media/arthritistoday/images/1x1-a.gif) 100% 0 repeat-y}


.content {
	padding: 0 10px 0 15px;
	font: normal 13px "arial", "helvetica", "sans-serif";
	color:#333333
}

.content h2 {
	font: bold 13px "arial", "helvetica", "sans-serif";
	color:#C88B10;
	margin-top: 10px;
	margin-bottom: 0;
}

.content h3 {
	font: bold 18px "arial", "helvetica", "sans-serif";
	color:#C88B10;
	margin-top: 10px;
	margin-bottom: 0;
}

.content h4 {
	font: italic normal 16px "arial", "helvetica", "sans-serif";
	margin-top: 0;
	color:#C88B10;
}

.content h5 {
	font: bold 13px "arial", "helvetica", "sans-serif";
	color:#C88B10;
	padding-top:15px;
	margin-bottom: 0;
	text-transform:uppercase;
}

h5.content  a{
	font: bold 13px "arial", "helvetica", "sans-serif";
	color:#C88B10;
	padding-top:15px;
	margin-bottom: 0;
	text-decoration: none;
	text-transform:uppercase;
}

.content h6 a{
	font: bold 12px "arial", "helvetica", "sans-serif";
	color:#1E48FF;
}
a.content:visited h6 {
	color:#1E48FF;
}
p.content {
	font: bold 13px "arial", "helvetica", "sans-serif";
	color:#C88B10;
	padding-top: 10px;
	margin-bottom: 0;
}

.index {
	font: normal 11px "arial", "helvetica", "sans-serif";	
	color:#A4A917;
	padding-left: 115px;
}

.index a{
	color:#A4A778;
}


/* These style are for the top 3 links next to search by button */

div.xsearch {
	font: bold 12px "arial", "helvetica", "sans-serif";
	color:#A5A581;
	padding-top:5px;
}

a.xsearch:link{
	font: bold 12px "arial", "helvetica", "sans-serif";
	color:#C88B10;
	text-decoration:underline;
}
a.xsearch:visited{
	font: bold 12px "arial", "helvetica", "sans-serif";
	color:#C88B10;
	text-decoration:underline;
}

a.xsearch:active{
	font: bold 12px "arial", "helvetica", "sans-serif";
	color:#A5A581;
	text-decoration:underline;
}
a.xsearch:hover{
	font: bold 12px "arial", "helvetica", "sans-serif";
	color:#C88B10;
	text-decoration:none;
}


/* These style are for the long list of supplements used on conditions page */

.conditions h5 {
	font: bold 13px "arial", "helvetica", "sans-serif";
	color:#C88B10;
	padding-top: 15px;
	text-transform:uppercase;
}

div.conditions h5, a.conditions {
	font: bold 13px "arial", "helvetica", "sans-serif";
	color:#C88B10;
	padding-top: 15px;
	text-decoration: none;
	text-transform:uppercase;
}
div.conditions h5, a.conditions:hover{
	font: bold 13px "arial", "helvetica", "sans-serif";
	color:#C88B10;
	padding-top: 15px;
	text-decoration: none;
	text-transform:uppercase;
}
ul.conditions  {
	list-style-type: none;
	padding-left: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left:0px

}

.conditions li a{
	font: bold 13px "arial", "helvetica", "sans-serif";
	color:#C88B10;
}

.conditions li a:hover{
	font: bold 13px "arial", "helvetica", "sans-serif";
	color:#C88B10;
	text-decoration:none;
}
.conditions a{
   	color: #4A4A4A;
}

.conditions a:hover {
   	color: #4A4A4A;
   	text-decoration: none;
}

/* These style are for the long list of supplements used on natural supplements page */

.natural{
	float:left;
}
.natural ul {
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
	padding-top: 10px;
	padding-bottom: 20px;
}

.natural li {
	font: bolder 13px "arial", "helvetica", "sans-serif";
	color:#956502;
	padding-right:35px;
	padding-top:4px;
}

.natural li a{
	color:#956502;
}
.natural li a:hover{
	color:#956502;
	text-decoration:none;
}



/* These style are for the long list of supplements used on symptoms page */

ul.symptoms  {
	list-style-type: none;
	padding-left: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left:0px
	
}
div.symptoms li a{
	font: bolder 13px "arial", "helvetica", "sans-serif";
	color:#A4A917;
	text-decoration:underline;
}

div.symptoms li a:hover{
	color:#A4A917;
	text-decoration:none;
}

div.symptoms li a:visited{
	color:#A4A917;
}

.symptoms h5 {
	font: bold 13px "arial", "helvetica", "sans-serif";
	color:#A4A917;
	padding-top: 15px;
	text-transform:uppercase;
}

div.symptoms h5 a{
	color:#A4A917;
	text-decoration: none;
}
div.symptoms h5 a:hover{
	color:#A4A917;
	text-decoration: none;
}

.symptoms a {
   	color: #4A4A4A;
}

.symptoms a:hover {
   	color: #4A4A4A;
   	text-decoration: none;
}

/* These style are for the home page */


.home h1 {
	font: bold 25px "arial", "sans-serif";
	color:#E08707;
	padding-top:10px;
	padding-left:15px;
	margin-bottom: 0px;
	text-indent: -3px;
}

.home h2 {
	font: normal 32px "arial", "sans-serif";
	color:#A4A778;
	margin-top:0px;
	margin-bottom: 0px;
	padding-left: 10px;
}


/* These style are for the conditions page */
 
.cond h3 {
	font: normal 26px Arial;
	color:#FFFFFF;
	background-color:#C88B10;
	padding-left:15px;
	padding-bottom:2px;
	margin-bottom: 0px;
}

.cond h4 {
	font: normal 16px Arial;
	color:#A4A778;
	padding-top: 10px;
	padding-left: 15px;
	margin-bottom: -10px;
	text-indent: 2px;
}

div.cond strong {
	font: bold 17px "arial", "helvetica", "sans-serif";
	color:#A4A778;
	padding-top: -3px;	
}

/* These style are for the symptoms page */


.symp h3 {
	font: normal 26px Arial;
	color:#FFFFFF;
	background-color:#999900;
	padding-left:15px;
	padding-bottom:2px;
	margin-bottom: 0px;
}

.symp h4 {
	font: normal 16px Arial;
	color:#A4A778;
	padding-top: 10px;
	padding-left: 15px;
	margin-bottom: -10px;
	text-indent: 2px;
}

div.symp strong {
	font: bold 17px "arial", "helvetica", "sans-serif";
	color:#A4A778;
	padding-top: -3px;	
}
/* These style are for the natural suuplement page */

.nats h3 {
	font: normal 26px Arial;
	color:#FFFFFF;
	background-color:#885E08;
	padding-left:15px;
	padding-bottom:2px;
	margin-bottom: 0px;
}

.nats h4 {
	font: normal 16px Arial;
	color:#A4A778;
	padding-top: 10px;
	padding-left: 15px;
	margin-bottom: -10px;
	text-indent: 2px;
}

div.nats strong {
	font: bold 17px "arial", "helvetica", "sans-serif";
	color:#A4A778;
	padding-top: -3px;	
}




ul.article-list {
	list-style-type: disc;
	margin-left:10px;
	padding-left:10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

li.article-list {
	font: normal 12px "arial", "helvetica", "sans-serif";
	padding-left:2px;
	padding-right:15px;
	padding-top: 5px;
	padding-bottom: 5px;
}

div.content-list{
	padding-top: 10px;

}
ul.content-list {
	margin-left: 0px;
	padding-left: 0px;
	list-style-type: none;

}
li.content-list  {
	font: normal 12px Arial;
	padding-top: 6px;

}

/*********************************/	
	       /*Glossary*/
/*********************************/


.at-diseases {
            margin-top: 0px;
            padding-left: 10px;
            width: 335px;
            font-family:Arial, Helvetica, sans-serif;
            font-size: 13px;
}
.at-diseases a{
            font-weight:bold;
            color:#885E08;
}
.alpha-link {
            color:#885E08;
            padding-left:10px;
            font: bold 12px Arial, Helvetica, sans-serif;
            letter-spacing: 4px;
            width: 310px;
}
.alpha-link a{
            color:#885E08;
            text-decoration:underline;
}
.alpha-link a:active{
            color:#000000;
            text-decoration:none;
}
.alpha-titles {
            color:#885E08;
            padding-top:3px;
            padding-left: 10px;
            width: 335px;
            font: bold 13px Arial, Helvetica, sans-serif;
}
.alpha-titles a{
            color:#885E08;
            text-decoration: underline;
}
.alpha-titles a:hover{
            color:#885E08;
            text-decoration: none;
}
.top-header {
            font: normal 32px Arial, Helvetica, sans-serif;
            color: #FFFFFF;
            background-color:#885E08;
            padding: 0px 5px 2px 10px;
}

/****************************************/
/*Green Cold/Flu Box*/
/****************************************/

.b1h, .b2h, .b3h, .b4h, .b2bh, .b3bh, .b4bh {

	font-size:1px; overflow:hidden; display:block;
	
	}
	
.b1h {
	height:1px;
	background:#daad;
	margin:0 5px;	
	}
	
.b2h, .b2bh {

	height:1px; background:#3ca13a; border-right:2px solid #3ca13a; border-left:2px solid #ff0000; margin:0 3px;
	
	}
	
.b3h, .b3bh {

	height:1px; background:#3ca13a; border-right:1px solid #3ca13a; border-left:1px solid #3ca13a; margin:0 2px;
	
	}
	
.b4h, .b4bh {

	height:2px; background:#3ca13a; border-right:1px solid #3ca13a; border-left:1px solid #3ca13a; margin:0 1px;
	
	}
	
.b2bh, .b3bh, .b4bh {

	background: #3ca13a;
	
	}
	
.headh {

	background: #3ca13a; border-right:1px solid #3ca13a; border-left:1px solid #3ca13a; color:#FFFFFF; font-size:18px; padding: 10px;
	
	}
.headh h3 {

	margin: 0px 10px 0px 10px; padding-bottom: 3px;
	
	}
	
.contenth {

	background: #ffffff; border-right:1px solid #3ca13a; border-left:1px solid #3ca13a;
	
	}
	
.contenth div {

	margin-left: 12px; padding-top: 5px;
	
	}
	
.green-titles {

	color:#3ca13a;
	font-size:18px;
	
	}

/****************************************/
/* End Green Cold/Flu Box*/
/****************************************/




/****************************************/
/* 3 column layout */
/****************************************/

DIV.base-layer {
  background: none #ffffff; color: #000000;
  margin: 0px; padding: 0; text-align: left;
}

DIV.table-row {

  color: #000000;
  margin-top: 0; margin-right:0px; margin-bottom: 0; margin-left:0px;
  padding: 0; text-align: left; width:100%;
  
}

/* Style rules for the 3 x 2 table example */

DIV.left-container2 {
  border: none; float: left; margin: 0; padding: 0; width: 10%;
}

DIV.right-container2 {
  border: none; float: right; margin: 0; padding: 0; width: 10%;
}

/* Rules in detail that is used to suggest rendering for the */
/* Nobel price winner table example. I still use some of the */
/* generic rules as found above and below, but still..       */

DIV.left-container13 {
  border: none; float: left; margin: 0; padding: 0; width: 30%;
}

DIV.left-container23 {
  border: none; float: left; margin: 0; padding: 0; width: 30%;
}

DIV.right-container13 {
  border: none; float: right; margin: 0; padding: 0; width: 40%;
}

/* Rules in detail that is used to suggest rendering for the  10 by 5 int. */
/* product table example. I still use some of the generic rules as found   */
/* above and below, but still..                                            */

DIV.left-layer11 {
  border: none; float: left; margin: 0; padding: 0; width: 9%;
}

DIV.right-layer11 {
  border: none; float: right; margin: 0; padding: 0; width: 10%;
}

/* Watch out for this DIV... rule, it appears every now and then */

DIV.space-line {
  clear: both; margin: 0; padding: 0; width: auto;
}

/* Some rules for captions, headers and running text */

H4.table-caption {

  background: #ffffff; color: #3333cc; font-family: sans-serif;
  font-size: 1em; font-style: italic; font-weight: bold; margin: 0;
  padding: 0.3em; text-align: center; width: auto;
  
}

H5.colhdr {

  background: none #ffffff; color: #3ca13a;
  font-family: sans-serif; font-size: 1em; font-style: Normal;
  font-weight: normal; margin: 0; padding:0px;
  text-align: left; width: auto;
  
}

P.text {

  border: none; margin: 0; padding: 0px;
  font-style: normal; font-size: 1em; text-align: left; text-indent: 0;
  width: auto;
  
}

/****************************************/
/* End 3 column layout */
/****************************************/