/* CSS Document */

BODY {padding: 0; 
	font: 1em "Trebuchet MS", verdana, arial, sans-serif; 
	font-size: 14px;	
	background:url(images/site/bg.gif);

	}
        
DIV.container { margin: auto; width: 90%;}
TEXTAREA { width: 80%;}
img { padding:0px; margin:0px;}

#content {
	padding-right: 40px;
	padding-left: 40px;
	padding-top: 22px;
	text-align: left;
	height: auto;
	color: #752A02;
	}

#main {
	width:900px;
	color:#6A2800;
	background:url(images/site/contentbg.jpg) repeat-y;

	}
#footer {
	background:url(images/site/footer2.jpg) no-repeat;
	clear:both;
	height:100px;
	padding-left:40px;
	padding-right:40px;
	font-size:12px;
	text-align:center;
}

#footer .column2 {
	width:500px;
	float:right;
	}

a:link, a:visited {
	color:#06370A;
	}

a:focus, a:hover, a:active {
	color:#92BB80;
	}

td {
	width:auto;
	height:auto;
	text-align:left;
	vertical-align:top;
	}
	
.members td {
	height:auto;
	padding-bottom: 10px;
	padding-right: 10px;
	}
	
h1 {
	color:#000;
	font-size:1.5em;
	padding-top:1px;
	padding-left:35px;
	line-height:1.5em;
	}

h2 {
	font-size: 1.3em;
	text-align: center;
   }

#index h2 {
	font-size:3em;
	}

h3 {
	font-size:1.15em;
	}

.pic {
	text-align:center;
	}

.picleft {
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	}

.picleftextra {
	float:left;	
	margin-right:20px;
	margin-bottom:20px;
	margin-left:50px;
	}

.picright {
	float:right;
	margin-left:20px;
	margin-bottom:20px;
	}

.picrightextra {
	float:right;
	margin-left:20px;
	margin-bottom:20px;
	margin-right:50px;
	}
	
.caption {
	margin:0px;
	font-size:12px;
	color:#06370A;
	}

.clear {
	clear:both;
	}

.callout {
	clear:both;
	border:groove #06370A;
	margin-bottom:20px;
	padding:15px;
	}

#header {
	background:url(images/site/header2.jpg) no-repeat;
	height:186px;
	}

.logo {
	 margin-left: 20px;
	 margin-top:20px;
	 }


.column1 {
	width:400px;
	position:relative;
	}

.column2 {
	width:375px;
	float:right;
	}

.subheader {
	background:url(images/site/greenline2a.jpg) no-repeat;
	color:#FFFFFF;
	padding-left:25px;
	margin-top:30px;
	clear:both;
}

.subheader a:link, .subheader a:visited, .subheader a:focus, .subheader a:hover, .subheader a:active {
	color:#FFFFFF;
	}

.indent {
	margin-left:50px;
	}


/* Navigation styling */

#navigation {
	margin-left:3px;
	}

#nav, #nav ul {
	float: left;
	width: 894px;
	list-style: none;
	line-height: 1;
	background: white;
	font-weight: bold;
	padding: 0;
	border: solid #eda;
	border-width: 0.5px 0;
	margin: 0 0 1em 0;
	font-size:12px;
}

#nav a {
	display: block;
	width: 10em;
/*	w\idth: 6em;
*/	color: #7C6240;
	text-decoration: none;
	padding: 0.25em 1em;
}


#nav a.fly {
	background: url(images/site/rightarrow2.gif) center right no-repeat;
}

#nav li {
	border: solid #eda 0.5px;	
	float: left;
	padding: 0;
	width: 10em;
}

#home a	{
	width:5em;
	}

#nav #home {
	width:5em;
	}

#about a	{
	width:11em;
	}

#nav #about {
	width:11em;
	}

#news a	{
	width:8em;
	}

#nav #news {
	width:8em;
	}

#members a	{
	width:12em;
	}

#nav #members {
	width:12em;
	}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 14.4em;
/*	w\idth: 13.9em;
*/	font-weight: normal;
	border-width: 0.25em;
	margin: 0;
}

#nav li li {
	padding-right: 1em;
	width: 13.5em
}

#nav li ul a {
	width: 12em;
/*	w\idth: 9em;
*/}

#nav li ul ul {
	margin: -1.75em 0 0 14.5em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}
ul {
	margin-top: 0px;
	margin-bottom: 0px;
}


#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	background: #eda;
}
.alignTopLeft     {
	text-align: left;
	vertical-align: top;
}
#page #wrapper #main #content div table tr td div p {
	text-align: center;
}
.red {
	color: #FF0000;
}
ul.enlarge{
list-style-type:none; /*remove the bullet point*/
margin-left:0;
}
ul.enlarge li{
display:inline-block; /*places the images in a line*/
position: relative;
z-index: 0; /*resets the stack order of the list items - later we'll increase this*/
margin:10px 40px 0 20px;
}
ul.enlarge img{
background-color:#eae9d4;
padding: 6px;
-webkit-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
-moz-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
box-shadow: 0 0 6px rgba(132, 132, 132, .75);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
ul.enlarge span{
position:absolute;
left: -9999px;
background-color:#eae9d4;
padding: 10px;
font-family: 'Droid Sans', sans-serif;
font-size:.9em;
text-align: center;
color: #495a62;
-webkit-box-shadow: 0 0 20px rgba(0,0,0, .75));
-moz-box-shadow: 0 0 20px rgba(0,0,0, .75);
box-shadow: 0 0 20px rgba(0,0,0, .75);
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius:8px;
}
ul.enlarge li:hover{
z-index: 50;
cursor:pointer;
}
ul.enlarge span img{
padding:2px;
background:#ccc;
}
ul.enlarge li:hover span{
top: -300px; /*the distance from the bottom of the thumbnail to the top of the popup image*/
left: -20px; /*distance from the left of the thumbnail to the left of the popup image*/
}
ul.enlarge li:hover:nth-child(2) span{
left: -100px;
}
ul.enlarge li:hover:nth-child(3) span{
left: -200px;
}
/**IE Hacks - see http://css3pie.com/ for more info on how to use CS3Pie and to download the latest version**/
ul.enlarge img, ul.enlarge span{
behavior: url(pie/PIE.htc);
}