﻿body {
	margin: 0;
	padding: 0;
	font-family: sans-serif;
	font-size: 13pt;
}

iframe {
	position: absolute;
	top: -15px;
	left: 15px;
}

a img {
	border: 0;
}


/* HEADERS */
h1 {
	font-family: times, serif;
	font-size: 1.5em;
	letter-spacing: 0.1em;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	margin-bottom: 1em;
}

h2 {
	font-family: times, serif;
	font-size: 1em;
	letter-spacing: 0.1em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

h3 {
	font-family: times, serif;
	font-size: 1.2em;
	letter-spacing: 0.1em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	margin: 0 0 0.5em 0;
	padding: 0;
}

h5 {
	font-family: arial, sans-serif;
	font-size: 1.2em;
	letter-spacing: 0.1em;
	margin: 0;
	padding: 0;
	color: #444;
}


h1 a img {
	border: 0;
	margin-right: 10px;
}

.blue, .blue a {
	color: #5981a2;
	border-color: #5981a2;
}

.green, .green a {
	color: #5EAD62;
	border-color: #5EAD62;
}

.red, .red a {
	color: #B75151;
	border-color: #B75151;
}

.purple, .purple a {
	color: #7B51B7;
	border-color: #7B51B7;
}

.violet, .violet a {
	color: #B751B2;
	border-color: #B751B2;
}

.orange, .orange a {
	color: #E5B045;
	border-color: #E5B045;
}

hr {
	color: #7aa3c5;
	background-color: #7aa3c5;
	width: 80%;
	height: 3px;
	margin-top: 3px;
	margin-bottom: 20px;
}


/* CONTENT LINKS */
#contentL a:link, #contentL a:visited, #contentLargeIns a:link, #contentLargeIns a:visited {
	color: #5981a2;
	font-style: italic;
	text-decoration: none;
}

#contentL a:hover, #contentL a:active, #contentLargeIns a:hover, #contentLargeIns a:active {
	color: #466e8f;
}


/* CONTENT WINDOWS */
#container {
	background: #EBF2FA;
	z-index: 1;
}

#mainContainer {
	border-top: 1px solid #CADDF0;
	margin: 0 auto;
	width: 900px;
	background: #CADDF0;
}

#contentHeader {
	background: url(../images/site/contentHeader.png) no-repeat;
	margin: 80px 20px 0 20px;
	height: 39px;
	color: #fff;
	position: relative;
}

#contentContainer {
	margin: 0 20px;
	background: #363738 url(../images/site/contentContainer.png) 0 0 repeat-x;
	border-left: 3px solid #000;
	border-right: 3px solid #000;
	color: #fff;
	height: 450px; /* NEW -- was 350px */
	position: relative;
}

#iconContainerLeft {
	position: absolute;
	top: 15px;
	left: -21px;
}

div#breadcrumbs {
	position: absolute;
	top: -42px;
	left: 85px;
	width: 500px;
	font-size: 1.2em;
	letter-spacing: 0.2em;
}

div#breadcrumbs a {
	color: #fff;
	text-decoration: none;
}

#iconContainerLeft:hover div {
	display: none;
}

div#breadcrumbs:hover {
	display: block;
}

#iconContainerLeft ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
}

#iconContainerLeft ul li ul {
	display: none;
	position: absolute;
	top: -42px;
	left: 85px;
	font-size: 1.2em;
	letter-spacing: 0.2em;
}

#iconContainerLeft ul li:hover ul {
	display: block;
}

#iconContainerLeft ul li {
	margin-bottom: 10px;
}

#iconContainerLeft ul li img {
	border: 0;
	width: 40px;
	height: 40px;
	position: relative;
}

#iconContainerLeft ul li img:hover {
	margin-left: 2px;
}

#contentLeft {
	background: url(../images/site/contentBG.png) no-repeat;
	width: 350px;
	height: 350px;
	color: #000;
	position: absolute;
	left: 39px;
	top: 0px;
}

#contentL, #contentR {
	width: 300px;
	height: 315px;
	margin-left: 25px;
	margin-top: 10px;
	padding-right: 30px;
	font-size: 1em;
	overflow: auto;
}

.contentUL {
	margin: 0 0 0 2em;
	padding: 0;
	list-style: square;
}

.contentUL li {
	margin-bottom: 0.4em;
	letter-spacing: 0.05em;
	color: #4E825A;
}

.blankUL {
	margin-bottom: 1em;
	padding: 0;
	list-style: none;
}

div.form {
	position: relative;
	margin-bottom: 20px;
}

form.contact {
	width: 300px;
	float: left;
	margin-right: 2em;
	margin-top: 1em;
}

div#contactdetails {
	margin-left: 370px;
	margin-top: 2em;
}

div.text {
	letter-spacing: 0.1em;
	margin-bottom: 5px;
	color: #333;
}

span.star {
	color: #7aa3c5;
	font-size: 150%;
	font-weight: bold;
}

div.form input {
	color: #333;
	font-size: 80%;
	letter-spacing: 0.1em;
	padding: 0.1em;
	width: 245px;
}

div.form select {
	width: 250px;
	margin-bottom: 15px;
}


div.form input.formCheck {
	width: auto;
	margin: 0 10px;
	padding: 0;
}

div#submitclear {
	margin: 0 auto;
	width: 120px;
}

div#submitclear input {
	width: auto;
}

div#inputDisclaimer {
	font-size: 70%;
	margin-bottom: 0;
	margin-top: 20px;
}

#more1, #more2, #more3, form.contact {
	background: #ffffe1;
	padding: 1em;
	border: 1px dashed #7d7d7d;
	margin-bottom: 10px;
}

#more1, #more2, #more3 {
	font-size: 90%;
}

div.moreHeader {
	background: #c7d8e6;
	text-align: right;
	padding: 0.3em;
	margin: -1em;
	margin-bottom: 1em;
}

div.moreFooter {
	background: #c7d8e6;
	text-align: right;
	padding: 0.3em;
	margin: -1em;
	margin-top: 1em;
}

#contentRight {
	background: url(../images/site/contentBG.png) no-repeat;
	width: 350px;
	height: 350px;
	color: #000;
	position: absolute;
	left: 465px;
	top: 0px;
}

#contentLarge {
	background: url(../images/site/contentBGLarge.png) no-repeat;
	position: absolute;
	width: 775px;
	height: 450px; /* NEW -- was 350px */
	left: 39px;
	top: 0px;
	color: #000;
}

#contentLargeIns {
	width: 722px;
	height: 415px; /* NEW -- was 315px */
	margin-left: 25px;
	margin-top: 10px;
	padding-right: 30px;
	font-size: 1em;
	overflow: auto;
	position: relative;
}

.newsYearContainer {
	background: #ffffe1;
	padding-left: 1em;
	padding-right: 1em;
	border: 1px dashed #7d7d7d;
	margin-bottom: 10px;
}

h1 a, h2 a {
	text-decoration: none;
	display: block;
}

#contentLargeIns ul li p {
	color: #494949;
}

#contentLargeIns ul li p.indent {
	padding-left: 2em;
	font-size: 90%;
}

#contentLargeIns ul li a {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

a.newsClose {
	color: #5981a2;
}

img.imgFloat {
	float: right;
	margin-left: 1em;
	margin-bottom: 1em;
}

img.viewslidevid {
	border: none;
	margin-right: 10px;
}


/* PORTFOLIO HOVER */
div#portfolioContainer {
	position: relative;
}

div#enlargeContainer {
	position: absolute;
	top: 20px;
	left: 20px;
	height: 315px;
	width: 300px;
}

div.enlarge {
	display: none;
	margin: 0;
}

div.enlarge p {
	margin: 0;
	font-size: 80%;
}

div.enlarge img {
	margin: 0;
}

div#thumbContainer {
	position: absolute;
	left: 330px;
	top: 20px;
	height: 415px; /* NEW -- was 315px */
	width: 440px;
	overflow: auto;
	border-left: 1px dotted #000;
	padding-left: 10px;
}

div#alphabet {
	height: 1.5em;
	margin-bottom: 10px;
	text-align: center;
	border-bottom: 1px dotted #000;
}

div#alphabet a:link, div#alphabet a:visited {
	color: #5981a2;
}

div#alphabet a:hover, div#alphabet a:active {
	color: #466e8f;
}

div.clear {
	clear: both;
}

div.thumbL {
	clear: left;
	width: 210px;
}

div.thumbR {
	/*margin-left: 10px;*/
}

div.thumbL, div.thumbR {
	float: left;
	position: relative;
	height: 137px;
}

div.thumbL a img, div.thumbR a img {
	border: 0;
}

div.enlarge p.description {
	font-size: 75%;
}


/* BOTTOM SECTION */
#bottomBar {
	background: #fff;
}

#footerContainer {
	background: #fff url(../images/site/footerContainer.png) repeat-x;
	margin: 0 auto;
	width: 900px;
	height: 140px;
}

#footer {
	margin: 0 20px;
	background: #fff url(../images/site/footer.png) no-repeat;
	height: 140px;
	color: #fff;
	position: relative;
}

#construction {
	position: absolute;
	top: 6px;
	left: 85px;
}


/* TEST POPUP */
div#popup {
	position: absolute;
	left: 100px;
	top: -440px;
	width: 640px;
	background: #fff;
	border-style: solid;
	border-width: 3px;
	border-left-color: #666;
	border-top-color: #777;
	border-right-color: #333;
	border-bottom-color: #222;
	margin: 0;
	padding: 0;
	z-index: 1000;
}

div.popupHeader {
	background: #7aa3c5;
	padding: 0.3em;
	border-bottom: 1px dotted #222;
	margin-bottom: 3px;
	height: 1.2em;
}

div.popupHeader span.left {
	text-align: left;
	float: left;
	letter-spacing: 0.2em;
	margin-left: 4px;
}

div.popupHeader span.right {
	text-align: right;
	float: right;
}

div.popupHeader span.right a img {
	border: 0;
	margin-left: 4px;
	margin-bottom: -1px;
}

div.popupHeader a:link, div.popupHeader a:visited {
	color: #fff;
	text-decoration: none;
}

div.popupHeader a:hover, div.popupHeader a:active {
	
}

img.play {
	margin-right: 4px;
}

div.linksItem ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div.linksItem ul li {
	margin-top: 15px;
	float: left;
	width: 700px;
}

li.main {
	border: 2px solid #333;
}


li.main div.linksHeader {
	background: url(../images/site/linksheaderbg.png) no-repeat;
	padding: 1em;
	border-bottom: 2px solid #8fa57f;
}

div.linksItem img.linksEnlarge {
	float: left;
	margin: 1.5em;
	background: #b9d2e6;
	padding: 0.3em;
	border: 2px solid #333;
}

div.linksItem p {
	padding: 1em;
}

div.linksItem p.linksLink {
	font-size: 80%;
	letter-spacing: 0.1em;
}