/*******************************************************************************************
Title:		ID SELECTORS
Author:		James T. Hoff Jr. (PA Internet Marketing)
Updated:	03/02/07
*******************************************************************************************/
#container {
width:780px;
margin:15px auto;
text-align:left;
}

#banner {
background-color:#fff;
padding:0;
margin:0;
}
#banner img {
display:block;
}
#banner ul {
margin:0 0 0 0px;
padding:0;
list-style:none;
text-align:center;
}
#banner li {
float:left;
padding:0;
}
#banner a {
display:block;
text-decoration:none;
margin:0;
padding:8px 23px;
color:#564b47;
font:100% verdana;
border:1px solid #E2E2E2;
border-right:0;
background:#d7d7d7 url(../images/bg-nav.jpg) top left repeat-x;
}

body#ontheroad #navRoad,
body#home #navHome,
body#news #navNews,
body#video #navVideo,
body#results #navResults,
body#benefits #navBenefits,
body#offer #navOffer,
body#home #navProduct,
body#tool #navTool,
body#contact #navContact,
#banner a:hover {
color:#145518;
background:#fff url(../images/bg-nav-hover.jpg) top left repeat-x;
}

#left {
float:left;
width:225px;
margin:15px 0;
text-align:center;
border:2px solid #d7d7d7;
}
#left h1 {
font-size:100%;
margin:0;
padding:5px;
border:0;
color:#564b47;
background-color:whitesmoke;
border-bottom:2px solid #d7d7d7;
}
#left h2 {
background-color:#DC433E;
padding:10px 6px;
font-size:120%;
margin:0;
}
#left h2 a {
color:#fff;
text-decoration:none;
}
#left h2 a:hover {
text-decoration:underline;
background-color:#DC433E;
}
#left table {
margin:10px 0;
}
#left p {
padding:4px 0 6px 0
}
#left noscript {
font-size:115%;
}

body#tool #mini-calculator {
display:none; /* hide the mini-calculator on the fuel savings tool page */
}

#counter-container {
background:url(../images/money.gif) bottom right repeat-y;
padding:15px 5px;
margin:0;
font-weight:bold;
color:#000;
font-size:105%;
}

#counter {
font-size:115%;
}

#footer {
clear:both;
color:#fff;
margin:0 0 10px 0;
padding:8px;
text-align:right;
font-size:75%;
border:2px solid #3A623D;
background-color:#3C8241;
}
#footer a {
color:#fff;
}
#footer a:hover {
color:#000;
}
#footer div {
margin:0;
padding:0;
}
#footer .left {
float:left;
width:50%;
text-align:left;
}
#footer .right {
float:right;
width:50%;
text-align:right;
}
#footer ul {
list-style:none;
margin:0;
padding:0;
}
#footer li {
display:inline;
}

#news p { padding-left: 12px; }

#news p a {
color: #564b47;
text-decoration: none;

}

#content {
padding: 20px;
width: 75%;
float: left;}

}
.sidebar {
padding: 20px 0px 20px 0px;
}
hr { display: none; }

/*******************************************************************************************
Title:		CLASS SELECTORS
Author:		James T. Hoff Jr. (PA Internet Marketing)
Updated:	03/02/07
*******************************************************************************************/
.itemclose {
font-size: 80%;
text-align: right;
font-weight: bold;
margin-top: -10px;
border-bottom: 2px solid #C4C2C2;
}

.itemclose a {
color: #564b47;
text-decoration: none;
}

.item { 
border: 2px solid #D2D2D2;
margin-bottom: 20px;
background-color:#E7E7E7;
padding: 16px 26px 16px 14px;
line-height: 15pt;
}

.clear {
clear:both;
}

.navEnd {
border-right:1px solid #E2E2E2 !important;
padding:8px 26px !important;
}

.bold {
font-weight:bold;
}

.small {
font-size:75%;
}

.center {
text-align:center;
}

.note {
border-top:1px solid #E2E2E2;
margin-top:15px;
background:url(../images/alert-red.gif) 0 12px no-repeat;
padding:10px 0 0 20px;
}
.note em, .formRequired em {
color:#be0200;
font-weight:bold;
}
.note strong {
font-style:italic;
}

.button, .total {
background-color:whitesmoke;
font-weight:bold;
color:#564b47;
}

.nohover:hover {
background:none !important;
}

.gallery img {
border: 2px solid #818181;
}

/*******************************************************************************************
Title:		ELEMENT SELECTORS
Author:		James T. Hoff Jr. (PA Internet Marketing)
Updated:	03/02/07
*******************************************************************************************/
body {
background-color:#fff;
font:small Verdana, Arial, Geneva, Helvetica, sans-serif;
color:#564b47;
padding:0px;
margin:0px;
text-align:center;
}

a {
color:#365E2C;
}
a:hover {
text-decoration:none;
background-color:#f5f5f5;
}

form {
margin:0;
padding:0;
}

p {
padding:8px 0;
margin:0;
}

h1 {
font-size:145%;
margin:0 0 8px 0;
padding:0;
padding-bottom:2px;
border-bottom:1px solid #E2E2E2;
}

dt, h2 {
font-size:115%;
font-weight:bold;
margin:0;
padding:0;
margin-bottom:5px;
text-transform:capitalize;
}

dd {
margin-bottom:15px;
}

textarea {
overflow:auto;
}

li {
padding:3px 0;
}

fieldset {
margin:15px 0;
padding:10px 6px 6px 10px;
border:1px solid #E2E2E2;
}

legend {
background:#fff;
font-size:115%;
font-weight:bold;
color:#564b47;
margin:0;
padding:0 6px;
margin-bottom:5px;
text-transform:capitalize;
}