body {background: #e0e0e0;  font-family: verdana; font-size: 14px; height: 100%; line-height: 1.4em;  margin-top: 15px;}
    body a {color: #3953a4;  text-decoration: underline;}
    body a:hover {text-decoration: none;}
    body h4 {font-size: 14px; line-height: 1.0em; text-align: left;}
    body h3 {font-size: 14px; text-align: left; line-height: 1.0em;}
    body h2 {color: #A5141B; font-size: 16px; text-align: center; line-height: 1.0em;}
    body h1 {font-size: 18px; text-align: center; line-height: 1.0em;}

    h1 {margin-bottom: 0;  margin-top: 0;}
    h2 {margin-top: 0;}
    h2.meeting_dates {color: black; padding-top: 10px;}

    table#steps {margin: 20px 0;}
    table.two_column {width: 100%;}

    table.form_table td {padding: 0 5px 5px 0;}

    #submit_button {padding: 10px 0 0 0;}

    .red_text {color: #A5141B;}

    img {border: none;}
    #outer {background: #e0e0e0; height: 100%;}
    #content {margin: 0 auto;  border: solid 1px black;  border-top: solid 5px black; width: 978px; background: #fff;}
    /*#content {height: 100%;} this caused some major layout problems with inner divs extending beyond this div*/
    #tan_bar {vertical-align: top; background: #cccc99;  height: 5px;}
    #red_bar {background: #A5141B;  height: 22px; border-top: solid 1px black; border-bottom: solid 1px black; padding: 5px 20px; font-size: 12px; color: white;}
    #red_bar a {color: white; text-decoration: underline;}
    #red_bar a:hover {color: white; text-decoration: none;}

    #nav {line-height: 1.1em; font-size: 12px; float: left; width: 60px; height: 100%; background: #e0e0e0; padding: 10px; position: absolute; top: 0; left: 0;}

    #meetings {padding: 20px; width: 938px;}

    #user_info {width: 100%;}
    #user_info td {padding: 6px 0 6px 3px;}

    #upcoming_meetings {border-right: solid 1px black; border-left: solid 1px black;}
    #upcoming_meetings td {padding: 10px 30px 10px 30px;}

    #upcoming_meetings_thin {width: 100%; border-right: solid 1px black; border-left: solid 1px black;}
    #upcoming_meetings_thin td {padding: 4px 3px 4px 3px; border-bottom: 1px solid black;}

    #footer {text-align: center;  font-size: 12px;  padding-top: 20px;}
    #footer a {color: #9e1117;  text-decoration: underline;}
    #footer a:hover {color: #9e1117;  text-decoration: none;}
    #create_meeting {float: right;}
    #steps td {font-size: 11px; vertical-align: middle; padding-right: 6px;}

    #admin_nav {float: right;}

    .t_left {font-weight: bold; width: 130px;  padding: 2px;}
    .t_left_wide {font-weight: bold; width: 250px;  padding: 2px;}
    .t_right {text-align: left;}

    .two_column td {vertical-align: top;}

    /* annual meeting styles */
    #annmtg_dates td {padding-bottom: 15px;}
    #annmtg_dates td.strong {padding-right: 20px; font-weight:bold;}
    /* commissioner-only info */
    #comm_travel {padding-top: 10px;}
    #comm_travel p.ct_complete {padding: 10px 30px; text-align: center; border: 1px solid red; background-color: #FFDFE1; font-weight: bold; width: 75%;}
    #comm_travel p.ct_claims {padding: 10px 30px; text-align: center; border: 1px solid red; background-color: #FFDFE1; font-weight: bold; width: 75%;}

    .step1 {width: 310px;}
    .step1 td {padding: 6px 0 6px 3px;}
    .commissioner {text-align: center; font-weight: bold;}
    .commissioner img {padding-right: 5px;}

    /* ADMIN STYLES */
    .admin_links {font-size: 12px; padding-left: 0px;}
    #admin_table {width: 100%;}
    #admin_table td {font-size: 12px; padding: 6px 0 0 0;}
    #admin_table th {border-bottom: solid 2px black; font-size: 16px;}
    #no_border th {border: 0;}

    .border_bottom td {border-bottom: 1px black solid;}

    #stats_table td {padding-right: 40px; line-height: 2em;}

    .admin_register {vertical-align: bottom; font-size: 12px;}
    .admin_header {text-align: left; margin-bottom: 15px;}

    .read_only {background: #e0e0e0;}


    .user_info2 {width: 700px;}
    .user_info2 td {padding: 6px 0 6px 3px;}

    .user_info3 {width: 800px;}
    .user_info3 td {padding: 6px 0 6px 3px;}

    .right {text-align: right;}
    .left {text-align: left; width: 600px;}

    .table_header {color: white;  background: black;}
    .table_header2 {font-weight: bold; font-size: 16px; border: solid 1px black;}
    .table_links_odd {border-bottom: solid 1px black; text-align: left;}
    .table_links_even {border-bottom: solid 1px black; background: #e3e3e3; text-align: left;}

    .even {background: #e4e4e4;}
    .even_upcoming {background: #e3e3e3;}

    .align_top {vertical-align: top;}

    input.button, a.button, a:hover.button {margin: 10px 10px 0 0; font-weight: bold; font-size: 12px; line-height: normal; text-decoration: none; border: 1px solid #000;  padding: 5px;  background: #A5141B url("images/submit_information.gif");  color: #fff;}

    a.button, a:hover.button {margin: 10px 10px 0 0; font-weight: bold; font-size: 12px; line-height: normal; text-decoration: none; border: 1px solid #000;  padding: 6px;  background: #A5141B url("images/submit_information.gif");  color: #fff;}

/* Error and Messaging Styles */
  #site_msg {background-color: #fedf46; text-align: center; border: 1px solid #999; border-width: 1px 0; margin-bottom: 16px; width: 100%;}
  #site_msg td {padding: 2px 0;}
	.error {color: #9d010c; font-weight: bold;}
  .alert {color: #9d010c; }
	.message {font-weight: bold; color: #1d577c;}

/*Admin editing styles*/
.small {font-size: 12px; color: #000; font-weight: normal;}

/*CSS from Peter's mockup*/
a {color: #33c;}
a:hover {color: #999;}
ul, ol, li {margin: 0;  padding: 0;}
li {margin-left: 15px;}
.border {border: 1px solid #333;}