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

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,form,fieldset,table,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
body {
  font: .75em/1.5 Arial, Helvetica, sans-serif;
}

/* Headlines */
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  font-family: Arial, Helvetica, sans-serif;
  line-height:1.25em;
}
h1{ font-size:2em; }
h2{ font-size:1.5em; }
h3{ font-size:1.25em; }
h4{ font-size:1.1em; }
h5, h6{ font-size:1em; }

/* Text Styles */
p, th, td, li, dd, dt, ul, ol, blockquote, q, acronym, abbr, input, select, textarea {
  font: normal normal normal 1em/1.75 Arial, Helvetica, sans-serif;
}
input, select{
  line-height:1em;
  padding:2px;
}
p{
  margin:1em 0 1em 0;
}
blockquote {
  margin: 1.25em;
  padding: 1.25em
}
q {
  font-style: italic;
}
acronym, abbr {
  cursor: help;
  border-bottom: 1px dashed;
}
small {
  font-size:.85em;
}
big {
  font-size:1.2em;
}

/* Links and Images */
img {
  border: none;
}

/* Tables */
table {
  border: none;
  border-collapse:collapse;
  border-spacing:0;
}
td,th{
  text-align:left;
  vertical-align:top;
}

/* Forms */
form {
  display: inline;
}
label {
  cursor: pointer;
}

/* Common Classes */
.clear { clear: both; }
.floatLeft { float: left; }
.floatRight { float: right; }
.textLeft { text-align: left; }
.textRight { text-align: right; }
.textCenter { text-align: center; }
.textJustify { text-align: justify; }
.blockCenter { display: block; margin-left: auto; margin-right: auto; } /* remember to set width */
.bold { font-weight: bold; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }
.noindent { margin-left: 0; padding-left: 0; }
.nomargin { margin: 0; }
.nopadding { padding: 0; }
.nobullet { list-style: none; list-style-image: none; }
.hide{display: none; visibility: hidden;}
.show{display: ; visibility: visible;}
/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(/cms/inc/js/jquery/thickbox/macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

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

body, p{
	line-height: 1.3em;
	color: #333;
}
hr{
	height: 1px;
	color: #fff;
	background: #fff;
	border: none;
}
#header, #content, #banner{
	width: 800px;
	margin: 0px auto;
	clear: both;
}
#header{
	margin-top: 20px;
}
#logo{
	float: left;
	width: 152px;
	height: 36px;
}
#enews{
	float: right;
	color: #fff;
}
.form_border{
	background: #fff;
	padding: 20px;
	overflow: auto;
	display: block;
}
.subscribe_form{
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.2em;
	margin-top: 5px;
}
.subscribe_form small{
	font-weight: normal;
}
.subscribe_form input{
	border: none;
}
.subscribe_txt{
	padding: 5px;
	width: 190px;
	color: #333;
}
.subscribe_submit{
	padding: 4px 10px;
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
}
#top_nav{
	clear: both;
	float: left;
	width: 100%;
	margin-top: 20px;
}
#top_nav ul{
	list-style: none;
	height: 30px;
	text-align: center;
	padding-top: 10px;
}
#top_nav ul li{
	display: inline;
}
#top_nav ul li a{
	padding: 10px 8px 14px 8px;
	text-decoration: none;
	color: #fff;
	text-transform: uppercase;
	font-size: .95em;
	font-weight: bold;
}
#top_nav ul li a.selected{
	background: #fff;
}
#banner{
	height: 230px;
	border-top: 3px solid #fff;
	margin-bottom: -10px;
	position: relative;
	z-index: 10;
}
#content{
	overflow: hidden;
}
.col_wide, .col_thin{
	padding: 20px;
	_padding-right: 10px;
	font-size: 1.1em;
}
.col_thin{
	float: right;
	width: 260px;
	padding-bottom: 100px;
	margin-left: 20px;
	padding-bottom: 10000px;
	margin-bottom: -9900px;
}
.col_thin ul{
	list-style: none;
}
.col_thin ul li a.selected{
	color: #fff;
	text-decoration: none;
}
.col_thin td, .col_thin td b{
	font-size: .9em;
	border: none;
	padding: 0px;
}
.col_wide{
	padding-bottom: 100px;
}
#snow, #trees_right, #trees_left{
	position: relative;
	z-index: 10;
}
#snow{
	background: url(/media/images/snow_role.gif) center top no-repeat;
	height: 75px;
	width: 900px;
	margin: 0px auto;
	margin-top: -75px;
}
#trees_right{
	float: right;
	width: 275px;
	height: 500px;
	margin-top: -425px;
	margin-right: -180px;
	background: right top no-repeat;
}
#trees_left{
	float: left;
	width: 215px;
	height: 500px;
	margin-top: -425px;
	margin-left: -130px;
	background: left top no-repeat;
}
#footer{
	background: #fff url() no-repeat;
	padding: 40px;
	margin-top: -80px;
	padding-top: 80px;
	background: #fff;
	text-align: center;
	font-size: .9em;
}
#footer ul{
	list-style: none;
	float: left;
	margin-right: 20px;
	width: 100%;
}
#footer li{
	display: inline;
}
#footer li a{
	text-transform: uppercase;
	padding: 5px;
	font-weight: bold;
}
.tn_item{
	padding-left: 80px;
	margin: 20px 0px;
	clear: left;
	overflow: auto;
}
.tn_item img{
	float: left;
	margin-left: -80px;
	margin-top: 3px;
}
h1,h2,h3{
	font-weight: bold;
	text-transform: uppercase;
	margin: 10px 0px;
}
h1{
	font-size: 2em;
}
h2{
	font-size: 1.6em;
}
h3{
	font-size: 1.3em;
	margin-top: 20px;
}
b{
	text-transform: uppercase;
	font-size: 1.1em;
}
#content a{
	font-weight: bold;
}
#content a:hover{
	text-decoration: none;
}
#content ul, #content ol{
	padding-left: 20px;
}
td{
	padding-left: 10px;
	vertical-align: middle;
	font-size: .85em;
}
table.table_pad td{
	padding: 20px;
}
th{
	font-size: .8em;
	font-weight: bold;
	text-transform: uppercase;
	vertical-align: bottom;
}
.webcam{
	width: 200px;
	height: 200px;
	margin: 10px;
	float: left;
}

/*  Thick Box  */
#TB_window {
	color: #fff;
	background: #000;
}

/* Admin Controls */

#adminControls{
	background:#ccc;
	border-bottom:solid 1px #fff;
	padding:10px;
	text-align:left;
	color:#666;
	overflow:auto;
}
#adminControls ul{
	margin:0;
	padding:0;
	list-style:none;
}
#adminControls li{
	display:block;
	float:right;
	border-left:dotted 1px #666;
	padding:0 10px 0 10px;
}
#adminControls a{
	text-decoration:none;
	padding:5px;
	color: #fff;
}

#adminControls a:hover{
	background:#888;
}
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... 
the negative-letter spacing in this case is used to make the browser text metrics 
match up with the sIFR text metrics since the sIFR text in this example is so much narrower... 
your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}
.sIFR-hasFlash h2 {
	visibility: hidden;
}
.sIFR-hasFlash h3 {
	visibility: hidden;
}