body {
  font-family: Garamond;
  background: #08263e;
}

#header {
  padding: 10px 0px;
  background: #FFF;
}

#header img {
  vertical-align: middle;
  padding-left: 10px;
}

#header img.gvlogo {
  padding-top: 4px;
}

#header a {
  border: none;
}

#header span.title {
  font-size: 1.5em;
  color: #363636;
  text-transform: uppercase;
  font-weight: bold;
  padding-right: 10px;
  float: right;
}

#topbar {
  background: #004A80;
  font-family: Helvetica, Arial;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 1.6em;
  line-height: 1.2em;
  overflow: hidden;
}

#topbar .left {
  float: left;
  color: #FFF;
  margin: 5px 10px 3px;
}

#topbar .right {
  color: #FFF200;
  margin: 5px 10px 3px;
  text-align: right;
}

#footer {
  background: #FFFFFF;
  padding-top: 10px;
  clear: both;
  border-style: solid none none none;
  border-width: 1px;
  border-color: #333;
  font-size: 1.2em;
  text-align: center;
  color: #333;
}

/* content */

#video-and-form {
  overflow: hidden;
  background: #FFFFFF;
  padding-top: 10px;

}

#video {
  padding-left: 20px;
  margin: 0 auto;
  float: left;
}


#form {
  float: right;
  margin: 0px 19px;
  background: #D6D6D6;
  width: 450px;
  border: solid 1px #555;
  color: #555;
}

#form h1 {
  font-weight: bold;
  line-height: 1em;
  color: #9E0B0F;
  font-family: Helvetica, Arial;
  text-align: center;
  margin: 10px 25px 5px;
}

#form form {
  margin: 10px 20px 0px;
}

#content {
  background: #FFFFFF;
}

#menu {
  width: 250px;
  margin-left: 20px;
  margin-right: 20px;
  float: left;
}

#menu ul.primary {
  font-family: Garamond;
  color: #333;
  list-style-type:none;
  font-size: 1.8em;
  line-height: 1.2em;
}

#menu ul.primary li {
  margin: 1em;
}

#menu li a:link, #menu li a:visited, #menu li a:active {
  text-decoration: none;
  color: #333;
  border: none none solid none;
  border-width: 2px;
  border-color: #FFF;
}

#menu li a:hover {
  border-style: none none solid none;
  border-width: 2px;
  border-color: #999;
}

#menu li.active a {
  border-style: none none solid none;
  border-width: 2px;
  border-color: #9E0B0F;
}

#menu ul.secondary {
  font-size: .8em;
  margin: 5px 0px 5px 50px;
  list-style-type: disc;
  list-style-position: inside;
}

#menu ul.secondary li {
  margin: .25em 0;
}

#main {
  margin-top: 1.3em;
  float: right;
  width: 630px;
  margin-right: 20px;
  color: #222;
  font-family: Helvetica;
  background: #FFFFFF;
}


#main h2 {
  font-size: 1.5em;
}

#main h3 {
  text-decoration:  underline;
  font-size: 1.3em;
  font-weight: bold;
}

#main p {
  font-family: Helvetica;
  font-size: 1.2em;
}

#main p a {
  color: #00F;
}

#main ul.left, ul.right {
  font-size: 1.6em;
  color: #333;
  list-style-type: none;
}

#main ul.left img, #main ul.right img {
  vertical-align: middle; padding-bottom: 3px; margin-right: 3px;
}

#main ul.left li, #main ul.right li {
  padding-top: 5px;
}

#main ul.left {
  margin-left: 25px;
  float: left;
  width: 300px;
}

#main ul.right {
  float: left;
  width: 300px;
}

#main ol {
  list-style-type: disc;
  font-size: 1.2em;
}

#main ol li {
  margin-bottom: 1em;
}

/* Here's our form stuff */
fieldset {clear: both;}

form .field, form .buttons {clear: both; margin: 0 0 .25em; font-size: 1.2em;}
form .field label {display: block; color: #333; font-weight: bold; line-height: 1em; margin-top: 2px;}
form ul.fields {margin: 0 0 1.5em; padding: 0;}
form ul.fields li {list-style-type: none; margin: 0;}
form ul.inline li, form ul.inline label {display: inline;}
form ul.inline li {padding: 0 .75em 0 0;}

input.radio, input.checkbox {margin-top: 6px;}
form button, form input.submit, form input.image, form input.button {cursor: pointer;}
* html input.radio, * html input.checkbox {vertical-align: middle;} /* ie6 */
*+html input.radio, *+html input.checkbox {vertical-align: middle;} /* ie7 */

textarea {overflow: auto;}
input.text, input.password, textarea, select {margin: 0; font: 1em/1.1 Helvetica, Arial, "Liberation Sans", "Bitstream Vera Sans", sans-serif; vertical-align: baseline; color: #333;}
input.text, input.password, textarea { padding: 1px;}

input.fullwidth, textarea.fullwidth { width: 100%; }
input.halfwidth, textarea.halfwidth { width: 50%; }
input.quarterwidth { width: 25%; }

/* horizontal layout */
form.horizontal .field {padding-left: 125px; margin-right: 10px;}
form.horizontal .field label {display: inline; float: left; width: 125px; margin-left: -125px; padding-top: 1px; text-align: left;}
form.horizontal .field label.padforselect { padding-top: 2px;}
form.horizontal .buttons {display: inline; float: left; margin-left: 125px;;}

/* rails fieldswitherrors */
#errorExplanation { margin: 1em 0 2em 0; border: solid 1px #CCC;}
#errorExplanation h2 { padding: 10px; color: #FFF; background: #F00;}
#errorExplanation p { margin: 10px; }
#errorExplanation ul { margin: 10px 30px; list-style-type: disc;}
.fieldWithErrors input.text, .fieldWithErrors input.password, .fieldWithErrors textarea.text { background: #FFE6E6;}

/* required fields */
.required label:before {
  content: '* ';
  color: #F00;
}