/* Mint Chocolate Chip - (c) 2006 andrewstrojny.com */

/* You may use this CSS and use its techniques in your own projects, but keep in mind the unique combination of images, colors, sizes, typography, and positioning ("the design") is copyright (c) 2006 Andrew Strojny */ 

/* Enjoy! */

/* 5-27-08 - roy */


/* ----- Structure and Layout ----- */

body {
	text-align : center;
	background-color: #A9CF9C;
	min-width : 770px ;
	}
	
img {
border: 0px;
}

#wrapper {
	width : 770px;
	text-align : left ;
	margin-left : auto ;
	margin-right : auto ;
	}
	
#header {
	padding-top: 10px;
	}

#maincontainer {
	float: left;
	width : 770px;
	background: url(../images/container.png) repeat-y;
	}

#padding {
	clear: both;
	padding: 30px 0 0 0;
	}

#content {
	float: left;
	width: 375px;
	padding: 0 0 10px 40px;
	}

#newsbox {
	float: right;
	padding: 5px 0 0 0;
	}
	
#innernews {
	width: 250px;
	margin: 0 40px 0 0;
	padding: 10px;
	background: #EDF3EB;
	border: 1px solid #DCEAD7;
	}

/* ----- Navigation -----  */

/* ::::::: Modified Suckerfish CSS Dropdown ::::::: */

.ToolBar {
width: 770px;
background: #A9CE9B; 
text-align: center;
margin: 0px;
padding: 0px;
}

ul#nav {/* Main List */
background: transparent url(../images/tabs.gif) left top no-repeat;
width: 700px;
height: 24px;
display: block;
margin: 0px;
padding: 0px 40px 0px 30px;
}

ul#nav, ul#nav li ul { /* all lists */
list-style: none;
text-align: center;
}

ul#nav li { /* main list items */
float: left;
position: relative;
width: 140px;
}

ul#nav li a { /* main links */
background: url(img/link.jpg) top left no-repeat;
font: bold 14px/24px Arial, Helvetica, sans-serif;
color: #82cb56;	
text-decoration: none;
display: block;
height: 24px;
}
ul#nav li a:hover {
background: transparent url(../images/tab-hover.gif) left top no-repeat;
font: bold 14px/24px Arial, Helvetica, sans-serif;
color: #B011AD;	
text-decoration: none;
display: block;
height: 24px;
}

ul#nav li ul { /* second-level lists */
background: transparent;
display: none;
position: absolute;
border-top: 2px solid #87BA74;
border-right: 2px solid #87BA74;
padding: 0px;
margin: 0px;
}

ul#nav li ul li {
float: left;
position: relative;
border-bottom: 2px solid #87BA74;
border-left: 2px solid #87BA74;
width: 160px;
padding: 0px;
margin: 0px;
}

ul#nav li ul li a { /*sub links */
background: #EDF3EB;
font: bold 11px/24px Arial, Helvetica, sans-serif;
color: #86BA72;
height: 24px;
}

ul#nav li ul li a:hover {
background: #A9CF9C;
font: bold 11px/24px Arial, Helvetica, sans-serif;
color: #ffffff;
height: 24px;
}

ul#nav li>ul#nav ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
top: auto;
left: auto;
}

ul#nav li:hover ul, ul#nav li.over ul { /* lists nested under hovered list items */
display: block;
}
	

/* ----- Typography ----- */

body {
	font: small Verdana, Sans-serif;
	line-height: 1.6em;
	color: #444444;
	}

h1 {
	padding-top: 10px;
	font-size: 1.2em;
	color:#422100
	}

h2 {
	font-size: 1em;
	font-style:italic;
	color: #422100;
	}

#innernews p {
	margin-left: 10px;
	padding: 0px 10px;
	border-left: 0px dashed #422100;
	font-size: .8em;
	line-height: 1.2em;
	}

/* ----- Links ----- */

a {
	color: #6CAB54;
	}

a:visited {
	color: #422100;
	}

a:hover {
	color: #422100;
	}

#footer a {
	color: #333333;
	text-decoration: none;
	}

#footer a:visited {
	color: #333333;
	text-decoration: none;
	}

#footer a:hover {
	color: #422100;
	text-decoration: underline;
	}



/* ------ Footer ----- */

#footer {
	text-align: center;
	clear:both;
	font-size: .8em;
	color: #666666;
	}
	
	
.footerlinks a {
margin: 0px 10px;
}
	
	
	
	
/* === BEGIN DRG STYLES === */

.tabs {
background:url(../images/tabs.gif) left top no-repeat;
height: 24px;
display: block;
}

.tabs a:link, .tabs a:active, .tabs a:visited {
text-decoration:none;
font:bold 11px/28px Verdana, Arial, Helvetica, sans-serif;
margin: 0px -12px -4px 50px;
display:block;
float:left;
}

.tabs a:hover {
text-decoration:none;
}

.photo-gallery {
margin: 20px 0px;
}

.photo-listing {

}

.photo-listing img {
margin: 0px 10px 0px 0px;
border: #333333 1px solid;
}

.photo-listing p {
font: normal 11px/18px Verdana, Arial, Helvetica, sans-serif;
color:#333333;
margin-top:0px;
display: none;
}

#innernews p.sublinks {
margin: 0px;
padding: 0px;
}

.sublinks a:link, .sublinks a:active, .sublinks a:visited {
text-decoration: none;
font: bold 14px/24px Arial, Helvetica, sans-serif;
height: 24px;
width: 220px;
padding: 0px 0px 0px 10px;
margin: 4px 0px;
background: #A9CF9C url(../images/sublink.gif) left top no-repeat;
display: block;
color: EDF3EB;
}

.sublinks a:hover {
text-decoration: none;
font: bold 14px/24px Arial, Helvetica, sans-serif;
height: 24px;
width: 220px;
padding: 0px 0px 0px 10px;
margin: 4px 0px;
background: #A9CF9C url(../images/sublink.gif) left bottom no-repeat;
display: block;
color: #ffffff;
}

/* class for thumbnail hover preview
-----------------------------------------------------------*/
.thumbnail{
position: relative;
z-index: 0;
float: left;
margin: 0px 25px 30px 25px;
height: 80px;
}

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

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #fff;
padding: 0px;
left: -1000px;
border: 1px solid #333333;
visibility: hidden;
color: black;
text-decoration: none;
}

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

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

.cta {
margin: 5px 0px 5px 30px;
border: 0px;
}