@charset "utf-8";
/* CSS Document */

body{width: 875px; margin: 15px auto; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 15px; background: url(images/pageBackground.jpg) repeat-x left bottom #A59B45;}

h1 {}

h2 {display: block; padding: 3px; width: 200px; background-color: #FFFFCC; font-size: 14px;}

h3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 15px; margin: 4px 0px 0px 0px;}

p {font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 13px;}

p a {color: #333333; text-decoration: underline;}

p a:hover {text-decoration: underline;}

td {margin: 0px auto; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 13px;}

a img {border: 0px;}
clearLeft {clear: left;}
clearRight {clear: right;}
clearBoth {clear: both;}

.noLine a, .noLine, .noLine p, .noLine p a {text-decoration: none;}
.noLine a:hover, .noLine p a:hover {color: #663300;}
#theContainer {float: left; width: 875px; background-color: #fff; min-height: 400px;}
#header, #navigation {float: left; width: 875px;}

#header {height: 130px; background: url(images/headerBackground.jpg) no-repeat;}

#Hbox1 {width: 800px; float: left;}
#Hbox2 {width: 225px; float: right; margin: 10px;}

.CboxRight {display: block; width: 185px; padding: 3px 8px; float: right; margin: 0px 5px; font-size: 14px; line-height: 15px; color: #666666; font-variant: small-caps;}
.Hbox_search {height: 30px; width: 225px; float: left; margin: 23px 10px 0px 15px; font-variant: small-caps; color: #FFFFFF; font-weight: bold;}
.Hbox_bannerEMP {float: left; width: 300px; height: 70px; margin: 5px 12px 0px 50px;}
.memberLoginGraphic {float: right; width: 130px; height: 65px; margin: 8px 0px 0px 0px;}
#membersLinks {text-align: right; float: right; width: 300px; margin: 2px 10px 0px 0px;}
#membersLinks a {font-family: Verdana, Arial, Helvetica, sans-serif; color: #999999; text-decoration: none;}
#membersLinks a:hover {color: #5E4618;}
.membersPageEzine {font-family: Verdana, Arial, Helvetica, sans-serif; color: #999999; text-decoration: none; font-size: 11px; line-height: 12px;}

.Hbox_search form {margin: -1px;}
#navigation {margin: 28px 0px 0px 0px;}
#col5 {padding: 15px; float: left; width: 400px;}
#contentTitle {float: right; width: 630px; height: 91px; background: url(images/contentTitle_background.jpg) no-repeat right;}
#contentTitle a {text-decoration: none; color: #000;}
.theTitle {float: left; width: 300px; margin: 12px 0px 0px 10px;}
.theTitle_subscribe {float: left; width: 320px; margin: 20px;}
.theTitleGOLD {float: left; width: 300px; margin: 8px 20px 20px 20px;}
#titleLogo {float: left; width: 203px; height: 85px; margin: 0px 0px 0px 5px;}
.theHeaderTitle {float: left; width: 340px; margin: 22px 15px 0px 0px;}
.theHeaderTitle a {text-decoration: none; color: #fff;}
.theSignUp {float: right; width: 258px;}
.reviewButton {}
#theContent {float: left; min-height: 400px; background: #fff url(images/content2_background.jpg) right 100px no-repeat;; width: 875px; margin: 0px auto;}
#leftCol {float: left; width: 240px; background: url(images/leftBackground_tile.jpg) repeat-y left;}
.leftContent1 {margin: 10px;}
.leftContent1 ul {margin: -1px 0px 0px -1px; list-style-type: none;}

.leftContent li, theFloatLeftContent1 li, .contentLeft, .contentLeft p
{font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 13px;}
.theadwords {margin: 0px auto 0px 50px; padding: 0px 0px 0px 20px; width: 120px;}

.leftContent1 li
{
display: block;
margin: 0px 20px 8px 5px !important;
margin: 0px 10px 8px 5px;
font-size: 12px;
line-height: 13px;
}

.contentLeft {float: left; width: 380px;}
.contentLeftB {float: left; width: 600px;}
.theLeftColNews {padding: 2px 18px 2px 10px;}
.theFloatLeftContent1 {float: left; width: 275px;}
.theFloatLeftContent2 {float: left; width: 275px; margin: 0px 0px 20px 50px;}
.theFloatLeftContent1 ol {margin: 20px 0px 0px -1px; width: 265px;}
.theFloatLeftContent1 li {display: block; height: 20px; list-style-type: none; margin: 0px 0px 5px 20px;}
.theFloatLeftContent1 li a, .theFloatLeftContent1 li a:hover {color: #FFFFFF; background: url(images/whtSquare_off.gif) no-repeat #BA9547 left; display: block; height: 20px; padding: 3px 0px 1px 28px;}
.theFloatLeftContent1 li a:hover {background: url(images/whtSquare_on.gif) no-repeat #BA9547 left;}
.theQuickSignUp {float: right; width: 220px; margin: 12px 12px 8px 0px; padding:  8px;}
.requiredTXT {font-family: Century, "Century Gothic"; font-size: 14px; color: #990000;}
#logo {margin: 0px 0px 0px 10px;}
#theFooter {clear: both; text-align: center; font-variant: small-caps; font-size: 11px; line-height: 10px; padding-top: 10px; border-top: 1px solid #dedede;}
#theFooter a {color: #CCCC33;}

/* ADMIN Styles */

#adminTables {float: left; width: 620px;}
.beigeAdminTables {background-color: #FAFBD7;}
#theMembersInfo {font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 12px; color: #666666; width: 820px; background: url(images/transparentBack.png) repeat; margin: 10px auto;}

#theMembersInfo td, #updateMembers td, #theAddMemberTable td
{text-align: left; border-bottom: 2px groove #dedede; font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 12px;}

#updateMembers th, #memberSearchResults th, .memberTitleCell, .memberInfoCell
{text-align: center;}

#adminCpanel {width: 623px; height: 354px; float: left; margin: 20px auto 20px 120px; background: url(images/cPanel_background.jpg) no-repeat center center;}

#buttonManageMembers, #buttonAddMembers, #buttonUnderDevelopment
{float: left; width: 159px; height: 157px; margin: 15px 0px 0px 25px;}

#buttonManageMembers a {background: url(images/membersButton.png);}
#buttonManageMembers a:hover {background: url(images/membersButton_on.png);}
#buttonAddMembers {}
#buttonUnderDevelopment {}
#quickSearch {float: right; width: 300px; height: 115px; margin: 10px 0px 50px auto; padding-top: 40px; background: url(images/quickSearchBack.png) no-repeat; padding-left: 20px;}
.memberHeader {background-color: #CCCCCC; font-weight: bold;}
#dataCounter {}
#thePadlock {float: right; width: 15px; height: 19px; margin-top: -8px;}
.oddCell {background: url(images/transparentBack.png) repeat;}
.accessLevels {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 11px; width: 98%; float: right;}

/* FONTS */

.justGreen {color: #006600;}
.brown {color: #663300; font-weight: bold; letter-spacing: .1em;}
.smallCapsWHT16px, .smallCapsWHT16px a
{font-size: 20px; font-variant: small-caps; color: #FFFFFF; font-weight: bold; line-height: 22px; text-decoration: none;}

.ltGreen14px, .ltGreen14px a
{color: #CCCC00; font-size: 16px; text-decoration: none; font-weight: bold;}

.titleBlack14px, .titleBlack14px a
{font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; line-height: 20px; text-decoration: none; color: #000;}

.titleBrown16px, .titleBrown16px a
{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-variant: small-caps; color: #5F3801; font-weight: bold; text-decoration: none;}

.titleTan16px, .titleTan16px a
{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-variant: small-caps; color: #FAFBD7; font-weight: bold; text-decoration: none;}

/* Pics */

.pix10pxMargin {margin: 5px;}

/* Misc */

.theSubscribeBox1, .theSubscribeBox1 td
{margin: 15px auto 0px 12px; text-align: left;}

.theSubscribeBox1 {padding-left: 2px; padding-top: 8px;}

.shootMeLeft, .shootMeLeft td {align:left;}
.simpleLink a {color: #0033FF; text-decoration: underline;}
.simpleLink a:hover {}

.theHeadlineTitleBlock {display: block; padding: 4px; background: #F2F2F2;}
.theHeadlineTitleBlock a {color: #000;}
.smallerHeadLine {font-size: 11px; line-height: 13px;}

#LogInContainer {margin: 10px 20px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 14px;}
#LogInContainer td {text-align: left;}
#theSubscribeBox {float: left; width: 520px; margin: 0px 0px 0px 10px; padding-right: 25px; border-left: 1px double #999999;}
.WAATKDataTable td, #theSubscribeBox td {text-align: left;}

/* the animated header navigation */

.animatedtabs {overflow: hidden; width: 100%; font-size: 11px !important; font-size: 12px; /*font of menu text*/}


.animatedtabs ul{
list-style-type: none;
margin: 0px;
margin-left: 5px; /*offset of first tab relative to page left edge*/
padding: 0px;
}

.animatedtabs li{float: left; margin: 0px; padding: 0px;}

.animatedtabs a {
float: left;
top: 5px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
background: url(media/tab-blue-left.gif);
background-position: 0% 0%;
background-repeat: no-repeat;
margin-top: 5px;
margin-right: 2px; /*Spacing between each tab*/
padding: 0px 0px 0px 9px;
text-decoration: none;
}

.animatedtabs a span{
float: left;
display: block;
background: url(media/tab-blue-right.gif) no-repeat right top;
padding: 5px 14px 3px 5px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
font-weight: bold;
color: black;
}

/* ADMIN Upload Styles */

#clientUpload {width: 260px; float: right; margin: 15px 10px 0 0; padding: 0; height: 135px;}
#clientUpload2 {width: 250px; float: left; margin: 15px 10px 0 0; padding: 0; height: 135px;}

/* Employment Page */

#employBannerDiv {background: #fff url(images/employmentBanner.gif) no-repeat top left; width: 725px; height: 140px; float: left; clear: left;}
#emPost_table {margin: 90px 0 0 0; font-size: 11px; line-height: 13px; font-weight: bold; color: #666666;}
#emPost_table a {color: #666666; text-decoration: none;}
#emPost_table a:hover {color: #000;}

/* MoneyWatch Styles */

#theContentMW {float: left; min-height: 400px; background-color: #fff; width: 875px; margin: 0px auto; background: url(images/mw1000/MWbackground.jpg) no-repeat right bottom;}
#MWinfo {width: 620px; float: left; margin: 10px auto;}
#MWinfoCpanel {width: 425px; float: left; margin: 10px auto;}
#MWinfoNav {float: right; width: 181px; margin: 20px 12px 10px 0px;}
#MWinfo ul {margin-left: -20px;}
#MWinfo li, #MWinfoCpanel li {display: block; width: 125px; height: 134px; float: left; list-style-type: none; margin-left: 2px;}

#MWinfo li a, #MWinfo li a:hover, #MWinfoCpanel li a, #MWinfoCpanel li a:hover
{color: #000; display: block; float: left; width: 125px; height: 134px;}

#MWinfo li a:hover {background: #BA9547 url(images/whtSquare_on.gif) no-repeat left;}
.lookAtMe {display: block; padding: 3px; width: 400px; background: #FFFFCC; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;}
.noList li {list-style-type: none;}
#MWleftCol, #MWrightCol {float: left; padding: 5px;}
#MWleftCol {width: 360px;}
#WBtable {text-align: center;}
#WBtable td {text-align: center;}
#WBtable th {font-size: 12px; color: #996600;}
#MWrightCol {width: 250px;}
#askDanForm {width: 200px; margin: 0px auto;}
#subscriberWBR {width: 628px; height: 98px; background: url(images/subscriberWBR_header.jpg) no-repeat;}
.tuneIn {}
#MWlogoRight {float: right; width: 122px; margin: 12px 8px 0px 0px;}
.evenRadio {background-color: #FAFBD7;}
.oddRadio {background-color: #F2F2F2;}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.animatedtabs a span {float:none;}
/* End IE5-Mac hack */


.animatedtabs .selected a {background-position: 0px -125px; top: 0px;}

.animatedtabs .selected a span{
background-position: 100% -125px;
color: black;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0px;
}

.animatedtabs a:hover {background-position: 3% -135px; top: -5px;position: relative;}

.animatedtabs a:hover span{
background-position: 100% -125px;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0px;
}

/* Application Form Styles */

#employmentApp {background-color: #fff; padding: 9px; width: 720px;}
.printPage1 {cursor: pointer; width: 35px; float: right; margin: 9px;}
#employmentApp legend {font-variant: small-caps; font-size: 15px; line-height: 17px; color: #666600; font-weight: bold;}
#employmentApp fieldset {}
.separator1 {background-color: #FAFBD7;}
#employmentReplyPage {margin: 50px;}

<link rel="stylesheet" href="http://app.quotemedia.com/css/tools.css">
<style type="text/css">
.qmmt_main, .qmmt_text, .qmmt_text_up, .qmmt_text_down, .qmmt_cycle, .qmmt_tab, .qmmt_tabactive{ font: 11px arial; }
.qmmt_main, .qmmt_text, .qmmt_cycle, .qmmt_tab, .qmmt_tabactive{ color: #666; }
.qmmt_header_text{ font: bold 12px arial; color: #444; }
.qmmt_header_textBOLDRED{ font: bold 14px arial; color: #9e0b0f; }
.qmmt_main, .qmmt_header_bar, .qmmt_tab, .qmmt_tabactive{ border-color: #ccc; }
</style>