@charset "utf-8";
/* CSS Document */



/*----START CSS RESET
	http://meyerweb.com/eric/tools/css/reset/ 
   	v2.0 | 20110126
   	License: none (public domain)---*/

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, 
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1.2;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*----END CSS RESET---*/


html {height:100%;}

body {
	background:#fff;
	font-family:'EB Garamond', 'Times New Roman', Times, serif;
	font-size:0.9em;
	color:#58595b;}
	
#wrapper {width:880px; height:580px; margin:75px auto 0 auto; border: 1px solid #f99d31;}

#logo {width:330px; height:100px; background:#fff url(../img/logo.gif); margin:-50px auto 0 auto;}

#colcontainer {width:875px; height:480px; margin:auto auto;}

.leftcol {
	width:380px;
	height:325px;
	float:left;
	margin:150px 20px 0;
	text-align:center;}
	
.rightcol {
	width:415px;
	height:325px;
	float:left;
	margin:95px 15px 0;
	overflow:auto;}

.leftcolalt {
	width:380px;
	height:325px;
	float:left;
	margin:180px -60px 0 50px;
	padding-left:50px;
	text-align:left;}
	
#nav {width:695px; height:40px; background:none; margin:-10px auto; }
#nav ul li {
	display:inline;
	list-style:none;
	padding:1px 9px;
	background:#fff;
	margin-right:-4px;
	border-left:1px solid #f99d31;
	font-size:1em;}
#nav a {color:#636466; text-decoration:none; border-bottom:0px;}
#nav a.active {color:#4c721d;}
#nav a:hover {color:#f99d31; }
#nav .last {border-right:1px solid #f99d31;}
#nav .green {color:#4c721d;}

#footer {width:695px; height:50px; background:none; text-align:center; font-size:80%; margin:40px auto; line-height:80%;}


h1 {font-size:4.2em; color:#f99d31;	font-family:'EB Garamond', 'Times New Roman', Times, serif;margin-top:60px; line-height:.75em}
h2 {font-size:1em; color:#4c721d;}

ul li {list-style:none; padding:0px 20px;}

p {margin-bottom:15px;}

img {margin:0 5px;}

a {color:#f99d31;}
a:hover {color:#4c721d;}

.greentext {color:#4c721d; font-size:110%;}
.orangetext {color:#f99d31; font-size:110%;}
.center {text-align:center;}

/* Tiny Scrollbar */
#scrollbar1 { width: 395px; margin: 0 0 10px; }
#scrollbar1 .viewport { width: 350px; height: 290px; overflow: hidden; position: relative; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scrollbar1 .scrollbar{ background: transparent url(../img/scroll/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#scrollbar1 .track { background: transparent url(../img/scroll/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 5px 1px; }
#scrollbar1 .thumb { background: transparent url(../img/scroll/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; margin-top:4px; }
#scrollbar1 .thumb .end { background: transparent url(../img/scroll/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#scrollbar1 .disable { display: none; }