body,div,p,td
{
	background-color: transparent;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

a
{
	color: #066;
	text-decoration: underline;
	font-weight: bold;
}

a:hover
{
	font-style: normal;
	color: #063;
	text-decoration: none;
}

body
{
	background-image: url(../assets/green_banner_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	line-height: 24px;
	margin: 0px;
	padding: 0px;
	
}

h1
{
	font-size: 15px;
	font-weight: bold;
	color: #174D0C ;
}

h2
{
	font-size: 14px;
	font-weight: bold;
	color: #003300;
	background-image: url(../images/bulletstar.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:15px;
	line-height:12px;
	margin-bottom:10px;
	
	}

p
{
	font-size: 12px;
	margin-top: 0px;
	text-align: left;
	color: #001A00;
	line-height:15px;
	}

tr
{
	text-align:center;
	line-height: 15px;

	}

strong 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bolder;
	color: #003333;
}


/* specific divs */
#header
{
	/*position: absolute;*/
	width: 100%;
	background-image: url(../assets/green_banner_bg.png);
	background-repeat: repeat-x;
	z-index: 1;
	top: 0px;
	left: 0px;
	margin: 0px;
}

#lucas
{
	position: absolute;
	top: 143px;
	left: 0px;
	margin: 0px;
	
}


#vertical_nav {position:absolute;
			   top:355px;
			   left:0px;
			   margin:0;
			   background-image:url(../assets/lucas_swing_2px.gif);
			   background-repeat:repeat-y;
			   background-color:#FFFFFF;
    		   width:146px}
			   
			   
			   
#vertical_nav ul {margin: 0px;
				  padding: 0px;
				  }
				  
#vertical_nav ul li 
{
	 list-style-type:none;
	 padding-left:5px;
	 padding-top:4px;
	 text-align:left;
	 font-size:10px;
	 color:#003300;
	 line-height:18px;
	 height: auto !important; height:1%} /*second rule fixes the extra white space IE applies to block level elements*/
	

#vertical_nav li a { display:block;
				     text-decoration:none;
					 background-color:#D8E6D2;
					 padding-left: 15px;
					 color:#003300;
					 height: auto !important height:1%}  /* see above comment*/

#vertical_nav li a:hover {color:#FFF; background-color:#060;}
				  	   
	
#nav
{
	background-color: transparent;
	padding: 0px;
	height: 31px;
	position: absolute;
	top: 110px;
	left: 0px;
	z-index: 2;
}

#nav ul
{
	margin: 0px;
	padding: 0px;
	display: inline;
}

#nav li
{
	float: left;
	width: 115px;
	list-style-type: none;
	
}

#nav li a
{
	
	border-right: 1px solid #030;
	clear: none;
	color: #030;
	display: block;
	font-weight: bold;
	font-size: 12px/25px;
	padding: 1px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	background-color: #ECF5E9;
}




#nav li a:hover
{
	color:#000000;
	background-color:#FFFF99;
	text-decoration: none;
}


/*these are css popups  (Renaee) */
#nav a span {display: none;}  


#nav a:hover span  {display:block;
					position: absolute;
					top: 30px;
					left: 165px;
					text-transform:none;
					color:#030;
					text-align:center;
					width: 600px;
					letter-spacing:2px;
					font-stretch:narrower;
					font-weight:300;}				

#content
{
	margin-top: 10px;
	margin-left: 150px;
	padding: 2px 10px 10px 10px;
	width: 620px;
	height: 100%;
	background-image:url(../assets/swing_bg.jpg);  
	background-repeat:no-repeat;
	background-position: bottom left;
	background-color:#FFFFFF;
}

#content ul
{
	margin:0 0 0 5;
	}

#content li 
{
	list-style-image:url(../images/bulletpoint.gif);
	list-style-position:outside;
	padding-left:5px;
	margin:2px;

}

#picturestrip
{
	float: right;
	height: 100%;
	margin-left: 10px;
	margin-bottom:50px;
	margin-top:6px;
	width:100px;	
	
	}
	
#picturestrip p
{
	font-size:10px;
	text-align:left;
	line-height:12px;
}




#footer
{
	font-size: 10px;
	line-height: 15px;
	vertical-align: middle;
	text-align: center;
	padding: 0px;
	margin: 0px;
	background-color: #D8E6D2;
	border-top: 1px solid #030;
	height: 30px;
	color: #030;
}

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

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

#footer2
{
	font-size: 10px;
	margin: 0px;
	background-color: rgb(62,132,28);
	border-top: 1px solid #060;
	border-bottom: 1px solid #060;
	height: 15px;
	color: #fff;
	vertical-align: middle;
}

#footer2 a
{
	color:#FFFFFF;
	}
	
	
#footer2 a:hover
{
	color:#FFFFFF;
	}

.tablebg
{
	background-color: #FFFFEF;
	border: 1px solid #245B00;
	margin-bottom:15px;
	margin-top:20px;
	height: 20px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	color: #060;
	text-align: center;
}

.indent45
{
	padding-left:45px;

}


.backtotop
{
	text-align:center;
	font-size:10px;
	color:#003300;
	}
	
.boxed 
{
	background-color: #fff;
    border: 1px solid #030;
	padding: 5px;
	width:480px;
}

.newsitem 
{
	background-color: #fff;
    border: 1px solid #030;
	padding: 5px;
	margin-bottom:15px;
	line-height:14px;
	}
	
	
#box
{
	border: 1px #003300 solid;
	background-color:#F2FBEA;
	margin-bottom:10px;
	padding: 5px;
	width:90px;
	}
	
.boxh3
{	font-size:12px;
line-height:14px;
	font-weight:bold;
	text-transform: uppercase;
	color:#003300;
	}
	
#box p
{
	font-size:11px;
	line-height:13px;
}

#box a
{	color:#003333;}

#box a:hover
{text-decoration:none;
}

#floatleft
{	float:left; 
	margin-right:10px; 
	border:#003300 solid 1px;
}

#marketplace 
{
	background-color: #fff;
    border: 1px  solid   #C4D8BE;
	padding: 0 5px 5px 5px;
	margin-bottom:15px;
	}
	
#marketplace h3
{
	font-size: 14px;
	font-weight: bold;
	color: #003300;
	margin: 0;
	
}

#marketplace h4
{
	font-size: 12px;
	font-weight: bold;
	color: #334640;
	margin:0;
	
}

.gallerycontainer{
position: relative;
height: auto;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
margin: 8px;
}

.thumbnail:hover{
background-color: transparent;
}



.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFFFFF;
padding: 5px;
left: -1000px;
border: 1px solid #003300;
visibility: hidden;
color: black;
text-align:center;
font-style:oblique;
text-decoration: none;
}

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

}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -265px;
left: 215px; /*position where enlarged image should offset horizontally */
z-index: 50;
}