body {
font-family: Century Gothic, Verdana, sans-serif;
font-size: 83%;
margin:0;
padding:0;
background: #808080;
text-align: center;
}


#mainpage {
width:800px;
height: 460px;
margin:0 auto;
background: #fff;
position: absolute; left: 50%; top: 50%; margin-top: -250px; margin-left: -400px; 
}


#top {
width: 800px;
height: 32px;
background: fff;
}

#textpage {
width: 800px; 
height: 410px;
background: #fff url(../images/back31.png) no-repeat;
}

#textpagefront {
width: 800px; 
height: 410px;
background: #fff url(../images/back31.png) no-repeat;
}


#mainnav {
font-family: Century Gothic, Verdana, sans-serif;
height: 25px;
background:#579835;
}

.mainnav1-mailist a,
.mainnav1-links a,
.mainnav1-contactus a,
.mainnav1-newsevents a,
.mainnav1-artists a,
.mainnav1-aboutus a,
.mainnav1-home a  {
float: left;
height: 20px;
background: #579835;
text-decoration: none;
color: #000;
text-align: center;
font-size: 0.814em;
font-weight: normal;
margin: 0px;
padding-left: 10px;
padding-right: 10px;
padding-top:5px;
}

.mainnav1-mailist a:hover, 
.mainnav1-links a:hover, 
.mainnav1-contactus a:hover, 
.mainnav1-newsevents a:hover,
.mainnav1-artists a:hover, 
.mainnav1-aboutus a:hover,
.mainnav1-home a:hover {
float: left;
height: 20px;
background: #fff;
text-decoration: none;
color: #000;
text-align: center;
font-size: 0.814em;
font-weight: normal;
margin: 0px;
padding-left: 10px;
padding-right: 10px;
padding-top:5px;
}

#mailist #mainnav .mainnav1-mailist a,
#links #mainnav .mainnav1-links a,
#contactus #mainnav .mainnav1-contactus a,
#newsevents #mainnav .mainnav1-newsevents a,
#artists #mainnav .mainnav1-artists a,
#aboutus #mainnav .mainnav1-aboutus a,
#home #mainnav .mainnav1-home a {
background: #fff;
font-weight: normal;
color: #000;
}


.heading a {
float: left;
font-size: 1.8em;
color: #579835; 
text-align:left;
padding-left: 5px;
margin-top: 0px;margin-bottom: 10px;
font-weight:normal;
text-decoration: none;
background: #FFFFFF;
}

.heading a:hover {
float: left;
font-size: 1.8em;
color: #579835; 
text-align:left;
padding-left: 5px;
margin-top: 0px;margin-bottom: 10px;
font-weight:normal;
text-decoration: none;
background: #FFFFFF;
}

.subheading {
float:left;
font-size: 1em;
color: #579835; 
text-align:left;
padding-left: 5px;
margin-top: 12px;margin-bottom: 10px;
font-weight:normal;
text-decoration: none;
background: #FFFFFF;
}


.maintext {
font-family: Century Gothic, Verdana, sans-serif;
font-size: .814em;
font-weight: normal;
text-decoration: none;
color: #000; 
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
text-align:justify;
width: 310px;
float: right;

}

.maintextnarrow{
font-family: Century Gothic, Verdana, sans-serif;
font-size: .814em;
font-weight: normal;
text-decoration: none;
color: #000; 
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
text-align:justify;
width: 200px;
float: right;

}


.maintextartists {
padding-left: 5px; 
margin-bottom: 5px; 
text-align:justify;
font-family: Century Gothic, Verdana, sans-serif;
font-size: .814em;
font-weight: normal;
text-decoration: none;
width: 550px;
float: left;
overflow: auto;


}

h1 {
font-family: Century Gothic, Verdana, sans-serif;
font-size: 1em;
color: #CC3300; 
padding-left: 10px;
padding-top: 10px;
text-align:left;
}
a {text-decoration: underline; color:#696969}
a:hover {color:#696969; text-decoration:none;}

.news {
font-family: Century Gothic, Verdana, sans-serif;
font-size: 1.2em;
width: 310px;
float: right;
color: #579835; 
text-align:left;}

.news span a{
color: #07641F; }

h2 {
font-size: 1em;
color: #CC3300; 
padding-left: 5px;
padding-top: 10px;
padding-bottom: 0px;
text-align:left;
}

#left {
float:right;
width: 150px;
height: 410px;
margin-top: 0px;
background: none;
border: 0px ;

}

.leftbarnav a{
float: right;
width: 140px;
background: none;
font-size: 0.814em;
text-decoration: none;
color: #000; 
text-align: left;
padding: 5px;
border-bottom:0px;

}

.leftbarnav a:hover{
float: right;
width: 140px;
background: none;
font-size: 0.814em;
font-weight: bold;
text-decoration: none;
color: #07641F; 
text-align: left;
padding: 5px;
border-bottom:0px;
}

.leftbarnav1 a{
float: right;
width: 140px;
background: #808080;
font-size: 0.814em;
text-decoration: none;
color: #FFFFFF; 
text-align: left;
padding-left: 20px;
padding-right: 5px;
padding-top: 2px;
padding-bottom: 5px;
}

.leftbarnav1 a:hover{
float: right;
width: 140px;
background: #808080;
font-size: 0.814em;
text-decoration: none;
color: #fff; 
text-align: left;
padding-left: 20px;
padding-right: 5px;
padding-top: 2px;
padding-bottom: 5px;
}


#container {float:left; position:relative; width:580px; height:400px; background:none; border:0px solid #000; margin:0px auto; padding: 0px; font-family:century gothic, verdana, arial, sans-serif; font-size:0.814em;}
 
#container a.pics {float:left; margin-top: 345px; display:inline; color:#000; text-decoration:none; border-right:1px solid #fff; width:50px; height:50px; cursor:default;}
#container a.pics img.thumb {display:block; border:0; padding: 0px; margin: 0px; }
 
#container a.pics span {display:none; border:0; width:580px; background:none; border:0px solid #fff; text-align:left;}
#container a.pics span img {margin:0px auto; margin-top: 0px; border:0px solid #000;}
 
#container a.pics:hover {white-space:normal; border-right:1px solid #fff;}
#container a.pics:hover span {display:block; position:absolute; left:0px; top:-7px;; z-index:10; height:345px;}
 

#container1 span.info {clear:left; display:block; text-align:center; line-height:0px; margin:0px; padding:400px 0 0 0; width:580px; text-align:left; color:#eee; z-index:1;}
#container1 span.info a {color:#fff;}
#container1 span.info a:hover {text-decoration:none;}

#container1 {float:left; position:relative; width:450px; height:400px; background:none; border:0px solid #000; margin:0px auto; padding: 0px; font-family:century gothic, verdana, arial, sans-serif; font-size:0.814em;}
 
#container1 a.pics {float:left; margin-top: 345px; display:inline; color:#000; text-decoration:none; border-right:1px solid #fff; width:50px; height:50px; cursor:default;}
#container1 a.pics img.thumb {display:block; border:0; padding: 0px; margin: 0px; }
 
#container1 a.pics span {display:none; border:0; width:580px; background:none; border:0px solid #fff; text-align:left;}
#container1 a.pics span img {margin:0px auto; margin-top: 0px; border:0px solid #000;}
 
#container1 a.pics:hover {white-space:normal; border-right:1px solid #fff;}
#container1 a.pics:hover span {display:block; position:absolute; left:0px; top:-7px;; z-index:10; height:345px;}
 

#container1 span.info {clear:left; display:block; text-align:center; line-height:0px; margin:0px; padding:400px 0 0 0; width:450px; text-align:left; color:#eee; z-index:1;}
#container1 span.info a {color:#fff;}
#container1 span.info a:hover {text-decoration:none;}

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

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 0;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #fff;
padding: 0px;
left: -9999px;
border: 0px solid #fff;
visibility: hidden;
color: #fff;
text-decoration: none;
height: 229px;
width: 310px;




}

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

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

fieldset {
margin: 1em 0;
padding: 1em;
border: 1px solid #ccc;
background: none;
}

legend {
font-weight: bold;
}

label {
display: block;
}

input {
width: 200px;
}

.submit input {
color: #000;
background: #ccc;
}