/************************************************************** 
TEMPLATE CUSTOMIZED BY www.JDAPublishing.com 
***************************************************************/  
    body {
margin:0;
background: #999;
text-align: center;
padding: 0;
font: 80% "Trebuchet MS", Tahoma, Arial, sans-serif;
line-height: 1.6em;
} 
/******** BLOCK ELEMENT CLASSES  *************/
   h1 {
font-weight:bold;
font-size:120%;
color: #333;
margin: 25px 0 3px 10px;	
padding: 0;	
}
   h1.center {
font-weight:bold;
font-size:120%;
color: #333;
margin: 1px;	
padding: 5px;	
text-align:center;
}
   h1.second {
font-weight:bold;
font-size:120%;
color:#333;
letter-spacing: 1px;
background:transparent;
margin: 1px;	
padding: 5px;	
border-bottom: dashed 1px #333;
width:265px;
}
   h1.blue {
font-weight:bold;
font-size:120%;
color:#000070;
letter-spacing: 1px;
background:inherit;	
margin: 1px;	
padding: 5px;	
border-bottom: dashed 1px #000070;
}
   h2 {
font-weight:bold;
font-size:110%;
color: #000070;
}
   h2.blue {
font-weight:bold;
font-size:110%;
color:#000070;
letter-spacing: 1px;
background:inherit;	
margin: 1px;	
padding: 5px;	
} 
   h3 {
font-weight:bold;
margin:3px 0 0 0;
text-align: left;
color: #333;
} 
  .h3 a:link, .h3  a:visited {
text-decoration: none;
color: #000070;
}
  .h3 a:hover {
color: #f00;
text-decoration: underline;
}
    ul {	
padding: 0;	
margin: 0 15px 0 20px;	
color: #000;	
background: inherit;
}
    ol {
list-style-type: decimal;	
padding: 0px;	
margin: 5px 15px 5px 20px;
color: #333;	
background: inherit;
}
    .commentlist li {
background: #fff;	
padding: 5px;    
border: solid 1px #ccc;	
}
    li.alt {    
background-color: #fff;	
padding: 5px;    
border: solid 1px #ccc;
}
    .articlelist {
margin:0;
padding:0;
}
    .articlelist ul {
list-style-type: none;
margin:10px 0 0 30px;
}
    .articlelist li {
list-style-type: none;
margin:5px 0;
background-image: url(http://www.sustainhealtharticles.com/images/articlelist.gif);
background-position: top left;
background-repeat: no-repeat;
padding: 0 0 2px 15px;
}
    .articlelists {
margin:0;
padding:0;
background:#fff;
width:50%;
float:right;
} 
    .articlelists ul {
list-style-type: none;
margin:0;
}
    .articlelists li {
list-style-type: none;
margin:0;
background-image: url(http://www.sustainhealtharticles.com/images/articlelist.gif);
background-position: top left;
background-repeat: no-repeat;
background-color:#fff;
padding: 0 0 2px 15px;
}
    .maintable {
border-collapse:collapse;
color: #000;
background: #fff;
margin: 0 auto; 
padding: 0px;
height: auto;
width: 95%;
border: solid 1px #030;
text-align:left; 
}
    .header {
padding:0;
margin:0;
background: #E3DDDD;
}
/********  TOP BLOCK NAVIGATION  *************/
  #nav {
margin:0 auto;
padding:0;
list-style-type:none;
background:#D9E6C2;
float:left;
clear:both;
border:1px solid #42432d;
border-width:1px 0;
width:100%;
}
  #nav li {
display:inline;
padding:0;
margin:0;
 }
  #nav a:link, #nav a:visited {
color:#030;
background:#D9E6C2;
padding:2px 10px 2px 10px;
float:left;
width:auto;
border-right:1px solid #42432d;
text-decoration:none;
font:bold;
text-transform:uppercase;
text-shadow: 1px 1px 1px #555;
}
   #nav a:hover {
color:#fff;
background:  #BFBFC1;
}

 /* MAIN CONTENT BLOCK CLASSES */
    .maincontent {
padding: 0px;
margin:0px;
 } 
   .maincontentcell {
background: #fff;
padding: 0;
margin:0;
vertical-align: top;
width:75%;
}
   .maincontentcell p {
background:#fff;
margin:5px 10px 25px 10px;
font: 95% "Trebuchet MS", Tahoma, Arial, sans-serif;
}
    .page {
padding: 0;
margin:0 auto;
vertical-align: top;
background:#fff;
}
    .page ul {
list-style-type: disc;
padding: 0;	
margin: 0 15px 0 20px;	
color: #000;	
font-weight: normal;
background: inherit;
}
    .page ol {
list-style-type: decimal;	
padding: 0;	
margin: 0 15px 0 40px;
color: #000;	
background: inherit;
}
    .page li {
padding: 0px;	
margin: 5px 10px 0 40px;
color: #000;	
background: inherit;
}
   .articleby {
font: 85% "Trebuchet MS", Tahoma, Arial, sans-serif;
line-height: .7em;
}
    .adminbox {
background: #fff;
width: 780px;
height: 20px;
padding: 3px;
border: solid 1px #003300;
vertical-align: bottom;
} 
   .yellowbox {
text-align:justify; 
width:90%;
border:solid 1px #333; 
background:#E8EA1A;
padding:10px;
margin:20px auto;
} 
  .vote {
background-color:#fff;	
margin:5px auto;
padding:10px;
text-align:center; 
width:75%;
border:solid 1px #000080;
}
  .vote ul {
background:transparent;
text-align:left;
padding:5px 0;
margin:0 0 5px 0;
}
  .vote li {
list-style-type: none;
background:transparent;
padding:0;
margin:0;
}
  .vote a:link, .vote a:visited, .vote li a:link, .vote li a:visited, .vote li a:active {
font: 85% "Trebuchet MS", Tahoma, Arial, sans-serif;
color:#0025c3;
text-decoration: none;
background:transparent;
}
  .vote a:hover, .vote a:visited:hover, .vote li a:hover  { 
color: #A03A47;
text-decoration: underline;
}
   .list	{
margin-bottom:0px;
width:600px;
padding:5px;
text-align:left;
}
.listleft	{float:left;width:300px;clear:none}
.listright{float:right;width:300px;clear:none}
   .userpanelbox {	
font-size: 11px;
background-color: #fff;	
padding: 5px;	
border: 1px solid #999;
}
/********  CATEGORY TABLE CLASSES  *************/
    .categorytable {
background:#fff;
text-align: left;
padding: 0;
}
    .catroot {
background:#F0F0E8;
font: bold 90% verdana, helvetica, sans-serif;	
letter-spacing: 0.1em;
text-indent: +1pt;
margin: 5px 0 0 0;
line-height: 1.5em;
color: #030;
border: solid 1px;
border-width: 0 0 1px 0;
}
    .catsub {
font: 80% verdana, helvetica, sans-serif;		
line-height: 15%;
text-indent: +5pt;
}
    .catsitemap {
font: bold 90% verdana, helvetica, sans-serif;
text-indent: +5pt;
background-color: #fff;
}
/********  RIGHT NAVIGATION CLASSES  *************/
    .navcell {
padding: 0;
width: 25%;
vertical-align: top;
background: #fff;
text-align:center;
}
   .navcell a:link, .navcell a:visited {
color:#827878;
text-decoration: none;
}
    .navcell  a:hover, .navcell a:visited:hover { 
color:#748E5F;
text-decoration: underline;
}
    .navcell {
border-top:solid 1px #386510;
background:#C5D9A2;
padding: 10px;
width: 200px;
vertical-align: top;
border-right: #ccc 1px solid;
text-align:center;
}
    .navcell-none {
padding: 0;
margin:0;
width: 5%;
background: #fff;
} 
    .rightnavbox {
background-color: #fff;
border:solid 1px #9DC060;
background:#fff;
padding: 0;
margin:0 0 10px 0;
text-align:left;
}
    .rightnavbox h1{
background-image:url(http://www.sustainhealtharticles.com/images/rightnavheader.jpg);
background-position:right;
background-repeat:repeat-y;
border-bottom: solid 1px #B2B2B2;
font: bold 105% Arial Helvetica, sans-serif;
line-height: 2.5em;
text-align:center;
height:35px;
color:#263901;
margin: 0 auto;
padding:0;
}
    .rightnavbox a:link, .rightnavbox a:visited {
color:#827878;
text-decoration:none;
}
    .rightnavbox a:hover {
color:#748E5F;
text-decoration:none;
}
    .rightnavbox ul {
margin:5px 0 5px 10px;
padding:0px;
list-style-type: none;
font: 90% "Trebuchet MS", Tahoma, Arial, sans-serif;
line-height: 1em;
}
    .rightnavbox li {
background-image:url(http://www.sustainhealtharticles.com/images/bullet.jpg);
background-position:top left;
background-repeat:no-repeat;
padding:0 0 0 12px;
margin:2px 0;
}
 .rightnavbox li a:link, .rightnavbox li a:visited, .rightnavbox li a:active {
color:#827878;
text-decoration:none;
}
    .rightnavbox li a:hover, .rightnavbox li a:visited:hover  { 
color:#748E5F;
text-decoration:underline;
} 

/********  ARTICLE BLOCK ELEMENT CLASSES  *************/
   .articletitle {
font-weight:bold;
font-size:100%;
}
   h1.articletitle  {
font-weight:bold;
font-size:120%;
text-align: left;
margin: 10px 0 5px 10px;	
padding: 0;
}
    .articlebody {
margin:0 10px;
text-align:justify;
font-weight:normal;
}
.articletext {
background: inherit;	
font-weight:normal;
}
   #table1 {
padding:3px;
margin:15px;
font: 85% "Trebuchet MS", Tahoma, Arial, sans-serif;
line-height: 1.6em;	
}
   #table2 {
padding:3px;
width:100%;
font: 85% "Trebuchet MS", Tahoma, Arial, sans-serif;
}
   .mytable {
padding:2px;
width:100%;
border-collapse: collapse;
font: 85% "Trebuchet MS", Tahoma, Arial, sans-serif;
}
.morearticleslist {	
font: 12px verdana, helvetica, sans-serif;	
line-height:14px;	
list-style-type: circle;
background:inherit;
}
    .morearticles {	
font:bold 16px trebuchet ms, arial, sans-serif;	
color:#333;
letter-spacing: 1px;
background:inherit;	
margin: 1px;	
padding: 5px;	
border-bottom: dashed 1px #ccc;
}
    .rating {
 font:normal 12px verdana, sans-serif;
width:90%;
border:solid 1px #ccc; 
background: #A9CE4D; 
padding:5px;
margin:10px auto;
text-align:left;
}
.rss {	
font: 80% "Trebuchet MS", Tahoma, Arial, sans-serif;
color: #c00;	
background:#efefce;	
border:solid 1px #333;
padding: 5px;
}
.notice {	
font-family: verdana, helvetica, sans-serif;	
background: #fff;	
margin: 1px;	
padding: 5px;	
border-top: solid 1px #ccc;	
border-bottom: solid 1px #ccc;	
}
    .articlewarning {     
font-weight: bold;     
padding: 10px;     
margin: 10px 0 10px 0;     
color: red;     
text-align: center;     
border: 1px #FF0000 dotted;     
border-width: 1px 0 1px 0; 
background-color:#fff;
}
    .divider {
border-top-width: 1px;
border-top-style: solid;
border-top-color: #030;
padding: 5px;
vertical-align: top;	
}
/******** AUTHOR CLASSES  *************/
    .biobox {
font: 100% "Trebuchet MS", Tahoma, Arial, sans-serif;
line-height: 1.3em;
border:dashed 1px #000070;
font-style:italic;	
margin:0 10px;
padding:8px;
text-align:left;
}
    .biobox a:link,  .biobox  a:visited, .biobox a:hover, .biobox  a:visited:hover {
color: #000070;
text-decoration: none;
}
.spacer {	
height: 5px;
background:#inherit;
}
.spacer2 {	
height: 100px;
}
/********  NEWSLETTER  CLASSES  ( RIGHT NAVIGATION) *************/
    .newsletter {
background: #fff;
padding: 0px 5px;	
text-align:center;
margin:0 0 10px 0;
border:solid 1px #9DC060;
}
    .newsletter p {
font: 90% "Trebuchet MS", Tahoma, Arial, sans-serif;
text-align:left;
margin:10px 15px;
}
    .newsletter ul {
font: 13px verdana, helvetica, sans-serif;
text-align:left;
margin:10px 15px 10px 50px;
}
/******** LINK CLASSES  *************/
a:link, a:visited {
color:#686262;
text-decoration: none;
}
a:hover, a:visited:hover { 
color:#748E5F;
text-decoration: underline;
}

/******** FOOTER *************/
.foot {	
background-image:url(http://www.sustainhealtharticles.com/images/footer-bg.jpg);
background-color: #C2C2C2;
background-position: right;
background-repeat:no-repeat;
font: 11px verdana, helvetica, sans-serif;	
color: #333;
width:95%;
height:90px;
border: solid 1px #000070;
margin:0;
padding:0 0 0 15px;
text-align:left;
}
.foot a:link, .foot  a:visited {
font: 11px verdana, helvetica, sans-serif;	
color:#0025c3;
text-decoration: none;
}
.foot  a:hover, .foot  a:visited:hover  { 
font: 11px verdana, helvetica, sans-serif;	
color: #A03A47;
text-decoration: none;
}
/******** MISC CLASSES *************/
.three {
text-align: center;
font: 10px/12px verdana, helvetica, sans-serif;
background: transparent;
}
.four {
  color: #33;
  margin-left: 20px;
  margin-top: 10px;
}
.title {
  font: bold 12px verdana, helvetica, sans-serif;
  color: #000;
} 
.attention {	
  font: 12px Helvetica,sans-serif;
  background-color:#ff6;	
  padding: 5px;
  border: dashed 1px #333;
}
   input.button {
border: solid 1px #030;
color: #030; 
background: #C5D9A2;
font: 100% "Trebuchet MS", Tahoma, Arial, sans-serif;
line-height: 1.6em;
}
   p.signup  {
font: 100%  "Trebuchet MS", Tahoma, Arial, sans-serif;
line-height: 1.6em;
}
    .formtextbox {
 padding: 1px;
font: 100%  "Trebuchet MS", Tahoma, Arial, sans-serif;
line-height: 1.6em;
color: #000;
background-color: #fff;
border: 1px solid #333;
}

/********   IMAGES & ALIGNMENT  *************/
.center {
text-align:center;
margin:0 auto;
padding:0;
}
.keepright {
float:right;
padding: 0px;
margin: 0px;
}
.keepleft {
float:left;
padding: 0px;
margin: 0px;
}
img, img a {
border: none;
text-decoration: none;
}
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
}
img.alignright {
  float:right;
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}
img.alignleft {
  float:left;
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
} 
.tinyleft {
  float:left;
	padding: 0px;
	margin: 0px;
	display: inline;
}
