/******************************************************************************/
/* General                                                                    */
/******************************************************************************/
html {
  background-color: #CCC;
}

body {
  padding: 10px 27px;
  padding-right: 5px;
}

td.layout-cell {
  padding: 0;
  border: none;
}

td.layout-cell img {
  display: block;
}

a:link,
a:visited {
  color: blue;
}

a:hover {
  color: red;
}

#content {
  padding-top: 20px;
  padding-bottom: 0;
  background-color: #FFF;
}

#content .last {
  margin-bottom: 0;
}

#content p,
#content li {
  font-size: 116%;
}

strong em,
em strong {
  font-weight: bold;
}


/******************************************************************************/
/* Footer                                                                     */
/******************************************************************************/
#footer {
  text-align: center;
}

#copyright {
  font-size: 85%;
}


/******************************************************************************/
/* Boxes and Notices                                                          */
/******************************************************************************/
.box {
  margin-bottom: 20px;
  padding: 20px;
  border-style: solid;
  border-width: 1px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}

.notice {
  background-color: #A5D4EB;
  border-color: #003399;
}

.notice a {
  text-decoration: underline;
}


/******************************************************************************/
/* Navigation                                                                 */
/******************************************************************************/
#nav {
  margin: 20px 0 0;
  border-top: 1px solid #FFF;
}

#nav li {
  list-style-type: none;
}

#nav a {
  display: block;
  padding: 8px 2px;
  text-align: center;
  font-variant: small-caps;
  font-family: sans-serif;
  /*font-size: 93%;*/
  color: white;
  background-color: #0033CC;
  border-bottom: 1px solid #FFF;
  text-decoration: none;
}

#nav a:hover {
  background-color: #003399;
}

#bottom-nav {
  font-size: 77%;
}


/******************************************************************************/
/* Forms                                                                      */
/******************************************************************************/
.form .section {
  margin-top: 1em;
  padding: 10px;
  border-top: 1px solid #CCC;
}

.form .section legend {
  padding: 3px 5px;
  font-weight: bold;
  color: navy;
}

.form .section td {
  border: medium none;
  padding: 0.5em;
  vertical-align: middle;
}

.form .section .label {
  padding-right: 0;
  text-align: right;
  white-space: nowrap;
  width: 10em;
}

.form .section label,
.form .section .text_field,
.form .section .select_field,
.form .section .check_box,
.form .section .radio {
  vertical-align: middle;
}

.form .section .text_field,
.form .section .text_area {
  border: 1px solid #A7A6AA;
}

.form .section .text_area.big {
  display: block;
  width: 30em;
  height: 10em;
}

.form .section .text_field {
  padding: 4px;
  width: 10em;
}

.form .section .email_field {
  width: 11em;
}

.form .section .address_field {
  width: 21.25em;
}

.form .section .full_name_field {
  width: 21.25em;
}

.form .section .state_field {
  width: 1.75em;
}

.form .section .zip_field {
  width: 3em;
}

.form .section .phone_number_field {
  width: 8em;
}

.form .section .extension_field {
  width: 3em;
}

.form .section input.error,
.form .section textarea.error {
  border-color: red;
  background-color: pink;
}