/* Must use em here, px used everywhere else */
body { margin: 0em; padding: 0em; font-family: arial, sans-serif; color: #051A78; font-size: 14px; background: #ffffff url("BackSpots1280-1024.jpg"); }
p { margin-top: 0px; }
a { color: #00025B; }
ul li { margin-bottom: 10px; }

/* All just an IE hack, compensating for the proper and straightforward min-width setting */
/* When IE5+IE6 are dead and buried, I will remove the useless Container and MinWidthHack */

#Container {  border-collapse: collapse; width: 100%; min-width: 750px; max-width: 2000px; }
#Container .MainCell { padding: 0px; }
#MinWidthHack { width: 750px; visibility: hidden; }

/* Page Header */

#MainHeader { height: 106px; background: url("LogoTopCorner2000-106.jpg") no-repeat; }
#MainHeaderMainTitle { display: none; }
#MainHeaderQuote { text-align: right; font-size: 18px; font-weight: bold; font-style: italic; padding-right: 6px; color: #ffffff; }


/* Navigation Menu */

#NavMenu { float: left; width: 160px; background: url("LeftNavNormal156-474.jpg") no-repeat; }
#NavMenu ul { list-style: none; margin: 0px; padding: 0px; }
#NavMenu ul li { display: inline; } /* Inline to fix IE vertical space */
#NavMenu ul li div { margin: 0px; padding: 0px; }
#NavMenu ul li div a { display: block; color: #ffffff; height: 36px; text-decoration: none; font-size: 20px; font-style: italic; line-height: 36px; }
#NavMenu ul li div a span {  }

/* li should be block, but is inline to make IE happy.  This necessitates the extra div */

#ButtonA div { width: 124px; height: 70px; }
#ButtonA div a { padding-left: 34px; }
#ButtonA div a:hover { background: url("LeftNavHot156-474.jpg") no-repeat 0px 0px; }

#ButtonB div { width: 130px; height: 70px; }
#ButtonB div a { padding-left: 30px; }
#ButtonB div a:hover { background: url("LeftNavHot156-474.jpg") no-repeat 0px -70px; }

#ButtonC div { width: 138px; height: 70px; }
#ButtonC div a { padding-left: 32px; }
#ButtonC div a:hover { background: url("LeftNavHot156-474.jpg") no-repeat 0px -140px; }

#ButtonD div { width: 148px; height: 70px; }
#ButtonD div a { padding-left: 34px; }
#ButtonD div a:hover { background: url("LeftNavHot156-474.jpg") no-repeat 0px -210px; }

#ButtonE div { width: 154px; height: 70px; }
#ButtonE div a { padding-left: 34px; }
#ButtonE div a:hover { background: url("LeftNavHot156-474.jpg") no-repeat 0px -280px; }

#ButtonF div { width: 154px; height: 70px; }
#ButtonF div a { padding-left: 20px; }
#ButtonF div a:hover { background: url("LeftNavHot156-474.jpg") no-repeat 0px -350px; }

#ButtonG div { width: 140px; height: 70px; }
#ButtonG div a { padding-left: 30px; }
#ButtonG div a:hover { background: url("LeftNavHot156-474.jpg") no-repeat 0px -420px; }

/* Content Container */

#Content {margin-left: 164px; padding-right: 6px; }

/* Page Footer */

#Footer { padding-top: 25px; margin-left: 164px; margin-top: 10px; text-align: center; font-size: 12px; clear: both; }
#Footer div { margin: 10px 0px 0px 0px; }
#FooterStyleSheetOptions ul { list-style: none; display: inline; margin: 0px; padding: 0px; }
#FooterStyleSheetOptions ul li { display: inline; padding: 10px; }
#FooterStyleSheetOptions ul { list-style: none; display: inline; margin: 0px; padding: 0px; }
#FooterStyleSheetOptions ul li { display: inline; padding: 10px; }


/* Content Level Formatting */
/* Site Wide */

h1 { font-size: 26px; font-weight: bold; margin-top: 0px; }
h2 { font-size: 16px; font-weight: bold; margin-top: 0px; }
ol li { margin-top: 16px; }
.LeftFloat { float: left; display: inline; }
.RightFloat { float: right; display: inline; }
.Center { text-align: center }
.BorderSolid { border: 1px #051A78; border-style: solid; margin: 10px; padding: 10px; }
.FloatBoxLeft { float: left; padding: 12px 12px 12px 6px; margin: 12px; border: solid 1px #051A78; }
.ImageLeft { float: left; margin-right: 10px; margin-bottom: 10px; }
.ImageRight { float: right; margin-left: 10px; margin-bottom: 10px; }
.ClearBoth { clear: both; }
.ClearLeft { clear: left; }
.ClearRight { clear: right; }
img.JRoundedImage { } /* Included so that it can be used when editing */

/* Special Rounded Corners (engaged by Javascript) */
#MainBody div.JRoundedImageTop { position: absolute; top: 0px; left: 0px; width: 100%; height: 40px; background: url(JRoundedImage-600-600.png) top left; }
#MainBody div.JRoundedImageRight { position: absolute; top: 0px; right: 0px; width: 40px; height: 100%; background: url(JRoundedImage-600-600.png) top right; }
#MainBody div.JRoundedImageBottomLeft { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 40px; background: url(JRoundedImage-600-600.png) bottom left; }
#MainBody div.JRoundedImageBottomRight { position: absolute; bottom: 0px; right: 0px; width: 40px; height: 40px; background: url(JRoundedImage-600-600.png) bottom right; }
/* IE6 GIF hacks /*
* html #MainBody div.JRoundedImageTop { position: absolute; top: 0px; left: 0px; width: 100%; height: 40px; background: url(JRoundedImage-600-600.gif) top left; }
* html #MainBody div.JRoundedImageRight { position: absolute; top: 0px; right: 0px; width: 40px; height: 100%; background: url(JRoundedImage-600-600.gif) top right; }
* html #MainBody div.JRoundedImageBottomLeft { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 40px; background: url(JRoundedImage-600-600.gif) bottom left; }
* html #MainBody div.JRoundedImageBottomRight { position: absolute; bottom: 0px; right: 0px; width: 40px; height: 40px; background: url(JRoundedImage-600-600.gif) bottom right; }


/* Page Specific */


/* Home Pages */
#HomeLogo { float: left; width: 280px; height: 220px; background: url("Logo280-220.jpg") no-repeat; }
#MainBody .HomePageContent { margin: 10px 0px 0px 340px; font-size: 16px; font-weight: bold; max-width: 500px; }


/* Articles and Reviews */
#MainBody .UnpublishedItem { opacity: 0.5; -moz-opacity:0.5; }


/* Blogs */

#MainBody .BlogStreamNarrow { margin-right: 200px; }
#MainBody .BlogStreamWide { margin-right: 0px; }
#MainBody .BlogFeatures { width: 180px; margin-top: 0px; float: right; }
#MainBody .BlogFeatures div { padding-bottom: 20px; margin-bottom: 20px; font-size: 16px; font-weight: bold; text-align: center; }
#MainBody .BlogFeatures h1 { font-size: 16px; font-weight: bold; background: url(BoxBackground-1600-140.jpg) no-repeat; color: #ffffff; padding: 6px; margin: 0px 0px 10px 0px; }
#MainBody .BlogFeatures ul { text-align: left; margin-bottom: 0px; list-style: none; margin-left: 20px; padding: 0px; }
#MainBody .BlogFeaturesRSS a { margin: 0px auto 0px auto; display: block; width: 80px; height: 15px; background: url("BlogRSS-80-15.jpg"); }
#MainBody .BlogFeaturesRSS a span { display: none; }
#MainBody .BlogEntry { margin: 0px 0px 20px 0px; border-right: solid 1px #0D45D3; }
#MainBody .BlogEntryHeader { background: #0D45D3 url(BoxBackground-1600-140.jpg) no-repeat top left; color: #ffffff; padding: 6px 6px 6px 12px; }
#MainBody .BlogEntryHeader div span { font-size: 16px; font-weight: bold; }    
#MainBody .BlogEntryHeader div label { display: block; float: left; width: 100px; }
#MainBody .BlogEntryBody { padding: 6px 6px 6px 12px; }
#MainBody .BlogEntryBody .TinyMCETextArea { width: 99%; height: 550px; }    
#MainBody .BlogEntryFooter { background: #0D45D3 url(BoxBackground-1600-140.jpg) no-repeat bottom left; color: #ffffff; font-size: 12px; padding: 6px 6px 6px 12px; }
#MainBody .BlogEntryFooter a { color: #ffffff; }
#MainBody .BlogEntryFooter .BlogEntryFooterCommands { float: left; }
#MainBody .BlogEntryFooter .BlogEntryFooterCommands a { margin-right: 10px; }
#MainBody .BlogEntryFooter .BlogEntryFooterLinks div { float: left; }
#MainBody .BlogEntryFooter .BlogEntryFooterLinks .BlogEntryFooterLinksPermalink a, .BlogEntryFooter .BlogEntryFooterLinks .BlogEntryFooterLinksServices a { margin-right: 10px; }
#MainBody .BlogEntryFooter .BlogEntryFooterLinks .BlogEntryFooterLinksComments { display: block; float: right;  text-align: right; margin-left: 20px; }
#MainBody .BlogEntryFooter .BlogEntryFooterLinks .BlogEntryFooterLinksTags { display: block; float: none;  text-align: right; }
#MainBody .BlogEntryFooter ul { padding-left: 0px; margin: 0px; list-style-type: none; display: inline; }
#MainBody .BlogEntryFooter ul li { display: inline; margin-left: 6px; }
#MainBody .BlogNavigation { margin-right: 200px; margin-top: 20px; text-align: center; }
#MainBody .BlogNavigation a { font-weight: bold; margin-left: 50px; margin-right: 50px; padding: 4px; border: outset 1px #051A78; text-decoration: none; }
#MainBody .CommentsStream { margin: 0px 0px 20px 40px; }
#MainBody .CommentsEntry { margin-bottom: 20px; border: solid 1px #0D45D3; }
#MainBody .CommentsEntryHeader { font-style:italic; margin-bottom: 10px; padding: 6px; }
#MainBody .CommentsEntryBody { padding: 6px; }
#MainBody .CommentsEntryFooter { background: #0D45D3 url(BoxBackground-1600-140.jpg) no-repeat bottom left; color: #ffffff; font-size: 12px; padding: 6px 6px 6px 12px; }
#MainBody .CommentsEntryFooter a { color: #ffffff; }
#MainBody .CommentsAdd { border: dashed 1px #051A78; padding: 10px; }
#MainBody .CommentsAdd h1 { font-size: 16px; font-weight: bold; margin: 0px; }
#MainBody .CommentsAdd div { padding: 4px; }
#MainBody .CommentsAdd label { display: block; float: left; width: 150px; }
#MainBody .CommentsAdd textarea { width: 99%; }

/* Articles */
#MainBody .ArticleGroup { float: left; width: 250px; margin: 10px; background: #0D45D3 url(BoxBackground-250-350.jpg) no-repeat; color: #ffffff; }
#MainBody .ArticleGroup .InnerWrapper { background: url(BoxBackgroundBottom-250-12.png) center bottom no-repeat; }
* html #MainBody .ArticleGroup .InnerWrapper { background: url(BoxBackgroundBottom-250-12.gif) center bottom no-repeat; } /* IE 6 GIF substitution */
#MainBody .ArticleGroup a { color: #ffffff; }
#MainBody .ArticleGroup h2 { text-align: center; padding-top: 10px; }
#MainBody .ArticleGroup ul { margin-bottom: 0px; padding-bottom: 10px; }
#MainBody .ArticleGroup ul li { margin-top: 10px; padding-right: 30px;  }



/* Contact Section */

#ContactForm { width: 500px; border: solid 1px #051A78; }
#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 */
#MainBody .AdminFormRow { margin-bottom: 10px; }
#MainBody .AdminFormLabel { float: left; width: 130px; font-weight: bold; }
#MainBody .AdminFormItem { padding-left: 20px; }