body {
	margin : 10px;
	padding : 0;
	font : 80% "Trebuchet MS", verdana, arial, sans-serif;
	color : black;
	background : #003366;
}
/*float container fix*/
 .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

/*containers to make up shadows*/
#main {
	width: 750px;
	border : 2px solid #black;
	margin-left : auto;
	margin-right : auto;
	padding: 10px;
	color : black;
	background : #f2f2f5;

}
#shadow1 {
	width: 753px;
	border : 1px solid #b8b6b8;
	margin-left : auto;
	margin-right : auto;
	color : #b8b6b8;
	background : #b8b6b8;
	position: relative;
	top: -1px;
	left: -1px;
}
#shadow2 {
	width: 756px;
	border : 1px solid #dbdadb;
	margin-left : auto;
	margin-right : auto;
	color : #dbdadb;
	background : #dbdadb;
	position: relative;
	top: -1px;
	left: -1px;
}
#shadow3 {
	width: 759px;
	border : 1px solid #f1f0f1;
	margin-left : auto;
	margin-right : auto;
	color : #f1f0f1;
	background : #f1f0f1;
	position: relative;
	top: -1px;
	left: -1px;
}
#whitecontainer {
	width: 780px;
	border : 2px solid #black;
	margin-left : auto;
	margin-right : auto;
	padding: 20px;
	color : black;
	background: #fff;
}
/*top picture*/
#top {
	width : 750px;
	height : 160px;
	float: left;
	padding : 0;
	background : #f2f2f5;
}
/*top color bar*/
#topinfo {
	width : 750px;
	margin-left : auto;
	margin-right : auto;
	padding : 0px;
	color : black;
	background : #f2f2f5 url('bar.jpg')no repeat fixed;
}

#topinfo h4 {
	margin : 0 0 10px 5px;
	letter-spacing : 3px;
	font-size : 150%;
	font-weight: bold;
	font-style: italic;
	color : #003366;
	background : inherit;
	text-align:center;
}

/*main part of page with different info per page*/
#info {
	padding : 10px;
	margin-left : 190px;
	margin-right : 190px;
	background : inherit;
	color : black;
	border-left : 1px solid #b29b35;

}
#info a {
	color : #003366;
	font-weight: bold;
	text-decoration : none;
	background : inherit;
}
#info a:hover {
	color : #003366;
	background : white;

}
#info ul {
	padding : 0px;
	margin: 0;
	padding: 0;

}
#info li {
	list-style-type :none;
	list-style-position: outside;
	border-bottom:1px solid #826c45; padding: 5px;
}

#info h1, h2 {
	margin : 0 0 10px 5px;
	letter-spacing : 3px;
	font-size : 120%;
	color : #003366;
}
#info h2 {
	margin : 0 0 10px 5px;
	/* letter-spacing : 3px; */
	font-size : 110%;
	color : #003366;
}

#info h4 {
	margin : 0 0 10px 5px;
	letter-spacing : 3px;
	font-size : 150%;
	font-weight: bold;
	font-style: italic;
	color : #003366;
	background : inherit;
	text-align:center;
}
#info h3 {
	font-size : 110%;
	color : #003366;
	background : inherit;
	letter-spacing : 2px;
}
#info p.address {
	font-weight : bold;
	font-style : italic;
	color : #826c45;
	text-align: center;
}



/*site navigation*/
#navigation {
	float : left;
	width : 170px;
	margin : 0 0 0 0;
	padding : 10px;
	color : black;
	background : #f2f2f5;
	border-right : 1px solid #b29b35;
}
#navigation ul {
	margin : 0;
	padding : 0;
	list-style-type : none;
}
#navigation li {
	margin : 0 0 0.1em 0;
}
#navigation a {
	color : #003366;
	font-weight : bold;
	text-decoration : none;
	background : inherit;
}
#navigation a:hover {
	background : #697899;
	color : #fff;
}

#navigation h2 {
	margin : 0 0 10px 5px;
	letter-spacing : 3px;
	font-size : 120%;
	color : #003366;
}

/*external links*/
#external {
	float : right;
	width : 170px;
	margin : 0;
	padding : 10px;
	border-left : 1px solid #b29b35;
	background : #f2f2f5;
	color : #666;
}

#external a {
	color : #826c45;
	font-weight : bold;
	text-decoration : none;
	background : inherit;
}
#external a:hover {
	color : #697899;
	background : inherit;
}

#external h2 {
	margin : 0 0 10px 5px;
	letter-spacing : 3px;
	font-size : 120%;
	color : #003366;
}


/*footer*/
#footer {
	width : 750px;
	border-right : 2px solid #black;
	border-left : 2x solid #black;
	border-bottom : 2px solid #black;
	margin-left : auto;
	margin-right : auto;
	margin-top:10px;
	padding : 0px;
	color : black;
	background : #f2f2f5;
	font-size : 90%;
	font-weight: bold;
	color : #003366;
	background : #f2f2f5;
	letter-spacing : 1px;
	text-align: center;
	float : left;

}

#footer a {
	background : f2f2f5;
	color : #003366;
	text-decoration : none;
}
#footer a:hover {
	border-bottom : 1px dashed #f2f2f5;
	background : inherit;
	color : #826c45;
}
/*text styles*/
h1, h2 {
	margin : 0 0 10px 5px;
	letter-spacing : 3px;
	font-size : 120%;
	color : #003366;
}
h4 {
	margin : 0 0 10px 5px;
	letter-spacing : 3px;
	font-size : 150%;
	font-weight: bold;
	font-style: italic;
	color : #003366;
	background : inherit;
	text-align:center;
}
h3 {
	font-size : 110%;
	color : #003366;
	background : inherit;
	letter-spacing : 2px;
}
blockquote {
	font-weight : bold;
	font-style : italic;
	color : #826c45;
}


/*email links*/
#email a {
	color : black;
	font-weight :normal;
	text-decoration : none;
	background : inherit;
}
#email a:hover {
	color : #003366;
	background : white;
}
/*other links*/
a {
	color : #826c45;
	font-weight : bold;
	text-decoration : none;
	background : inherit;
}
a:hover {
	color : #697899;
	background : inherit;
}

/*site map half pages*/
#left {
	width : 350px;
	padding : 0px;
	margin-left : 0px;
	margin-right : 5px;
	background : inherit;
	color : #003366;
	font-weight :bold;
	float:left;

}
#left li {
	list-style-type :none;
	list-style-position: outside;
	border-bottom:1px solid #826c45; padding: 5px;

}
#left a {
	color : #003366;
	font-weight : bold;
	text-decoration : none;
	background : inherit;
}
#left a:hover {
	color :#697899 ;
	background : #fff;

}
#right {
	width : 350px;
	padding : 0px;
	margin-left : 10px;
	margin-right : 0px;
	background : inherit;
	color : #003366;
	font-weight :bold;
	float:right;
	border-left : 1px solid #b29b35;
}
#right li {
	list-style-type :none;
	list-style-position: outside;
	border-bottom:1px solid #826c45; padding: 5px;
}
#right a {
	color : #003366;
	font-weight : bold;
	text-decoration : none;
	background : inherit;
}
#right a:hover {
	color : #697899;
	background : #fff;
}
clearthefloats {
	clear:both;
}