@charset "UTF-8";

/*--- Page Setup ---*/
* {margin:0; padding:0; border:0}
html {overflow-y:scroll; font-family:'Trebuchet MS', Helvetica, Arial, sans-serif; font-size:14px; color:#FFF}
body {width:100%; height:100%; background:#008700}
#header {width:100%; height:133px; background:#000 url('bg-top.png') center top repeat-x}
#content {width:100%; background:#000}
#footer {width:100%; height:128px; background:#000 url('bg-bot.png') center bottom repeat-x; font-size:10px; color:#000}
#header>div, #content>div, #footer>div {width:750px; margin:0 auto}
#content>div {padding:15px 0}
#header>div, #footer>div {text-align:center}
#header>div {height:124px; background:url('header.png') left top no-repeat}
#header img {width:750px; height:66px}
#preloader {display:none}

/*--- Anchor Tags ---*/
a {font-weight:bold; text-decoration:none}
#nav a {display:inline-block; height:23px; padding:20px; font-size:17px; line-height:23px; text-transform:uppercase}
#footer a, #footer span.copyright {display:inline-block; height:15px; padding-top:8px}
#nav a#glow {background:url('nav-pointer.png') center bottom no-repeat}
#footer a#footerglow {background:url('footer-pointer.png') center top no-repeat}
a.square, a.square span {width:200px; height:200px; display:inline-block; font-size:0; line-height:0}
a.square {margin:24px; border:1px solid #008700}
a#square1 {background:url('square1.jpg')} a#square2 {background:url('square2.jpg')} a#square3 {background:url('square3.jpg')}
a.imagelink {position:relative; display:inline-block; font-size:0; line-height:0; border:1px solid #008700}
a.download {
	display:inline-block; position:relative; height:34px;
	margin:10px; padding:11px 10px 0 35px;
	border:1px solid #008700; vertical-align:middle;
	background:url('download-bg.png') center center repeat;
}
a.imagelink span.fog, a.download span.fog {display:block; width:100%; height:100%; position:absolute; top:0; left:0}
a.imagelink span.playbutton {
	display:block; width:81px; height:81px;
	position:absolute; top:50%; left:50%;
	margin:-40px 0 0 -40px;
	background:url('play-button.png');
	font-size:0; line-height:0;
}
a.imagelink span.mov {display:block; position:absolute; bottom:4px; right:4px}
a:link {color:#00A100}
a:visited {color:#0A4D07}
#nav a:link, #nav a:visited, #footer a:link, #footer a:visited, a.download:link, a.download:visited {color:#DEE7DE}
a.square:link, a.square:visited {border-color:#008700}
a#square1:link span, a#square1:visited span,
a#square2:link span, a#square2:visited span,
a#square3:link span, a#square3:visited span {background:none}
a.imagelink:link, a.imagelink:visited, a.download:link, a.download:visited {border-color:#008700}
a.imagelink:link span.playbutton, a.imagelink:visited span.playbutton {background:url('play-button.png')}
a.imagelink:link span.fog, a.imagelink:visited span.fog, a.imagelink:hover span.fog,
a.download:link span.fog, a.download:visited span.fog, a.download:hover span.fog {background:none}
a.download:link span.dl, a.download:visited span.dl {background:url('download.png')}
a:hover, #nav a:hover, #footer a:hover, a.download:hover {color:#0F0}
a:active, #nav a:active, #footer a:active, a.download:active {color:#FFF}
a.square:hover {border-color:#0F0}
a.square:active {border-color:#FFF}
a#square1:hover span {background:url('square1-hover.jpg') top left no-repeat}
a#square2:hover span {background:url('square2-hover.jpg') top left no-repeat}
a#square3:hover span {background:url('square3-hover.jpg') top left no-repeat}
a#square1:active span, a#square2:active span, a#square3:active span {background:url('fog.png') top left repeat}
a.imagelink:hover, a.download:hover {border-color:#0F0}
a.imagelink:active, a.download:active {border-color:#FFF}
a.imagelink:hover span.playbutton, a.imagelink:active span.playbutton {background:url('play-button-hover.png')}
a.imagelink:active span.fog, a.download:active span.fog {background:url('fog.png') top left repeat}
a.download:hover span.dl {background:url('download-hover.png')}
a.download:active span.dl {background:url('download.png')}

/*--- Link Icons ---*/
span.pdf, span.zip, span.img, span.win, span.ext, span.mail {display:inline-block; position:relative; top:1px; font-size:0; line-height:0}
span.pdf {width:16px; height:16px; background:url('pdf.png')}
span.zip {width:14px; height:15px; background:url('zip.png')}
span.img {width:16px; height:14px; background:url('img.png')}
span.mov {width:13px; height:16px; background:url('mov.png')}
span.win {width:16px; height:16px; background:url('win.png')}
span.ext {width:12px; height:12px; background:url('ext.png')}
span.mail {width:12px; height:10px; background:url('mail.png')}
span.dl {display:block; position:absolute; top:4px; left:4px; width:27px; height:37px}

/*--- General Content ---*/
span.amp {font-family:Helvetica, Arial, sans-serif}
h1 {font-size:30px; text-transform:uppercase}
h2 {font-size:17px; text-transform:uppercase; margin-bottom:16px}
h1.lowercase, h2.lowercase {text-transform:none}
p {text-align:justify}
ul {margin-left:4px; list-style-type:none}
ul li {background:url('bullet.png') no-repeat 3px 4px; padding-left:12px}
.mini li, li.mini {background-position:3px 2px}
.mini span.chevrons, #footer span.chevrons {top:2px}
#footer span.chevrons {background:url('bullets-footer.png')}
td {background:url('bullet.png') no-repeat 7px 4px; padding:0 16px}
ul.nobullets li {background:none; padding:0}
table {border-collapse:collapse}
.heading {background:none; font-weight:bold; padding:0}
.section {font-weight:bold; display:inline-block; margin-top:10px}
.i {font-style:italic}
.b {font-weight:bold}
.mini {font-size:10px; line-height:15px}
.block {display:block}
.left {float:left; margin:0 20px 0 0}
.right {float:right; margin:0 0 0 20px}
.center {text-align:center}
.alignleft {text-align:left}
.column {width:375px}
.lower {margin-top:8px}
div.raise {position:relative; bottom:4px}
.clear {clear:both; height:0; font-size:0; line-height:0}
div.hr {width:747px; height:28px; margin:22px auto; background:url('hr.png')}
span.chevrons {background:url('bullets.png'); width:16px; height:11px; display:inline-block; position:relative; top:1px; font-size:0; line-height:0}
h2>span.chevrons {background:url('bullets-large.png'); width:22px; height:15px; top:2px}
div.twothirds {display:inline-block; width:492px; margin:4px}
.gallery {display:inline-block; vertical-align:top; text-align:center; width:242px; margin:4px}
.gallery .imagelink, .gallery img {display:block; width:240px; height:240px}
span.gallery.tiny {width:117px}
span.gallery.tiny .imagelink, span.gallery.tiny img {width:115px; height:115px}