﻿<style>
<!--

/*
--------------------------------------------------------------------------------
Name:     	Beast on the East River
Designer: 	Mack Richardson
URL:     	http://www.theconservativevoice.com/boter/
Date:     	21 Oct 2006
----------------------------------------------------------------------------- */

/* NOTE:  RBL = Remove Before Launch.  Elements marked RBL are for development and testing and should be removed. */
/* TODO: All image references use a full URL during testing.  These should be changed to relative references before this design goes live. */
/* TODO: Remove fixed heights from "flexible" elements before this design goes live.  (ie. #outer, #content) */

/* STANDARD REDECLARATIONS
----------------------------------------------------------------------------- */

/* General HTML Tag Styling */
*, html { margin: 0; padding: 0; }
body { background: #211d1e url('/img/common/bg.jpg') 50% 0 repeat-y; margin: 0; padding: 0; font-family: 'lucida sans unicode', 'lucida grande', Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; }
h1, h2, h3, h4, h5, h6 { margin: 0; letter-spacing: -1px; font-weight: normal; font-size: 14px }
h1 { font-size: 18px; font-family: georgia, "Times New Roman", Times, serif; font-weight: 700; }
h3 { font-size: 12px; color: #333; letter-spacing: normal; padding-top: 10px; }
p { margin-left: 50px; margin-right: 60px; margin-top: 5px; text-align: justify; font-size: 12px; line-height: 18px; }
a { color: #0a4f73; text-decoration: none; border-bottom: 1px dotted #0a4f73; }
a:hover { background-color: #e8f7ff; }
img { border: none; }
img.headline { margin: 5px 0 0 0; }
img.floatLeft { float: left; margin: 10px 15px 5px 10px; }
img.floatRight { float: right; margin: 10px 10px 5px 15px; }
blockquote { margin: 0; padding: 0; font-family: Georgia, "Times New Roman", Times, serif; line-height: auto; font-size: 14px; color: #333333; background: url('/img/common/quote.jpg') no-repeat top left; color: #0a4f73; text-align: justify; }
iframe.floatLeft { float: left; margin-left: 50px; margin-right: 10px; margin-bottom: 10px; margin-top: 10px; }
iframe.floatRight { float: right; margin-right: 60px; margin-left: 15px; margin-bottom: 10px; margin-top: 10px;}
object { margin: 0; padding: 0; }

/* Table Styling */
table { margin: 0; padding: 0; border-collapse: collapse; margin: 5px 0 0 50px; }
tr { margin: 0; padding: 0; }
caption, th, td { margin: 0; padding: 5px; }

/* List Styling */
ul { margin: 10px 85px 10px 80px; padding-left: 0; list-style: none; text-align: justify; font-size: 11px; }
li { margin-top: 10px; padding-left: 18px; font-style: italic; }

/* Form Styling */
input, textarea { margin-top: 5px; }
fieldset { border: none; }
form { margin: 0; padding: 0; border: none; }
label { font-size: 12px; }

/* LAYOUT STYLES
----------------------------------------------------------------------------- */

/* Outer Content Wrappers */
#container { margin: 0 auto; padding: 0; width: 740px; }

/* Page Header */
#pageHeader { background: url('/img/common/header.jpg') no-repeat 0 0; margin: -15px 0 0 0; padding: 0; width: 100%; height: 164px; }

/* #pageHeader a { display: block; text-indent: -20000px; overflow: hidden; width: 303px; height: 105px; margin: 0; padding: 0; border: none; float: left; } */

#pageHeaderBottom { background: url('/img/common/header_bottom.jpg') no-repeat 0 0; margin: 0 0 20px 0; padding: 0; width: 100%; }

#pageHeaderBottom h1, 
#pageHeaderBottom h2, 
#pageHeaderBottom h3,
#pageHeaderBottom h4,
#pageHeaderBottom h5,
#pageHeaderBottom h6 { margin-left: 50px; }

#pageHeaderBottom h1 { padding-top: 10px; }
#pageHeaderBottom blockquote { margin-top: 20px; margin-right: 75px; margin-left: 45px; padding: 10px 0 0 35px; }
#pageHeaderBottom p { margin-left: 50px; margin-right: 60px; padding-top: 5px; text-align: justify; }

/* Navigation Bar */
#navBar { background: url('/img/common/header_nav.jpg') no-repeat 0 0; padding: 0; height: 41px; margin-right: 0; width: 100%; }

#navBar ul { margin: 0 0 0 25px;  padding: 10px 0 0 0;  list-style: none; text-align: center; }
#navBar li { display: inline; margin: 0 10px; padding: 0; list-style-type: none; font-style: normal; }
#navBar a { float: left; line-height: 14px; font-wieght: bold; margin: 0 5px 0 8px; text-decoration: none; font-size: 10px; border-bottom: none; }
#navBar a:hover, #navBar a.active { color: #000000; border-bottom: 1px #000 dotted; background-color: transparent; }

/* Content Wrapper */
#content { width: 100%; margin: 0; padding: 0; }

/* Main Content Area */
#main { margin: 0 auto; padding: 0; width: 740px; }

/* Sidebar */
#sideBar { margin: 0; padding: 0 0 0 2px; width: 200px; float: left; font-size: 10px; color: #fff; }
#sideBar .signature { margin-right: 10px; margin-bottom: 10px; float: right; }
#sideBar ul.side { margin: 0 0 10px 10px; padding: 0; list-style: none; font-size: 11px; line-height: 16px; }
#sideBar li { margin: 0 5px 0 0; padding-left: 16px; }
#sideBar h2 { margin: 0; padding: 5px 10px 0 10px; font-size: 11px; font-wieght: bold; }
#sideBar h1 { display: none; }
#sideBar h2.first { padding: 45px 10px 0 10px; }
#sideBar p.first { margin: 0; padding: 45px 10px 5px 10px; }
#sideBar p { margin: 0; padding: 0 10px 5px 10px; }
#sideBar a { color: #ffffff; }

/* Footer */
#footer { width: 100%; height: 80px; margin: 0 auto 10px auto; padding: 15px 10px 10px 10px; text-align: center; line-height: 15px; }
#footer p { line-height: auto; font-size: 10px; color: #000; text-align: center; }
#footer ul { background: transparent; padding: 0; list-style: none; text-align: center; }
#footer li { display: inline; margin: 0 5px; padding: 0; background: none; font-style: normal; }
#footer a:hover, #footer a.active { color: #000; }

/* CLASSES
----------------------------------------------------------------------------- */
.clear { clear: both; }
.bold { font-weight: bold; margin-top: 10px; margin-bottom: 5px; }
.hide { display: none; }
.alert { color: #670001; }
.altRow { background-color: #EEF4F2; }
.divider { margin: 20px auto; width: 550px; height: 22px; }
.disclaimer { font-size: 10px; color: #666666; }
.new { margin-top: 18px; margin-right: 5px; }
.floatLeft { float: left; }
.floatRight { float: right; }
.imgLeft { float: left; padding: 0; margin-left: 50px; margin-right: 10px; }
.sandbag { float: right; margin: 0 0 10px 20px;  width: 230px; height: 100px; }
.sandbagFree { float: right; margin: 0 0 10px 15px;  width: 230px; }
.author { margin: 10px 0 10px 45px; padding: 0; font-family: Georgia, "Times New Roman", Times, serif; line-height: 1.3em; font-size: 12px; color: #0a4f73; text-align: right; width: 82%; font-weight: bold; }
.sandbagAd { margin-top: 140px; margin-left: 40px; }
.italic { font-style: italic; }
.title { font-style: italic; text-decoration: underline; }
.normal { font-weight: normal; text-decoration: none; }
.banner { border: none; }
a.banner:hover { background-color: transparent; }
.movie { width: 425px; height: 350px; margin: 5px 0 0 160px; padding: 0; }

.audio, .request { width: 60%; background-color: #EEF4F2; border: 1px solid #9FC8F4; margin: -1px 10px 0 40px; padding: 3px 0; }
.audio p, .request p { margin: 0 0 5px 0; padding: 0; font-size: 10px; }
.audio a img, .request a img { float: left; margin: 0 5px; padding: 0; }

.request { background-color: #eee; border: 1px solid #ccc; margin-bottom: 10px; }


/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */	

-->
</style>