/*** General page stylings. ***/
BODY, HTML {
 height: 100%;
 width: 100%;
}

BODY {
 margin: 0px;
 padding: 0px;
 font-family: "Helvetica", Arial, Helvetica, "Lucida sans", sans-serif;
 font-size: 75%;
 line-height: 1.5em; 
 text-align: center;
 padding: 0 0 30px;
 color:#666666;
 background:url(/inc/skins/pazherbs02/images/k2-herbal-incense.gif) #000 no-repeat scroll 0 0;
}

p, ol { margin: 0 0 1.33em }

strong { color: #202325; font-weight: bold }
em { font-style: italic }

a, a:link, a:visited {
 text-decoration: none;
 color:#000000;
}

a:hover, a:active, a.active {
 color:#666666;
 text-decoration: underline;
}

img {border:0px;}

/*** Headering 1-3 styles. ***/
h1 {color: #181818; font-size: 2.4em; font-weight: bold; line-height: 1; margin: 0 0 15px;}

h2 {color: #666; font-size: 1.8em; font-weight: bold; line-height: 1; margin: 0 0 20px;}

h3 {color: #181818; font-size: 1.5em; font-weight: bold; line-height: 1; margin: 0 0 15px;}

h4 {color: #181818; font-size: 1.35em; font-weight: bold; line-height: 1; margin: 0 0 15px;}

h5 {color: #181818; font-size: 1.2em; margin: 0 0 15px;}

h6 {color: #181818; font-size: 1em; margin: 0 0 15px;}

/*** The following styles start with .Data, they are used for forms and content display on the backend. ***/
.DataTable{
}

.DataHeader, .DataHeader TD, .DataHeader a:link, .DataHeader a:hover, .DataHeader a:visited {
 font-size: 100%;
 font-weight: bold;
 font-style: normal;
 text-align: center;
 background-color: #333333;
 color: #CCCCCC;
}

.DataRow{background-color: #CCCCCC;}
.DataRowOver{background-color: #C0C0C0;}
.DataRowDown{background-color: #999999;}

/*** This is the table that holds everything. ***/
#pageMainTable{
 width: 980px;
 text-align: left;
}

/*** This is your main content area. ***/
#pageLinkCell{
 text-align: left;
 background-color: #FFFFFF;
 padding: 0px;
 padding-left: 10px;
 width: 150px;
}
#pageContentCell{
 text-align: left;
 background-color: #FFFFFF;
 padding-right: 10px;
 padding-left: 10px;
 width: 830px;
}

#pageContent{
 width: 810px;
}

/*** Header cell shown at the top of the page. ***/
#pageHeaderCell{
 background: url(/inc/skins/pazherbs02/images/header.png) no-repeat 0 10px;
 height:150px;
}

/*** Box that holds the Site Search form. ***/
#siteSearchBox {
 text-align: right;
 padding-right: 10px;
}

/*** Footer cell in the main table. ***/
#pageFooterCell{
 height:30px;
 text-align: left;
 vertical-align:bottom;
}
#pageFooter{
 text-align: left;
 padding-left: 10px;
 padding-bottom: 10px;
 font-size: 11px;
 color: #FFFFFF;
}
#pageFooter a:link, #pageFooter a:visited, pageFooter a:hover{
 font-size: 11px;
 color: #7a5036;
}

/*** These are the links that appear underneath of the footer at the very bottom of the page. ***/
#linksBottomCell{
 width: 760px;
 text-align: center;
}

#linksBottom{
 padding-top: 15px;
 text-align: center;
}

#linksBottom a:link, #linksBottom a:visited{
 font-size: 9px;
 color: #330000;
}

#linksBottom a:hover{
 color: #FF0000;
 text-decoration: underline;
}

/*** Styles for displaying your Blog listings ***/
.newsBloggerBlogTitle {
 padding: 10px;
 padding-left: 0px;
 margin: 0px;
 font-size: 18pt;
}
.newsBloggerArticleTitle, .newsBloggerArticleTitle a:link, .newsBloggerArticleTitle a:visited {
 padding: 0px;
 margin: 0px;
 font-size: 10pt;
 text-decoration: none;
}
.newsBloggerArticleTitle a:hover {
 text-decoration: underline;
}
.newsBloggerTime {
 padding: 0px;
 margin: 0px;
 font-size: 8pt;
 font-weight: bold;
}
.newsBloggerArticleDescription {
 padding: 0px;
 margin: 0px;
 font-size: 9pt;
}
.newsBloggerArticleDescription a:link, .newsBloggerArticleDescription a:visited {
 font-size: 9pt;
}
.newsBloggerArticleImage {
 float: left;
 padding: 5px;
}