/**************************/
/***                    ***/
/***   GENERAL STYLES   ***/
/***                    ***/
/**************************/
/*** GREEN: #97C230     ***/


* {padding:0;margin:0;}
body {font:normal 65%/1.25 Verdana, Arial, Helvetica, sans-serif;color:#3E3E41;}


h2 {font-size:1.2em;font-weight:bold;font-style:italic;}	
h3 {font-size:1.2em;font-weight:bold;margin-bottom:0.6em;}
	
a {color:#97C230;text-decoration:underline;}
a:hover {text-decoration:none;}
li {list-style-type:none;margin:0;padding:0;}

ul.bullets {margin:10px 0 20px 20px;}
ul.bullets li {list-style-type:disc;line-height:1.4em;margin-bottom:0.6em;}

ul.featuredLinks li {list-style-type:none;padding:5px 0;margin:0;}

.caption {float:right;font:italic 1em Verdana, Arial, Helvetica, sans-serif;margin:5px 0 0 0;}
.clearFix {clear:both;height:auto;}

.hidden {display:none;}
.hidden_debug {display:block;}
.largeLink {font-size:1.2em;font-weight:bold;}	
.normalLink {font-size:1.1em;}
	
.dotted {margin-bottom:5px;padding-bottom:10px;background:url(../stat/dots.gif) bottom left repeat-x;}
.dotted_top {background:url(../stat/dots.gif) top left repeat-x;}	
.green_border_top {border-top:4px solid #97C230;padding-top:10px;}	
.greyBox {padding:10px;background:#EBECE8;margin-bottom:20px;}	
.greyBox ul li {list-style-type:disc;margin-left:20px;}

#slideshow { position: relative; margin-bottom: 30px; }
.placeholder { position: absolute; }

/**************************/
/***                    ***/
/***   LAYOUT STYLES    ***/
/***                    ***/
/**************************/

#mainContainer { 
	margin:0 auto; 
	width:760px; 
	position:relative; 
	background:#fff; 
	}
#mainContainer p,
.greyBox p {font:1.0em Verdana, Arial, Helvetica, sans-serif;line-height:1.4em;margin-bottom:1.4em;padding:0 20px 0 0;}

#leftColumn {float:left;margin-right:10px;width:390px;border:0px solid #666;}	
#rightColumn {float:left;width:360px;border:0px solid #ccc;}
	

/**************************/
/***                    ***/
/***  HEADER - TOP NAV  ***/
/***                    ***/
/**************************/

#header { 
	padding:0;
	border-bottom:8px solid #97C230;
	margin-bottom:30px;
}

#header h1 {
	background:url(../stat/logo.jpg) 0 0 no-repeat;
	display:block;
	width:200px;
	height:110px;
}
#header h1 span {display:none;}

#topNav ul { 
	list-style-type:none; 
	position:absolute;
	top:80px;
	right:0;
}

#topNav ul li { 
	display:inline; 
	float:left; 
	margin-left:15px; 
}

#topNav ul li a { 
	text-decoration:none;
	display:block;
	height:16px; 
	font-size:14px;
}

#nav_home a { background:url(../stat/nav_home.gif) bottom left no-repeat; width:39px; }
#nav_about a { background:url(../stat/nav_about.gif) bottom left no-repeat; width:40px; }
#nav_friends a { background:url(../stat/nav_friends.gif) bottom left no-repeat; width:52px; }
#nav_exhibitions a { background:url(../stat/nav_exhib.gif) bottom left no-repeat; width:77px; }
#nav_gallery a { background:url(../stat/nav_gallery.gif) bottom left no-repeat; width:48px; }
#nav_shop a { background:url(../stat/nav_shop.gif) bottom left no-repeat; width:33px; }
#nav_contact a { background:url(../stat/nav_contact.gif) bottom left no-repeat; width:54px; }
#nav_links a { background:url(../stat/nav_links.gif) bottom left no-repeat; width:45px; }


#topNav li a:hover, #topNav li a.current { background-position:top left; }
#topNav li a span {display:none;}



/*************************/
/***                   ***/
/***  HEADER GRAPHICS  ***/
/***                   ***/
/*************************/

#leftColumn h1{height:20px;margin: 0 0 20px 0;width: 350px;}
#leftColumn h1 span {display:none;}
#leftColumn h1#home {background: url(../stat/hdr_welcome.gif) top left no-repeat;}
#leftColumn h1#about {background: url(../stat/hdr_about.gif) top left no-repeat;}
#leftColumn h1#exhibitions {background: url(../stat/hdr_exhibitions.gif) top left no-repeat;}
#leftColumn h1#gallery {background: url(../stat/hdr_gallery.gif) top left no-repeat;}
#leftColumn h1#friends {background: url(../stat/hdr_friends.gif) top left no-repeat;}
#leftColumn h1#shop {background: url(../stat/hdr_shop.gif) top left no-repeat;}
#leftColumn h1#contact {background: url(../stat/hdr_contact.gif) top left no-repeat;}
#leftColumn h1#links {background: url(../stat/hdr_links.gif) top left no-repeat;}

form label {width: 100px;font: 1.1em Verdana, Arial, Helvetica, sans-serif;padding-top: 2px;float: left;}	
form input {margin-bottom: 4px;}

/*************************/
/***                   ***/
/***  FOOTER DETAILS   ***/
/***                   ***/
/*************************/

#footerNav {text-align:right;padding:10px 0;clear:both;margin:0;}
#footerNav ul li { display:inline; }
#footerNav ul li a { color:#B4B6A8; margin-left:10px; }
#footerNav ul li a.current { color:#97C230; }
#footerNav ul li a:hover { background:#97C230;color:#fff; }

#footerNav p {text-align:right;margin:10px 0;padding:0;}

.right { float:right; }
.left { float:left; }
a:hover, a:active  { background:#97C230;color:#fff; }