﻿/* GENERAL CONTENTS */
* { padding:0; margin:0; }

a { text-decoration:none; color: #4AB6BE;}
a:hover { }

.blue { color: #00f !important; }

body { background: #C1CA83; font-family:Arial, helvetica, Sans-Serif; font-size:11px; color:#6D6F71; }

.bold { font-weight: bold !important; }

.breaker { display: block; clear: left; margin: -0.66em 0; visibility: hidden;}
.breakerRight { display: block; clear: right; margin: -0.66em 0; visibility: hidden; }

.centered { text-align: center; }
.clear { clear:both; }

h1 { color: #458637; font-size: 22px; font-family:Arial, helvetica, Sans-Serif; font-weight: normal; }
h2 { color: #458637; font-size: 18px; font-family:Arial, helvetica, Sans-Serif; font-weight: normal; }
h3 { color: #458637; font-size: 16px; font-family:Arial, helvetica, Sans-Serif; font-weight: normal; }
h4 { color: #458637; font-size: 14px; font-family:Arial, helvetica, Sans-Serif; font-weight: normal; }
h5 { color: #458637; font-size: 12px; font-family:Arial, helvetica, Sans-Serif; font-weight: normal; }

img { border:0; }

.italic { font-style: italic !important; }

li { margin: 0; }

.noborder { border:0 !important; }

p { margin:10px 0; line-height:16px; }

.red { color: #f00 !important; }

ul { margin: 0; }

/* LAYOUT AND MAIN*/

#container { width:815px; margin: 15px auto; padding: 5px; background: #fff;}
#container #content { width: 795px; margin: 0px auto; background: #fff; }

#footer { float: left; display: inline; margin-top: 20px; background: url(/images/footer-bar.jpg) no-repeat top left; width: 792px; height: 31px; margin-left: 10px; }
#footer a { color: #fff; }
#footer #atomic { float: right; margin-right: 20px; width: 250px; }
#footer #atomic p { color: #fff; font-weight: bold; font-size: 12px; margin-top: 7px; }
#footer #atomic p a { color: #fff; }
#footer #atomic p a:hover { color: #000; }
#footer #pagename { float: left; display: inline; margin-left: 20px; width: 250px; }
#footer #pagename p { color: #fff; font-weight: bold; font-size: 12px; margin-top: 7px;}

#header { height: 270px; float: left; display: inline; width: 100%; }
#header #bottomContainer { float: left; display: inline; margin-left: 5px; }
#header #bottomContainer .ppTab { float: left; background: url(/images/pp_nav_tab.jpg) no-repeat top left; width: 125px; height: 36px; margin-left: 5px; }
#header #bottomContainer .ppTab a { text-align: center; line-height: 36px; color: #fff; float: left; width: 125px; }
#header #bottomContainer .ppTab a:hover { text-align: center; line-height: 36px; color: #fff; float: left; width: 125px;}
#header #bottomContainer #ticker { background: url(/images/pp-ticker.jpg) no-repeat top left; width: 504px; height: 34px; float: left; margin-left: 10px; }
#header #bottomContainer #ticker .tickerDivider { color: #fff; float: left; margin-left: 15px; margin-right: 15px; line-height: 34px; font-size: 14px; height: 34px; }
#header #bottomContainer #ticker .tickerItem { float: left; margin-right: 15px; height: 34px; }
#header #bottomContainer #ticker .tickerItem p { color: #fff; font-size: 14px; line-height: 34px; margin: 0; }
#header #flashContainer { background: url(/images/pp_banner.jpg) no-repeat top left; float: left; display: inline; width: 100%; height: 216px; }
#header #flashContainer #smallLinks { float: left; display: inline; margin-top: 5px; margin-left: 25px; font-size: 12px; }
#header #flashContainer #smallLinks a { color: #000; }
#header #flashContainer #smallLinks a:hover { color: #5B9046; }

#mainContent { float: left; display: inline; }

#mainContent #contentLeft { float: left; display: inline; width: 200px; }
#mainContent #contentLeft #linksBox { color: #326629; width: 200px; margin-top: 10px; float: left; display: inline; }
#mainContent #contentLeft #linksBox a { clear: both; margin-bottom: 10px; width: 180px; }
#mainContent #contentLeft #linksBox img { float: right; margin: 0 0 10px 0; clear: both;}
#mainContent #contentLeft #linksBox #linksBoxContent { background: url(/images/linksContent.jpg) repeat-y top left; padding: 0 10px; width: 180px;}
#mainContent #contentLeft #linksBox #linksBoxContent h4 { margin-left: 10px; float: left; display: inline; width: 140px; }
#mainContent #contentLeft #linksBox #linksBoxContent #h4dash { margin-left: 10px; float: left; display: inline; margin-bottom: 10px; clear: both; width: 178px;}
#mainContent #contentLeft #newsletterBox { padding: 10px; float: left; display: inline; background: url(/images/small-green-gradient.gif) no-repeat top left; width: 180px; height: 134px; }
#mainContent #contentLeft #newsletterBox h3 { margin: 10px 0 10px 0; float: left; display: inline; width: 158px; color: #65964E; }
#mainContent #contentLeft #newsletterBox img { float: left; display: inline; clear: none; margin-right: 5px;}
#mainContent #contentLeft #newsletterBox .input { float: left; display: inline; border: 1px solid #B7C9A1; clear: both; width: 175px; }
#mainContent #contentLeft #newsletterBox .newsletterBoxSubmit { float: left; display: inline; clear: both; margin-left: 120px; margin-top: 5px; }
#mainContent #contentLeft #newsletterBox p { margin: 0 0 3px 0px; float: left; display: inline; clear: both; width: 158px; color: #000; }
#mainContent #contentLeft #quotesBox { color: #326629; width: 200px; margin-top: 10px; float: left; display: inline;}
#mainContent #contentLeft #quotesBox img { float: left; display: inline; margin: 0; }
#mainContent #contentLeft #quotesBox #quotesBoxContent { background: url(/images/quoteContent.jpg) repeat-y top left; padding: 0 20px; }
#mainContent #contentLeft #quotesBox #quotesBoxContent p { margin-bottom: 0px; }
#mainContent #contentLeft #stockAlertBox { float: left; display: inline; width: 200px; height: 113px; margin-top: 10px; }
#mainContent #contentMiddle #contactPane { padding: 25px; border: 1px dashed #C6D5B8; float: left; display: inline; width: 330px; }
#mainContent #contentMiddle #contactPane #ctl00_middle_btnSubmit { float: left; display: inline; margin-top: 10px; margin-left: 200px; clear: both; margin-left: 255px; }
#mainContent #contentMiddle #contactPane h2 { float: left; display: inline; font-size: 24px;  }
#mainContent #contentMiddle #contactPane #h2dash { float: left; display: inline; margin-bottom: 15px;}
#mainContent #contentMiddle #contactPane p { float: left; display: inline; line-height: 16px; clear: both; margin: 0 0 20px 0; }
#mainContent #contentMiddle #contactPane p a { color: #458637; }
#mainContent #contentMiddle #contactPane .txtBox { border: 1px solid #C6D5B8; width: 250px; float: left; display: inline; margin-left: 10px; }
#mainContent #contentMiddle #contactPane .txtLabel { float: left; display: inline; clear: both; width: 50px; text-align: right; margin-bottom: 20px; }
#mainContent #contentMiddle #featuredStocks { float: left; display: inline; padding: 5px; width: 370px;}
#mainContent #contentMiddle #featuredStocks .featuredEle { float: left; display: inline; height: 117px; width: 369px; background: url(/images/featured-box.jpg) no-repeat top left; margin-bottom: 10px; }
#mainContent #contentMiddle #featuredStocks .featuredEle .featuredIcon { height: 84px; width: 203px; float: left; display: inline; text-align: center; line-height: 84px; }
#mainContent #contentMiddle #featuredStocks .featuredEle .featuredIcon img { margin: auto auto auto 1px; vertical-align: middle; }
#mainContent #contentMiddle #featuredStocks .featuredEle .featuredLeft { float: left; display: inline; width: 203px; }
#mainContent #contentMiddle #featuredStocks .featuredEle .featuredLinks { float: left; display: inline; width: 145px; height: 115px; padding: 0 10px;}
#mainContent #contentMiddle #featuredStocks .featuredEle .featuredLinks a { float: left; display: inline; color: #326629; width: 130px; clear: both; text-decoration: underline; }
#mainContent #contentMiddle #featuredStocks .featuredEle .featuredLinks h3 { float: left; display: inline; width: 130px; font-weight: bold; font-size: 24px; }
#mainContent #contentMiddle #featuredStocks .featuredEle .featuredRight { float: left; display: inline; clear: none; }
#mainContent #contentMiddle #featuredStocks .featuredEle .featuredName { height: 31px; width: 203px; float: left; display: inline; }
#mainContent #contentMiddle #featuredStocks .featuredEle .featuredName p { margin: 0 0 0 10px; line-height: 31px; font-size: 13px; color: #fff; font-weight: bold;}
#mainContent #contentMiddle #featuredStocks .featuredEle .featuredName p a { color: #fff; cursor: hand; cursor: pointer; }
#mainContent #contentMiddle #featuredStocks h2 { margin-bottom: 15px; font-size: 20px; margin-left: 20px; margin-top: 10px; }
#mainContent #contentMiddle #featuredStocks .profileblurb { float: left; display: inline; clear: both; padding: 10px; color: #000; display: none; width: 330px; }
#mainContent #contentMiddle #featuredStocks .profileblurb p { color: #000; line-height: 12px; width: 330px; }
#mainContent #contentMiddle #featuredStocks .profileblurb h1 { width: 330px; }
#mainContent #contentMiddle #featuredStocks .profileblurb h2 { width: 330px; }
#mainContent #contentMiddle #featuredStocks .profileblurb h3 { width: 330px; }
#mainContent #contentMiddle #featuredStocks .profileblurb h4 { width: 330px; }
#mainContent #contentMiddle #featuredStocks .profileblurb h5 { width: 330px; }
#mainContent #contentMiddle { float: left; display: inline; width: 380px; margin-left: 7px; }
#mainContent #contentMiddle #middleBlurb { padding: 25px; border: 1px dashed #C6D5B8; float: left; display: inline; width: 330px; }
#mainContent #contentMiddle #middleBlurb h2 { float: left; display: inline; font-size: 24px; }
#mainContent #contentMiddle #middleBlurb h5 { float: left; display: inline; font-weight: bold; color: #000; margin-top: 20px; margin-bottom: 40px; }
#mainContent #contentMiddle #middleBlurb #h2dash { float: left; display: inline; margin-bottom: 15px;}
#mainContent #contentMiddle #middleBlurb p { float: left; display: inline; color: #000; line-height: 17px; }

#mainContent #contentRight { float: left; display: inline; width: 200px; margin-left: 7px; }
#mainContent #contentRight h5 { line-height: 31px; margin: 0 0 0 10px; color: #fff; font-size: 14px; font-weight: bold;}
#mainContent #contentRight #performanceStocks ul { float: left; display: inline; list-style: disc none outside; color: #326629; width: 75px; margin-left: 10px; }
#mainContent #contentRight .rightBottom { float: left; display: inline; width: 199px; height: 18px; clear: both; background: url(/images/right-tab-footer.jpg) no-repeat top left; }
#mainContent #contentRight .rightEle { margin-bottom: 10px; }
#mainContent #contentRight .rightTop { float: left; display: inline; width: 199px; height: 31px; background: url(/images/right-tab-header.jpg) no-repeat top left; }
#mainContent #contentRight .tabContent { float: left; display: inline; width: 179px; background: url(/images/right-tab-content.jpg) repeat-y top left; min-height: 40px; padding: 10px; }
#mainContent #contentRight #todaysPicks ul { float: left; display: inline; list-style: disc none outside; color: #000; width: 60px; margin-left: 20px;}
#mainContent #contentRight #yahooRates { float: left; display: inline; width: 200px; visibility: hidden; }
#mainContent #contentRight #yahooRates img { margin: 0; }
#mainContent #contentRight #yahooRates #yahooContent { background: url(/images/yahooContent.jpg) repeat-y top left; padding: 0 10px; width: 180px; margin-top: -3px; }