@font-face {
    font-family: 'Amperzand';
    src: url('Amperzand.eot');
    src: local('Amperzand'),
         url('Amperzand.ttf') format('truetype'); 
}

@font-face {
    font-family: 'chelsearegular';
    src: url('chelsea-webfont.eot');
    src: url('chelsea-webfont.eot?#iefix') format('embedded-opentype'),
         url('chelsea-webfont.woff') format('woff'),
         url('chelsea-webfont.ttf') format('truetype'),
         url('chelsea-webfont.svg#chelsearegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, body, p, h1, h2, h3, h4, h5, h6, ol, ul, li {
margin: 0;
padding: 0;
border: none;}

body {
margin-top: 0;
text-align: center;
color: #000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
background-image: url(../art/bkgr2.jpg);
background-repeat: repeat;}

/*header*/

.header {
width: 960px;
height: 386px;
margin: 0 auto;
padding: 0;
border: 0px;;
}

.header h1 {
font-family: "Times New Roman", Times, serif;
font-size: 1em;
text-align: center;
padding-top: 27px; 
color: #FFF;
margin-left: 150px;
line-height: 20px;
letter-spacing: 2px;
}

.header ul {
text-align: center;
font-size: .7em;
padding-top: 18px;
margin-left: 150px;
color: #FFF;
}

.header ul li {
	list-style-type: none;
	display: inline;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: bold;
}

.header ul li a:link, .header ul li a:visited {
text-decoration: none;
color: #FFF;
}

.header ul li a:hover, .header ul li a:focus {
color: #33302A;
}

/*wrapper*/

#wrapper {
position: relative;
width: 960px;
margin: 0 auto 30px auto;
padding: 0;
text-align: left;
background-color: #f7f6ef;
border: 0;
}

/*menu top*/

.top {
position: relative;
width: 960px;
height: 34px;
background-color: #000;
margin: 0;
padding: 0;
}

.top ul {
width: 960px;
padding: 8px 0;
margin: 0;
text-align: center;
}

.top ul li {
background-color: #000;
display: inline;
text-align: center;
margin: 0;
padding: 0 20px;
}

.top ul li a {
font-family: 'Amperzand', "Times New Roman", Times, serif;
font-size: 17px;
color: #ede8ca;
text-decoration: none;
}

.top ul li a:hover, .top ul li a:focus {
color: #c57522;
}

/*nav menu*/
.nav {
float: left;
width: 180px;
margin: 20px 10px;
}

.nav ul {
width: 160px;
list-style-type: none;
font-size: 1.4em;
padding: 12px;
}

.nav ul li a {
display: block;
width: 160px;
height: 1%;
border-bottom: 1px #76869f solid;
padding: 6px 0;
margin: 0;
font-family: 'chelsearegular', "Times New Roman", Times, serif;
text-align: left;
text-decoration: none;}

.nav ul li a:link, .nav ul li a:visited {
color: #646360;
} 

.nav ul li a:hover, .nav ul li a:focus {
color: #76869f;
}

.nav p {
font-family: 'chelsearegular', "Times New Roman", Times, serif;
font-size: 1em;
color: #646360;
margin: 0 5px 0 10px;
padding-top: 10px;
padding-right: 6px;
}

.nav p a:link {
color: #872323;} 

.nav p a:visited {
color: #61778C;}

.nav h1 {
	font-family: 'chelsearegular', "Times New Roman", Times, serif;
	font-size: 1.5em;
	color: #29491c;
	padding: 10px;
	margin: 0;
}

.nav h2 {
font-family: 'chelsearegular', "Times New Roman", Times, serif;
font-size: 1.5em;
margin-left: 0px;
padding-top: 0px;
padding-right: 6px;
color: #872323;
}

.nav-box {
float: left;
width: 150px;
text-align: left;
margin: 8px 5px 5px 5px;
border: solid #000 1px;
background-color: #F7F7EF;
}

.nav-box p {
font-size: .7em;
margin: 0 5px 0 5px;
padding-top: 10px;
padding-right: 3px;
}

.nav-box p a:link {
color: #872323;} 

.nav-box p a:visited {
color: #61778C;}

.nav-box h1 {
	background-color: #85322C;
	font-size: .7em;
	color: #FFFDEB;
	padding: 4px 6px 4px 4px;
	margin: 0;
}

.nav-box h2 {
font-size: .7em;
margin-left: 0px;
padding-top: 0px;
padding-right: 6px;
font-weight: bold;
color: #872323;
}

/*content*/

.content {
float: left;
background-color: #F7F6EF;
color: #4f6228;
width: 740px;
margin: 0 3px;
padding-top: 10px;
padding-bottom: 10px}

.content p {
font-family: cardiff, "Times New Roman", Times, serif;
font-size: 1.2em;
margin: 0 10px 0 10px;
padding-bottom: 10px;
line-height: 1.3em;
}

.content ul {
padding-top: 10px;
padding-left: 50px;
padding-bottom: 10px;
}

.content ul li {
padding-left: 5px;
font-size: 1em;
line-height: 1.8em;
list-style: square;}

.content ol {
font-size: 1em;
line-height: 1.6em;
padding-left: 30px;
list-style-type: lower-alpha;
}

.content h1 {
font-family: 'Amperzand', "Times New Roman", Times, serif;
font-size: 2.5em;
margin: 20px 0 10px 10px;
color: #7d2f13;
font-weight: normal;}

.content h2 {
color: #52612c;
font-family: 'Amperzand', "Times New Roman", Times, serif;
margin-bottom: 10px;
margin-top: 13px;
margin-left: 10px;
font-size: 1.5em;
font-weight: normal;}

.content h3 {
margin: 13px 3px 10px 3px;
font-family: 'Amperzand', "Times New Roman", Times, serif;
font-size: 1.5em;
font-weight: normal;
border: 0;
color: #85322C;
padding-left: 10px;}

.content h4 {
color: #872323;
margin-bottom: 10px;
margin-top: 13px;
margin-left: 10px;
font-size: .9em;
font-weight: bold;}

.content h5 {
margin-bottom: 10px;
margin-top: 13px;
font-size: .9em;
font-weight: bold;
background-color: #FAC65F;
border: 1px #000 solid;
display: block;
color: #000;
padding-left: 10px;}

.content h6 {
margin-bottom: 10px;
margin-top: 13px;
font-size: .9em;
font-weight: bold;
background-color: #0071BC;
border: 1px #000 solid;
display: block;
color: #fff;
padding-left: 10px;}

.content a:link {
color: #4f6228;} 

.content a:visited {
color: #4f6228;}

.content a:hover, .content a:focus {
color: #c57522;} 

.content table {
}

.content td {
	color: #000;
}

.content td p {
	font-size: .9em;
	padding-left: 5px;
	margin: 0;
}

/*content wide*/

.content-w {
float: left;
background-color: #F7F6EF;
color: #4f6228;
width: 960px;
margin: 0 3px;
padding-top: 10px;
padding-bottom: 10px}

.content-w p {
font-family: cardiff, "Times New Roman", Times, serif;
font-size: 1.2em;
margin: 0 10px 0 10px;
padding-bottom: 10px;
line-height: 1.3em;
}

.content-w ul {
padding-top: 10px;
padding-left: 50px;
padding-bottom: 10px;
}

.content-w ul li {
padding-left: 5px;
font-size: 1em;
line-height: 1.8em;
list-style: square;}

.content-w ol {
font-size: 1em;
line-height: 1.6em;
padding-left: 30px;
list-style-type: lower-alpha;
}

.content-w h1 {
font-family: 'Amperzand', "Times New Roman", Times, serif;
font-size: 2.5em;
margin: 20px 0 10px 10px;
color: #7d2f13;
font-weight: normal;}

.content-w h2 {
color: #52612c;
font-family: 'Amperzand', "Times New Roman", Times, serif;
margin-bottom: 10px;
margin-top: 13px;
margin-left: 10px;
font-size: 1.5em;
font-weight: normal;}

.content-w h3 {
margin: 13px 3px 10px 3px;
font-family: 'Amperzand', "Times New Roman", Times, serif;
font-size: 1.5em;
font-weight: bold;
border: 0;
color: #85322C;
padding-left: 10px;}

.content-w h4 {
color: #872323;
margin-bottom: 10px;
margin-top: 13px;
margin-left: 10px;
font-size: .9em;
font-weight: bold;}

.content-w h5 {
margin-bottom: 10px;
margin-top: 13px;
font-size: .9em;
font-weight: bold;
background-color: #FAC65F;
border: 1px #000 solid;
display: block;
color: #000;
padding-left: 10px;}

.content-w h6 {
margin-bottom: 10px;
margin-top: 13px;
font-size: .9em;
font-weight: bold;
background-color: #0071BC;
border: 1px #000 solid;
display: block;
color: #fff;
padding-left: 10px;}

.content-w a:link {
color: #4f6228;} 

.content-w a:visited {
color: #4f6228;}

.content-w a:hover, .content a:focus {
color: #c57522;} 

.content-w table {
}

.content-w td {
	color: #000;
}

.content-w td p {
	font-size: .9em;
	padding-left: 5px;
	margin: 0;
}


.green {
color: #4f6228;
font-style: italic;
}


.footer {
float: left;
width: 960px;
margin: 0;
background-color: #f7f6ef;
border-top: solid 3px #000;
border-bottom: solid 1px #000;
text-align: center;
}

.footer p {
font-size: .7em;
padding-top: 6px;
color: #7d2f13;
font-weight: bold;
}

.footer p a:link {
	color: #7d2f13;
}

.footer a:visited {
	color: #7d2f13;
}

.footer p a:hover, .footer a:focus {
	color: #6F322D;
}

.box {
float: left;
margin: 10px;
width: 150px;
height: 170px;
padding: 0;
background-color: #FFF;
border: 1px #76869f solid;
}

.box p {
text-align: center;
margin: 6px 0;
padding: 4px 0;
font-size: .8em;
}

.box2 {
float: left;
margin: 10px;
width: 150px;
height: 240px;
padding: 0;
background-color: #FFF;
border: 1px #76869f solid;
}

.box2 p {
text-align: center;
margin: 6px 0;
padding: 4px 0;
font-size: .8em;
}

.box3 {
float: left;
margin: 10px;
width: 330px;
height: 240px;
padding: 0;
background-color: #FFF;
border: 0;
}

.clear {
	clear: both;
}

.col {
float: left;
margin: 10px;
width: 740px;
padding: 0;
background-color: #FFF;
border: 0;
}

.col-slides {
padding: 0 20px;
}

.col-slides ul li {
padding: 0;
}

.col300 {
float: left;
margin: 8px;
width: 300px;
padding: 0;
border: 0;
}

.col300R {
float: right;
margin: 8px;
width: 300px;
padding: 0;
border: 0;
}

.col300L {
float: left;
margin: 8px;
width: 300px;
padding: 0;
border: 0;
}

.col320 {
float: left;
margin: 8px;
width: 320px;
padding: 0;
border: 0;
}

.col320R {
float: right;
margin: 8px;
width: 320px;
padding: 0;
border: 0;
}

.col350 {
float: left;
margin: 8px;
width: 350px;
padding: 0;
border: 0;
}

.col350R {
float: right;
margin: 8px;
width: 350px;
padding: 0;
border: 0;
}

.col220 {
float: left;
margin: 8px;
width: 220px;
padding: 0;
border: 0;
}

.col240 {
float: left;
margin: 8px;
width: 240px;
padding: 0;
border: 0;
}

.col240R {
float: right;
margin: 8px;
width: 240px;
padding: 0;
border: 0;
}

.col250 {
float: left;
margin: 8px;
width: 250px;
padding: 0;
border: 0;
}

.col220 {
float: left;
margin: 12px;
width: 220px;
padding: 0;
border: 0;
}

.col400 {
float: left;
margin: 8px;
width: 400px;
padding: 0;
border: 0;
}

.col400C {
float: left;
margin: 8px 170px;
width: 400px;
padding: 0;
border: 0;
}
.col500C {
float: left;
margin: 8px 120px;
width: 500px;
padding: 0;
border: 0;
}

.col450 {
float: left;
margin: 8px;
width: 450px;
padding: 0;
border: 0;
}

.col600R {
float: right;
margin: 8px;
width: 600px;
padding: 0;
border: 0;
}

.col440b {
float: right;
margin: 0;
width: 440px;
padding: 6px;
border: 3px solid #4f6228;
border-radius: 15px;
}

.col440b p {
padding: 15px;
text-align: center;
}

.credit {
float: right;
text-align: right;
font-size: 9px;
font-style: italic;
padding: 0 10px 0 0;
}

.caption {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: italic;
padding: 3px;
}

.caption700 {
width: 700px;
margin: 0 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: italic;
padding: 3px;
}

.number {
font-size: 24px;
color: #355e42;
font-weight: bold;}

.next {
position: absolute;
top: 75px;
right: 0px;
width: 100px;
font-family: 'Amperzand', "Times New Roman", Times, serif;
font-size: 24px;
color: #7d2f13;
font-weight: normal;
}

.next a:link {
color: #7d2f13;
text-decoration: none;
font-weight: normal;} 

.next a:visited {
color: #7d2f13;
text-decoration: none;
font-weight: normal;}

.next a:hover, .next a:focus {
color: #52612c;
text-decoration: none;
font-weight: normal;}

.next2 {
float: right;
margin: 10px 0 0 0;
width: 80px;
font-family: 'Amperzand', "Times New Roman", Times, serif;
font-size: 24px;
color: #7d2f13;
font-weight: normal;
}

.next2 a:link {
color: #7d2f13;
text-decoration: none;
font-weight: normal;} 

.next2 a:visited {
color: #7d2f13;
text-decoration: none;
font-weight: normal;}

.next2 a:hover, .next2 a:focus {
color: #52612c;
text-decoration: none;
font-weight: normal;}