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

body {
	background: #FFF url(../images/body_backdrop.jpg) top no-repeat;
	margin: 0 0 0 0; /* Top, Right, Bottom, Left */
}

img {
	border: none;
}

/* Containers */

#container {
	position: relative;
	margin: 0 auto;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	width: 900px;
	height: auto;
}

#wrapper {
	position: relative;
	background: url(../images/wrapper_back.jpg) bottom no-repeat;
	margin: 0 auto 30px auto;
	overflow-y: auto;
	width: 913px;
	height: auto;
	padding-bottom: 12px;
}

#header {
	float: left;
	background: #005c8e url(../images/header.gif) top no-repeat;
	width: 900px;
	height: 95px;
	margin: 0;
}

#logo {
	float: left;
	display: inline;
	width: 160px;
	height: 50px;
	margin: 25px 0 0 31px;
}

#home-banner {
	float: left;
	position: relative;
	width: 900px;
	height: 300px;
	margin: 0;
}

.slideshow {
	height: 300px;
	width: 900px;
	overflow: hidden;
	position: relative;
	z-index: -1000;
}

#grass_banner, #cones_banner, #leaf_banner, #twig_banner {
	float: left;
	background: #666 url(../images/banners/grass_banner.jpg) top no-repeat;
	width: 900px;
	height: 150px;
	margin: 0;
}

#cones_banner { background: #666 url(../images/banners/cones_banner.jpg) top no-repeat; }
#leaf_banner { background: #666 url(../images/banners/leaf_banner.jpg) top no-repeat; }
#twig_banner { background: #666 url(../images/banners/twig_banner.jpg) top no-repeat; }

#message {
	float: left;
	display: inline;
	width: 430px;
	height: auto;
	margin: 45px 0 0 30px;
}

#home-message {
	position: absolute;
	top: 45px;
	left: 30px;
	width: 430px;
	height: auto;
}

.white_header { 
	color: #FFF; 
	font: normal 24pt/30pt 'Calibri', Arial, Helvetica, sans-serif;
	margin-bottom: 8px;
}

.white { color: #FFF; font: normal 9pt/14pt Arial, Helvetica, sans-serif; }

.sup { color: #FFF; font: normal 18pt/18pt Arial, Helvetica, sans-serif; }

#content {
	float: left;
	width: 900px;
	min-height: 285px;
	height: auto;
	margin: 0 0 0 0;
}

#home-content {min-height: auto;}

#left_column, #right_column {
	float: left;
	display: inline;
	background: none;
	width: 400px;
	height: auto;
	margin-top: 15px;
}

#left_column { margin: 15px 35px 0 30px; padding-right: 30px; width: 370px; }

.buttons a, .buttonstop a {
	float: left;
	display: block;
	background: url(../images/button.gif) 0 0 no-repeat;
	width: 400px;
	height: 35px;
	margin-bottom: 6px;
	padding: 15px 0 0 0;
	color: #005c8e;
	font: bold 11pt/16pt Arial, Helvetica, sans-serif;
	text-align: center;
	text-decoration: none;
}

.buttonstop a {
	height: 37px;
	padding: 13px 0 0 0;
}

.buttons a:hover, .buttonstop a:hover {
	color: #FFF;
	font: bold 11pt/16pt Arial, Helvetica, sans-serif;
	text-align: center;
	background: url(../images/button.gif) 0 -50px no-repeat;
	text-decoration: none;
}

.contact_block, .contact_right {
	float: left;
	display: inline;
	width: 250px;
	height: auto;
	margin: 0;
	padding: 15px 20px 0 30px;
	background: url(../images/contact_back.jpg) top no-repeat;
}

.contact_right { margin: 0 0 10px 0; }

.home_links a {
	float: left;
	display: block;
	width: 400px;
	height: 43px;
	background: #FFF url(../images/home_links.gif) 0 0 no-repeat;
	margin: 0 0 8px 0;
	padding: 22px 0 0 0;
	color: #005c8e;
	font: bold 11pt/16pt Arial, Helvetica, sans-serif;
	text-align: center;
	text-decoration: none;
}

.home_links a:hover { 
	color: #FFF;
	font: bold 11pt/16pt Arial, Helvetica, sans-serif;
	text-align: center;
	background: #FFF url(../images/home_links.gif) 0 -65px no-repeat;
	text-decoration: none;
}

/* Footer */

#footer_wrap {
	float: left;
	font: normal 9pt/9pt Arial, Helvetica, sans-serif;
	color: #4C5B52;
	width: 900px;
	height: 20px;
	margin: 0 0 0 0;
}

#footer_wrap a { font: normal 9pt/9pt Arial, Helvetica, sans-serif;	color: #005c8e; text-decoration: none; }
#footer_wrap a:hover{ color: #005c8e; text-decoration: underline; }


#footer {
	float: left;
	padding: 6px 0 0 10px;
	width: 585px;
	height: 14px;
	margin: 0;
}

#footer_right {
	float: right;
	padding: 6px 10px 0 0;
	text-align: right;
	width: 290px;
	height: 20px;
	margin: 0;
}

#footer_right a { color: #4C5B52; text-decoration: none; }
#footer_right a:hover { color: #B8B308; text-decoration: none; }

.entry {padding-left: 5px;}

/* Navigation */

#nav {
	float: left;
	background: #acacac url(../images/nav_back.gif) top repeat-x;
	margin: 0;
	list-style: none;
	padding: 0 0 0 23px;
	width: 877px;
}

#nav li { 
	display: inline; 
	padding: 0;
	margin: 0; 
}

#nav li a {
	float: left;
	padding: 8px 11px 7px 11px;
	font: normal 16px/1.2 'Calibri', Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration: none;
	/* text-shadow: 0px -1px -3px #666; */
}

#nav li a:hover {background: url(../images/nav_hover.gif) top repeat-x;}

#nav .current {background: url(../images/nav_hover.gif) top repeat-x;}

#sub {
	position: absolute;
	background: url(../images/sub_back.png) 0 0 repeat;
	left: 81px;
	top: 127px;
	list-style: none;
	display: none;
	color: #0081C6;
	padding: 0;
	z-index: 3000;
	width: 175px;
}

li:hover #sub, li.over #sub { 
	display: block;
	padding: 6px 0 5px 0;
	margin: 0;
}

#sub li a, #sub li.over a {
	text-decoration:none;
	float: none;
	margin: 0 5px 6px 5px;
	padding: 4px 8px 8px 4px;
	display: block;
	background: none;
	border-bottom: 1px dotted #FFF;
	color: #FFF;
	font: normal 16px/15px 'Calibri', Arial, Helvetica, sans-serif;
	text-decoration: none;
}

li:hover #sub a:hover {color: #005c8e; text-decoration: none; background: none; text-shadow: none; }

#sub li a.btm, #sub-sub li a.btm {border: none; padding-bottom: 0;}

#sub li a span {float: right;}

/* Sub Sub */

#sub-sub {
	position: absolute;
	background: url(../images/sub_back.png) 0 0 repeat;
	left: 175px;
	top: 34px;
	width: 175px;
	list-style: none;
	display: none;
	color: #0081C6;
	padding: 0;
	z-index: 3000;
}

li.bio:hover #sub-sub, li.over #sub-sub { 
	display: block;
	padding: 6px 0 5px 0;
	margin: 0;
}

#sub-sub li a, #sub-sub li.over a {
	text-decoration:none;
	float: none;
	margin: 0 5px 6px 5px;
	padding: 4px 8px 8px 4px;
	display: block;
	background: none;
	border-bottom: 1px dotted #FFF;
	color: #FFF;
	font: normal 16px/15px 'Calibri', Arial, Helvetica, sans-serif;
	text-decoration: none;
}

li:hover #sub-sub a:hover {color: #005c8e; text-decoration: none; background: none; text-shadow: none; }

/** Text Styles **/

h1 {
	margin: 0 0 10px 0;
	color: #005c8e;
	font: bold 17pt 'Calibri', Arial, Helvetica, sans-serif;
}

h2 {
	margin: 0px 0 8px 0;
	color: #005c8e;
	font: normal 12pt 'Calibri', Arial, Helvetica, sans-serif;
	clear: left;
}

h3 {
	margin: 3px 0 8px 0;
	color: #4C5B52;
	font: normal 10pt 'Calibri', Arial, Helvetica, sans-serif;
}

p {
	margin: 0 0 8px 0;
	color: #4C5B52;
	font: normal 9pt/14pt Arial, Helvetica, sans-serif;
}

a { color: #40b9e3; text-decoration: none; }
a:hover { color: #40b9e3; text-decoration: underline; }

.head {
	margin: 0 0 8px 0;
	color: #005c8e;
	font: bold 11pt/16pt Arial, Helvetica, sans-serif;
}

.head_grey {
	margin: 0 0 8px 0;
	color: #4C5B52;
	font: normal 11pt/16pt Arial, Helvetica, sans-serif;
}

.blue_highlight { color: #005c8e; }

ul {
	margin: 0 0 8px 0;
	padding: 0 0 0 20px;
	list-style: disc;
	color: #4C5B52;
	font: normal 9pt/14pt Arial, Helvetica, sans-serif;
}

#list_spaced { line-height: 20pt; }

/* Resources */

.resources {padding-bottom: 8px;}

.resources ul {
	float: left;
	width: 155px;;
	margin: 0 10px 12px 0;
	list-style: none;
	padding: 0;
}

.resources ul li a {
	float: left;
	clear: left;
	padding: 0px 0 4px 25px;
	margin-bottom: 0;
	background: url(../images/download-small.png) 0 0 no-repeat;
	color: #40b9e3; 
}

.resources a {
	color: #40b9e3; 
	font-weight: bold;
	padding: 2px 25px 2px 0;
	background:url(../images/link-small.png) right 0px no-repeat;
}

.articles a {
	margin: 0 0 8px 0;
	color: #40b9e3;
	font-weight: bold;
	background: url(../images/download-small.png) left 1px no-repeat;
	padding: 3px 0 0 21px;
}

/* Home Page Buttons */

.home-link1, .home-link2, .home-link3, .home-link4 {
	float: left;
	display: inline;
	height: auto;
	width: 200px;
	margin: 25px 10px;
	background: #fff;
	min-height: 165px;
	-moz-box-shadow: 0 0 5px #999;
	-webkit-box-shadow: 0 0 5px #999;
	box-shadow: 0 0 5px #999;
}

.home-link1 {margin-left: 19px;}
.home-link4 {margin-right: 0;}

.home-link1 h2 a, .home-link2 h2 a, .home-link3 h2 a, .home-link4 h2 a {
	display: block;
	background: #28a9df url(../images/home-link-h2.jpg) right bottom no-repeat;
	color: #fff;
	padding: 11px 15px 18px 15px;
}

.home-link1 h2 a:hover, .home-link2 h2 a:hover, .home-link3 h2 a:hover, .home-link4 h2 a:hover {
	text-decoration: none;
	padding-top: 12px;
	padding-bottom: 17px;
}

.home-link1 p, .home-link2 p, .home-link3 p, .home-link4 p {
	padding: 0 15px 5px 15px;
}

.home-link3 h2 {
	background: #bebebe url(../images/home-link-h2-qlikview.jpg) right bottom no-repeat;
}

.home-link3 h2 a {
	background: url(../images/qlikview-small.png) 12px 9px no-repeat;
	text-indent: -3000px;
	overflow: hidden;
}

.home-link3 h2 a:hover {background: url(../images/qlikview-small.png) 12px 10px no-repeat;}