/*** General page stylings. ***/
HTML, BODY {
 width: 100%;
 height: 100%;
}
BODY {
 background-color: #FFFFFF;
 font-family: Verdana;
 font-size: 11px;
 color: #000000;
 margin: 0px;
 padding: 0px;
}

/*** This should reflect the font settings in the BODY section.  ***/
TABLE, TD, INPUT, SELECT {
 font-size: 11px;
 font-family: Verdana;
 color: #000000;
}

/*** Paragraph style. ***/
p{
 text-indent: 0px;
 margin-top: 5px;
 margin-bottom: 5px;
}

/*** Links in their regular state. ***/
a:link, a:visited {
 color: #333333;
 text-decoration: none;
}

/*** Links when you mouse over. ***/
a:hover {
 text-decoration: underline;
 color: #666666;
}

/*** Headering 1-3 styles. ***/
H1, H1 a{
 font-family: Verdana;
 font-size: 18px;
 color: #000000;
 margin: 0px;
 padding: 4px;
}
H2, H2 a{
 font-family: Verdana;
 font-size: 15px;
 color: #000000;
 margin: 0px;
 padding: 4px;
}
H3, H3 a{
 font-family: Verdana;
 font-size: 12px;
 color: #000000;
 margin: 0px;
 padding: 4px;
}

/*** The following styles start with .Data, they are used for forms and content display on the backend. ***/
.DataTable{
 border-style: solid;
 border-width: 1px;
 border-color: #333333;
 padding: 3px;
}

.DataHeader, .DataHeader TD, .DataHeader a:link, .DataHeader a:hover, .DataHeader a:visited {
 font-size: 11px;
 font-weight: bold;
 font-style: normal;
 text-align: center;
 background-color: #757373;
 color: #FFFFFF;
}

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

.RTEForm {background-color: #FFFFFF;}

/*** This is the table that holds everything. ***/
#pageMainTable{
 width: 100%;
 height: 100%;
}

/*** This is your main content area. ***/
#pageContentCell{
 width: 100%;
 background-color: #FFFFFF;
 padding: 10px;
}

#pageContent{
 width: 100%;
}

/*** Header cell shown at the top of the page. ***/
#pageHeaderCell01 {
 width: 726px;
 background: url(/inc/skins/deepsouth01/images/header01.jpg) no-repeat;
 height:49px;
 text-align: right;
 vertical-align: middle;
}
/*** Box that holds the Site Search form. ***/
#siteSearchBox{
 border: 1px solid #000000;
 float: right;
 padding:0px;
 margin: 0px;
 display: inline;
 font-weight: bold;
 color: #323232;
 vertical-align:top;
}
#siteHomeButton {
 float: left;
 height:49px;
 padding:0px;
 margin: 0px;
 padding-left: 250px;
 display: inline;
}

#pageHeaderCell02 {
 width: 724px;
 height: 274px;
 vertical-align: top;
 align: left;
}

/*** Footer cell in the main table. ***/
#pageFooterCell{
 background: url(/inc/skins/deepsouth01/images/bodySliver03.jpg) repeat-x;
 height: 72px;
 vertical-align: top;
}
#pageFooter{
 font-size: 9px;
 text-align: right;
 color: #999999;
}
#pageFooter a:link, #pageFooter a:visited, pageFooter a:hover{
 font-size: 9px;
 color: #999999;
}

/*** These are the links that appear underneath of the footer at the very bottom of the page. ***/
#linksBottom {
 padding-top: 0px;
 text-align: right;
 font-size: 11px;
 color: #999999;
}

#linksBottom a:link, #linksBottom a:visited{
 font-size: 11px;
 color: #999999;
}

#linksBottom a:hover{
 color: #FFFFFF;
 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;
}
/*** Style for the side area that the linkbar appears on. ***/
#pageLinkbarCell{
 width: 180px;
 vertical-align: top;
}
#pageLinkbar{
 width: 180px;
}