/* CSS layout */
html {
overflow-y: scroll;
}

body {
	padding: 0px;
	width: 950px;
	margin: auto;
	color: #50646C;
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 150%;
	text-align: center;
}

#top_nav {
	margin: 0px 0px 15px 177px;
	padding: 0px;
	text-align: center;
	border-left-width: 1px;
	border-left-color: #50646C;
	border-left-style: solid;
}

#container {
	width: 950px;
	margin: 0px;
	padding: 0px;
	/*min-width: 600px;*/
}

#left_col {
	width: 170px;
	float: left;
	margin: 0px;
	padding: 0px;
}

#page_content {
	width: 315px;
	float: left;
	margin: 0px;
	padding: 0px;
}

#right_col {
	width: 465px;
	float: left;
	margin: 0px;
	padding: 0px;
}

#footer {
	clear: both;
	padding: 0px;
	margin: 5px 0px 0px 112px;
	text-align: left;
	font-size: 10pt;
	color: #50646c;
}

#footernav {
	clear: both;
	padding: 0px;
	margin: 10px 0px 0px 177px;
	text-align: left;
	font-size: 10pt;
	color: #50646c;
	background-color: #7B7C80;
	height: 25px;
}

#copyright {
	padding: 0px;
	margin: 10px 0px 0px 177px;
	text-align: left;
	font-size: 8pt;
	color: #506159;
}

#bluebox {
	padding: 5px 10px 5px 10px;
	margin: 0px;
	background-color: #7F9FAC;
	height: 95px;
	text-align: left;
	color: #eeeeee;
	width: 400px;
	float: left;
	clear: both;
}
#brownbox {
	margin: 5px 0px 0px 0px;
	padding: 5px 10px 5px 10px;
	background-color: #906E53;
	height: 95px;
	text-align: left;
	color: #eeeeee;
	float: left;
	clear: both;
	width: 400px;
}
#greenbox {
	padding: 5px 10px 5px 10px;
	margin: 5px 0px 0px 0px;
	background-color: #85A193;
	height: 95px;
	text-align: left;
	color: #eeeeee;
	width: 400px;
	float: left;
	clear: both;
}
#graybox {
	padding: 5px 10px 5px 10px;
	margin: 5px 0px 0px 0px;
	background-color: #7B7C80;
	height: 95px;
	text-align: left;
	color: #eeeeee;
	float: left;
	clear: both;
	width: 400px;
}

a:link {
	color: #EEEEEE;
	text-decoration: none;
}
a:visited {
	color: #000000;
	text-decoration: none;
}
a:hover{
	color: #F5F986;
	text-decoration: none;
}
a:active{
	color: #932214;
	text-decoration: none;
}

.mindentmenu{
font: bold 11px Arial;
width: 100%; /*leave this value as is in most cases*/
}

.mindentmenu ul{
margin: 0;
padding: 0;
float: left;
width: 100%; /*width of menu*/
border: 1px solid #666666; /*dark gray border*/
border-width: 1px 0;
background: #7B7C80 url("../images/indentbggray.gif") center center repeat-x;
}

.mindentmenu ul li{
display: inline;
}

.mindentmenu ul li a{
float: left;
color: white; /*text color*/
padding: 5px 9px;
text-decoration: none;
border-right: 1px solid #666666; /*dark gray divider between menu items*/
}

.mindentmenu ul li a:visited{
color: white;
}

.mindentmenu ul li a:hover, .mindentmenu ul li .current{
color: white; !important; /*text color of selected and active item*/
padding-top: 6px; /*shift text down 1px for selected and active item*/
padding-bottom: 4px; /*shift text down 1px for selected and active item*/
background: #7B7C80 url("../images/indentbggray2.gif") center center repeat-x;
}

#blueboxlg {
	padding: 5px 10px 5px 10px;
	margin: 0px;
	background-color: #7F9FAC;
	height: 430px;
	text-align: center;
	color: #eeeeee;
	width: 400px;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
	position: relative;
	height: 535px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
margin: 0px;
}

.thumbnail:hover{
background-color: transparent;
}

/*.thumbnail:hover img{
border: 1px solid blue;
}*/

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 0px;
left: -1000px;
visibility: hidden;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0px;
left: 178px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

#brownboxlg {
	padding: 5px 10px 5px 10px;
	margin: 0px;
	background-color: #906E53;
	height: 430px;
	text-align: center;
	color: #eeeeee;
	width: 400px;
	float: left;
	clear: both;
}
#greenboxlg {
	padding: 5px 10px 5px 10px;
	margin: 0px;
	background-color: #85A193;
	height: 430px;
	text-align: center;
	color: #eeeeee;
	width: 400px;
	float: left;
	clear: both;
}
#grayboxlg {
	padding: 5px 10px 5px 10px;
	margin: 0px;
	background-color: #7B7C80;
	height: 430px;
	text-align: center;
	color: #eeeeee;
	width: 400px;
	float: left;
	clear: both;
}
.contactcontainer {
	position: relative;
	height: 640px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}
#contactbox {
	padding: 5px 10px 5px 10px;
	margin: 0px;
	background-color: #7F9FAC;
	text-align: center;
	color: #eeeeee;
	width: 400px;
	float: left;
	clear: both;
}
.comment {
    visibility: hidden;
}
#contactus {
	width: 250px;
	margin: 0px auto 0px auto;
	padding: 0px;
	text-align: left;
	color: #7F9FAC;
}

#contactus a:link {
	color: #50646C;
	font-weight: bold;
}
#contactusa:visited {
	color: #666666;
	font-weight: bold;
}

#contactusa:hover{
	color: #8C2C0B;
	font-weight: bold;
}

#contactusa:active{
	color: #C0C0C0;
	font-weight: bold;
}

#noticebox {
	border: thick solid #CC3300;
	padding: 5px 10px 5px 10px;
	margin: 0px;
	background-color: #FFFFFF;
	height: 415px;
	text-align: left;
	color: #333333;
	width: 390px;
	float: left;
	clear: both;
}
#blueboxartist {
	padding: 5px;
	margin: 0px;
	background-color: #7F9FAC;
	height: 525px;
	text-align: center;
	color: #eeeeee;
	width: 400px;
	line-height: 150%;
	font-size: 9pt;
}
.alphaletters {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #000000;
	text-align: left;
}
#brownboxartist {
	padding: 5px;
	margin: 0px;
	background-color: #906E53;
	height: 525px;
	text-align: center;
	color: #eeeeee;
	width: 400px;
	line-height: 150%;
	font-size: 9pt;
}