/* main pages --------------------------------------------------------------------------------------------------------------------------- main pages */

body {
background-color: #6d9888;
background-repeat: repeat-y;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 100%;
color: black;
behavior: url(/scripts/csshover.htc);
}

* {margin: 0; padding: 0;}

* img {
border-style: none;
padding-right: .5em;
vertical-align: middle;
}

#header {
background-color: #d1be9d;
border-bottom: 2px #666633 solid;
text-align: left;
}

#nav {
background-color: #75a090;
margin-top: 3em;
padding: .5em 2em .5em 2em;
width: 660px;
color: #c8b877;
font-size: .8em;
border-top: 1px #37735d solid;
border-bottom: 1px #37735d solid;
}

#nav a {
padding-right: .5em;
}

#mainwrap {
background: url("/images/bgrd-youth.gif");
background-repeat: repeat-y;
width: 800px;
padding-left: 2em;
padding-bottom: 5em;
}

#footer {
width: 650px;
text-align: left;
color: #c8b877;
padding-bottom: 3em;
padding-left: 3em;
font-size: .7em;
border-top: 2px #37735d solid;
}

#maincontent {
float: left;
margin-bottom: 20px;
margin-right: 10px;
width: 650px;
font-size: .8em;
}

.imgfloatleft {
margin: 0 5px 0 0;
float: left;
text-align: left;
line-height: 1.1em;
}

h1 {
font-size: 1.5em;
color: #c8b877;
font-weight: bold;
}

h2 {
font-size: 1.2em;
color: #ccffcc;
font-weight: bold;
}

.color1yellowgray {
color: #cccc99;
}

.color2mintgreen {
color: #ccffcc;
}

.color3lightblue {
color: #ccccff;
}

.color4white {
color: white;
}

.color5brightyellow {
color: #ffcc66;
}

.color6darkyellow {
color: #967a0a;
font-weight: bold;
font-size: 1.2em;
}

#maincontent p {
margin-top: 1em;
margin-bottom: 1em;
}

#events_table {
padding: 1em 2em 1em 1em;
background-color: #97baad;
border: dotted 2px #5c379f;
}

.eventstabletitle {
font-weight: bold;
font-size: 1.5em;
color: purple;
}

#flash {
border: solid thin #37735d;
width: 400px;
}

.cfwStandoutInfo {
text-align: center;
background-color: #b57860;
border: dotted thin #ccffcc;
padding: 6px;
}

p.youthphotos img {
padding: 0 1em 1em 0;
}

/* clear floats --------------------------------------------------------------------------------------------------------------------------- clear floats */

.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix 	{display:inline-block;}
*html .clearfix {height:1%;}
.clearfix 	{display:block;}

.clearfloats {
clear: both;
}