.heading  { color: black; font-size: 18px; font-family: Arial; }
.neppablue { color: #074b85; }
.neppared { color: #882f54; }
.neppatan { color: #c3ac82; }
.neppagreen { color: #00665f; }
.neppawhite { color: white; }
.neppablack { color: black; }
a { color: #074b85; font-size: 12px; font-family: Arial; }
a.visited { color: #074b85; font-size: 12px; font-family: Arial; }
.navbartext { color: #FFFFFF; font-size: 12px; font-family: Arial; }
.frontPageLink { font-weight: 700; color: #FFFFFF; font-size: 12px; font-family: Arial; }


body { color: black; font-size: 12px; font-family: Arial; background: #fff;}
body#index { color: black; font-size: 12px; font-family: Arial; background: #074b85 url(graphics/steelBack.jpg) 0 0 no-repeat; }

body#index h1  { background: url("graphics/masthead-trans.png") no-repeat; position: absolute; top: 20px; left: 10px; width: 600px; height: 50px; behavior: url(behaviors/pngbehavior.htc) }
body#index h1 span { position: absolute; left: -500px; top: 0px; }


.body10px  { font-size: 10px; font-family: Arial, Helvetica, sans-serif; }
.body12px  { font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
.body11px  { font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
.subNavBar { color: white; font-size: 9px; font-family: Arial; background-color: #074b85; text-align: center; }
.subNavBarText { color: white; font-size: 9px; font-family: Arial; }
.subHeading { font-weight: 800; font-size: 15px; font-family: Arial, Helvetica, sans-serif; }
div div.eventContent    { margin-right: 0.5em; margin-left: 1em; padding: 0 0.25em; position: relative; top: 10px; height: 490px; width: 176; overflow: scroll; clip: rect(auto auto auto auto) }
div div.eventContent h4  { font-size: 1em; font-weight: 800; margin-top: 0.25em }
div#comingEvents .body10px  { margin-left: 1em;}
#featuredEvent { background: url("graphics/roundedBoxTop.jpg") 0 0 no-repeat; background-attachment: scroll; visibility: visible; padding: 0; position: absolute; top: 18px; left: 556px; width: 202px; height: 509px }


div#mainContent { visibility: visible; position: absolute; top: 140px; left: 40px; width: 250px; height: 135px; padding: 0; }
div#mainContent p {color: #FFF; font-size: 1em; font-family: Arial, Helvetica, sans-serif; padding: 1em; }

div#mainFooter { visibility: visible; position: absolute; top: 370px; left: 25px; width: 276px; height: 150px; padding: 0; }
div#mainFooter p {color: #FFF; font-size: .8em; font-family: Arial, Helvetica, sans-serif; }

div span#foot   { background: url("graphics/roundedBoxBot.jpg") no-repeat fixed left bottom; margin: 0 0 -7px -12px; position: relative; bottom: 0; left: 0; width: 202px }

div#nav { visibility: visible; position: absolute; top: 6px; right: 0; bottom: 0; left: 6px; height: 4em;  margin: 1em 0 0 1em;  }

div#nav ul {margin: 0; padding: 0; background: white; border: 1px solid #CCC; border-width: 0 1px; }
div#nav li  { line-height: 1em; list-style: none; margin: 0; position: relative; width: 11em; float: left; }
div#nav li:hover {background-color: #EDD; }
div#nav li a  { text-decoration: none; display: block; padding: 0.25em 0 0.25em 0.5em; block-width: 11.5em; }
div#nav>ul a {width: auto; }
div#nav ul ul  { display: none; position: absolute; top: 0; left: 11em; }
div#nav ul ul li {border-bottom: 1px solid #CCC; }
div#nav ul.level1 a {font-weight: 900; color: #911740; }
div#nav ul.level1 li.submenu:hover ul.level2 {display:block; }
div#nav ul.level2 {top: 1.5em; left: -1px; border-top: 1px solid #CCC;}

div#indexNav { visibility: visible; position: absolute; top: 148px; left: 301px; width: 170px; height: 353px; }
div#indexNav ul {margin: 0; padding: 0; border: 0px solid #CCC; }
div#indexNav li    { line-height: 1em; list-style: none; margin: 1em 0em; width: 175px; height: 50px; float: left }

div#subContentBlock {visibility:visible; position: absolute; top: 100px; left: 160px; width: 95%; }

div#subHeaderBlock {visibility:visible; position: absolute; top: 0px; left: 0px; width: 95%; }
div#subHeaderBlock h1 {background: url(graphics/submasthead.jpg) 0 0 no-repeat; width: 600px; height: 75px; position: absolute; top: 0px; left: 10px;  behavior: url(behaviors/pngbehavior.htc);}
div#subHeaderBlock h1 span { position: absolute; left: -500px; top: 0px; }
.class { }



.company  { color: black; font-size: 14px; font-family: Arial; }
.website { color #074B85; font-size: 10px; font-family: Arial; }
.phone  { color #074B85; font-size: 10px; font-family: Arial; }
.contact { color #074B85; font-size: 10px; font-family: Arial; }
.contactEmail  { color #074B85; font-size: 10px; font-family: Arial; }
.address  { color #074B85; font-size: 10px; font-family: Arial; margin-left: 1em;}

div#content { visibility: visible; position: absolute; top: 140px; left: 40px; width: 550px; padding: 0; }
div#content p {font-size: 1em; font-family: Arial, Helvetica, sans-serif; padding: .5em; }

.listing { padding-top: 1em; }


/* Styles */
form {
    margin: 0;
    padding: 0;
}
fieldset {
    margin: 1em 0;
    border: none;
    border-top: 1px solid #ccc;
}
legend {
    margin: 1em 0;
    padding: 0 .5em;
    color: #036;
    background: transparent;
    font-size: 1.3em;
    font-weight: bold;
}
label {
    float: left;
    width: 100px;
    padding: 0 1em;
    text-align: right;
}
fieldset div {
    margin-bottom: .5em;
    padding: 0;
    display: block;
}
fieldset div input, fieldset div textarea {
    width: 350px;
    border-top: 1px solid #555;
    border-left: 1px solid #555;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 1px; color: #333;
    display: block;
    margin-left: 13em;
}
fieldset div select {
    padding: 1px;
    display: block;
    margin-left: 13em;
}

div.fm-multi div {
    margin: 5px 0;
}
div.fm-multi input {
    width: 1em;
}
div.fm-multi label {
    display: block;
    width: 250px;
    padding-left: 1em;
    text-align: right;
}
#fm-submit {
    clear: both;
    padding-top: 1em;
    text-align: center;
}
#fm-submit input {
    border: 1px solid #333;
    padding: 2px 1em;
    background: #555;
    color: #fff;
    font-size: 100%;
}

input:focus, textarea:focus {
    background: #efefef;
    color: #000;
}
    
/* required fields - does not work in IE */
fieldset div.fm-req {
    font-weight: bold;
}

fieldset div.fm-req label:before {
    content: "* "; /* does not work in IE */
}

/* Basic page styling, not part of the form example */
body     {
    padding: 0;
    margin: 20px;
    color: #333;
    background: #fff;
    font: 12px arial,verdana,sans-serif;
    text-align: center;
}

#container {
    margin: 0 auto;
    padding: 1em;
    width: 350px;
    text-align: left;
}

p#fm-intro {
    margin: 0;
}
