body {
	font-family: Arial, Helvetica, sans-serif;
	color: #003333;
	font-size: 0.9em;
	background-image:url(images/gradient.gif);
	background-repeat: repeat-x;
	background-color: #87AEC5;
}

#wrapper {
	width: 90%;
	max-width: 1000px;
	min-width: 800px;
	margin: 0 auto;
	border:5px double #003333;
	background-color: #FFFFFF;
	}

#logo {
	text-align:center;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-bottom-width: 1px;
	padding-top: 10px;
	padding-bottom: 10px;
	}
/*Navigation--none*/

.font-black {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #003333;
}

/*thumbnails*/

#wrapper:after, #gallery:after{ 
	/*content: "."; */
	display: block; 
	height: 0; 
	font-size:0; 
	clear: both; 
	visibility:hidden;
	 }	

.padded {
	padding: 0 15%;
	}

.right-big {
	float: right;
	width: 65%;
	font-size: 100%;
	border: 3px solid #003333;
	padding-top: 20px;
	padding-right: 5px;
	margin-bottom: 5px;
	overflow: hidden;
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 5px;
}
.right-ul {
	float: right;
}


.clear {clear:both;}

li {
	padding-bottom: 1em;
}

/*Footer*/

#footer {
	clear: both;
	margin-top: 1.5em;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 1.5em 0;
	background-color: #D2D2D2;
	border-top-width: 5px;
	border-top-style: double;
	border-top-color: #003333;
	}

#footer ul {
padding: 0;
margin: 0;
list-style-type: none;
width: 100%;
text-align: center;
}

#footer li:first-child {border-left: none}
#footer li { display: inline; border-left: 1px solid #ccc; }
#footer li, #footer li a{
text-decoration: none;
padding: 0 .8em;
outline:none;
}

#footer li a:hover {}

#footer img {border: none}
.gutter {padding: 0.5em 3em 1em 3em}

/*Links*/

a {color: #660000; text-decoration:none}
a:hover {
	color: #990000;
	text-decoration: underline;
}

/*Typography*/

h1 {
	font-size: 125%;
	text-align:center;
	color: #660000;
}

h2 {
font-size: 1.7em;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center;
color: #003333;
}

h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2em;
	color: #660000;
	text-transform: capitalize;
	text-align: center;
	letter-spacing: 0.6em;
}

h4 {
	font-size: 105%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #003333;
	text-align: center;
}

h5 {

	font-size: 105%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #003333;
	text-align: left;
}


.font-redserif {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	color: #660000;
}
.page-link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #003333;
	width: 600px;
	margin: 0 15%;
}

.left {
	float: left;
	border: 3px solid #003333;
	padding-top: 15px;
	margin-bottom: 10px;
	padding-right: 20px;
	background-color: #E4E4E4;
	width: 60%;
	
	}
.container {
	min-width: 800px;
	height: 500px;
}


.left-small {
	float: left;
	width: 210px;
	border: 3px solid #003333;
	padding-top: 15px;
	margin: 0 20px 10px 0;
	padding-right: 20px;
	background-color: #E4E4E4;
	}
.right {
	float: left;
	width: 30%;
	font-size: 90%;
	border: 3px solid #003333;
	padding-top: 20px;
	padding-right: 5px;
	}
	
/*images*/

.imgL {
	float: left;
	border: 3px solid #003333;
	margin: 0 4em 1.5em 0;
	}
	
.imgR {
	float: right;
	border: solid 2px teal;
	margin: 0 0 1.5em 1.5em;
	}
.imgL-rtmargin {

	float: left;
	border: 3px solid #003333;
	margin: 0 3em 1.5em 0;
}
.margin-left-100 {
	margin-left: 100px;
}
