/*** Colors
#C8E7FD light blue 
#0F75BC dark blue
#0A4B7D medium blue
#056839 dark green 
#F2DB00 yellow
#056839 orange
 
***/
body    {
 color: black;
 font-size: 16px;
 font-family: "Comic Sans MS", Geneva, Arial;
 background-color: #0F75BC;
 text-align: center;
 }

#container  {
 background-color: #C8E7FD;
 margin: 10px;
 width: 750px;
 border: ridge 6px #0A4B7D;
 }

.content {
 width: 750px;
 }

.content p{
 text-align: justify;
 margin-left: 35px;
 margin-right: 35px;
 margin-bottom: 25px;
 }

.where p{
 color: red;
 font-size: 20px;
 font-weight: bold;
 text-align: center;
 margin-left: 25px;
 margin-right: 25px;
 margin-bottom: 5px;
 }

#logo {
 margin: 0;
 margin-bottom: 0px;
 background-color: yellow;
 }

#friends {
 text-align: left;
 width: 600px;
 }



/********** NAVIGATION STYLES **********/

#navbar {
 background-color: #0A4B7D;
 margin-top: 0px;
 margin-bottom: 15px;
 padding-top: 2px;
 padding-bottom: 5px;
 color: #F2DB00;
 }

#navbar a {
 color: #fff;
 margin-left: 15px;
 margin-right: 15px;
 font-weight: bold;
 }

#navbar a:visited {
 color: #fff;
 margin-left: 15px;
 margin-right: 15px;
 }

#navbar a:hover {
 color: #F2DB00;
 margin-left: 15px;
 margin-right: 15px;
 }


/********** ELEMENT STYLES **********/

h1 {
 color: #30a;
 font-size: 36px;
 font-family: "Comic Sans MS", Geneva, Arial;
 font-weight: bold;
 line-height: 24px;
 text-transform: uppercase;
 }

h2 {
 color: #046;
 font-size: 36px;
 font-family: "Comic Sans MS", Geneva, Arial;
 font-weight: bold;
 line-height: 24px;
 }

h3 {
 color: red;
 font-size: 30px;
 font-family: "Comic Sans MS", Geneva, Arial;
 font-weight: bold;
 margin: 10px;
 font-style: italic;
 }

h4 {
 font-size: 22px;
 font-family: "Comic Sans MS", Geneva, Arial;
 font-weight: bold;
 margin-top: 10px;
 }


h5 {
 color: #0A4B7D;
 background-color: #fff;
 border: 5px solid #0A4B7D;
 font-size: 30px;
 font-family: "Comic Sans MS", Geneva, Arial;
 font-weight: bold;
 line-height: 40px;
 margin-top: 0px;
 margin-bottom: 15px;
 margin-left: 40px;
 margin-right: 40px;
 padding-top: 10px;
 padding-bottom: 10px;
 }

h6 {
 font-size: 18px;
 font-family: "Comic Sans MS", Geneva, Arial;
 font-weight: bold;
 margin-top: 20px;
 margin-bottom: 20px;
 }

p {
 margin: 0px;
 }

li {
 list-style-image: url(images/sm_cross_teal.gif);
 text-transform: capitalize;
 }

table {
 border: 3px #0A4B7D solid;
 border-top: 0px none;
 border-bottom: 3px #0A4B7D solid;
 margin-bottom: 10px;
 width: 740px;
 }

th {
 padding: 5px;
 background-color: #0A4B7D;
 color: white;
 font-weight: bold;
 letter-spacing: 2px;
 }

td {
 font-size: 12px;
 padding-top: 4px;
 padding-bottom: 4px;
 }

td.vol_desc {
 padding-left: 6px;
 padding-right: 6px;
 }

#reg_ended p {
 color: #003366;
 font-weight: bold;
 margin-top: 0px;
 margin-bottom: 10px;
 text-align: center;
 font-size: 18px;
 font-style: italic
 }


/********** FORM STYLES **********/

form {
 margin-bottom: 0px;
 }

input, select, textarea {
 font-family: "Comic Sans MS", Geneva, Arial;
 font-size: 12px;
 margin-right: 7px;
 }
input.required {
 background-color: #fdd
 }

select.required {
 background-color: #fdd
 }
 
.volunteer td {
 border-bottom: 1px #30a solid;
 }
 
td.contact {
 border-bottom: 0px #30a solid;
 }

.submit {
 text-align: center;
 margin-top: 0px;
 padding-top: 20px;
 padding-bottom: 10px;
 width: 729px;
 }

.submit input{
 background-color: #0A4B7D;
 color: white;
 font-weight: bold;
 }

.submit input:hover{
 background-color: white;
 color: #0A4B7D;
 font-weight: bold;
 }
	
#hiddenselect {
 display: none;
	}
	
#hiddenselect2 {
 display: none;
	}

.joinus {
 text-align: left;
 line-height: 21px;
 width: 300px;
 }

.joinus p {
 margin-top: 10px;
 margin-bottom: 0px;
 }

.red {
	color: #0A4B7D;
	font-style: italic;
 }

p.vol_thanks {
 text-align: center;
 }



/********** FOOTER STYLES **********/

#footer {
 color: white;
 font-size: 10px;
 font-family: Verdana, Helvetica, Arial, sans-serif;
 }

#footer a:link {
 color: white;
 text-decoration: none;
 }

#footer a:visited{
 color: white;
 text-decoration: none;
 }

#footer a:hover {
 color: yellow;
 text-decoration: underline;
 }

#footer a:active {
 color: white;
 text-decoration: none;
 }

#footer p.mcw {
 color: white;
 font-size: 12px;
 margin-bottom: 5px;
 font-family: Verdana, Helvetica, Arial, sans-serif;
 }