/* MOM Front End CSS
  
    Site Colors:
	#00A0AE - top header
	#0E5D66 - bottom header
	#7C6E0D - menu background
	#FCDE0E - highlighted navigation
	#A3B26A - content headlines
	#00A0AE - footer
	
*/

body {
    text-align: center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
    background-image: url(../images/bg.jpg);
    background-repeat: repeat-x;
    margin: 0 auto;
}

#wrapper {
    margin: 0 auto;
    width: 1000px;
    height: 100%;
    text-align: left;
}

dl, dt {
    text-align: justify;
    font-size: 13px;
    margin: 0 2em .5em 2em;
}

dd {
    text-align: justify; 
    font-size: 13px;
    margin: 0 2em .5em 3em;
}

#header {
    
    background-image: url(../images/head_bg.jpg);
    background-repeat: repeat-x;
}

#header img {
    padding-left: 5em;
}

html>body #header .head-img {
    float: right;
    margin: -6.2em 0 0 0;
}

#header .head-img {
    float: right;
    margin: -6.4em 0 0 0;
}

#navigation {
    width: 510px;
    height: 20px;
    
    margin: .59em 0 3em 10em;
    border-bottom: 1px solid white;
    
}

html>body #navigation {
    width: 480px;
    height: 27px;
    
    margin: .7em 0 3em 5em;
    border-bottom: 1px solid white;
    
}

#navigation ul {
    height: 26px;
    margin: 0 0 0 0;
    list-style: none;
    width:600px;
}

html>body #navigation ul {
    height: 26px;
    margin: 1px 0 0 0;
    list-style: none;
    width:1200px;
}

#navigation li {
    float: left;
    display: block;
    background-color: #7C6E0D ;
    padding: .2em 0 0 0;
    font-size: 17px;
}

html>body #navigation li {
    float: left;
    display: block;
    background-color: #7C6E0D ;
    padding: .1em 0 0 0;
    font-size: 15px;
}

#navigation li a:link {
    /* background-image: url(../images/nav_bg.jpg); */
    background-color: #7C6E0D; 
    text-decoration: none;
    color: #FFFFFF;
    margin: 5px 0 0 0;
    padding: 5px 9px 12px 5px;
}

html>body #navigation li a:link {
    background-color: #7C6E0D;
    text-decoration: none;
    color: #FFFFFF;
    margin: 5px 0 0 0;
    padding: 5px 9px 7px 5px;
    border-bottom: 1px solid #FFF;
}


#navigation a:hover {
    color: #FCDE0E;
    background-color: #0E5066;
    background-image: url(../images/nav_hover.jpg);
    background-repeat: repeat;
    text-decoration: none;
    border-bottom: 1px solid #0E5066;
}

html>body #navigation a:hover {
    color: #FCDE0E;
    background-color: #0E5066; 
    background-image: url(../images/nav_hover.jpg);
    background-repeat: repeat;
    margin: 5px 0 0 0;
}

#navigation li a:visited {
    color: #FFFFFF;
    background-image: url(../images/nav_bg.jpg);
    text-decoration: none;
    margin: 5px 0 0 0;
    padding: 5px 9px 5px 5px;
}

#navigation li .active {
    float: left;
    display: block;
    color: #FCDE0E;
    background-color: #0E5066 ;
    background-image: url(../images/nav_hover.jpg);
    padding: .1em 0 3px 0;
}

html>body #navigation li.active {
    float: left;
    display: block;
    background-color: #0E5066 ;
    padding: .1em 0 5px 0;
    color: #FCDE0E;
}

/* #head-btm {
    background-color: #0E5066;
    height: 2.5em;
    margin-top: -1em;
}
*/
#main-content {
    margin-top: 5em;
}

#main-content .banner {
    margin: 0 0 30px 0;
}

#content {
    border: groove;
    border-color: #A3B26A;
    margin: 5em 3em 5em 3em;
}

#content-lft-volunteer {
    float: left;
    width:400px;
    height:400px;
    
    margin: -2em 1em 5em 0;
}

#content-volunteer {
    float: left;
    width:500px;
    border: groove;
    border-color: #A3B26A;
    margin: 1em 2em 5em 1em;
}

#content-volunteer p {
    text-align: justify;
    
    font-size: 13px;
    margin: 1em 2em 2em 2em;
}

p.small {font-size:12px;}

#content-volunteer p a:link  {
    text-align: justify;
    
    font-size: 13px;
    margin: 1em 2em 2em 2em;
}

#content-volunteer .title {
    color: #A3B26A;
    font-size: 18px;
    margin: .5em 0 0 2em;
    padding-left: 1em;
    width: 12em;
    background-color: #FFFFFF;
}

li.content-volunteer {
text-align: justify; 
    font-size: 13px;
    margin: 1em 2em 2em 2em;
	list-style:none;
}

#content .title {
    color: #A3B26A;
    font-size: 18px;
    margin: 5em 0 0 2em;
    padding-left: 1em;
    width: 12em;
    background-color: #FFFFFF;
}

html>body #content .title {
    color: #A3B26A;
    font-size: 18px;
    margin: -.8em 0 0 2em;
    padding-left: 1em;
    width: 8em;
    background-color: #FFFFFF;
}

#content p {
    text-align: justify;
    
    font-size: 13px;
    margin: 1em 2em 2em 2em;
}


#content-left {
    width: 450px;
    float: left;
    margin-left: 2em;
    border: groove;
    border-color: #A3B26A;
}

#content-left .title {
    color: #A3B26A;
    font-size: 18px;
    margin: .2em 0 0 2em;
    padding-left: 1em;
    width: 13em;
    background-color: #FFFFFF;
}

html>body #content-left .title {
    color: #A3B26A;
    font-size: 18px;
    margin: -.8em 0 0 2em;
    padding-left: 1em;
    width: 13em;
    background-color: #FFFFFF;
}

#content-left p {
    text-align: justify;
    
    font-size: 13px;
    margin: 1em 2em 2em 2em;
}

#content-left a img  {
    float: right;
    margin: 2px 3em 1em 0;
    border: none;
}

#content-right {
    width: 450px;
    float: left;
    margin-left: 2em;
    border: groove;
    border-color: #A3B26A;
}

#content-right .title {
    color: #A3B26A;
    font-size: 18px;
    margin: .2em 0 0 2em;
    padding-left: 1em;
    width: 12em;
    background-color: #FFFFFF;
}

html>body #content-right .title {
    color: #A3B26A;
    font-size: 18px;
    margin: -.8em 0 0 2em;
    padding-left: 1em;
    width: 12em;
    background-color: #FFFFFF;
}

#content-right img {
    margin: 1em 0 2px 3em;
}

#content-right a img.more  {
    float: right;
    margin: 2px 3em 1em 0;
    border: none;
}

#content-right p {
    text-align: justify;
    
    font-size: 13px;
    margin: 1em 2em 2em 2em;
}

#sponsor  {
    width: 1000px;
    float: left;
    font-size: 12px;
    text-align: justify;
    margin: 3em 0 0 12em;
}

#sponsor img {
    float: left;
    margin: -1.2em 0 0 22em;
}

html>body #sponsor  {
    width: 1000px;
    float: left;
    font-size: 10.5px;
    text-align: justify;
    margin: 3em 0 0 3.8em;
}

html>body #sponsor img {
    float: right;
    margin: -4.2em 7em 0 0;
}

#footer {
   background-color: #00A0AE;
   
    float: left;
    width: 1000px;
    margin: 2em 0 0 0;
    text-align: center;
    color: #FFFFFF;
    font-size: 12px;
    border-top: 2px inset;
    border-top-color: #FFFFFF;
}

html>body #footer {
   background-color: #00A0AE;
    float: left;
    width: 2000px;
    margin: 2em 0 0 -500px;
    text-align: center;
    color: #FFFFFF;
    font-size: 12px;
    border-top: 2px inset;
    border-top-color: #FFFFFF;
}

#contact-form td {
font-size:13px;
}

html>body #contact-form td {
font-size:13px;
}

/* CSS styling for registration form using Mozilla Browsers 
---------------------------------------------------------------------------------
*/
#form {
}

fieldset ol input {
    font-family:Verdana;
}

fieldset {
float: left;
clear: left;
width: 60%;
margin: 0 0 1.5em 0;
padding: 0;
border: 2px solid #BFBAB0;
background-color: #F2EFE9;
background-image:url(../images/formback.jpg);
background-repeat:repeat-x;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

fieldset fieldset {
/*margin-bottom: -2.5em;*/
border: none;
background-color: transparent;
background-image:none;
width:100%;
margin-left:1em;
}

fieldset fieldset legend {
margin-left: 0;
font-weight: bold;
font-style:italic;
}

fieldset fieldset ol {
position: relative;
top: 1.5em;
margin: 0 0 0 1em;
padding: 0;
}


fieldset fieldset label {
width: auto;
margin-right: 1em;;
}

fieldset li.checkbox {
float:left;
width: auto;
margin-right: auto;
}

legend {
margin-left: 1em;
padding: 0;
color:000000;
font-weight: bold;
}

fieldset ol {
padding: 1em 1em 0 1em;
list-style: none;
}

fieldset li {
float: left;
/* clear: left; */
width: 100%;
padding-bottom: 1em;
}

fieldset li a {
/* clear: left; */
margin-left: 7em;
}

fieldset li.friday {
float: left;
/* clear: left; */
width: 100%;
padding-bottom: 1em;
}


fieldset li.personal {
float: left;
width: 40%;
padding-bottom: 1em;
}

fieldset li.personal_right {
float: left;
width: 50%;
padding-bottom: 1em;
margin-left:-4.7em;
}

fieldset li.personal_other {
float: left;
width: 18%;
padding-bottom: 1em;
margin-left:2em;
}

fieldset li.personal_zip {
float: left;
width: 18%;
padding-bottom: 1em;
margin-left:-2em;
}

fieldset li.personal_address {
float: left;
/* width: 50%; */
padding-bottom: 1em;
}


label.personal {
    display: block;
    font-weight:bold;
    line-height:150%;
    
}

label.personal_other {
    display: block;
    font-weight:bold;
    line-height:150%;
    width:200px;
}

html>body label.personal {
    display: block;
    font-weight:bold;
    line-height:150%;
    width:300px;
}

html>body label.personal_other {
    display: block;
    font-weight:bold;
    line-height:150%;
    width:300px;
}


label.note {
    color:#DF0000;
    font-size:120%;
    text-transform:uppercase;
    margin:1em;
}

/* label {
display:block;
}
*/

fieldset.submit {
float: none;
width: auto;
border: none;
padding-left: 12em;
background-color: transparent;
}

 .vimeoBadge { margin: 0; padding: 0; font: normal 11px verdana,sans-serif; }
                                                .vimeoBadge img { border: 0; }
                                                .vimeoBadge a:link, a:visited, a:active { color:#3A75C4; text-decoration:none; cursor:pointer; }
                                                .vimeoBadge a:hover { color:#00CCFF; }
                                                .vimeoBadge #vimeo_badge_logo { margin-top:10px; width: 57px; height: 16px; }
                                                .vimeoBadge .credit { font: normal 11px verdana,sans-serif; }
                                                .vimeoBadge .clip { padding:0; float:left; margin:0 10px 10px 0; width:120px; line-height:0; }
                                                .vimeoBadge .caption { font: normal 11px verdana,sans-serif; overflow:hidden; width:120px; }
                                                .vimeoBadge .clear { display: block; clear: both; visibility: hidden; }