/* default styles ----------------------------------------------------------- */

html { 
 margin:0; 
 padding:0; 
 text-align:left; 
} 

body {
 font-family: arial, verdana, sans-serif;
 font-weight: normal; 
 font-size: 11px;
 color: #fff;
 border: 0;
 margin: 0;
 padding: 0;
 text-align: left;
 background: #434343 url(../img/bg434343.gif) repeat;
}

form { 
 border: 0;
 margin: 0;
 padding: 0;
}

/* be kind to netscape 4 */
p, td, li, ul, ol, h1, h2, h3, h4, h5, h6, dl, dt, dd {
 font-family: arial, verdana, sans-serif;
 font-size: 11px;
}

p {
 border: 0; 
 margin: 5px 0 15px 0;
 padding: 0;
 text-align: left;
}

h1 {
 border: 0; 
 margin: 0;
 padding: 0;
 text-align: left;
}

h2 {
 border: 0; 
 margin: 0;
 padding: 0;
 text-align: left;
}

h2 a:link {
 text-decoration: none;
 color: #76b41c; 
}

h2 a:visited {
 text-decoration: none;
 color: #76b41c; 
}

h2 a:hover {
 text-decoration: underline;
 color: #76b41c; 
}

h2 a:active {
 text-decoration: none;
 color: #76b41c; 
}

h3 {
 border: 0;
 margin: 0;
 padding: 0;
 text-align: left;
 font-size: 16px;
 font-weight: bold;
 color: #76b41c;
}

h4 {
 border: 0;
 margin: 0;
 padding: 0;
 text-align: left;
 font-size: 16px;
 font-weight: bold;
 color: #fff;
}

.newsheading {
 border: 0; 
 margin: 5px 0 0 0;
 padding: 0;
 text-align: left;
 font-weight: bold;
 font-size: 12px;
 border-bottom: 1px solid #76b41c;
}

.newspostingdate {
 border: 0; 
 margin: 2px 0 5px 0;
 padding: 0;
 text-align: left;
}

.headingredbold {
 border: 0;
 margin: 5px 0 15px 0;
 padding: 0;
 text-align: left;
 font-size: 16px;
 font-weight: bold;
 color: #76b41c;
}

.headingredboldpip {
 border: 0;
 margin: 0 0 15px 0;
 padding: 0;
 text-align: left;
 font-size: 16px;
 font-weight: bold;
 color: #76b41c;
}

.redhyperlink a:link {
 text-decoration: none;
 color: #76b41c; 
}

.redhyperlink a:visited {
 text-decoration: none;
 color: #76b41c; 
}

.redhyperlink a:hover {
 text-decoration: underline;
 color: #76b41c; 
}

.redhyperlink a:active {
 text-decoration: none;
 color: #76b41c; 
}

a:link {
 text-decoration: none;
 color: #FFF; 
}

a:visited {
 text-decoration: none;
 color: #FFF; 
}

a:hover {
 text-decoration: none;
 color: #999; 
}

a:active {
 text-decoration: none;
 color: #FFF; 
}

.clear{
 clear:both;
}

.hide {
 display: none;
}

.nomargins { 
 border: 0;
 margin: 0;
 padding: 0;
}

.margins5px { 
 border: 0;
 margin: 5px;
 padding: 0;
}

.margins10px { 
 border: 0;
 margin: 10px;
 padding: 0;
}

.topspacer10 { 
 border: 0;
 margin: 10px 0 0 0;
 padding: 0;
}

.topspacer20 { 
 border: 0;
 margin: 20px 0 0 0;
 padding: 0;
}

span.underline3px { 
 border: 0;
 margin: 0 10px;
 padding: 0;
 font-size: 11px;
 border-bottom: 0 solid #fff;
}

.topthinline {
 border: 0;
 margin: 0 10px;
 padding: 0;
 border-bottom: 1px solid #76b41c;
}

.topthinline10 {
 border: 0;
 margin: 0 10px 5px 10px;
 padding: 0;
 border-bottom: 1px solid #76b41c;
}

/* header styles ----------------------------------------------------------- */
#headerarea { 
 border: 0;
 height: 39px;
 padding: 0 0 5px 0;
 margin: 24px 0 0 0;
 width: 100%;
}

#logoarea { 
 margin: 0 auto;
 text-align: left; 
 width: 970px; 
}

#logoarealeft {
  float: left;
  text-align: left;
}

#logoarearight {
  float: right;
  text-align: right;
}

/* body styles ------------------------------------------------------------- */

#mainsection { 
 width: 100%; 
 padding: 0;
 margin: 0;
 border: 0;
 background: #434343 url(../img/bgmainsection.gif) top center no-repeat;
}

#bodyarea { 
 width: 100%; 
 padding: 0;
 margin: 0;
 border: 0;
}

#clientarea { 
 width: 969px; 
 height: 420px;
 text-align: left; 
 padding: 0;
 margin: 0 auto 2px auto;
 border: 0;
 background: #272727 url(../img/bg272727.jpg) center left no-repeat;
}

#clientleftarea {
 float: left;
 width: 350px;
 height: 400px;
}

#clientleftareavotesolo {
 float: left;
 width: 350px;
 height: 400px;
 background: url(../img/votesolo.jpg) center left no-repeat;
}

#clientrightarea {
 float: right;
 border-left: 1px solid #5b5b5b;
 width: 617px;
 height: 400px;
 background: url(../img/bgdither.gif) center no-repeat;
}

#clientrightoverflowarea {
 padding: 0;
 margin: 0;
 border: 0;
 width: 618px;
 height: 400px;
 overflow: auto;
}

#clientrighttextarea {
 padding: 0;
 margin: 10px;
 border: 0;
 text-align: left;
}

#clientrighttextarea a:link {
 color: #76b41c;
 font-weight: bold;
 text-decoration: none;
}

#clientrighttextarea a:visited {
 color: #76b41c;
 font-weight: bold;
 text-decoration: none;
}

#clientrighttextarea a:hover {
 color: #76b41c;
 font-weight: bold;
 text-decoration: underline;
}

#clientrighttextarea a:active {
 color: #76b41c;
 font-weight: bold;
 text-decoration: none;
}


/* menu styles ------------------------------------------------------------- */
#menu {
 background: #6d6d6d;
 margin: 0;
 padding: 0;
 width: 970px;
}
 
#menu ul {
 border: 0;
 margin: 0;
 padding: 0;
 clear: left;
 list-style-type: none;
 text-align: center;
}
 
#menu ul li {
 display: block;
 float: left;
 text-align: center;
 padding: 0;
 margin: 0;
 border-bottom: 1px solid #5b5b5b;
 border-right: 1px solid #5b5b5b;
}
 
#menu ul li a {
 background: #6d6d6d;
 width: 75px;
 height: 26px;
 border: 0;
 padding: 0;
 margin: 0 0 0 0;
 color: #fff;
 text-decoration: none;
 display: block;
 text-align: center;
 font-weight: normal;
 letter-spacing: 1px;
 line-height: 26px;
 font-family: arial, verdana, sans-serif;
 font-size: 11px;      
	voice-family: "\"}\"";   
	voice-family: inherit;   
 font-size: 11px;      
}

html>#menu ul li a  {
 font-size: 11px;      
} 

#menu ul li#news a	{
	width: 46px;
}

#menu ul li#guarantee a	{
	width: 75px;
}

#menu ul li#data a	{
	width: 44px;
}

#menu ul li#mailing a	{
	width: 58px;
}

#menu ul li#pip a	{
	width: 84px;
}

#menu ul li#printing a	{
	width: 61px;
}

#menu ul li#directions a	{
	width: 78px;
}

#menu ul li#hybriddm a {
  width: 78px;
}

#menu ul li#about a	{
	width: 91px;
}

#menu ul li#contacts a	{
	width: 57px;
}

#menu ul li#job a	{
	width: 94px;
}

#menu ul li#links a	{
	width: 50px;
}

#menu ul li a:visited {
 background: #6d6d6d;
 color: #fff;
}

#menu ul li a:hover {
 background: #a8a8a8;
 color: #000;
}

#menu ul li a:active {
 background: #6d6d6d;
 color: #fff;
}

/* footer styles ----------------------------------------------------------- */
#footerarea {
 width: 100%;
 height: 25px;
 padding: 0;
 margin: 5px 0 0 0;
 border: 0;
 background: #434343 url(../img/bg434343.gif) repeat;
}

#footertextarea { 
 width: 968px; 
 height: 22px;
 text-align: left; 
 padding: 0;
 margin: 2px Auto 10px Auto;
}

#footerleft {
 float: left;
 width: 400px;
}

#footerright {
 float: right;
 text-align: right;
 width: 100px;
}

.footerrightimage {
 float: right;
 margin: 3px 0 0 0;
 padding: 0 0 0 5px;
 text-align: center;
}

/* input control styles ---------------------------------------------------- */
.textbox {
 margin: 1px 0 2px 4px;
 padding: 0 0 0 2px;
 font: 11px arial, sans-serif; 
 float: left;
}

.textarea {
 margin: 1px 0 2px 4px;
 padding: 0;
 font: 11px arial, sans-serif; 
}

.checkbox {
 border: 0;
 margin: 0 5px 0 0;
 padding: 0;
 font: 11px arial, sans-serif; 
 float: left;
}

.dropdown {
 border: 0;
 margin: 1px 0 1px 4px;
 padding: 0;
 font: 11px arial, sans-serif; 
 float: left;
}

span.label{
 border: 0;
 margin: 0;
 padding: 0;
 position: relative;
 font-weight: normal; 
 width: 175px;
 float: left; 
 text-align: right;
 line-height: 19px;
}

span.labelleft{
 border: 0;
 margin: 0 0 0 8px;
 padding: 0;
 position: relative;
 font-weight: normal; 
 width: 175px;
 float: left; 
 text-align: left;
 line-height: 19px;
}

span.label60{
 border: 0;
 margin: 0;
 padding: 0;
 position: relative;
 font-weight: normal; 
 width: 60px;
 float: left; 
 text-align: right;
 line-height: 19px;
}

span.labelcontacts{
 border: 0;
 margin: 0;
 padding: 0;
 font-weight: normal; 
 width: 60px;
 float: left; 
 text-align: right;
 line-height: 19px;
}

/* contact page styles ----------------------------------------------------- */
.contactinfo ul {
 padding: 0;
 margin: 10px; 
	list-style-type: none;
}

/* admin styles ------------------------------------------------------------ */
#adminclientarea { 
 width: 970px; 
 text-align: left; 
 padding: 0;
 margin: 0 auto;
 border: 0;
 border-left: 1px solid #5b5b5b;
 border-right: 1px solid #5b5b5b;
 border-bottom: 1px solid #5b5b5b;
 background: #272727 url(../img/bg272727.jpg) center left no-repeat;
}

#adminmenuarea { 
 background: #6d6d6d;
 width: 970px; 
 text-align: left; 
 padding: 0;
 margin: 0 auto;
 border: 0;
 border-left: 1px solid #5b5b5b;
 border-right: 1px solid #5b5b5b;
}

#adminmenu {
 width: 100%;
 padding: 0;
 margin: 0; 
 background: #6d6d6d;
 border-bottom: #5b5b5b 1px solid;
}

#adminmenu ul {
 border: 0;
 padding: 0;
 margin: 0;
 clear: left;
 list-style-type: none;
 text-align: center;
}

#adminmenu ul li {
 border: 0;
 margin: 0;
 padding: 0;
 display: block; 
 float: left; 
 text-align: center
}

#adminmenu ul li a {
 background: #6d6d6d; 
 color: #000; 
 display: block;
 font-weight: normal; 
 font-size: 11px; 
 height: 20px;
 letter-spacing: 1px;
 line-height: 20px;
 margin: 0; 
 padding: 0;
 text-align: center;
 text-decoration: none;
 width: 120px;
 voice-family: inherit
}

#adminmenu ul li a:visited {
 background: #6d6d6d;
 color: #000;
}

#adminmenu ul li a:hover {
 background: #6d6d6d;
 color: #fff;
}

#adminmenu ul li a:active {
 background: #6d6d6d;
 color: #000;
}

.admintable {
 width: 100%;
}

.admintableheader {
 background: #5b5b5b;
	color: #fff;
}

.admintableoddrow {
 background: #242424;
	color: #fff;
}

.admintableevenrow {
 background: #363636;
	color: #fff;
}

table.piptable {
 width: 700px;
 margin: 0 auto;
 padding: 0;
 border-spacing: 0;
 border-collapse: collapse;
}

table.piptableheader {
 width: 700px;
 margin: 10px auto 0 auto;
 padding: 0;
}

.piptable TR {
 height: 20px;
}

.piptable TD {
 margin: 5px;
 border: 1px solid #000;
 text-align: center;
}

.pipheader {
 background: #5b5b5b;
 color: #fff;
 text-align: center;
}

.piptableoddrow {
 background: #242424;
	color: #fff;
}

.piptableevenrow {
 background: #363636;
	color: #fff;
}

.piprates {
 float: right
}

#pipheaderarea { 
 width: 100%;
 height: 50px;
 padding: 0;
 margin: 0;
 border: 0;
 border-bottom: 1px solid #5b5b5b;
}

#piplogoarea { 
 width: 700px; 
 height: 50px;
 text-align: left; 
 padding: 0;
 margin: 0 auto;
 background: url(../img/logo.gif) bottom left no-repeat;
}

#pipfooterarea {
 width: 100%;
 height: 25px;
 padding: 0;
 margin: 0;
 border: 0;
 border-top: 1px solid #5b5b5b;
}

#pipfootertextarea { 
 width: 700px; 
 height: 22px;
 text-align: left; 
 padding: 0;
 margin: 2px auto 0 auto;
}

#pipfooterleft {
 float: left;
 width: 345px;
}

#pipfooterright {
 float: right;
 text-align: right;
 width: 545px;
}