@charset 'UTF-8';

* {
    padding: 0;
    margin: 0;
}


body {
    font-family: helvetica, arial, sans;
    font-size: 12px;
    margin: 0;
    padding: 0;
    background-color: #0c2b59
;
}

a {
    color: #003366;
    font-weight: bold;
    text-decoration: underline;
}
a:hover {
    text-decoration: underline;
}

a.btn {
    color: #fff;
    font-weight: bold;
    background-color: #036;
    padding: 3px 10px;
    margin: 1px;
    border: 1px solid #ddd;
    text-decoration: none;

}
a.btn:hover {
    color: #036;
    background-color: #ddd;
    border: 1px solid #036;
}

/* DIV */
div#page {
    width: 765px;
    padding: 5px;
    margin: auto;
    background-color: #fff;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
}

div#header {
    width: 765px;
    background-color: #eee;
}

div#leftNav {
    width: 160px;
    float: left;
}
div#leftNav .leftNavBox {
    margin-top: 4px;
    border: 1px solid #003366;
}
div#leftNav .leftNavBox h3 {
    background-color: #003366;
    color: white;
    padding: 2px 4px;
    margin-top: 0;
}
div#leftNav .leftNavBox p {
    font-size: 11px;
}
div#leftNav .leftNavBox input {
    font-size: 11px;
}
div#leftNav .leftNavBox ul {
    padding: 0;
    list-style-type: none;
}
div#leftNav .leftNavBox li {
    padding: 2px 4px;
    margin: 0;
    border-bottom: 1px solid #d0d0d0;
}
div#leftNav .leftNavBox li>a {
    font-weight: bold;
    text-decoration: none;
    font-size: 11px;
}
div#leftNav .leftNavBox li>a:hover {
    color: #069;
}
/*
div#rightSide {
    float: right;
    width: 120px;
}

div#topAd {
    width: 100%;
    margin: 5px 0;
    text-align: center;
}
*/
div#content {
    width: 595px; /* 475 when right col */
    padding: 10px 0 0 10px;
    float: left;
}

div#content h3 {
    color: #800000;
    padding: 3px 3px 3px 0;
}

div#content ul {
    list-style-type: none;
    padding: 3px 0;
    margin-bottom: 3px;
    border-bottom: 1px solid #d0d0d0;
}
div#content li {
    padding: 3px 0 3px 20px;
}

/* NAV */
ul.nav,nav ul{
    margin: 0 5px;
    padding: 0;
    cursor: default;
    list-style-type: none;
    display: inline;
    float: right;
}
ul.nav{

}
ul.nav>li{
    float: left;
    position: relative;
    padding: 2px 6px;
    border-right: 1px solid #ddd;
}
ul.nav>li.last{
    border: 0;
}

ul.nav>li a {
    color: #003366;
    text-decoration: none;
    font-weight: bold;
}
ul.nav>li a:hover {
    text-decoration: underline;
}

input {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    height: auto;
}
select {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}

div.textContent p {
    line-height: 18px;
    font-size: 12px;
    margin-top: 15px;
}

table#home {
    width: 100%;
}
table#home td.box {
    vertical-align: top;
    border: 1px solid #ddd;
}
table#home td.box>h3 {
    background-color: #ddd;
    color: #036;
    font-size: 14px;
    text-align: center;
    margin: 0;
}
table#home td>p {
    padding-left: 7px;
}
table#search {
    width: 100%;
}
table#search td.heading {
    padding: 2px 0 2px 4px;
    font-weight: bold;
    font-size: 11px;
}



p#error {
    border: 1px solid #ff0000;
    color: #ff0000;
    padding: 5px;
    font-weight: bold;
    margin: 3px 0;
}
p#success {
    border: 1px solid #008000;
    color: #008000;
    padding: 5px;
    font-weight: bold;
    margin: 3px 0;
}
table#detail {
    width: 100%;
}
table#detail h3 {
    padding: 3px;
    margin: 0;
    color: #036;
}
table#detail td {
    padding: 5px;
    vertical-align: top;
}
table#detail td.heading {
    padding: 5px;
    font-weight: bold;
    vertical-align: top;
}
table#detail td.header {
    padding: 5px; 
    background-color: #ccc; 
    font-size: 14px; 
    font-weight: bold;
    text-align: center;
    color: #036;
}
table#detail td.headersmall {
    padding: 5px; 
    background-color: #ccc; 
    font-size: 12px; 
    font-weight: bold;
    text-align: center;
    color: #036;
}

/* GHETTO FROM BEFORE */
.small { 
    margin-top: 10px;
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 11px
}
.small2 { 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 11px;
    margin-bottom: 10px;
}


p {
    font-family: helvetica, arial, swiss;
    font-size: 12px;
}

form {
    margin-top: 2pt;
    margin-bottom: 2pt;
}

h1, h2 {
    margin-top: 8px;
    margin-bottom: 6px;
    font-size: 18px;
    color: #003366;
}

h3 {
    margin-top: 4pt;
    margin-bottom: 4pt;
    font-size: 14px;
    color: #003366;
}

h4 {
    font-size: 12px;
    font-weight: bold;
    font-style: italic;
    margin-bottom: 4pt;
    color: #003366;
}

th {
    font-size: 12px;
    font-weight: bold;
    color: #003366;
    bgcolor: #cccccc;
    text-align: left;
    margin-top: 0pt;
    margin-bottom: 0pt;
}

.head1
{
    margin-top: 6pt;
    font-weight: bold;
    font-size: 13pt;
    margin-bottom: 4pt;
    color: #003366
}

.head2
{
    margin-top: 6pt;
    font-weight: bold;
    font-size: 13pt;
    margin-bottom: 4pt;
    color: #003366
}

.head3
{
    margin-top: 6pt;
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 0pt;
    color: #003366
}

.head4
{
    margin-top: 2pt;
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 0pt;
    color: #003366;
    font-style: italic
}

/* use to add space between block elements */
.spacer {
    margin-top: 0pt;
    margin-bottom: 0pt;
    font-size: 8pt;
}

.spacer2 {
    margin-top: 0pt;
    margin-bottom: 0pt;
    font-size: 12pt;
}

.nomarg
{
    margin-top: 0pt;
    margin-bottom: 0pt
}

.menuspacer {
    margin-top: 3pt;
    margin-bottom: 3pt;
    font-size: 8pt;
}

/* tabbed panels */

.tabon {
    margin-top: 0pt;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    color: #ffffff;
}

.taboff {
    margin-top: 0pt;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    color: #003366;
}

.leftmenu {
    margin-left: 3pt;
    margin-top: 4pt;
    margin-bottom: 4pt;
    font-size: 12px;
}

.submenu {
    margin-left: 12px;
    margin-top: 3pt;
    margin-bottom: 3pt;
    font-size: 11px;
}

.panel_title {
    margin-left: 4pt;
    margin-top: 6pt;
    margin-bottom: 4pt;
    font-size: 13pt;
    font-weight: bold;
    color: #003366;
}

.small_panel_title {
    margin-bottom: 6pt;
    font-size: 12px;
    font-weight: bold;
    color: #333366;
}

.menubar_topa {
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
    color: #003366;
}

.menubar_topb {
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
    color: #cc0000;
}

.menubar_topc {
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
    color: #009900;
}

.search {
    font-size: 11px;
}

.info_label {
    font-weight: bold;
    font-size: 12px;
}

.body_text {
    font-size: 12px;
    margin-left: 8pt;
    margin-top: 2pt;
    margin-bottom: 3pt;
}

.panel_notice {
    font-size: 11px;
    font-weight: bold;
    text-align: center;
}

.universal {
    font-size: 12px;
}

.edit_left {
    font-size: 11px;
    padding: 2px 7px 2px 0;
}

.edit_left_req {
    font-weight: bold;
    font-size: 11px;
    padding: 2px 7px 2px 0;
    color: #990033;
}

.required {
    font-weight: bold;
    font-size: 12px;
    color: #990033;
}

.edit_right {
    font-size: 11px;
}
.edit_right input {
    font-size: 11px;
    padding: 1px;
    margin: 2px;
}
.edit_right select {
    font-size: 11px;
    padding: 1px;
    margin: 2px;
}
.edit_right textarea {
    font-size: 11px;
    padding: 1px;
    margin: 2px;
}

.lp {
    margin-left: 14pt;
    margin-top: 0pt;
    margin-bottom: 6pt;
    font-weight: bold;
    font-size: 12px;
}

/* tables */
.ltrhead {
    font-weight: bold;
    font-size: 12px;
}

.ltdate {
    font-size: 11px;
}

.ltcell {
    font-size: 12pt;
}

.sltcell {
    font-size: 11px;
}

.action_buttons {
    text-align: center;
}

.command {
    font-weight: bold;
    font-size: 12px;
    color: #990000;
}

.control {
    text-decoration: none;
    text-align: center;
    link: #000000;
    vlink: #000000;
    alink: #000000;
}


.menu_bottom {
    font-size: 11px;
}

.personal_headers {
    font-weight: bold;
    font-size: 13pt;
    color: #990000;
    font-style: italic;
}

/* weather links */
.wx_link {
    font-weight: bold;
    font-size: 12px;
    font-style: italic;
}

.wx_content {
    font-size: 12px;
}

.alert_text {
    margin-top: 12px;
    margin-bottom: 6pt;
    font-weight: bold;
    font-size: 12px;
    color: #cc0000;
}

.info_text {
    margin-top: 12px;
    margin-bottom: 6pt;
    font-weight: bold;
    font-size: 12px;
}

/* posting related */
.posting {
    color: #990033;
    margin-left: 12px;
    margin-top: 4pt;
    margin-bottom: 6pt;
    font-size: 12px;
}

.aposting {
    color: #990033;
}

.cancel_type {
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
    background-color: #ff6666;
}


.info_type {
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
    background-color: #88aaff;
    text-align: center;
}

.delay_type {
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
    background-color: #ffff66;
    text-align: center;
}

.org_location {
    font-size: 12px;
    font-style: italic;
}

.org_name {
    font-size: 13pt;
    color: #003366;
}

.suborg_name {
    font-size: 12pt;
    color: #003366;
}

.group_name {
    font-size: 12px;
    color: #003366;
}

.calweekday {
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
}


.calday {
    margin-top: 0pt;
    margin-bottom: 6pt;
    font-weight: bold;
    text-align: right;
    font-size: 8pt;
}

.calevent {
    margin-top: 0pt;
    margin-bottom: 3pt;
    font-size: 11px;
}


.ap_link {
    font-size: 11px;
    color: #006633;
}

.calposting {
    font-size: 11px;
    color: #990033;
}

.edithint {
    margin-top: 0pt;
    margin-bottom: 6pt;
    font-weight: bold;
    font-size: 8pt;
    color: #990033;
}

.emcolor {
    color: #990033;
}

/* Physical styles */

.smallbold {
    font-size: 8pt;
    margin-bottom: 6pt;
}

.linehead {
    font-size: 12px;
    margin-bottom: 0pt;
}

.linetail {
    margin-top: 0pt;
    font-size: 11px;
}

.visitormenu {
    font-face: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-style: normal;
    font-size: 11px;
    color: e6e68d;
    text-decoration: none;
    line-height: 11px;
}

.visitormenu:visited {
    font-face: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-style: normal;
    font-size: 11px;
    color: e6e68d;
    text-decoration: none;
    line-height: 11px;
}

.visitormenu:hover {
    font-face: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-style: normal;
    font-size: 11px;
    color: ffffff;
    text-decoration: none;
    line-height: 11px;
}

.visitormenu:active {
    font-face: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-style: normal;
    font-size: 11px;
    color: ffffff;
    text-decoration: none;
    line-height: 11px;
}

/* MESSAGE CLASS */

.message-err {
    margin-bottom: 10px;
    padding: 5px;
    border: 1px solid #FF0000;
    color: #FF0000;
}

.message-msg {
    margin-bottom: 10px;
    padding: 5px;
    border: 1px solid #000000;
    color: #000000;
}

.message-success {
    margin-bottom: 10px;
    padding: 5px;
    border: 1px solid #008000;
    color: #000000;
}

/* VALIDATION */

.validation-failed {
    color: red;
}

.validation-advice {
    margin: 0px;
    padding: 0px;
    color : #F00;
    font-size: 11px;
}

.validation-passed {
    color: green;
}

/* MISC */

#div_form_contact .heading {
    text-align: right;
    vertical-align: top;
    white-space: nowrap;
    font-weight: bold;
}