/* CSS Document */

body {
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
font-weight:normal;
height:100%;
margin:0px;
padding:0px;
background-image:url(../images/GreenFleet_body_bkgrd.jpg);
background-repeat:repeat-x;
background-color:#3399cc;
text-decoration:none;
}

#wrapper {
width:1100px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
height: auto;
display: block;
position:relative;
background-image:url(../images/app_middle_bkgd.jpg);
background-repeat:repeat-y;
}

#bannerhome1 {
width:1100px;
height:180px;
float:left;
margin:0px;
paddinng:0px;
}

#banner1Cbox {
width:300px;
margin-left:20px;
margin-top:35px;
}

#banner1Cbox p {
color:#00CCFF;
font-size:.70em;
font-family:Tahoma;
}

#banner1Cbox a {
color:#999999;
font-family:Tahoma;
text-decoration:none;
}

#banner1Cbox a:hover {
color:#00CCFF;
font-family:Tahoma;
}


#bannerhome1 img {
float:left;
margin:0px;
}

#bannerhome2 {
width:350px;
height:140px;
float:left;
margin:0px;
paddinng:0px;
background-image:url(../images/GreenFleet_banner_03.jpg);
}

#bannerhome3 {
width:750px;
height:140px;
float:left;
margin:0px;
paddinng:0px;
background-image:url(../images/GreenFleet_banner_04.jpg);
}

#navigation_box {
width:600px;
height:20px;
margin-top:100px;
margin-left:40px;
border-bottom-color:#99CC00;
border-bottom-style:dotted;
border-bottom-width:medium;
}
#navigation_box p {
font-family:Arial, Helvetica, sans-serif;
font-size:.65em;
text-align:center;
color:#FF6600;
}

#navigation_box a {
color:#336600;
text-decoration:none;
}

#navigation_box a:hover {
color:#FF6600;
}

#navigation_box a:visited { 
color:#669900;
}

#navigation_box a:visited:hover {
color:#FF6600;
}

#treadforbreadbanner3 {
width:630px;
height:191px;
float:left;
margin:0px;
paddinng:0px;
background-image:url(../images/Tread_for_Bread_05.jpg);
}

#treadforbreadbanner3box {
width:500px;
height:40px;
margin:20px;
margin-top:140px;
paddinng:0px;
background-image:url(../images/apps.jpg);
}

#recyclebannerhome2 {
width:350px;
height:140px;
float:left;
margin:0px;
paddinng:0px;
background-image:url(../images/GreenFleet_recycle_banner_03.jpg);
}

#recyclebannerhome3 {
width:750px;
height:140px;
float:left;
margin:0px;
paddinng:0px;
background-image:url(../images/GreenFleet_recycle_banner_04.jpg);
}

#bannerhome3box {
width:300px;
margin-left:200px;
margin-top:50px;
}

#middlewrapper {
background-image:url(../images/GreenFleet_middle_bkgrd.jpg);
background-repeat:repeat-y;
width:1100px;
float:left;
margin:0px;
padding:0px;
}



#leftcontentA {
width:155px;
height:60px;
margin-top:50px;
float:left;
}

#leftcontentB {
height:60px;
width:265px;
float:left;
}


.counterbox {
width:240px;
margin:0px;
float:left;
border-top:thin;
border-top-color:#666666;
border-top-style:solid;
border-right:thin;
border-right-color:#666666;
border-right-style:solid;
border-bottom:thin;
border-bottom-color:#666666;
border-bottom-style:solid;
}

#sidebarbox {
width:280px;
margin:0px;
margin-top:10px;
margin-bottom:10px;
float:left;
}

#sidebarbox img {
float:right;
margin-bottom:10px;
}

#counterwrapper {
width:170px;
margin:0px;
margin-left:50px;
margin-right:30px;
float:left;
}

#sponsorbox {
	height:102px;
	width: 170px;
	margin-left:0px;
	margin-top:6px;
	margin-right:0px;
	margin-bottom:0px;
	float:left;
	background-color:#FFFFFF;
	background-image:url(../images/sponsor_box.jpg);
	background-repeat: no-repeat;
}

#sponsorbox img {
margin-top:4px;
margin-left:4px;
}

#counterwrapper p {
font-family:Tahoma;
margin-left:140px;
padding-right:6px;
color:#FFFFFF;
margin-top:0px;
margin-bottom:10px;
font-size:.85em;
text-align:center;
}

#counterwrapper a {
color:#336600;
text-decoration:none;
text-align:left;
}

#counterwrapper a:hover {
color:#666666;
text-align:left;
}

#counterwrapper strong {
color:#FFFF00;
}

#showcounter {
width:280px;
height:auto;
margin-left:70px;
margin-right:20px;
float:left;
background-image:;
background-repeat:no-repeat;
}

#treadcounter {
width:296px;
height:180px;
margin:0px;
float:left;
background-image:url(../images/tread_for_bread_counter.jpg);
background-repeat:no-repeat;
}

#kilowattcounter {
width:296px;
height:180px;
margin:0px;
float:left;
background-image:url(../images/kilowatt_counter.jpg);
background-repeat:no-repeat;
}

#carpoolcounter {
width:296px;
height:180px;
margin:0px;
float:left;
background-image:url(../images/carpool_counter.jpg);
background-repeat:no-repeat;
}

#treecounter {
width:296px;
height:180px;
margin:0px;
float:left;
background-image:url(../images/tree_counter.jpg);
background-repeat:no-repeat;
}

#middlecontent {
width:470px;
float:left;
margin:0px;
padding:0px;
margin-right:20px;
}

#middlecontent  li {
font-family:Arial, Helvetica, sans-serif;
color:#336600;
font-size:.8em;
margin-top:0px;
margin-bottom:4px;
margin-left:20px;
}

#middlecontent ul {
margin-top:4px;
margin-bottom:4px;
}

#middlecontentbox {
width:440px;
float:left;
margin-top:0px;
margin-bottom:20px;
padding:0px;
}

#middlecontentform {
width:320px;
background-color:#CCFFCC;
float:left;
margin-top:0px;
margin-bottom:20px;
padding:10px;
border-left:#666666;
border-left-style:solid;
border-left-width:thin;
border-right:#666666;
border-right-style:solid;
border-right-width:thin;
border-top:#666666;
border-top-style:solid;
border-top-width:thin;
border-bottom:#666666;
border-bottom-style:solid;
border-bottom-width:thin;
}

#middlecontent img {
float:left;
margin-bottom:10px;
margin-right:10px;
}

#middlecontent p {
color:#333333;
font-size:.75em;
margin-top:0px;
margin-bottom:2px;
}

#middlecontent a {
color:#3399FF;
font-size:1.1em;
text-decoration:none;
}

#middlecontent a:hover {
color:#666666;
}

#middlecontentexpanded {
width:630px;
float:left;
margin:0px;
padding:0px;
}

#middlecontentexpanded img {
float:left;
margin:0px;
padding:0px;
}

#middlecontentexpanded p {
color:#0099CC;
font-size:.75em;
margin-top:0px;
}


#middlecontentexpanded_show {
width:400px;
float:left;
margin-left:140px;
margin-right:20px;
padding:0px;
}

#middlecontentexpanded_show img {
float:left;
margin:0px;
padding:0px;
}

#middlecontentexpanded_show p {
color:#0099CC;
font-size:.75em;
margin-top:0px;
}
#bikecomputerA {
width:340px;
height:280px;
float:left;
margin:0px;
background-image:url(../images/bike_computer_340.jpg);
}

#bikecomputerinfo {
width:105px;
height:100px;
margin-left:125px;
margin-top:55px;
}

#bikecomputerinfo p {
font-family:Tahoma;
font-size:.70em;
color:#333333;
margin-bottom:4px;
margin-top:0px;
}

#bikecomputerinfo strong {
font-family:Tahoma;
font-weight:bold;
color:#006699;
}

#bikecomputerinfo a {
color:#0099FF;
font-weight:bold;
text-decoration:none;
text-align:center;
}

#bikecomputerinfo a:hover {
color:#666666;
}

#pedometerA {
width:340px;
height:280px;
float:left;
margin:0px;
background-image:url(../images/pedometer_340.jpg);
}

#pedometerB {
width:28px;
height:280px;
float:left;
margin:0px;
background-image:url(../images/pedometer_cable.jpg);
}

#pedometerC {
width:182px;
height:280px;
float:left;
margin:0px;
}

#pedometerinfo {
width:210px;
height:100px;
margin-left:85px;
margin-top:50px;
}

#pedometerinfo p {
font-family:Arial, Tahoma;
font-size:.7em;
color:#333333;
margin-bottom:4px;
margin-top:0px;
}

#pedometerinfo a {
color:#0099FF;
font-weight:bold;
text-decoration:none;
text-align:center;
}

#pedometerinfo a:hover {
color:#666666;
}

#pedometerinfo strong {
font-family:Arial, Tahoma;
font-weight:bold;
font-size:1.2em;
color:#006600;
}



#bikecomputerentrybox {
height:150px;
width: 243px;
margin-left:0px;
margin-top:60px;
margin-right:0px;
margin-bottom:0px;
border-left-color:#999999;
border-left-width:medium;
border-left-style:solid;
border-right-color:#666666;
border-right-width:medium;
border-right-style:solid;
border-bottom-color:#666666;
border-bottom-width:medium;
border-bottom-style:solid;
border-top-color:#CCCCCC;
border-top-width:medium;
border-top-style:solid;
float:left;
background-image:url(../images/intense_cyclist.jpg);
background-position:left;
background-repeat:no-repeat;
background-color:#FFFFFF;
}

#pedometerentrybox {
height:150px;
width: 243px;
margin-left:0px;
margin-top:60px;
margin-right:0px;
margin-bottom:0px;
border-left-color:#999999;
border-left-width:medium;
border-left-style:solid;
border-right-color:#666666;
border-right-width:medium;
border-right-style:solid;
border-bottom-color:#666666;
border-bottom-width:medium;
border-bottom-style:solid;
border-top-color:#CCCCCC;
border-top-width:medium;
border-top-style:solid;
float:left;
background-image:url(../images/jogger_drinking.jpg);
background-position:left;
background-repeat:no-repeat;
background-color:#FFFFFF;
}

#pedometerentryboxinfo {
width:200px;
height:140px;
margin-left:70px;
margin-top:10px;
}

#pedometerentryboxinfo p {
font-family:Arial, Tahoma;
font-size:.65em;
color:#999999:
}

.treadformtext {
font-family:Arial, Tahoma;
font-size:.75em;
color:#666666;
text-align:right;
}

#walkingbox {
height:75px;
width: 200px;
margin-left:0px;
margin-top:0px;
margin-bottom:10px;
border-left-color:#999999;
border-left-width:medium;
border-left-style:solid;
border-right-color:#666666;
border-right-width:medium;
border-right-style:solid;
border-bottom-color:#666666;
border-bottom-width:medium;
border-bottom-style:solid;
border-top-color:#CCCCCC;
border-top-width:medium;
border-top-style:solid;
float:left;
background-image:url(../images/walker_box.jpg);
background-repeat:no-repeat;
}

#hikingbox {
height:75px;
width: 200px;
margin-left:0px;
margin-top:0px;
margin-bottom:10px;
border-left-color:#999999;
border-left-width:medium;
border-left-style:solid;
border-right-color:#666666;
border-right-width:medium;
border-right-style:solid;
border-bottom-color:#666666;
border-bottom-width:medium;
border-bottom-style:solid;
border-top-color:#CCCCCC;
border-top-width:medium;
border-top-style:solid;
float:left;
background-image:url(../images/hiker_box.jpg);
background-repeat:no-repeat;
}

#joggingbox {
height:75px;
width: 200px;
margin-left:0px;
margin-top:0px;
margin-bottom:10px;
border-left-color:#999999;
border-left-width:medium;
border-left-style:solid;
border-right-color:#666666;
border-right-width:medium;
border-right-style:solid;
border-bottom-color:#666666;
border-bottom-width:medium;
border-bottom-style:solid;
border-top-color:#CCCCCC;
border-top-width:medium;
border-top-style:solid;
float:left;
background-image:url(../images/runner_box.jpg);
background-repeat:no-repeat
}

#walkingbox p {
font-size:.60em;
font-family:Arial, Tahoma;
color:#333333;
margin-left:60px;
margin-top: 4px;
margin-bottom:0px;
}

#walkingbox strong {
font-weight:bold;
color:#339999;
font-size:1em;
}

#joggingbox p {
font-size:.60em;
font-family:Arial, Tahoma;
color:#333333;
margin-left:60px;
margin-top: 4px;
margin-bottom:0px;
}

#joggingbox strong {
font-weight:bold;
color:#996600;
font-size:1em;
}

#hikingbox p {
font-size:.60em;
font-family:Arial, Tahoma;
color:#333333;
margin-left:60px;
margin-top: 4px;
margin-bottom:0px;
}

#hikingbox strong {
font-weight:bold;
color:#669900;
font-size:1em;
}

.programbox {
width:480px;
height:170px;
float:left;
margin-bottom:10px;
border-bottom-color:#99CC33;
border-bottom-style:dotted;
border-bottom-width:medium;
}

.eventbox {
width:480px;
height:auto;
float:left;
margin-bottom:10px;

}

.programbox img {
float:left;
margin-right:10px;
}

.programbox p {
font-size:1em;
color:#666666;
margin-top:0px;
line-height:140%;
}

.programbox strong {
	font-weight:bold;
	color:#000000;
	font-size: 1em;
}

.programbox a {
color:#0099FF;
font-weight:bold;
text-decoration:none;
}

.programbox a:hover {
color:#666666;
}

#rightcontent {
width:270px;
float:left;
margin:0px;
padding-left:20px;
padding-top:0px;
margin-top:0px;
border-left-color:#FFCC66;
border-left-style:dotted;
border-left-width:medium;
}

#rightcontent li {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:.75em;
color:#669900;
margin-left:30px;
margin-top:4px;
margin-bottom:4px;
}

#rightcontent img {
float:left;
margin-bottom:10px;
margin-right:10px;
}

#rightcontent p {
font-size:.7em;
color:#666666;
margin-top:4px;
margin-bottom:0px;
line-height:140%;
}

#rightcontent a {
color:#0099CC;
text-decoration:none;
font-weight:bold;
}

#rightcontent a:hover {
color:#666666;
}

#rightcontent_show {
width:400px;
float:left;
margin:0px;
padding-left:20px;
padding-top:0px;
margin-top:0px;
border-left-color:#FFCC66;
border-left-style:dotted;
border-left-width:medium;
}

#rightcontent_show img {
float:left;
margin-bottom:10px;
margin-right:10px;
}

#rightcontent_show p {
font-size:.7em;
color:#666666;
margin-top:4px;
line-height:140%;
}

#rightcontent_show a {
color:#0099CC;
text-decoration:none;
font-weight:bold;
}

#rightcontent_show a:hover {
color:#666666;
}


.caption {
color:#999999;
font-family:Arial, Helvetica, sans-serif;
font-size:.60em;
text-align:center;
margin-top:4px;
}

#footertop {
width:1100px;
height:115px;
background-image:url(../images/GreenFleet_footer_A.jpg);
background-repeat:no-repeat;
float:left;
}

#reCYCLEenergyfootertop {
width:1100px;
height:115px;
background-image:url(../images/reCYCLEenergy_footer_01.jpg);
background-repeat:no-repeat;
float:left;
}
#reCYCLEenergyfooterbottom {
width:1100px;
height:115px;
background-image:url(../images/reCYCLEenergy_footer_02.jpg);
background-repeat:no-repeat;
float:left;
}

#footertop_A {
width:650px;
height:115px;
background-image:url(../images/GreenFleet_footer_top_A.jpg);
background-repeat:no-repeat;
float:left;
margin:0px
}

#footertop_B {
width:450px;
height:115px;
background-image:url(../images/GreenFleet_footer_top_B.jpg);
background-repeat:no-repeat;
float:left;
margin:0px;
}

#footertop_B img {
float:left;
margin:0px;
}

#footertoptextbox {
width:200px;
height:50px;
margin-top:30px;
margin-left:790px;
}

#footertop p {
font-family:"Times New Roman", Times, serif;
font-style:italic;
font-size:.65em;
color:#3399CC;
}

#footerbottom {
width:1100px;
height:115px;
background-image:url(../images/GreenFleet_footer_B.jpg);
background-repeat:no-repeat;
float:left;
}

h1 {
font-family:"Century Gothic";
font-style:italic;
font-weight:bold;
font-size:1.6em;
color:#CC6600;
}

h1 strong {
color:#66CC00;
font-size:1.6em;
font-weight:bold;
text-transform:uppercase;
}

h2 {
font-family:"Century Gothic";
font-weight:bold;
font-size:1.1em;
color:#FF9900;
margin-bottom:4px;
}

h3 {
font-family:"Century Gothic";
font-size:1.2em;
font-weight:normal;
color:#66CC00;
margin-top:0px;
margin-bottom:6px;
}

h4 {
font-family:"Century Gothic";
font-size:1em;
font-weight:bold;
color:#006699;
margin-top:0px;
margin-bottom:4px;
}

h4 strong {
color:#CC6600;
}

h5 {
font-family:Tahoma;
font-size:1.5em;
font-weight:lighter;
text-align:center;
color:#006699;
margin-bottom:2px;
margin-top:0px;
}

h6 {
font-family:Tahoma;
font-size:.9em;
font-weight:lighter;
text-align:right;
color:#996600;
margin-left:20px;
margin-right:40px;
margin-bottom:6px;
margin-top:0px;
}

h6 strong {
color:#996600
font-weight:bold;
}

.tabletext {
font-size:.75em;
color:#666666;
margin-left:10px;
}

.generalcopy {
font-size:120%;
color:#666666;
}

#formtext {
font-size:.7em;
text-align:right;
color:#666666;
}

.label {
font-size:.9em;
text-align:right;
margin-right:4px;
color:#000000;
}

.formcell {
background-color:#FFFF99;
margin-left:4px;
margin-right:4px;
}

#tablerow {
margin-bottom:10px;
}

#show_table {
margin-left:60px;
}

#hike_form {
font-family:Arial, Helvetica, sans-serif;
font-size:.75em;
color:#666666;
text-align:right;
margin-right:4px;
}

