﻿body 
{
	margin: 0;
}

#PageBody {
	background-color: #FFF;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    width: 800px;
	margin-left: auto;
	margin-right: auto;
	height: 100%;
}

img {
	border-width: 0px
}
/* 
The .text class below does not affect hyperlinks unless pseudo-classes are used
*/
.text { text-decoration: none; color: #000; font: 11px Helvetica, Arial; }

/* These hyperlink pseudo-classes WILL affect hyperlinks in the js menus */
.text:link { text-decoration: none; color: #000; font: 11px Tahoma, Helvetica, Arial; font-weight: bold; }
.text:visited { text-decoration: none; color: #000; font: 11px Tahoma, Helvetica, Arial; font-weight: bold; }
.text:hover { text-decoration: none; color: #666; font: 11px Tahoma, Helvetica, Arial; font-weight: bold; }
.text:active { text-decoration: none; color: #000; font: 11px Tahoma, Helvetica, Arial; font-weight: bold; }

.menu:link { text-decoration: none; color: #fff; font: 11px Tahoma, Helvetica, Arial; font-weight: bold;}
.menu:visited { text-decoration: none; color: #fff; font: 11px Tahoma, Helvetica, Arial; font-weight: bold;}
.menu:active { text-decoration: none; color: #fff; font: 11px Tahoma, Helvetica, Arial; font-weight: bold;}

a:link { text-decoration:underline; font: 12px Verdana, Geneva, Tahoma, sans-serif; }
a:visited { text-decoration:underline; font: 12px Verdana, Geneva, Tahoma, sans-serif; }
a:hover { color: #f00; text-decoration:underline; font: 12px Verdana, Geneva, Tahoma, sans-serif; }
a:active { color: #f00; text-decoration:none; font: 12px Verdana, Geneva, Tahoma, sans-serif; }

a.side:link { text-decoration:none; font: 11px Tahoma, Helvetica, Arial; font-weight: bold; }
a.side:visited { text-decoration:none; font: 11px Tahoma, Helvetica, Arial; font-weight: bold; }
a.side:hover { color:#CCC;  text-decoration:none; font: 11px Tahoma, Helvetica, Arial; font-weight: bold; }
a.side:active { color:#FFF; text-decoration:none; font: 11px Tahoma, Helvetica, Arial; font-weight: bold; }

#HomeLeft { vertical-align:top; float:left; width:240px; background-color:#7daa68; line-height:1em; }
a.HomeLeft:link { color:#033c59; text-decoration:none; font: 11px Tahoma, Helvetica, Arial; font-weight: bold; }
a.HomeLeft:visited { color:#033c59;  text-decoration:none; font: 11px Tahoma, Helvetica, Arial; font-weight: bold; }
a.HomeLeft:hover { color:#b0d8ca;  text-decoration:none; font: 11px Tahoma, Helvetica, Arial; font-weight: bold; }
a.HomeLeft:active { color:#033c59; text-decoration:none; font: 11px Tahoma, Helvetica, Arial; font-weight: bold; }

#HomeRight { float:left; width:206px; background-color:#033c59; color:#FFF; line-height:1.14em; height:255px }
a.HomeRight:link { color:#FFF; text-decoration:none; font: 11px Tahoma, Helvetica, Arial; font-weight: bold; }
a.HomeRight:visited { color:#FFF;  text-decoration:none; font: 11px Tahoma, Helvetica, Arial; font-weight: bold; }
a.HomeRight:hover { color:#CCC;  text-decoration:none; font: 11px Tahoma, Helvetica, Arial; font-weight: bold; }
a.HomeRight:active { color:#FFF; text-decoration:none; font: 11px Tahoma, Helvetica, Arial; font-weight: bold; }

li, td, div, br  { font: 11px Verdana, Geneva, Tahoma, sans-serif;  color: #033c59; line-height: 150%; text-align: left;}
p { font: 12px Verdana, Geneva, Tahoma, sans-serif;  color: #033c59; line-height: 150%; text-align: left;}

H1 { font: 20px Arial, Helvetica Neue, Helvetica, sans-serif;  color: #033c59; line-height: 125%; text-align: left; font-weight: bold;}

H2 { font: 18px Arial, Helvetica Neue, Helvetica, sans-serif;  color: #000; line-height: 125%; text-align: left; font-weight: bold;}

H3 { font: 11px Arial, Helvetica Neue, Helvetica, sans-serif;  color: #033c59; line-height: 125%; text-align: left;}

H4 { font: 11px Arial, Helvetica Neue, Helvetica, sans-serif;  color: #033c59; line-height: 75%; text-align: right;}

td.ImageTable { font: 12px Tahoma, Arial, Helvetica;  color: #000; text-align: center; line-height: 150%;}

td.links { line-height: 200%;}
td.bottom { font: 12px Tahoma, Arial, Helvetica; color: #FFF; text-align: Center; }

td.HomeLeft {  font: 12px Tahoma, Arial, Helvetica; color: #033c59; text-align: left; font-weight: bold;}
td.HomeRight {  font: 12px Tahoma, Arial, Helvetica; color: #FFF; text-align: left; line-height: 125%; font-weight: bold;}

td.menu { text-align: Center; }
td.BL { text-align: right; }

/* begin new css */
#footer {
	border-top: solid thin #033c59;
	width: 800px;
	height: 65px;
}
	#footer img {
		width: 205px;
		float: left;
        margin-left: 5px;
        margin-top: 5px;
	}
	#footer p {
		width: 400px;
		margin-left: 5px;
		text-align: center;
		font: 9px Tahoma, Helvetica, Arial;
		color: #033c59;
		line-height: 125%;
        float: left;
        margin-left: 25px;
        margin-top: 5px;
	}
#content {
	padding-bottom: 32767px;
	margin-bottom: -32767px;
	width: 580px;
	float: left;
	margin-left: 5px;
	margin-top: 10px;
}
#wrapper {
	overflow: hidden;
	width: 800px;
	clear: left;
}

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 10px;
	text-align:center;
	background-color: #7daa68;
	color: #FFF;
	z-index:10;
	display:inline;
}
	#nav a {
		display: block;
		height: 34px;
		background-color: #7daa68;
		font-weight: bold;
		font-family: Tahoma, Helvetica, Arial;
		color: #FFF;
		text-decoration: none;
		font-size: 10px;
		text-align:center;
		z-index:10;
		border: solid 1px #FFF;
	}
	#nav li {
		float: left;
		width: 11%;
		height: 35px;
		z-index:10;
	}
	#nav li ul {
		position: absolute;
		width: 80px;
		left: -999em;
		background-color: #b0d8ca;
		z-index:10;
	}
	#nav li ul li 
	{
		float: left;
		width: 80px;
		height: 35px;
		z-index:10;
	}
	#nav li:hover ul, #nav li.sfhover ul {
		left: auto;
	}
	#nav li a.youarehere 
	{
		background-color: #3d6a28;
	}
	#nav li a:hover {
		background-color: #033c59;
	}
	.navAlign {
		position: relative;
		top: 25%;
	}
	.navAlignTwo {
		position: relative;
		top: 12.5%;
	}	
	
#sidebarArt {
	padding-bottom: 32767px;
	margin-bottom: -32767px;
	width: 205px;
	float: left;
	background-color: #7daa68;
	margin-top: 10px;
}
#sidenavArt, #sidenavArt ul {
	padding: 0;
	margin: 0;
	list-style: none;
	float : left;
	width : 198px;
}
	#sidenavArt li {
		position : relative;
		float : left;
		line-height : 1.25em;
		padding : 2px;
		width: 198px;
	}	
	#sidenavArt li a {
		width: 198px;
		display : block;
		color : #FFF;
		font-weight : bold;
		font-family: Tahoma, Helvetica, Arial;
		text-decoration : none;
		background-color : #7daa68;
		padding : 2px;
	}	
	#sidenavArt li a:hover {
		color : #FFF;
		background-color : #033c59;
	}
	
#sidebarArtist {
	padding-bottom: 32767px;
	margin-bottom: -32767px;
	width: 205px;
	float: left;
	background-color: #033c59;
	margin-top: 10px;
}
#sidenavArtist, #sidenavArtist ul {
	padding: 0;
	margin: 0;
	list-style: none;
	float : left;
	width : 198px;
}
	#sidenavArtist li {
		position : relative;
		float : left;
		line-height : 1.25em;
		padding : 2px;
		width: 198px;
	}	
	#sidenavArtist li a {
		width: 198px;
		display : block;
		color : #FFF;
		font-weight : bold;
		font-family: Tahoma, Helvetica, Arial;
		text-decoration : none;
		background-color : #033c59;
		padding : 2px;
	}	
	#sidenavArtist li a:hover {
		color : #FFF;
		background-color : #7daa68;
	}
	
img.thumbnail {
	max-height: 100px;
	max-width: 100px;
	border: 0;	
}

#missionStatement 
{
	 background-color: #326c89;
}
	#missionStatement H1 
	{
		padding-left: 10px;
		color:#FFF;
	}
	#missionStatement p 
	{
		padding-left: 25px;
		padding-right:25px;
		font-weight:bold;
		color:#FFF;
	}

b.rtop, b.rbottom{display:block;background: #FFF}
b.rtop b, b.rbottom b{display:block;height: 1px;
    overflow: hidden; background: #326c89}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}

a.frontPageButton 
{
	height: 100%;
	width: 100%;
	background-color: #7daa68;
	display: block;
	font-size: 15px;
	color:#FFF;
	text-align: center;
	font-weight: bold;
	text-decoration:none;
}
a.frontPageButton:hover
{
	background-color: #033c59;
}
	