﻿
body {
    margin:0px;
    padding: 30px 0px 0px 0px;
    background: #f4f4f4 url(Background-1060-1.gif) top center repeat-y;
}

#Wrapper {
    width: 760px;
    margin: 0px auto 0px auto;
    background: #ffffff;
    color: #404040;        
}

#Wrapper .Header {
    width: 760px;
    height: 175px;
    margin-bottom: 18px;
}

#Wrapper .Header1 {
    background: url(headers/header01.jpg);
}

#Wrapper .Header2 {
    background: url(headers/header02.jpg);
}

#Wrapper .Header3 {
    background: url(headers/header03.jpg);
}

#Wrapper .Header4 {
    background: url(headers/header04.jpg);
}

#Wrapper .Header5 {
    background: url(headers/header05.jpg);
}

#Wrapper .HeaderHomeLink {
    display: block;
    width: 760px;
    height: 175px;
    text-decoration: none;
}

#Wrapper .HeaderHomeLink:hover {    
    text-decoration: none;
}

#LeftPane {
    clear: left;
    float: left;
    width: 140px;
    margin: 0px 0px 5px 0px;
    padding: 0px;
}

#Navigation ul {
    width: 140px;
    margin: 0px 0px 0px;
    padding: 0px;
    list-style: none;
}

#Navigation ul li {
    width: 140px;
    padding: 0px;
    line-height: 1.4em;
    display: inline;
}

#Navigation ul li a {
    background-color: #AD7A59;
    color: #6B0900;
    font-weight: bold;
    width: 130px;
    float: left;
    margin-bottom: 5px;
    padding: 5px 1px 5px 5px;
    border-left: 4px solid #6B0900;
    text-decoration: none;
}

#Navigation ul li a:hover {
    background-color: #7B6E6F;
    border-left: 4px solid #AD7A59;
    color: #BABABA;
}

#RightPane3Column {
    float: right;
    width: 140px;
    margin: 0px 0px 5px 0px;
    padding: 0px;
}

#CenterPane2Column {
    margin: 0px 0px 5px 150px;
    border-left: 1px solid #CBCFCF;    
    padding: 0px 10px 0px 10px;
    line-height: 1.5em;
}

#CenterPane3Column {
    margin: 0px 150px 5px 150px;
    border-left: 1px solid #AD7A59;
    border-right: 1px solid #AD7A59;
    padding: 0px 10px 0px 10px;
    line-height: 1.5em;
}

#Footer {
    clear: both;
    margin-top: 20px;
    border-top: 4px solid #AD7A59;
    padding: 16px;
    text-align: center;
}

/* Special Rounded Corners (engaged by Javascript) */
#MainContent div.JRoundedImageTop { position: absolute; top: 0px; left: 0px; width: 100%; height: 40px; background: url(JRoundedImage-600-600.png) top left; }
#MainContent div.JRoundedImageRight { position: absolute; top: 0px; right: 0px; width: 40px; height: 100%; background: url(JRoundedImage-600-600.png) top right; }
#MainContent div.JRoundedImageBottomLeft { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 40px; background: url(JRoundedImage-600-600.png) bottom left; }
#MainContent div.JRoundedImageBottomRight { position: absolute; bottom: 0px; right: 0px; width: 40px; height: 40px; background: url(JRoundedImage-600-600.png) bottom right; }
/* IE6 GIF hacks */
* html #MainContent div.JRoundedImageTop { position: absolute; top: 0px; left: 0px; width: 100%; height: 40px; background: url(JRoundedImage-600-600.gif) top left; }
* html #MainContent div.JRoundedImageRight { position: absolute; top: 0px; right: 0px; width: 40px; height: 100%; background: url(JRoundedImage-600-600.gif) top right; }
* html #MainContent div.JRoundedImageBottomLeft { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 40px; background: url(JRoundedImage-600-600.gif) bottom left; }
* html #MainContent div.JRoundedImageBottomRight { position: absolute; bottom: 0px; right: 0px; width: 40px; height: 40px; background: url(JRoundedImage-600-600.gif) bottom right; }

/* Blogs */
#MainContent .BlogStreamNarrow { margin-right: 150px; }
#MainContent .BlogStreamWide { margin-right: 0px; }
#MainContent .BlogFeatures { width: 130px; margin-top: 0px; float: right; }
#MainContent .BlogFeatures div { padding-bottom: 20px; margin-bottom: 20px; font-weight: bold; text-align: center; background-color: #f4f4f4; }
#MainContent .BlogFeatures h1 { font-size: 16px; font-size: 14px; font-weight: bold; color: #505050; padding: 6px; margin: 0px 0px 10px 0px; }
#MainContent .BlogFeatures h1 a { color: #505050; }
#MainContent .BlogFeatures ul { text-align: left; margin-bottom: 0px; list-style: none; margin-left: 20px; padding: 0px; }
#MainContent .BlogFeaturesRSS a { margin: 0px auto 0px auto; display: block; width: 80px; height: 15px; background: url("BlogRSS-80-15.jpg"); }
#MainContent .BlogFeaturesRSS a span { display: none; }
#MainContent .BlogEntry { margin: 0px 0px 20px 0px; border-right: solid 1px #f0f0f0; }
#MainContent .BlogEntryHeader { padding: 6px 6px 6px 12px; border-bottom: solid 1px #f0f0f0; background-color: #f4f4f4; }
#MainContent .BlogEntryHeader div span { font-size: 16px; font-weight: bold; }
#MainContent .BlogEntryHeader .BlogEntryHeaderPostTitle { float: left; }
#MainContent .BlogEntryHeader .BlogEntryHeaderPostDate { text-align: right; }
#MainContent .BlogEntryHeader div label { display: block; float: left; width: 100px; }
#MainContent .BlogEntryBody { padding: 6px 6px 6px 12px; border-bottom: solid 1px #f0f0f0; }
#MainContent .BlogEntryBody .TinyMCETextArea { width: 99%; height: 550px; }    
#MainContent .BlogEntryFooter { font-size: 12px; padding: 6px 6px 6px 12px; background-color: #f4f4f4; }
#MainContent .BlogEntryFooter .BlogEntryFooterCommands { float: left; }
#MainContent .BlogEntryFooter .BlogEntryFooterCommands a { margin-right: 10px; }
#MainContent .BlogEntryFooter .BlogEntryFooterLinks div { float: left; }
#MainContent .BlogEntryFooter .BlogEntryFooterLinks .BlogEntryFooterLinksPermalink a, .BlogEntryFooter .BlogEntryFooterLinks .BlogEntryFooterLinksServices a { margin-right: 10px; }
#MainContent .BlogEntryFooter .BlogEntryFooterLinks .BlogEntryFooterLinksComments { display: block; float: right;  text-align: right; margin-left: 20px; }
#MainContent .BlogEntryFooter .BlogEntryFooterLinks .BlogEntryFooterLinksTags { display: block; float: none;  text-align: right; }
#MainContent .BlogEntryFooter ul { padding-left: 0px; margin: 0px; list-style-type: none; display: inline; }
#MainContent .BlogEntryFooter ul li { display: inline; margin-left: 6px; }
#MainContent .BlogNavigation { margin-right: 200px; margin-top: 20px; text-align: center; }
#MainContent .BlogNavigation a { font-weight: bold; margin-left: 50px; margin-right: 50px; padding: 4px; border: outset 1px #f0f0f0; text-decoration: none; }
#MainContent .CommentsStream { margin: 0px 0px 20px 40px; }
#MainContent .CommentsEntry { margin-bottom: 20px; border: solid 1px #f0f0f0; }
#MainContent .CommentsEntryHeader { font-style:italic; margin-bottom: 10px; padding: 6px; }
#MainContent .CommentsEntryBody { padding: 6px; }
#MainContent .CommentsEntryFooter { font-size: 12px; padding: 6px 6px 6px 12px; }
#MainContent .CommentsAdd { border: dashed 1px #f0f0f0; padding: 10px; }
#MainContent .CommentsAdd h1 { font-size: 16px; font-weight: bold; margin: 0px; }
#MainContent .CommentsAdd div { padding: 4px; }
#MainContent .CommentsAdd label { display: block; float: left; width: 150px; }
#MainContent .CommentsAdd textarea { width: 99%; }

/* Blog RSS Links */
#XMLLinksRSS { display: block; width: 80px; height: 15px; background: url("BlogRSS-80-15.jpg"); margin-bottom: 10px; }
#XMLLinksRSS span { display: none; }


/* Contact Section */
#ContactForm { width: 500px; border: solid 1px #e0e0e0; }
#ContactForm .ContactOption { padding: 10px 0px 10px 10px; }
#ContactForm .Label { float: left; width: 130px; }
#ContactForm .Item { padding-left: 20px; }
#ContactForm .Submit { margin-left: 150px; }

/* Admin Section */
#MainContent .AdminFormRow { margin-bottom: 10px; }
#MainContent .AdminFormLabel { float: left; width: 130px; font-weight: bold; }
#MainContent .AdminFormItem { padding-left: 20px; }

/* Editor */
.ContentControlTinyMCE { width: 99%; }