/* reset css for IE compatability */
@import url(reset.css);

BODY {
  font-family: "Lucida Grande",Verdana,Lucida,Helvetica,Arial,sans-serif;
  font-size: 10pt;
  background: white;
  color: black;
  min-width: 640px;
}

TABLE, TR, TD {
  padding: 0px;
  margin: 0px;
  border: 0px;
  border-collapse: collapse;
}

/* --------- total page layout --------- */

TABLE.main {
  width: 100%;
}

TABLE.main TD {
  border: none;
  vertical-align: top;
}

TD.sider {
  width: 200px;
  font-size: 11pt;
  background: white url('http://vitalvermont.com/media/vital/CamelsHump.jpg') no-repeat scroll top;
}

div.sider {
  width: 200px;
  position: relative;
}

div.nav {
  position: absolute;
  right: -4px;
  top: 30px;
  text-align: left;
  font-family: Arial;
  
}

div.nav_search {
  background-color: #7DB9DF;
  border-bottom: 2px solid #B4E2FF;
  border-top: 1px solid black;
  font-weight: bold;
  width: 160px;
  padding-left: 8px;
  padding-top: 4px;
  padding-bottom: 2px;
}  
  
div.nav_category {
  background-color: #DCB805;
  font-weight: bold;
  border-bottom: 2px solid #FFDC30;
  border-top: 1px solid black;
  width: 160px;
  padding-left: 8px;
  padding-top: 4px;
  padding-bottom: 2px;
}

A.nav_item {
  display: block;
  margin-top: 2px;
  margin-bottom: 4px;
}

div.nav_category_items {
  background-color: white;
  font-size: 10pt;
  width: 140px;
  margin-left: 10px;
  padding-left: 18px;
  margin-bottom: 18px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom: 1px solid black;
}

TD.wall_left {
 background-color: #3d7616;
 width: 8px;
}

TD.wall_right {
 background-color: #254912;
 width: 11px;
}

TD.blankness {
 background-color: #BEC9B9;
 width: 4%;
}

/* ------  text styles --------- */

DIV.body {
  color: #202020;
  vertical-align: top;
  padding: 20px;
  min-height: 300px;
  line-height: 1.2em;
  margin-bottom: 80px;
  max-width: 800px;
}

A {
  color: #3d7616; /*#254912;*/
  text-decoration:none;
}

A:hover {
  text-decoration:underline;
}

A IMG {
  border: 0;
}

P {
  padding-top: 0.8em;
  line-height: 1.2em;
  margin-left: 0px;
  text-indent: 2em;
}

ol, ul {
  list-style: disc;
  margin-left: 2em;
}


H1, H2, H3, H4, H5 {
  font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif;
  font-weight: lighter;
  color: #254912;
}

H1 {
  font-size: 24pt;
  padding-top: 0.8em;
  padding-bottom: 0.3em;
}
H2 {
  font-size: 18pt;
  padding-top: 0.8em;
  padding-bottom: 0.3em;
  
}

H3 {
  font-size: 16pt;
  padding-top: 0.8em;
  padding-bottom: 0.3em;
}

H4 {
  font-size: 12pt;
  padding-top: 0.8em;
  padding-bottom: 0.3em;
}

LI {
  padding-top: 0.2em;
  padding-bottom: 0.2em;
}

UL {
  padding-top: 0.2em;
  padding-bottom: 0.6em;
}

.guide {
  color: #888888;
}

/* --------- header / breadcrumbs --------- */

DIV.header {
  font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif;
  
  background-color: white;
  color: #254912;
  height: 98px;
  position: relative;
}

DIV.header A {
  color: #254912;
  text-decoration:none;
}

DIV.breadcrumb_primary {
  position: absolute;
  bottom: 18px;
  margin-top:20px;
  padding-top:50px;
  padding-right:30px;
  margin-left: 20px;
}

DIV.breadcrumb_secondary {
  position: absolute;
  font-size: 13pt;
  bottom: -5px;
  margin-left: 40px;
}

DIV.breadcrumb_secondary A {
  margin-left: 15px;
  margin-right: 15px;
}

DIV.breadcrumb_secondary > a:first-child {
  font-weight: bold;
}

DIV.header_title {
  display: inline;
  overflow: visible;
  font-size: 24pt;
  margin-top:20px;
  padding-top:36px;
  padding-right:22px;
  background: white url('http://vitalvermont.com/media/vital/swoop200.png') no-repeat scroll right;
}

DIV.header_subtitle {
  display: inline;
  font-family: Palatino, Palatino Linotype, Arial, sans-serif;
  letter-spacing: 0.4em;
  font-size: 18px;
  margin-left: 12px;
}

TD.header {
  background-color: white;
}

TD.body {
  background-color: #F6EFD7;
}

/* --------- footer --------- */

DIV.footer {
  position: relative;
  width: 100%;
}

DIV.footer_mountains {
  background: transparent url('http://vitalvermont.com/media/vital/mountains.png') repeat-x scroll bottom left;
  height: 131px;
  position: absolute;
  top: -50px;
  width: 100%;
}

/* ---------- summary style -------- */

DIV.summary {
    border-left: 1px dotted #AAAAAA;
    border-bottom: 1px dotted #AAAAAA;
}

/* ---------- Our Distinctive Action Buttons ----------- */


DIV.button_bar {
  text-align: right;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 2px;
  padding: 2px;
}

.action_button {
  float: right;
  font-weight: bolder;
  font-variant: small-caps;
  color: white;
/*  background-color: blue;
*/  background-color: #4d63C3;
  border-top: 1px solid lightblue;
  border-right: 2px solid #30469B;
  border-bottom: 2px solid #30469B;
  border-left: 1px solid lightblue;
  padding: 1px 5px 1px 5px;
  margin: 3px 4px 3px 4px;
}

.global_button {
/*  font-weight: bolder; */
  position: absolute;
  font-variant: small-caps;
  color: white;
  background-color: #446924;
  border-top: 1px solid #446924;
  border-left: 1px solid #446924;
  border-right: 2px solid #14220C;
  border-bottom: 2px solid #14220C;
  width: 90px;
  text-align: center;
  padding: 4px 5px 3px 5px;
  margin: 3px 4px 3px 4px;
  bottom: 35px;
}

/*
page_width = 800.0
button_width = 90
left_margin = 80
spacing = 130

template = '.footer_%s { left: %s%%; }'

for num, letter in enumerate(range(ord('a'), ord('f'))):
    letter = chr(letter)
    pct = (left_margin + spacing * num) / page_width * 100.0
    print template % (letter, pct)
*/
.footer_a { left: 10.0%; }
.footer_b { left: 26.25%; }
.footer_c { left: 42.5%; }
.footer_d { left: 58.75%; }
.footer_e { left: 75.0%; }

/* ---------- our form tables ------ */
TABLE.form {
  width: 100%;
  margin-top: 2em;
  margin-bottom: 2em;
  vertical-align: baseline;
}

TABLE.form TH {
  text-align: right;
  padding: 10px;
}

TABLE.form TD {
  padding: 5px;
}

DIV.error {
  color: red;
  margin: 20px;
}

/* ---------- menu styles -------- */
TABLE.menu {
  font-family:Copperplate Gothic Bold,Verdana,Arial,Helvetica;
  background-color: #769d6d;
  border-width: 0;
}

TABLE.menu a {
  color: white;
  text-decoration:none;
}
TABLE.menu a:hover {
  color: white;
  text-decoration:underline;
}

TABLE.menu TD {
  padding: 0.2em;
  border-width: 0;
}

TABLE.menu TR {
  text-align: center;
  color: white;
}

.mt_is {
  text-align: left;
  padding: 5px;
  margin-top: 10px;
  margin-bottom:10px;
}

TD.body {
}

DIV.fineprint {
  margin-top: 1em;
}

/* Calendar styles */

.event {
    display: block;
    margin: 5px;
}

.event_time {
    font-family:Georgia,"Times New Roman",Times,serif;    
    color: #254912;
    display: inline-block;
    vertical-align: top;
    min-width: 4em;
}

A.event_description {
    font-size: 9pt;
    display: inline-block;
    padding-left: 2em;
    color: #000000;
    width: 88%;
}

A.event_description:hover {
    text-decoration:none;
    background-color: #FFFFFF;
}

.es {
    width: 18em;
}

H4.day {
    border-bottom:1px solid #BEC9B9;
    padding-bottom: 0px;
}


#id_phone_notes, #id_drivers_should_know, #id_riders_should_know {
    height: 3em;
}