/* =undo.css 
-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~- */
/* :link,:visited { text-decoration:none } i actually want underlines for now... */
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
hr,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,legend,input { margin:0; padding:0 }
fieldset,a img,*:link img,*:visited img { border:none }
address { font-style:normal }
table,td,th,tr { border-collapse:collapse; padding:0; margin:0; text-align:left; }
body { font-size: 62.5%; }
 /* *********************************************************************************
    * IMPORTANT! setting body to 62.5% causes em measurements to be a base of 10.   *
    * 1em = 10px, 12.7em = 127px, etc. Try to never set a width and a font on the   *
    * same element as this would offset the math                                    *
    ********************************************************************************* */
/* -~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~~-~-~-~-~-~-~-~-~-~- */




/* Layout (and everything associated with it)
-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~- */
.page { width:965px; margin:0 auto 20px;}
a, a:visited { color:#c10017; font-weight:bold;}
a:hover {}
.imgright {float:right;margin:0 0 10px 15px;}
.imgleft {float:left;margin:0 15px 10px 0;}
.split {overflow:hidden;}

/*.masthead {margin-bottom:20px;}*/
.masthead .tools {text-align:right;overflow:hidden;font: bold 10px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;}
.masthead .tools a, .masthead .tools a:visited {display:inline-block;color:#fff;background:#c10017;text-decoration:none;padding:8px 15px;}
.masthead .tools a:hover {text-decoration:underline;}
.masthead .logo {margin-bottom:10px;}

.masthead .topnav { overflow:hidden;border-bottom:1px solid #fff;background: #929292;font: bold 10px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;color:#fff;vertical-align:middle;text-align:center;}
.masthead .topnav a { color:#fff;display:inline-block; padding:13px 10px;text-decoration:none;text-transform:uppercase;vertical-align:middle;}
.masthead .topnav a:hover {text-decoration:underline;}
.masthead .topnav a.active {background:#c10017;text-transform:capitalize;}


.masthead .topnav { }
.bilboard { background:#91b133;}


.content {padding:20px 0;font: normal 12px/16px Verdana, Geneva, Arial, Helvetica, sans-serif;}
.content h1 {font: bold 16px/28px Verdana, Geneva, Arial, Helvetica, sans-serif;}
.content h2 {font-weight:bold;}
.content p,
.content ul { margin-bottom:18px;color:#6b6b6b;}
.content.pad0 {padding:0;}
.content.pad1 {padding:20px 10px;}

.callout {}
.callout {overflow:hidden;}
.callout h1 { font: bold 35px Verdana, Geneva, Arial, Helvetica, sans-serif;color:#fff; width:461px;padding:85px 0 0; text-align:center;}
.callout h2 { font: bold 25px Verdana, Geneva, Arial, Helvetica, sans-serif;color:#e1eac8;width:461px;padding:0; text-align:center;}
.callout h3 { font: bold 20px Verdana, Geneva, Arial, Helvetica, sans-serif;color:#e1eac8;width:461px;padding:0; text-align:center;}
.callout h4 { font: bold 18px Verdana, Geneva, Arial, Helvetica, sans-serif;color:#e1eac8;width:600px;padding:0;}
.callout.photo0 {background: url(../img/stock_img_home.jpg) no-repeat top right;}
.callout.photo1 {background: url(../img/stock_img1.jpg) no-repeat top right;}
.callout.photo2 {background: url(../img/stock_img2.jpg) no-repeat top right;}
.callout.photo3 {background: url(../img/stock_img3.jpg) no-repeat top right;}
.callout.photo4 {background: url(../img/stock_img4.jpg) no-repeat top right;}


.callout.type1 {border-bottom:10px solid #adc566;}
.callout .wrap1 { overflow:hidden;border-bottom:2px solid #fff;height:257px;}

.callout.type2  .wrap1 { height:auto;border:none;font: normal 1.4em Verdana, Geneva, Arial, Helvetica, sans-serif;color:#fff;}
.callout.type2  .wrap1 h1 {font: bold 16px Verdana, Geneva, Arial, Helvetica, sans-serif;color:#fff;}
.callout.type2  .wrap2 { font: bold 14px Verdana, Geneva, Arial, Helvetica, sans-serif;}
.callout.type2  .wrap2 h2 {font: bold 16px Verdana, Geneva, Arial, Helvetica, sans-serif;color:#000;}
.callout.type2  .wrap1 h2 {font: bold 16px Verdana, Geneva, Arial, Helvetica, sans-serif;color:#000;}

.callout.type3 {text-align:left;font: normal 14px Verdana, Geneva, Arial, Helvetica, sans-serif;color:#fff;padding:10px;}
.callout.type3 strong {font: bold 16px Verdana, Geneva, Arial, Helvetica, sans-serif;color:#fff;}

.pumpinfo {font: bold 16px Verdana, Geneva, Arial, Helvetica, sans-serif;color:#000; padding:10px}
.pumpinfo2 {font: bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;color:#000; padding:10px}
.pumpsub {font: bold 14px Verdana, Geneva, Arial, Helvetica, sans-serif;color:#e1eac8; padding:10px}
.pumptext {font: bold 14px Verdana, Geneva, Arial, Helvetica, sans-serif;color:#000;  text-align:center}
.captext {font: bold 14px Verdana, Geneva, Arial, Helvetica, sans-serif;color:#000; padding-left:20px}
.pumpprice {font: bold 14px Verdana, Geneva, Arial, Helvetica, sans-serif;color:#000; text-align:center}

.contactContent {overflow:hidden;background-color:#c3d591;text-align:left;font: normal 14px Verdana, Geneva, Arial, Helvetica, sans-serif;}
.contactContent h1, 
.contactContent h2 {font-size:16px;font-weight:bold;margin-bottom:5px;}
.contactContent .contactInfo,
.contactContent .contactHours {width:347px;}
.contactContent .map {float:right;}
.contactContent .contactInfo {background:#91b133;color:#fff;padding:40px 25px;}
.contactContent .contactHours {font-weight:bold;padding:30px 25px 10px;}
.contactContent .contactHours p,
.contactContent .contactInfo address {margin-bottom:20px;}
.contactContent .split {overflow:hidden;padding-bottom:10px;}
.contactContent .split .c1 {float:left;width:105px;}
.contactContent .split .c2 {float:left;width:220px;}

.tab1, .tab2, .tab3 {float:left; display:inline-block;width:250px;padding:10px 40px 10px 30px;}
.tab1, .tab2 {background: url("../img/bg_3col.gif") no-repeat top right;}
.tabhead {overflow:hidden;background:#adc566;font: bold 14px Verdana, Geneva, Arial, Helvetica, sans-serif;}
.tabhead .tab1, .tabhead .tab2 {background-image:none;}
.tabbody {overflow:hidden;padding:20px 0;}



/* links page */
.split.bigList {margin:0 0 10px;}
.split.bigList li {overflow:hidden;margin-bottom:5px;padding:20px 10px;border-bottom:21px solid;background: url(../img/bg_biglist.gif) no-repeat 210px center;display:inline-block;}
.split.bigList li.r1 {border-color:#adc566;}
.split.bigList li.r2 {border-color:#b7cc7a;}
.split.bigList li.r3 {border-color:#c3d48f;}
.split.bigList li.r4 {border-color:#d0dda7;}
.split.bigList li.r5 {border-color:#d9e4b8;}
.split.bigList li.r6 {border-color:#e3ebcc;}
.split.bigList li.r7 {border-color:#eff3e1;}
.split.bigList span {float:left;}
.split .date {width:200px;font: bold 12px/18px Verdana, Geneva, Arial, Helvetica, sans-serif;} 
.split .logo {width:200px;text-align:center;}
.split .logo img {margin:0 auto;}
.split .desc {padding-left:40px;width:690px;}

/* news page */
.split.bignewsList {margin:0 0 10px;}
.split.bignewsList li {overflow:hidden;margin-bottom:5px;padding:20px 10px;border-bottom:21px solid;background:display:inline-block;}
.split.bignewsList li.r1 {border-color:#adc566;}
.split.bignewsList li.r2 {border-color:#b7cc7a;}
.split.bignewsList li.r3 {border-color:#c3d48f;}
.split.bignewsList li.r4 {border-color:#d0dda7;}
.split.bignewsList li.r5 {border-color:#d9e4b8;}
.split.bignewsList li.r6 {border-color:#e3ebcc;}
.split.bignewsList li.r7 {border-color:#eff3e1;}
.split.bignewsList span {float:left;}


/* home page */
.home .callout .wrap1 { font: normal 17px Verdana, Geneva, Arial, Helvetica, sans-serif;color:#fff; padding:50px 525px 0 40px;text-align:left;height:206px;}
.home .photoCallout {float:left;} 
.home .photoCallout .blurb {overflow:hidden;}
.home .photoCallout .blurb p {display:inline-block;float:left;width:170px;color:#000;}
.home .photoCallout .imgleft {margin-right:30px;}
.home .photoCallout p strong {color:#c10017;font-size:13px;}
.home .photoCallout ul {border-top:1px solid #ffefbf;font-size:11px;}
.home .photoCallout li {border-bottom:1px solid #ffefbf;padding:5px 0;}
.home .homeleft {width:370px;margin-right:95px}
.home .homeleft p strong {color:#c10017;font-size:13px;}
.home .homeleft li {font-size:11px;}
.home .homeleft .blurb {margin-bottom:20px;}
.home .homeright {width:470px;}
.home .photoCallout .srvcList {width:275px;float:left;font-weight:bold;color:#000;}





/* Footer */
.footer { border-top:1px solid #b2b2b2; padding-top:15px;margin-top:20px;}
.home .footer {border:none; }
.footer dt {font: bold 14px/14px Arial, Helvetica, sans-serif;margin-bottom:5px;}
.footer dd {font: normal 10px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;}
.footer dd span {display:block;}
.footer dd .adr {}
.footer dd .region {}
.footer dd .phone {margin-top:5px;}