/* CSS Document */
/* body style */

/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 30px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -30px; /* negative value of footer height */
	height: 30px;
	clear:both;} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


body,td,th {
	font-family: Arial, Helvetica, sans-serif;
}

#BGimage {
	position:absolute;
	width:1000px;
	height:700px;
	z-index:2;
	overflow: hidden;
	margin-left: -500px;
	left: 50%;
	top: 60px;
	border-top-width: thick;
	border-right-width: thick;
	border-bottom-width: thick;
	border-left-width: thick;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #083640;
	border-right-color: #083640;
	border-bottom-color: #083640;
	border-left-color: #083640;
}

#logo {
	position:absolute;
	width:264px;
	height:63px;
	z-index:4;
	background-image: url(../images/layout/mac_logo.png);
	margin-left: -500px;
	left: 50%;
	top: 30px;
}

#logo a
{
display:block;
width:100%;
height:100%;
}

#nav {
	width:180px;
	height:10000px;
	z-index:4;
	background-image: url(../images/layout/primarynav.png);
	margin-left: -500px;
	left: 50%;
	top: 0px;
	padding-right: 0px;
	position: absolute;
	border-left-width: thick;
	border-left-style: solid;
	border-left-color: #083640;
	padding-left: 20px;
}

#nav a:link {
	color: #FFFFFF;
	text-decoration: none;
}
#nav a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#nav a:hover {
	color: #08364D;
	text-decoration: none;
}
#nav a:active {
	color: #FFFFFF;
	text-decoration: none;
}

#nav2 {
	width:200px;
	height:300px;
	z-index:4;
	background-image: url(../images/layout/primarynav.png);
	margin-left: -500px;
	left: 50%;
	top: 0px;
	padding-right: 0px;
	border-left-width: thick;
	border-left-style: solid;
	border-left-color: #083640;
}

#nav2 a:link {
	color: #FFFFFF;
	text-decoration: none;
}
#nav2 a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#nav2 a:hover {
	color: #08364D;
	text-decoration: none;
}
#nav2 a:active {
	color: #FFFFFF;
	text-decoration: none;
}

#nav3 {
	width:200px;
	height:10000px;
	z-index:5;
	background-image: url(../images/layout/primarynav.png);
	top: 0px;
	border-left-width: thick;
	border-left-style: solid;
	border-left-color: #083640;
	overflow: visible;
	position: absolute;
	margin-left: -300px;
}

#nav3 a:link {
	color: #FFFFFF;
	text-decoration: none;
}
#nav3 a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#nav3 a:hover {
	color: #08364D;
	text-decoration: none;
}
#nav3 a:active {
	color: #FFFFFF;
	text-decoration: none;
}


#Layer1 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:4;
}
.style8 {
	color: #336666;
	font-size: 14px;
}
#onlinegallery {
	position:absolute;
	width:200px;
	height:115px;
	z-index:6;
	left: 50%;
	clip: rect(auto,auto,auto,auto);
	margin-left: 250px;
	top: 600px;
}
.style18 {font-size: 22px}
.style19 {color: #FFFFFF}
.style20 {font-size: 58px}
#BGcolor {
	position:absolute;
	width:3000px;
	height:5000px;
	z-index:1;
	background-color: #6B8694;
	left: 50%;
	margin-left: -1500px;
	top: 0px;
}
#overviewbg {
	position:absolute;
	width:160px;
	height:700px;
	z-index:2;
	background-image: url(../images/layout/osoverviewbg.png);
	margin-left: -250px;
	padding-left: 20px;
	left: 50%;
	top: 30px;
	padding-right: 20px;
	overflow: hidden;
}
#contentbg {
	position:absolute;
	width:660px;
	height:700px;
	z-index:2;
	background-image: url(../images/layout/osoverviewbg.png);
	margin-left: -250px;
	padding-left: 20px;
	left: 50%;
	top: 30px;
	padding-right: 20px;
	overflow: hidden;
}
#detailnavbar {
	position:absolute;
	width:200px;
	height:675px;
	z-index:2;
	background-image: url(../images/layout/osoverviewbg.png);
	overflow: hidden;
	left: 610px;
}
#detailtitlebar {
	position:absolute;
	width:600px;
	height:73px;
	z-index:2;
	top: 610px;
	overflow: hidden;
	background-color: #999999;
}
#detailimage {
	position:absolute;
	width:600px;
	height:600px;
	z-index:2;
	overflow: hidden;
	background-color: #CCCCCC;
}
#contactinfo {
	position:absolute;
	width:349px;
	height:12px;
	z-index:4;
	background-image: url(../images/layout/contactinfo.png);
	margin-left: -500px;
	left: 50%;
	bottom: -10px;
}
#artinfo {
	position:absolute;
	width:300px;
	height:100px;
	z-index:4;
	background-image: url(../images/layout/artinfo.jpg);
	margin-left: 205px;
	left: 50%;
	top: 695px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #08364D;
	font-style: normal;
	font-weight: bold;
}
#hnav {
	position:absolute;
	width:500px;
	height:30px;
	z-index:3;
	left: 50%;
	top: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #08364D;
}

#hnav a:link {
	color: #08364D;
	text-decoration: none;
}
#hnav a:visited {
	color: #08364D;
	text-decoration: none;
}
#hnav a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
#hnav a:active {
	color: #FFFFFF;
	text-decoration: none;
}

#BGblank {
	position:absolute;
	width:1000px;
	height:auto;
	z-index:2;
	overflow: hidden;
	margin-left: -500px;
	left: 50%;
	top: 60px;
	background-color: #FFFFFF;
	border-top-width: thick;
	border-top-style: solid;
	border-top-color: #083640;
}

#content {
	z-index:3;
	overflow: visible;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left: 300px;
	padding-right: 100px;
	padding-top: 50px;
	border-right-width: thick;
	border-right-style: solid;
	border-right-color: #083640;
	min-height: 700px; /* moz/FF/Opera */
	_height: 700px; /* IE-win */
}


#content2 {
	z-index:3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left: 300px;
	padding-right: 100px;
	padding-top: 50px;
	width: 590px;
	margin-left: -500px;
	position: absolute;
	left: 50%;
	border: thick solid #083640;
	top: 60px;
	background-color: #FFFFFF;
}

#content2 a:link
{
	color: #08364d;
	text-decoration: none;
}
#content2 a:visited {
	color: #08364d;
	text-decoration: none;
}
#content2 a:hover {
	color: #08364D;
	text-decoration: none;
}
#content2 a:active {
	color: #FFFFFF;
	text-decoration: none;
}

#content3 {
	z-index:3;
	overflow: visible;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left: 300px;
	padding-right: 100px;
	padding-top: 50px;
	border-right-width: thick;
	border-right-style: solid;
	border-right-color: #083640;
	min-height: 700px;
}

#content3 a:link
{
	color: #08364d;
	text-decoration: none;
}
#content3 a:visited {
	color: #08364d;
	text-decoration: none;
}
#content3 a:hover {
	color: #08364D;
	text-decoration: none;
}
#content3 a:active {
	color: #FFFFFF;
	text-decoration: none;
}

#footer {
	background-image: url(../images/layout/contactinfo.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 1000px;
	overflow: visible;
	z-index: 6;
	position: absolute;
	margin-left: -500px;
	left: 50%;
	bottom: 0px;
	background-color: #6B8694;
	border-top-width: thick;
	border-top-style: solid;
	border-top-color: #083640;
	font-weight: bold;
}

#footer a:link {
	color: #08364D;
	text-decoration: none;
}
#footer a:visited {
	color: #08364D;
	text-decoration: none;
}
#footer a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
#footer a:active {
	color: #FFFFFF;
	text-decoration: none;
}

#footer3 {
	background-image: url(../images/layout/contactinfo.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 1000px;
	background-color: #6B8694;
	border-top-width: thick;
	border-top-style: solid;
	border-top-color: #083640;
	overflow: visible;
	z-index: 6;
}

#footer3 a:link {
	color: #FFFFFF;
	text-decoration: none;
}
#footer3 a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#footer3 a:hover {
	color: #08364D;
	text-decoration: none;
}
#footer3 a:active {
	color: #FFFFFF;
	text-decoration: none;
}
	
#header {

	position:absolute;
	width:760px;
	height:715px;
	z-index:2;
	margin-left: -300px;
	padding-left: 20px;
	left: 50%;
	top: 0px;
	padding-right: 20px;
	overflow: scroll;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
#header a:link {

	color: #08364d;
	text-decoration: none;
}
#header a:visited {

	color: #08364d;
	text-decoration: none;
}
#header a:hover {

	color: #08364D;
	text-decoration: none;
}
#header a:active {

	color: #FFFFFF;
	text-decoration: none;
#header {

	position:absolute;
	width:760px;
	height:715px;
	z-index:2;
	margin-left: -300px;
	padding-left: 20px;
	left: 50%;
	top: 0px;
	padding-right: 20px;
	overflow: scroll;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
#header {

	position:absolute;
	width:760px;
	height:auto;
	z-index:2;
	margin-left: -300px;
	padding-left: 20px;
	left: 50%;
	top: 65px;
	padding-right: 20px;
	overflow: scroll;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.PageTitle {
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
#contentimage {
	z-index:3;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-right-width: thick;
	border-right-style: solid;
	border-right-color: #083640;
	min-height: 700px; /* moz/FF/Opera */
	_height: 700px; /* IE-win */
	border-left-width: thick;
	border-left-style: none;
	border-left-color: #083640;
	width: 1000px;
	position: absolute;
	height: 700px;
}

img.Margin {
	margin-right: 15px;
	margin-bottom: 5px;
}