/* =Global CSS Document 
----------------------------------------------- */
html, body {
  font-family: Verdana,sans-serif;
  color: #000;
  font-size: 89%;
  background: #387c2b;
}

h1, h2, h3, h4, h5, h6, p, span, a, img, div {
  font-size: 1em;
  margin: 0;
  border: 0;
  padding: 0;
}

input, select, option {
  font-size: 1em;
  margin: 0;
  padding: 0;
}

h1 {font-size: 1.75em; margin: 5px 0 25px 0; color: #387c2b;}	/*displayed at 21px*/
h2 {font-size: 1.50em; margin: 20px 0 5px 0; color: #8e2565;}	/*displayed at 18px*/
h3 {font-size: 1.25em; margin: 10px 0 5px 0; color: #8e2565;}	/*displayed at 15px*/
h4 {font-size: 1em; color: #000;}	/*displayed at 12px*/
h5 {font-size: .8em; color: #000;}	/*displayed at 10px*/
h6 {font-size: .6em; color: #000;}	/*displayed at 8px*/
p  {font-size: 1em; line-height: 1.5em; padding-bottom: 1em;}
p.error {color: red;}
div.errors {color: red;}

a {color: #000; font-weight: bold; text-decoration: none;}
a:hover {color: #61b539;}

img.rightImage {
  float: right;
  margin-left: 5px;
}
/* =Wrapper   border: 1px solid #330414;
----------------------------------------------- */
#wrapper {
  width: 800px;
  background: #80b6e4;
  margin: auto auto auto auto; 
  border: 3px solid #8cc63f;
}

/* =videoWrapper   border: 1px solid #330414;
----------------------------------------------- */
#videoWrapper {
  width: 640px;
  height: 505px;
  margin: auto auto auto auto;  
}

/* =Header
----------------------------------------------- */
#header {
  width: 800px; 
  background: url(banner.png) top;
  height: 130px;
  margin: 0;
  padding: 0;
}

/* =bar
----------------------------------------------- */
#bar {
  width: 800px; 
  background: #8cc63f;
  margin: 0;
  padding: 0;
}

/* =Search
----------------------------------------------- */
#search {
  margin-left: 3px;
  border: 0;
  padding: 0;
}

#ajaxSearch_form {
  margin: 0;
  padding: 0;
  border: 0px; 
}

#ajaxSearch_form fieldset {
  margin: 0;
  padding: 0;
  border: 0px; 
}

#search form, #search form label {
  margin: 0;
  border: 0;
  padding: 0;
}

#ajaxSearch_input {
  width: 180px;
  font-size: 1em;
  margin: 0;
  padding: 0;
}

#ajaxSearch_submit {
  font-size: 1em;
  margin: 0;
  padding: 0;
}

/* =Global Navigation
----------------------------------------------- */
#globalnav {
  margin: 0;
  padding: 0;
  border: 0;
}

#globalnav ul {text-align: right; padding: 3px 0 3px 0; margin: 0; font-size: 1em;}
#globalnav ul li {list-style-type: none; display: inline; padding: 0 10px 0 10px; border-right: 1px solid #FFF;}
#globalnav ul li.last {border: none;}
#globalnav ul li a {color: #FFF;}
#globalnav ul li a:hover {color: #330414;}
#globalnav ul li.selected a {color: #e2eebc;}

/* =Content
----------------------------------------------- */
#content {
  width: 800px;
  background: white;
  margin: 0;
}
#content table {
  border-collapse: collapse;
}

#content table tr td {
  vertical-align: top;
}

#loginLink {
  float: right;
  padding-top: 3px;
  margin-top: 3px;
}

#loginLink a {
  font-size: .8em;
  color: #387c2b;
  border: 1px solid #387c2b;
  margin: 3px;
  padding: 3px;
}
#loginLink a:hover {color: #330414;}

#loginId {
  float: right;
  margin: 1px 3px 0 0;
}


/* =Main Navigation
----------------------------------------------- */
#nav {padding-right: 5px;
  font-size: 1.1em; 
  line-height: 1.5em; 
}
#nav ul {padding-left: 10px;}
#nav ul li {list-style-type: none;}
#nav ul li a {color: #387c2b;}
#nav ul li a:hover {color: #330414;}
#nav ul li ul {display: none; font-size: .9em; line-height: 1.4em;}
#nav ul li ul li a {color: #330414;}
#nav ul li ul li a:hover {color: #387c2b;}
#nav ul li.selected ul {padding-left: 15px; display: block;}

/* =leftImage
----------------------------------------------- */
img.leftImage {margin: 0 0 0 12px}

/* =leftPanel
  background: #fff79a;
----------------------------------------------- */
#leftPanel {
  width: 225px;
  background: url(menu-yellow.png) top;
  margin: 0px;
}

/* =goodFoodDefinition
----------------------------------------------- */
#goodFoodDefinition {
  margin-left: 12px;
  padding-bottom: 5px;
  border: 1px solid #387c2b;
  display: block;
  width: 198px;
}
#goodFoodDefinition span.title {
  padding: 3px 0 3px 5px;
  display: block;
  background: #387c2b;
  color: white;
  font-weight: bold;
}
#goodFoodDefinition h4 {
  color: #387c2b;
  font-weight: bold;
  margin: 2px 5px 2px 10px;
}
#goodFoodDefinition h4 span {
  color: #387c2b;
  font-weight: normal;
}

#leftText p.small {font-size: .8em; padding: 10px 10px 0 10px;}
#leftText p.small1 {font-size: .75em; padding: 5px 10px 0 15px;}
#leftText p.small2 {font-size: .7em; padding: 0 10px 0 20px;}

/* =Text
----------------------------------------------- */
#text {
  margin: 0px;
  padding: 0 10px 0 10px;
}
#text p.small {font-size: .8em;}

/*=home
----------------------------------------------- */
#homeintroduction h3 {
  display: none;
}

#homevideo td {
  padding: 0 5px 0 0
}

/* =Rideshare
----------------------------------------------- */
table.rideshareTable {
  border-collapse: collapse;
}
table.rideshareTable tr td {
  border: 1px solid #330414;
}

/* =draftCharterCommentsTable
----------------------------------------------- */

table.draftCharterCommentsTable tr {
  background: #fffdda;
  border: 1px solid #387c2b;
}
table.draftCharterCommentsTable tr.draftCharterCommentAlt {
  background: #fefbcb;
}
table.draftCharterCommentsTable tr td {
  width: 550px;
}
table.draftCharterCommentsTable span.timestamp {
  font-size: .8em;
  font-weight: bold;
  font-style:italic;
  margin-bottom: 10px;
}
table.draftCharterCommentsTable span.userid {
  font-size: .8em;
  font-weight: bold;
  font-style:italic;
  margin-bottom: 10px;
}
table.draftCharterCommentsTable p {
  margin: 10px;
}


/* =Footer
----------------------------------------------- */
#footer {
  margin: 0 auto 0 auto; 
  font-color: white;
  padding-top: 10px;
  width: 800px;
  height: 275px; 
  text-align: center;
}

#footer p {color: black; padding-bottom: .25em;}
#footer p.small {font-size: .8em; padding: 10px 10px 5px 10px;}