html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;
}body {line-height: 1; }o l , u l {list-style: none;
}a:link {color: blue;} a:visited {color: purple;} a:hover {color: red;} a:active {color: yellow;}

img a{border:0;}

.floatleft{float:left;}
.floatright{float:right;}
.clear{clear:both;}

/* the overlayed element */
.apple_overlay {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image:url(/images/transparent.gif);
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:auto;		
	height:auto;
	
	/* some padding to layout nested elements nicely  */
	padding:16px;

	/* a little styling */	
	font-size:11px;
}

/* default close button positioned on upper right corner */
.apple_overlay .close {
	background-image:url(http://static.flowplayer.org/tools/img/overlay/overlay_close_IE6.gif);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}

/* black version of the overlay. simply uses a different background image */
	div.apple_overlay.black {
		background-image:url(/images/transparent.gif);		
		color:#fff;
	}
	
	div.apple_overlay h2 {
		margin:10px 0 -9px 0;
		font-weight:bold;
		font-size:14px;
	}
	
	div.black h2 {
		color:#fff;
	}
	
	#triggers {
		margin-top:10px;
		text-align:center;
	}
	
	#triggers img {
		background-color:#fff;
		padding:2px;
		border:1px solid #ccc;
		margin:2px 5px;
		cursor:pointer;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
	}


body{
	background-color:#dbd8c6;
	background-position: top center;
	background-image: url('/images/bg.jpg');
	background-repeat: no-repeat;
	text-align: center;
	font-family: "Arial";
	line-height:18px;
}
#nav{
	background-image: url('/images/navbg.png');
	background-repeat: no-repeat;
	height:39px;
	width:496px;
	margin:0 auto;
	color:#FFF;
}
#nav a{
	text-decoration: none;
	color:#FFF;
	margin-left:10px;
	margin-right:10px;
}
#nav a:hover{
	color:#7bceec;
}
#nav img{
	margin-top:10px;
}
#subnav{
	height:28px;
	margin:0 auto;
	width:496px;
	text-align: center;
}
#logos{
	margin:0 auto;
	height:108px;
	margin-top:45px;
}
#mainContainer{
	border: 5px solid #265466;
	width:845px;
	text-align: left;
	margin:0 auto;
	margin-top:7px;
	background-color:#FFF;
	background-position: bottom right;
	background-image: url('/images/treebg.jpg');
	background-repeat: no-repeat;
}
#innerContainer{
	border: 5px solid #bcecf4;
	width:835px;
	min-height:800px;
}

.indexsocial{background-image:url('/images/index_social.png');width:252px;height:165px;margin-left:15px;margin-top:40px;}
.indexbrown{font-size:14px;color:#5f5342;width:275px;}
.indexbrown_a a{font-size:14px;color:#5f5342;font-weight: bold;}
.suborange{font-size:15px;font-weight: bold;color:#fb932d;}
.subbrown{font-size:13px;color:#5f5342;width:486px;}
.subbrown a{font-size:13px;color:#5f5342;margin-top:5px;}
.subbrownright{font-size:13px;color:#5f5342;width:286px;}
.indexrow{}
#rowholder{width:495px;}
.image_spc{margin-top:14px;margin-right:14px;border:5px solid #dedbd8;}


/*HOMEPAGE SCROLLER GUY*/
/* root element for single scroll */
.scroll_home {
	z-index: 1;
	position:relative;
	overflow:hidden;
	width: 835px;
	height: 373px;
	float:left;
	margin-bottom:30px;
}
 
/* root element for the scroll pics */
.scroll_home .pics {
	width:20000em;
	position:absolute;
	clear:both;
}
 
/* single scroll item */
.pics img {
	float:left;
	cursor:pointer;
	width: 835px;
	height: 373px;
	margin:0px;
}
 
/* possible settings for the active scroll */
.scroll_home.active {
 
}
/* position and dimensions of the navigator */
.navi {
	position:absolute;
	z-index: 2;
	width:200px;
	height:20px;
	top:575px;
}
 
 
/* items inside navigator */
.navi a {
	width:18px;
	height:18px;
	float:left;
	margin:3px;
	background:url(/images/navigator_home.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}
 
/* mouseover state */
.navi a:hover {
	background-position:0 -18px;      
}
 
/* active state (current page state) */
.navi a.active {
	background-position:0 -36px;    
}
/*END HOMEPAGE SCROLLER GUY*/