Color Palette:
dark - #004A83
med- ##AAC1D1 (river)
light - #CCDBE6



body{
margin:0px;
background-color: #004A83;
font-family: tahoma;
}

h2 {
margin:10px;
font-size: 20px;
font-family: arial;
color: #004A83;
}

h1 {
margin:0px;
font-family: arial;
font-size: 40px;
color: #EDF2FF;
}

a{
color: #666699;
text-decoration: none;
}

.top {background-color: white;}

.maintable {
	border-left: 2px solid #123456;
	border-right: 2px solid #123456;
	border-top: 2px solid ##123456;
	border-bottom: 2px solid #123456;
	background-color:#CCDBE6;
	
}

.topbg {
	background-image: url('images/topbg.gif');
}

.topnav {
	font-size: 14px;
	color: white;
	font-weight: bold;
}

a.topnav {
	text-decoration: underline;
}


.left {
margin: 10px;
background-color: #AAC1D1;
}

.leftheader {
	color: #AAC1D1;
	font-size: 14px;
	font-weight: bold;
	font-family: tahoma;
	align: center;
	background-color: #AAC1D1;
}

.leftheader:hover{color:#004A83; text-decoration:none;}

.leftdate {
	color: #004A83;
	font-size: 12px;
	font-family: tahoma;
}

.leftcontent {
	font-family: tahoma;
	font-size: 12px;
	color: #004A83;}

}

.maincontent {
font-family: arial;
font-size: 18px;
color: #004A83;
margin: 10px 16px 0px 16px;}

a.post{
color: #004A83; text-decoration: underline;}
a.post:hover{
color: #004A83; text-decoration: none;}

.textlinks {
font-family: arial;
font-size: 16px;
color: #004A83;}
.textlinks:hover{color:#004A83; text-decoration:underline;}

a.nav{color: white; text-decoration:none;}
a.nav:hover{color: white; text-decoration:underline;}


a.leftnav {color: #004A83;
	text-decoration:none;
	font-size: 14px;
	font-weight: bold;
	font-family: tahoma;}
a.leftnav:hover{color: #004A83; text-decoration:underline}

}


td.footer {
background-color: #EDF2FF;
margin: 10px 10px 10px 10px;
}

a.footer,
.footer {
	color: #333333;
	font-size: 11px;
	}


a.hfooter,
.hfooter {
	color: #E6E8F3;
	font-size: 2px;
	}

p.blocktext {
    margin-left: auto;
    margin-right: auto;
    width: 25em
}


img.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto }

.indent {
font-family: arial;
font-size: 18px;
color: #004A83;
margin: 10px 10px 10px 150px;
}

.box{
border-style: double;
border-color: #123456;
background-color: #AAC1D1;;
padding: 1px 1px 1px 1px;
font-family: arial;
font-weight: bold;
font-size: 12px;
margin: 0px 12px 0px 12px; 

a.box:link {color: #820300}
a.box:visited {color: #820300}
a.box:hover {color: #820300}
a.box:active {color: #820300}
}

.photo{border: solid thin; color:#000000;
margin: 10px 0px 10px 5px;}
a.photo:hover{border: solid thin; color:#004A83;}

.youthhome {
font-family: arial;
font-size: 18px;
color: #004A83;
margin: 0px 0px 0px 0px;}