/* VCN CSS */

body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #559CBE;
}
body {
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 3%;
	margin-right: 0px;
	margin-bottom: 0px;
	line-height: 17px;
}
a:link {
/*	text-decoration: none; */
	color: #67C1EC;
}
/*
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}
*/
.header {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #559CBE;
	width: 100%;
	padding-bottom: 0;
}
.header-text {
	font-size: 1.5em;
        font-weight: normal;
	padding-left: 3em;
}
.bottom-bar {
	border-top: 1px solid #559CBE;
}
#content h1 {
	color: #7AC142;
	font-size: 13px;
	font-weight: bold;
}
#content {
	width: 366px;
	padding-left: 50px;
}
.bio-content {
	margin-right: 30em;
	margin-left: 5em;
        margin-bottom: 4em;
}
.green-bold {
	color: #39BD12;
	font-weight: bold;
	font-size: 13px;
}
.green-txt {
	color: #39BD12;
	font-size: 12px;
}.right-ver-bar {
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #A5CBDD;
}
#content2 {
	width: 410px;
	margin-left: 50px;
}
#border {
	border: 1px solid #7AC142;
	width: 780px;
}
#testimonial {
	font-size: 15px;
	line-height: 23px;
	margin-right: 55px;
	margin-left: 55px;
}
#content2 .green-txt a {
	color: #39BD12;
	text-decoration: none;
}
#content2 .green-txt a:hover {
	text-decoration: underline;
}
#content2 .green-txt a:visited {
	color: #73C743;
}
#content2 .green-txt a:active {
	color: #39BD12;
}

/* individual calculator */
#content h2 {
	font-size: 12px;
	background-color: #559cbe;
	color: white;
        margin-top: 2em;
	padding-top: 0.2em;
	padding-left: 0.5em;
	padding-bottom: 0.25em;
}
#content h3 {
	padding-left: 0.5em;
}
#content h2.total {
	background-color: #333;
}
#content table.calc {
	width: 100%;
}
#content table.calc td {
	padding-left: 1em;
}
#content table.calc td.label {
	text-align: right;
}
.avg-text {
	font-weight: bold;
	font-style: italic;
}
.calc-subtotal, .calc-subtotal td, .calc-total, .calc-total td {
	background-color: #ff6;
        color: black;
}
.calc-total {
	font-weight: bold;
}
.calc-subform {
	border-left: 1px solid #559cbe;
}
#calc-form-gas, #calc-form-oil {
	display:none;
}
table.calc .data {
	color: black;
        text-align: right;
        padding-right: 0.5em;
}
.add-vehicle, .rem-vehicle {
	background-color: #559cbe;
	/* color: #7AC142; */
	color: white;
        font-weight: bold;
        font-style: italic;
        text-decoration: underline;
        padding: 0.2em 1em 0.2em 1em;
}
.rem-vehicle {
	background-color: #999;
}
.add-vehicle:hover, .rem-vehicle:hover {
	cursor: pointer;
}
td.purchase-button {
	text-align: right;
}
td.number, th.number {
	text-align: right;
}
tr.page-footer {
	text-align: right;
}
.style1 {
	font-size: 13px;
	font-weight: bold;
}
#purchase-button, #purchase-form {
	padding-bottom: 2em;
}
#purchase-form {
	padding-top: 2em;
}
.thinfield, .headerfield {
	text-align: right;
}
.headerfield, .purchase-amount-display {
	font-weight: bold;
}
#purchase-errors {
	color: red;
        font-weight: bold;
        background: #ccc;
}

div.news h2 {
}
div.news p.subtitle, p.note {
	font-style: italic;
}
div.news p.subtitle {
	font-size: 1.1em;
}
div.news h3 {
	font-size: 1.1em;
	font-weight: bold;
	font-style: italic;
}
div.news span.news-date, div.news p.about-title {
	font-weight: bold;
}
div.news p.separator {
	text-align: center;
}

div#outer-certificate {
	border: 1px solid #559cbe;
        width: 780px;
        margin-left: auto;
        margin-right: auto;
}
div#certificate {
	text-align: center;
	border: 1px solid #7AC142;
	margin: 2px;
        padding: 2em;
        color: black;
        font-size: 1.1em;
}
div#certificate .cert-bearer {
	padding: 0 8em 0 8em;
}
div#certificate p {
	line-height: 1.5em;
}
div#certificate p.spacer {
	margin-top: 2em;
}
.cert-h1 {
	color: #7AC142;
        font-size: 2em;
}
.cert-h2 {
	color: #559cbe;
        font-size: 2.5em;
}
.cert-name {
	font-size: 3em;
}
.cert-tons {
	font-size: 2.2em;
}
.cert-bearer {
	text-align: left;
}
div#certificate td.underlined {
	border-bottom: 1px solid #999;
}
td.rhs-certificate {
	vertical-align: top;
        text-align: center;
        padding-top: 8em;
        padding-left: 1em;
}
div.sample-certificate {
	width: 300px;
}
#thankyou {
	border-top: 1px solid #999;
	margin-top: 5em;
}
div.proj-text {
	padding-left: 49px;
	padding-right: 50px;
}
div.extra-space-above {
	margin-top: 3em;
}
img.proj-img, img.bio-pic {
	float: left;
        padding-right: 1em;
}
.green-h {
	color: #39BD12;
}

div.member h1 {
	margin-top: 1.5em;
        color: #7AC142;
}
div.member.first h1 {
	margin-top: 0;
}
div.member h2 {
	font-size: 1.25em;
}

/* ==== droppy ==== */
/* Basic code - don't modify */
 
 #nav { display: block; margin: 0; padding: 0; position: relative; }
  #nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
  #nav a { display: block; }
  #nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
  * html #nav ul { line-height: 0; } /* IE6 "fix" */
  	#nav ul a { zoom: 1; } /* IE6/7 fix */
    #nav ul li { float: none; }
    #nav ul ul { top: 0; }
    
/* Essentials - configure this */

#nav ul { width: 20em; }
#nav ul ul { left: 131px; }

/* Everything else is theming */
 
#nav { background-color: #white; padding-left: 4em; }
#nav *:hover { background-color: none; }
#nav a { border-right: 1px solid #559cbe; color: #559cbe; font-size: 12px; padding: 6px; line-height: 1; text-decoration: none; }
  #nav li.hover a { background-color: #white; }
  #nav ul { top: 2em; }
    #nav ul li { background-color: #8ce; }
    #nav ul li a { background-color: white; }
      #nav ul a.hover { background-color: #999; color: #bf7; }
   #nav ul a { border-bottom: 1px solid white; border-right: none; opacity: 0.95; filter: alpha(opacity=95); }
/*   #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */
#nav ul a { color: #7AC142; }
#nav ul li:last-child { height: 2.5em; }