/**
*********************************************************************************
body and top level styles
*/
body {
	position: relative;
	height: 100%;
	margin:0 auto;
	font-family:verdana, arial, sans-serif;
	font-size:.7em;
	color:#333333;
	background-color:#F5F5F5;
	text-align:center;
	background-image:url(/img/environment/page_bg.gif);
	background-position:center;
	background-repeat:repeat-y;
	min-width:800px;
}

div, span, td {
	font-family:verdana, arial, sans-serif;
}

.wrapper {
	position: relative;
	margin:auto;
	margin-top:0px;
	width:800px;
}

.printheader {
	display:none;
	visibility:hidden;
}
/**
*********************************************************************************
banner image
*/
.banner {
	position:relative;
	width:800px;
	height:105px;
	background-color:#FFFFFF;
	background-image: url(/img/environment/banner.jpg);
	background-repeat: no-repeat;
}

.banner h1 {
	position:absolute;
	margin:0;
	padding:0;
	top:45px;
	left:0px;	
}

.banner h1 a {
	position:absolute;
	height: 60px;
	width:300px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
}

/**
*********************************************************************************
top navigation bar
*/
.topnav {
	position: relative;
	width: 800px;
	height: 35px;
	background-color:#D8E07A;
	border-left:0px;
	border-right:0px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}

.topnav ul.menu {
	position: absolute;
	margin:0;
	padding:0;
	width: 800px;
	height: 33px;
	background: transparent url(/img/environment/topnav.gif) top left no-repeat;
	top:0;
	left:0;
}

.topnav ul.menu li {
	position: absolute;
	margin: 0;
	padding: 0;
	list-style: none;
	top: 0;
	left: 0;
	display:inline;
}

.topnav ul.menu li a {
	height: 33px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
}

.topnav ul.menu li a:hover, .topnav ul.menu li a.selected {
	background-color: transparent;
	background-image: url(/img/environment/topnav.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.topnav ul.menu li.n1 {left: 0; width: 73px;}
.topnav ul.menu li.n2 {left: 73px; width: 84px;}
.topnav ul.menu li.n3 {left: 157px; width: 57px;}
.topnav ul.menu li.n4 {left: 214px; width: 100px;}
.topnav ul.menu li.n5 {left: 314px; width: 124px;}
.topnav ul.menu li.n6 {left: 438px; width: 75px;}
.topnav ul.menu li.n7 {left: 513px; width: 99px;}

.topnav ul.menu li.n1 a:hover { background-position: 0 -33px; }
.topnav ul.menu li.n2 a:hover { background-position: -73px -33px; }
.topnav ul.menu li.n3 a:hover { background-position: -157px -33px; }
.topnav ul.menu li.n4 a:hover { background-position: -214px -33px; }
.topnav ul.menu li.n5 a:hover { background-position: -314px -33px; }
.topnav ul.menu li.n6 a:hover { background-position: -438px -33px; }
.topnav ul.menu li.n7 a:hover { background-position: -513px -33px; }

.topnav ul.menu li.n1 a.selected { background-position: 0 -33px; }
.topnav ul.menu li.n2 a.selected { background-position: -73px -33px; }
.topnav ul.menu li.n3 a.selected { background-position: -157px -33px; }
.topnav ul.menu li.n4 a.selected { background-position: -214px -33px; }
.topnav ul.menu li.n5 a.selected { background-position: -314px -33px; }
.topnav ul.menu li.n6 a.selected { background-position: -438px -33px; }
.topnav ul.menu li.n7 a.selected { background-position: -513px -33px; }
/**
*********************************************************************************
main columns and footer
*/
.leftcolumn {
	display:block;
	float:left;
	width:181px;
	height:auto;
	margin-top:0px;
	margin-left:0px;
	padding:0px;
	text-align:left;
}

.middlecolumn {
	float:left;
	width:400px;
	height:auto;
	padding:10px 0px 15px 15px;
	text-align:left;
	font-size:1.1em;
}

.rightcolumn {
	display:block;
	float:right;
	width:183px;
	height:auto;
}

.footer {
	clear:both;
	font-size:1em;
	color:#999999;
	text-align:left;
	margin-left:200px;
	padding-top:10px;
	padding-bottom:20px;
}

/**
*********************************************************************************
left sub-navigation menu
*/
.leftnavheader {
	background-color:#B8C05B;
	padding:6px;
	margin:0em;
}

.leftnavheader a, .leftnavheader a:visited {
	background-color:#B8C05B;
	padding:6px;
	margin:0em;
        color:#336633;
        text-decoration:none;
}

.leftnavheader a:hover {
	background-color:#B8C05B;
	padding:6px;
	margin:0em;
        color:#336633;
        text-decoration:underline;
}

.leftnavmenu {
	padding-top:5px;
	padding-bottom:5px;
	background-color:#D8E07A;
}

.leftnavmenu ul {
	padding-left: 0px;
	margin-left: 0px;
	padding-left:0px;
	list-style:none;
	display:inline;
	background-color:#D8E07A;
}

.leftnavmenu ul li {
	display:inline;
}

.leftnavmenu ul li a:link, 
.leftnavmenu ul li a:visited, 
.leftnavmenu ul li a:active, 
.leftnavmenu ul li a:hover { 
	padding:.3em;
	padding-left:3.3em;
	text-indent:-.7em;	
	margin-left:.7em;
	/* hide from IE mac \*/
	margin-left:0em;
	/* end hide from IE mac */
	text-decoration: none;
	display:block;
	height:100%;
	font-size: .9em;
	font-weight:bold;
	color:#336633;
	background-color:#D8E07A;
}

.leftnavmenu ul li a:hover {
	color: #333333; 
	background-color: #ffffff;
}

.leftnavmenu ul li a.selected:link,
.leftnavmenu ul li a.selected:visited,
.leftnavmenu ul li a.selected:active,
.leftnavmenu ul li a.selected:hover {
	color: #333333;
	background-color: #ffffff;
	background-image:url(/img/environment/list_arrow.gif );
	background-repeat:no-repeat;
	background-position:-2px 2px;
	/* hide from IE mac \*/
	background-position:-8px 2px;
	/* end hide from IE mac */
}

/**
*********************************************************************************
media box which wraps photos and video
*/
.mediabox {
	margin:0;
	text-align:center;
	border: 1px solid #D1DAD1;
	background-color: #EAF1EA;
	padding:1em;
	clear:both;
	overflow:visible;
}

.mediabox.rightthumb {
	float:right;
	padding:5px;
	margin-left:5px;
	width:110px;
}

.mediabox.homeimage {
	padding:5px;
	float:left;
	width:150px;
	margin-top:2px;
	margin-right:8px;
}

.mediabox.briefimage {
	padding: 10px;
	width: 360px;
}

.mediabox.videoplayer .content {
	padding-top:10px;
}

.mediabox img {
	margin:0;
	padding:0;
	border: 1px solid #AAAAAA;
}

/**
*********************************************************************************
colorbox sidebar widget - common styles
*/
.colorbox {
	position:relative;
	width:183px;
	height:auto;
	margin-top:0px;
	padding-left:0px;
	padding-top:0px;
	padding-bottom:0px;
	margin-top:10px;
	padding-right:0px;
}

.colorbox .arrow {
	position:absolute;
	width:24px;
	height:32px;
	background-repeat:no-repeat;
}

.colorbox .content {
	font-size:1em;
	color:#000000;
	height:auto;
	width:134px;
	padding-top:.8em;
	padding-left:2.3em;
	padding-right:1.5em;
	text-align:left;
	padding-bottom:25px;
}

.colorbox .content .photoimage {
	width:90px;
	border: 1px solid #ffffff;
}

/**
*********************************************************************************
colorbox yellow
*/
.colorbox .yellow {
	background-image:url(/img/environment/photo_guy.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	background-color:#FFCC33;	
}
.colorbox .yellow .content {
	
}
.colorbox .yellow .arrow {
	background-image:url(/img/environment/yellow_arrow.gif);
}

/**
*********************************************************************************
colorbox blue
*/
.colorbox .blue {
	background-color:#DDE8EC;
}
.colorbox .blue .content {
	padding-top:1em;
	color:#234424;
}
.colorbox .blue .arrow {
	background-image:url(/img/environment/blue_arrow.gif);
}

/**
*********************************************************************************
colorbox mint
*/
.colorbox .mint {
	background-color:#E6EFE6;
}
.colorbox .mint .content {
	padding-top:1em;
	color:#234424;
}
.colorbox .mint .arrow {
	background-image:url(/img/environment/mint_arrow.gif);
}

/**
*********************************************************************************
featured video sidebar widget
*/
.videolink {
	width:181px;
	height:152px;
	background-image:url(/img/environment/video_link.gif);
	background-repeat:no-repeat;
}

.videocontent {
	padding-top:10px;
	padding-left:10px;
}

.videocontent .h1 {
	text-align:left;
}

.videoimage {
	text-align:right;
}

.videoimage img {
	width:73px;
	border: 1px solid #ffffff;
	margin-right:7px;
}

/**
*********************************************************************************
left box widget - common styles
*/
.leftbox {
	position:relative;
	padding:0px;
	width:181px;
	border-bottom:1px solid #57472D;
}

.leftbox .arrow {
	position:absolute;
	margin-left:157px;
	width:24px;
	height:34px;
}

.leftbox .content {
	padding-top:15px;
	padding-left:10px;
	padding-right:25px;
	padding-bottom:15px;
}

.leftbox .box1 .arrow {
	background: transparent;
	background-image:url(/img/environment/brown_arrow.gif);
	background-position:right;
	background-repeat:no-repeat;
}

/**
*********************************************************************************
text header styles
*/

.bodytext {
	font-size:.9em;
	color:#333333;
	font-weight:normal;
}

.h1, h1 {
	font-size: 1.1em;
	color:#000000;
	font-weight:bold;
}

.middlecolumn h1 {
	font-size: 1.5em;
	text-transform:uppercase;
	letter-spacing:.2em;
	padding:0;
	margin:0;
}

.h2, h2 {
	font-size: 1.1em;
	color:#336633;
	font-weight:bold;
}

.middlecolumn h2 {
	color:#506E50;
}

.h3, h3 {
	font-size: .9em;
	font-weight:bold;
	text-transform:uppercase;
}

.h4, h4 {
	margin-top:1em;
	padding:0;
	font-size: 1.1em;
	color:#336633;
	font-weight:bold;
}

/**
*********************************************************************************
text color styles
*/
.whitetext {
	font-size: 1em;
	color:#ffffff;
}

.yellowtext {
	font-size: 1em;
	color:#FFFF33;
}

/**
*********************************************************************************
text layout styles
*/
ul.arrowlist {
	margin:0;
	padding:0;
	list-style:none;
}

ul.arrowlist li, .arrowlistitem {
	padding-left:2.2em;
	margin-bottom: 1.2em;
	background-image:url(/img/environment/green_arrow.gif);
	background-repeat:no-repeat;
	background-position: 10px 2px;
}

.thumblistrow {
	margin:0;
	padding:0;
	clear:both;
}

.thumblistrow .rowspacer {
	clear:both;
	height:20px;
}

.thumblistrow .mediabox {
	float:left;
	margin:0;
	width:79px;
	padding:4px;
}

.thumblistrow .content {
	margin:0;
	padding:0;
	margin-left:98px;
}

.thumblistrow h2 {
	margin:0;
	padding:0;
	font-size:1em;
}

/**
*********************************************************************************
text link styles
*/

a:link,
a:active,
a:visited,
a:hover,
a.greenlink:link,
a.greenlink:active,
a.greenlink:visited,
a.greenlink:hover {
	font-size:1em;
	color:#234424;
	text-decoration:none;
}
a:hover,
a.greenlink:hover {
	text-decoration:underline;
}

a.yellowlink:link, 
a.yellowlink:active, 
a.yellowlink:visited, 
a.yellowlink:hover { 
	font-size:1em;
	color:#FFFF33;
	text-decoration:none;
}
a.yellowlink:hover { 
	text-decoration:underline;
}

a.greylink:link,
a.greylink:active,
a.greylink:visited,
a.greylink:hover {
	font-size:1em;
	color:#333333;
	text-decoration:underline;
}
a.greylink:hover {
	text-decoration:none;
}

a.headerlink:link,
a.headerlink:active,
a.headerlink:visited,
a.headerlink:hover {
	font-size: 1.1em;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}
a.headerlink:hover {
	text-decoration:underline;
}

h2 a:link, 
h2 a:active, 
h2 a:visited, 
h2 a:hover {
	font-size: 1.1em;
	color:#506E50;
	font-weight:bold;
	text-decoration: none;
}
h2 a:hover {
	text-decoration: underline;
}
/**
*********************************************************************************
form styles
*/
.genericform {
	padding-bottom:20px;
}

.genericform .formfield {
	padding:2px;
	margin:4px;
}
.genericform .errorfield {
	padding:2px;
	margin:4px;
	background-color:#FFCCCC;
	color:#000000;
}

.genericform ul.errorlist {
	list-style-type:square;
	font-size:.9em;
	color:#FF0000;
}

.genericform .formfield input.submitbutton {
	padding:2px;
	margin:4px;
}