/* BODY ELEMENTS */
body {
	background: #333 url(../img/ppl_bg.jpg) repeat-x left top;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 125%;
	color: #333333;
}

/* PAGE ELEMENTS */
#page {
	background: url(../img/ppl_page_mid.jpg) repeat-y center top;
}

p {
	padding: 5px;
	color: #333333;
	margin: 0px;
}
a:link, a:visited {
	padding: 0px;
	color: #CC0000;
	margin: 0px;
	text-decoration: none;
}
a:hover {
	color: #CC0000;
	text-decoration: underline;
}
a img {
	border: 0px;
}
.sepr {
	margin: 0px 0px 5px;
	border-bottom: 1px dotted #E3E3E3;
	clear: both;
}
.clear {
	clear: both;
	padding: 0px;
	margin: 0px 0px 5px 0px;
}
.tiny {
	color: #CC0000;
	font: 11px Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-transform: capitalize;
	margin: 10px 0px 5px;
	padding: 0px 10px 0px 0px;
	display: block;
	text-align: right;
	clear: both;
}

/* NAVIGATION ELEMENTS */
.menu {
	color: #666666;
	padding: 8px 10px 15px 10px;
	margin: 0px;
	text-align: right;
	background: #000 url(../img/ppl_page_base.jpg) no-repeat center bottom;
}
.menu a:link, .menu a:visited {
	color: #666666;
	text-decoration: none;
	padding: 10px 0px 10px 10px;
	margin: 0px;
	text-transform: capitalize;

	border: 0px;
}
.menu a:hover {
	color: #CC0000;
	text-decoration: underline;
}
.flash {
	padding: 0px 10px;
	float: left;
}
#menuMain {
	color: #333333;
	padding: 10px 0px 8px;
	margin: 0px 0px 5px;
	text-align: center;
	background: url(../img/ppl_header_bar.jpg) repeat-x left center;
}
#menuMain a:link, #menuMain a:visited {
	color: #FFFFFF;
	text-decoration: none;
	padding: 11px 8px 9px 8px;
	margin: 0px;
	text-transform: uppercase;
	border: 0px;
}
#menuMain a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background: #D72519 url(../img/ppl_header_bar_over.png) repeat-x;
}
#menuMain .dropmenucss{
	position:absolute;
	visibility: hidden;
	font-size: 12px;
	z-index: 100;
	padding: 0px;
	margin: 2px 0px 0px 0px;
	text-transform: capitalize;
}

#menuMain .dropmenucss a{
	display: block;
	width: 150px;
	text-transform: capitalize;
	padding: 6px 8px;
	margin: 0px;
	color: #fff;
	text-align: left;
	background: #191919 repeat-x left center;
}

#menuMain .dropmenucss a:hover{ /*hover background color*/
	color: #fff;
	background: #D72519 url(../img/ppl_header_bar_over.png) repeat-x center left;
}

/* CONTENT ELEMENTS */
#cont {
	padding: 0px 5px;
	width: 500px;
	text-align: left;
	vertical-align: top;
}
#cont .indexboxl, #cont .indexboxr {
	width: 247px;
	float: left;
	padding: 0px;
	margin: 0px 0px 5px 0px;
	height: 260px;
	overflow: hidden;
}
#cont .indexboxl {
	margin: 0px 3px 5px 0px;
}
#cont .indexboxr {
	margin: 0px 0px 5px 3px;
}
#cont p {
	padding: 5px;
	color: #333333;
	margin: 0px;
}

/* BOX ELEMENTS */
#sides {
	text-align: left;
	vertical-align: top;
	padding: 0px;
	margin: 0px;
}
#box {
	font-size: 12px;
	text-align: left;
	vertical-align: top;
	padding: 0px;
	margin: 0px;
	width: 195px;
}
#box img {
	margin: 5px 15px 5px 0px;
	padding: 0px 0px 5px;
	text-align: right;
	border: 0px;
}
#box p {
	margin: 5px 0px;
	padding: 0px 5px;
}
#soapbox {
	background: #666 url(../img/ppl_speaker.jpg) no-repeat left bottom;
	color: #CC0000;
	font : 14px/120% normal Arial, Helvetica, sans-serif;
	height: 150px;
	padding: 0px 0px 10px 0px;
	margin: 0px;
}
#soapbox p {
	text-align: right;
	width: 100px;
	float: right;
	padding: 18px 10px 0px 0px;
	margin: 0px 0px 10px;
}

/* FOOTER ELEMENTS */
#foot {
	background: url(../img/ppl_page_base.jpg) center bottom no-repeat;
	text-decoration: none;
	padding: 10px 5px;
	margin: 0px;
	color: #999;
}
#foot p {
	margin: 0px;
	padding: 10px 0px 0px;
	text-align: center;
}
#foot .links {
	width: 840px;
	padding: 0px;
	margin: 0px auto;
	text-align: center;
}
#foot .colbox {
	width: 110px;
	padding: 10px 0px;
	margin: 0px 0px 0px 5px;
	float: left;
	text-align: left;
}
#foot .colbox p {
	text-align: left;
	padding: 0px 5px 5px 0px;
	margin: 0px;
}
.colbox a:link, .colbox a:visited {
	color: #999;
	text-decoration: none;
	margin: 0px;
	padding: 0px 5px 5px 0px
}
.colbox a:hover {
	color: #CC0000;
	text-decoration: underline;
}
#foot .boldfoot {
	font-size: 14px;
	font-weight: lighter;
	color: #cc0000;
	margin: 0px;
	padding: 8px 0px;
	text-align: center;
}
.copyright {
	color: #666;
	width: 880px;
	padding: 5px 15px 10px 15px;
	margin: 0px auto;
}
/* FORM ELEMENTS */
form {
	margin: 5px 0px 0px 0px;
	padding: 10px 0px;
	text-align: left;
	font-weight: normal;
}
.fborder, .fbordersml {
	margin: 5px auto;
	padding: 5px;
	border: 1px dashed #ddd;
}
.fborder {
	width: 440px;
}
.fbordersml {
	width: 380px;
}
#formlogin {
	margin: 5px 0px 0px;
	padding: 0px 0px 5px;
	text-align: right;
}
label {
	width: 120px;
	padding: 3px 10px 0px 0px;
	text-align: right;
	display: block;
	float: left;
}
.inputSTD {
	font-size : 12px;
	color: #333333;
	margin: 0px;
	padding: 2px 0px 0px;
	height: 14px;
	width: 150px;
	text-align: left;
}
.inputLGN {
	color: #333333;
	margin: 0px 0px 0px 5px;
	padding: 2px 0px 0px;
	font-size : 12px;
	height: 14px;
	width: 85px;
	text-align: left;
}
.inputTXT {
	color: #333333;
	margin: 0px 0px 0px 5px;
	padding: 2px 0px 0px;
	font-size : 12px;
	height: 14px;
	width: 280px;
	text-align: left;
}
.inputTXTAREA {
	color: #333333;
	font-size : 12px;
	margin: 0px 0px 0px 5px;
	padding: 2px 0px 0px;
	height: 250px;
	width: 280px;
	text-align: left;
	vertical-align: top;
}
.inputSELECT, .inputSELECTsml {
	padding: 0px;
	margin: 0px 0px 0px 3px;
	height: 18px;
	text-align: left;
}
.inputSELECT {
	width: 280px;
}
.inputSELECTsml {
	width: 150px;
}
.inputRESET {
	padding: 0px;
	margin: 0px 0px 0px 10px;
}
.inputSUBMIT, .inputRESET, .btnSUBMIT a, .btnSUBMITsml a {
	color: #fff;
	font-size : 12px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	background: #cc0000 url(../img/ppl_header_bar_over.png) repeat-x left center;
	display: block;
	width: 95px;
	height: 27px;
	padding: 7px 0px px 0px;
	margin: 5px 10px;
	float: right;
	border: 1px solid #7E0000;
}
.btnSUBMIT a {
	padding: 6px 0px 0px 0px;
	height: 19px;
}
.btnSUBMITsml a {
	font-size: 10px;
	padding: 2px 5px 0px 5px;
	height: 18px;
}
input[type="submit"]:hover, input[type="reset"]:hover, .btnSUBMIT a:hover, .btnSUBMITsml a:hover {
	color: #fff;
	text-decoration: underline;
	background: #990000 repeat-x left center;
}
.inputTXTAREAsml {
	color: #333333;
	font-size: 12px;
	margin: 0px 0px 0px 5px;
	padding: 2px 0px 0px;
	height: 60px;
	width: 280px;
	text-align: left;
	vertical-align: top;
}
.inputRADIOrgt {
	border: 0px;
	margin: 0px 0px 0px 10px;
}
.formbox {
	margin: 0px 91px 0px 0px;
	text-align: left;
	padding: 0px;
	width: 250px;
}
.formbox2 {
	margin: 0px;
	padding: 0px;
	width: 250px;
	text-align: justify;
	display: block;
	float: right;
}
#formpoll {
	margin: 5px 0px 0px;
	padding: 0px 0px 10px;
	text-align: right;
}
#formpoll p {
	margin: 5px 10px 0px;
	padding: 0px 0px 5px;
}
.inputPOLL {
	padding: 0px;
	margin: 10px 15px 0px 0px;
	border: 0px;
	height: 25px;
	width: 95px;
	text-align: right;
}
.dropcontent {
	display: block;
}

#fadeinbox{
	position:absolute;
	width: 200px;
	left: 0;
	top: -600px;
	border: 5px solid #CC0000;
	padding: 5px;
	z-index: 100;
	visibility: hidden;
	background-color: #CC0000;
}

/* GRAPH ELEMENTS */
#graph { 
     position: relative; /* IE is dumb
     width: 160px;  */
     padding: 0px 0px 0px 10px; 
	margin: 0px;
	clear: both;
}
.bar0 {
	color: #333;
	text-align: left;
	padding: 0px;
	margin: 0px;
	clear: both;
}
.bar1, .bar2, .bar3, .bar4, .bar5 {
	height: 15px;
	padding: 0px;
	margin: 3px 0px;
	clear: both;
}
.bar1 {
	background-color: #000000;
}
.bar2 {
	background-color: #FF0000;
}
.bar3 {
	background-color: #3399FF;
}
.bar4 {
	background-color: #66CC00;
}
.bar5 {
	background-color: #FF99FF;
}

/* EXTRA ELEMENTS */
.iconSML {
	width: 10px;
	height: 10px;
	padding: 0px;
	margin: 0px;
	border: 0px;
}
.more {
	text-align: right;
	padding: 0px;
	margin: 5px 10px 5px 0px;
	display: block;
	font: 10px Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
}
.more a:link, .more a:visited {
	text-align: right;
	padding: 0px 0px 3px;
	margin: 5px 10px 5px 0px;
	display: block;
	font: 10px Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
	border-bottom: 1px dotted #E3E3E3;
}
.more a:hover {
	text-decoration: none;
	color: #CC0000;
}
.testname {
	color: #999999;
	text-align: right;
	padding: 5px 10px 5px 5px;
	margin: 0px;
}
.newstitle {
	color: #CC0000;
	margin: 0px;
	padding: 5px 0px 2px 10px;
	text-transform: capitalize;
 }
.fine {
	color: #999999;
	margin: 0px;
	padding: 5px;
	text-align: left;
}

/* HEADER ELEMENTS */
h1 {
	font-weight: lighter;
	color: #CC0000;
	text-transform: uppercase;
	margin: 0px;
	padding: 10px 5px 5px;
	font-size: 14px;
}
h1 a:link, h1 a:visited {
	font-weight: lighter;
	color: #CC0000;
	text-transform: uppercase;
 	border-bottom: 1px dotted #FFFFFF;
	text-decoration: none;
}
h1 a:hover {
	border-bottom: 1px dotted #CC0000;
	text-decoration: none;
}
h2 {
	font: italic normal 14px Arial, Helvetica, sans-serif;
	color: #CC0000;
	text-transform: uppercase;
 	margin: 0px;
	padding: 10px 5px 5px;
}
h2 a:link, h2 a:visited {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #CC0000;
	text-transform: capitalize;
 	border-bottom: 1px dotted #CC0000;
	text-decoration: none;
}
h2 a:hover {
	border-bottom: 1px dotted #999999;
	text-decoration: none;
	color: #999999;
}
h3 {
	font-weight: lighter;
	color: #269BB4;
	text-transform: uppercase;
 	margin: 0px;
	padding: 10px 5px 5px;
}
h4 {
	font-weight: lighter;
	color: #FFFFFF;
	text-transform: uppercase;
 	margin: 0px;
	padding: 10px 5px 5px;
	background-color: #222222;
}
h5, h6 {
	font-size: 12px;
	font-weight: lighter;
	color: #FFFFFF;
	text-transform: uppercase;
	margin: 0px;
	background: url(../img/ppl_header_bar.jpg) repeat-x left center;
}
h5 a:link, h5 a:visited, h6 a:link, h6 a:visited {
	font-size: 12px;
	font-weight: lighter;
	color: #fff;
	text-transform: uppercase;
	text-decoration: underline;
}
h5 a:hover, h6 a:hover {
	text-decoration: none;
}
#cont h5, #cont h6 {
	font-size: 12px;
	font-weight: lighter;
	color: #FFFFFF;
	text-transform: uppercase;
	margin: 0px 0px 10px 0px;
	background: url(../img/ppl_header_bar.jpg) repeat-x left center;
	padding: 10px 5px 8px 10px;
}
#idea {
	padding: 10px 5px 8px 10px;
	background: url(../img/ppl_icon_idea.png) no-repeat right top;
}
#test {
	padding: 10px 5px 8px 10px;
	background: url(../img/ppl_icon_comms.png) no-repeat right center;
}
#article {
	padding: 10px 5px 8px 10px;
	background: url(../img/ppl_icon_page.png) no-repeat right center;
}
#cart {
	padding: 10px 5px 8px 10px;
	background: url(../img/ppl_icon_cart.png) no-repeat right center;
}
#news {
	padding: 10px 5px 8px 10px;
	background: url(../img/ppl_icon_mail.png) no-repeat right center;
}
#search {
	padding: 10px 5px 8px 10px;
	background: url(../img/ppl_icon_search.png) no-repeat right center;
}
#refer {
	padding: 10px 5px 8px 10px;
	background: url(../img/ppl_icon_return.png) no-repeat right center;
}
#post {
	padding: 10px 5px 8px 10px;
	background: url(../img/ppl_icon_dload.png) no-repeat right center;
}
#login {
	padding: 10px 5px 8px 10px;
	background: url(../img/ppl_icon_lock.png) no-repeat right center;
}
#poll {
	padding: 10px 5px 8px 10px;
	background: url(../img/ppl_icon_chart.png) no-repeat right center;
}
#blank {
	padding: 10px 5px 8px 10px;
}
/* FORM ELEMENTS */

/* List Elements */
ol {
	color: #CC0000;
	margin: 0px 0px 0px 15px;
	padding: 5px;
	list-style: decimal outside;
}
ol li {
	margin: 0px;
	padding: 0px 5px 5px 0px;
	list-style: decimal outside;
}
ol li a:link, ol li a:visited {
	color: #CC0000;
	margin: 0px;
	padding: 5px 5px 5px 0px;
	list-style: decimal;
	list-style-position: outside;
}
ol li a:hover {
	text-decoration: underline;
}
li {
	color: #333333;
	margin: 0px 0px 0px 20px;
	padding: 0px 10px 3px 0px;
	list-style-type: square;
	list-style-position: outside;
}
ul {
	color: #333333;
	margin: 0px;
	padding: 5px 5px 0px;
	list-style-type: none;
}

.newsimg {
	padding: 0px 0px 5px 5px;
	float: right;
}
.sep {
	border-bottom: 1px dotted #CC0000;
	margin: 0px;
	padding: 5px 0px 0px;
	clear: both;
	display: block;
}
.err {
	color: #FF0000;
	text-decoration: underline;
	background: url(../img/images/error.png) 5px 50% no-repeat;
	margin: 10px auto;
	padding: 10px 10px 10px 30px;
	width: 80%;
	border: 4px double #ff0000;
}
.pollerror {
	color: #FF3300;
	text-decoration: underline;
	padding: 0px 10px;
}
.register {
	font: 11px bold Arial, Helvetica, sans-serif;
	color: #CC0000;
	text-transform: capitalize;
	text-align: center;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}
.register a:link, .register a:visited {
	color: #CC0000;
	font: 11px bold Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-transform: capitalize;
	margin: 18px 0px 0px;
	padding: 10px 0px 0px;
}
.register a:hover {
	text-decoration: underline;
	color: #333333;
}
.tiny1 a:link, .tiny1 a:visited {
	color: #FFFFFF;
	text-decoration: none;
	text-transform: capitalize;
	margin: 10px 0px 5px;
	padding: 0px 10px 0px 0px;
	display: block;
	text-align: center;
}
.tiny1 a:hover {
	color: #FFFFFF;
	font: 11px bold Arial, Helvetica, sans-serif;	
	text-decoration: underline;
}
.left {
	color: #333333;
	text-align: right;
	width: 150px;
	margin: 0px;
	padding: 0px 0px 5px;
}
.right {
	color: #333333;
	vertical-align: top;
	text-align: left;
	margin: 0px;
	padding: 0px 0px 5px 10px;
}
.secimage {
	height: 30px;
	width: 180px;
	padding: 0px;
	margin: 0px;
}
.quoteauth {
	font: 11px bold Arial, Helvetica, sans-serif;
	color: #CC0000;
	text-decoration: none;
	border-bottom: 1px dotted #E1E1E1;
	margin: 0px 0px 5px 0px;
	padding: 0px 5px;
}
.tl {
	color: #333333;
	text-align: right;
	width: 150px;
	margin: 0px;
	padding: 6px 0px 0px;
	vertical-align: top;
}
.tr {
	color: #333333;
	text-align: left;
	margin: 0px;
	padding: 6px 0px 2px 10px;
	vertical-align: top;
}
.listed {
	color: #333333;
	width: 50%;
	margin: 0px;
	padding: 2px 5px;
	text-decoration: none;
	vertical-align: top;
}
.listed a:link, .listed a:visited {
	color: #CC0000;
	width: 50%;
	margin: 0px;
	padding: 0px;
}
.listed a:hover {
	color: #CC0000;
}
.hide {
	display: none;
}
.inputSELECTshrt {
	padding: 0px;
	margin: 0px 0px 0px 3px;
	height: 18px;
	width: 120px;
}
.poll {
	margin: 5px 10px 0px;
	padding: 0px 0px 5px;
	color: #333333;
}
.quotebox {
	color: #333333;
	text-decoration: none;
	margin: 10px 5px;
	padding: 5px 0px;
	background-color: #FFDDE0;
	border: 1px dashed #999;
}
.pollTable {
	height: 240px;
	width: 242px;
	margin: 3px;
	padding: 3px;
	float: left;
	border: 1px #dcdcdc dashed;
	vertical-align: top;
}
.inputQTY {
	font : 11px Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 0px;
	padding: 2px 0px 0px;
	height: 12px;
	width: 20px;
	text-align: left;
}
.fborder .rowheader td {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #CECECE;
	margin: 0px;
	padding: 4px;
	border: 0px;
	font-size: 12px;
	font-weight: bold;
}
.fborder .rowcontent td {
	font-family: Arial, Helvetica, sans-serif;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #E5E5E5;
	margin: 0px;
	padding: 4px;
}
