/* Global Styles */

body {
	margin:0px;
	}
	
td {
	font:11px Arial, Helvetica, sans-serif;
	color:#0072BC;
	}
	
a {
	color: #336633;
	}
	
a:hover {
	color: #5C743D;
	}

/* ID Styles */

#navigation td {
	border-bottom: 1px solid #F4FFE4;
	}
	
#navigation a {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #336633;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	display:block;
	padding:8px 6px 10px 20px;
	}
	
#navigation a:hover {
	color:#2D599A;
	background-color: #C7D3E8;
	}
	
#logo 	{
	font:24px Arial, Helvetica, sans-serif;
	color: #5C743D;
	letter-spacing:.2em;
	line-height:30px;
	}

#tagline 	{	
	font:11px Arial, Helvetica, sans-serif;
	color: #993300;
	letter-spacing:.4em;
	line-height:18px;
	}

#monthformat {
	border-bottom: 1px dashed #5C743D;
	}
		
#dateformat {
	color: #D1D9F0;
	letter-spacing:.2em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
	
#dateformat a {
	color: #FFFFCC;
	font-weight:bold;
	letter-spacing:.1em;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
	
#dateformat a:hover {
	color: #F4FFE4;
	letter-spacing:.1em;
	}
	
/* Class Styles */
	
.bodyText {
	color:#336633;
	line-height:20px;
	margin-top:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	}
	
.pageName{
	font: 18px Arial, Helvetica, sans-serif;
	color: #99CC66;
	line-height:26px;
	letter-spacing:.21em;
	}
	
.subHeader {
	font:bold 11px Arial, Helvetica, sans-serif;
	color: #993300;
	line-height:22px;
	letter-spacing:.2em;
	}

.quote {
	font: 20px Arial, Helvetica, sans-serif;
	color: #759DA1;
	line-height:30px;
	}
	
.smallText {
	color: #AEBED0;
	line-height: 22px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
	
.navText {
	color: #FFFFCC;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	}
	


body {
	background-color: #AEBED0;
	background-image: url(images/site/green.gif);
}
.style1 {color: #336633}
.style2 {
	color: #FFFFCC;
	font-family: Georgia, "Times New Roman", Times, serif;
}




/* ======================================================
/This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout_4level.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
========================================================= */
.menu { margin: 10px; height: 100px; font-size: 10pt; font-family: Veranda, Arial, Helvetica, sans-serif; float: left;}
.menu ul { margin: 0pt; padding: 0; position: relative; z-index: 500; list-style-type: none; width: 14em; }
.menu li { background-color: #ffffcc; float: left; }
.menu li.sub { background-color: #ffffcc; float:left;}
.menu table { position: absolute; border-collapse: collapse; top: 0pt; left: 0pt; z-index: 100; font-size: 1em; margin-top: -1px; }
.menu a, .menu a:visited { border: 1px inset #ffffff; display: block; text-decoration: none; height: 1.8em; line-height: 2em; width: 14em; color: #336633; padding-left: 1em; font-weight: normal; font-style: normal; font-variant: normal; text-transform: none; }
.menu b { float: right; margin-right: 5px; }
* html .menu a, * html .menu a:visited { width: 14em; }
* html .menu a:hover { color: #ffffcc; background-color: #003399; position: relative; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; text-transform: none; }
.menu li:hover { position: relative; }
.menu a:active, .menu a:focus { color: #ffffcc; background-color: #003399; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; text-transform: none; }
.menu li:hover > a { color: #ffffcc; background-color: #0072BC; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; text-transform: none; }
.menu li ul { padding: 2em; visibility: hidden; position: absolute; top: -2em; left: 11em; background-color: transparent; line-height: 1.8em; }
.menu li:hover > ul { visibility: visible; }
.menu ul a:hover ul ul { visibility: hidden; }
.menu ul a:hover ul a:hover ul ul { visibility: hidden; }
.menu ul a:hover ul a:hover ul a:hover ul ul { visibility: hidden; }
.menu ul a:hover ul { visibility: visible; }
.menu ul a:hover ul a:hover ul { visibility: visible; }
.menu ul a:hover ul a:hover ul a:hover ul { visibility: visible; }
.menu ul a:hover ul a:hover ul a:hover ul a:hover ul { visibility: visible; }


/*Credits: CSSpplay */
/*URL: http://www.cssplay.co.uk/menus/pro_three */

.topmenu {padding:0 0 0 32px; margin:0; list-style:none; height:35px; background:#0072BC url(images/site/button_4.gif); position:relative; border:1px solid #0072BC; border-width:0 1px; border-bottom:1px solid #308E30;}
.topmenu li {float:left;}
.topmenu li a {display:block; float:left; height:35px; line-height:35px; color:#aaa; text-decoration:none; font-size:11px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 8px; cursor:pointer;}
.topmenu li a b {float:left; display:block; padding:0 16px 0 8px;}
.topmenu li.current a {color:#fff; background:url(images/site/button3.gif);}
.topmenu li.current a b {background:url(images/site/button3.gif) no-repeat right top;}
.topmenu li a:hover {color:#fff; background:#000 url(images/site/button3.gif);}
.topmenu li a:hover b {background:url(images/site/button3.gif) no-repeat right top;}
.topmenu li.current a:hover {color:#fff; background:#000 url(images/site/button3.gif); cursor:default;}
.topmenu li.current a:hover b {background:url(images/site/button3.gif) no-repeat right top;}


/*css play*/
#gallery {position:relative; width:500px;}
#thumbs {width:180px; float:left;}
#thumbs a {display:block; float:right; margin:0 0 5px 5px; width:50px; height:50px; border:1px solid #000;}
#thumbs a img {width:50px; height:50px; border:0;}
#thumbs a:hover {border-color:#ddd;}
#thumbs a:hover img {position:absolute; width:auto; height:auto; left:185px; top:0; border:1px solid #333;}


div#gallery a span {display: none;}
div#gallery a:hover span {display: block;
   position: absolute; top: 200px; left: 0; width: 125px;
   padding: 5px; margin: 10px; z-index: 100;
   color: #AAA; background: black;
   font: 10px Verdana, sans-serif; text-align: center;}


/*for image popups*/


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

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

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;

}

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

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