/* -------------------------------->>> GENERAL <<< --------------------------------*/
html {
	height: 100%;
}

body{
	height: 100%;
	margin-left:10px; /*  Not on the top otherwise scrollbar with footer sticked on the bottom*/
	padding:0;
	font-family:Arial;
	font-size:12px;
	color:#033163;
}

div#container {
	position: relative; /* Stick footer */
	min-height:100%; /* Stick footer */
	margin:0;
	padding:0;
	width:900px;
}

* html #container {
	height: 100%; /* Stick footer */
}

a {
	color:#55BB11;
	text-decoration:none;
	font-weight:bold;
}

div.clearer {
	clear:both;
}

div.first{
	margin-top:10px;
}

/* -------------------------------->>> CONTENT <<< --------------------------------*/
div#contentHome {
	width:100%;
	overflow:auto;
	padding-bottom:11.5em;
}

div.content {
	width:100%;
	/*height:600px;*/
	padding-bottom:11.5em;
	margin-left:10px;
	overflow:auto;
}

div.content h2 {
	margin:0 0 5px 0;
	padding:0;
}

div.content a#videoA {
	color:#033163;
}

/* -------------------------------->>> HEADER <<< --------------------------------*/
div#header {
	width:100%;
	height:60px;
}

div#logo {
	float:left;
	height:30px;
	width:350px;
	margin:10px 0 0 3px;
	padding:0;	
	background-image:url(../img/logo.jpg);
	background-repeat:no-repeat;
}

/* -------------------------------->>> GLOBAL NAV <<< --------------------------------*/
div#nav {
	float:right;
	/*width:330px;*/
	height:32px; /* SIZE BG-NAV.PNG */
	margin-top:13px;
	font-weight:bold;
	cursor:pointer;
}

div#nav ul {
	float:left;
	margin:0;
	padding:0;
	list-style-type:none;
}

div#nav ul li {
	float:left;
	margin:7px 10px 0 0;
	padding-right:5px;
	border-right:solid 1px #55BB11;
}

div#nav ul li#first {
	margin-left:0px;
}

div#nav ul li#last {
	margin-right:0;
	border-right:none;
}

div#nav ul li a {
	text-decoration:none;
	color:#55BB11;
}

div#nav ul li a:hover{
	text-decoration:underline;
}

/* -------------------------------->>> HOME - CAROUSSEL <<< --------------------------------*/
div#carousel {
	width:100%;
	background-color:#A6A4A4;
	color:#fff;
	font-family:Arial;
	font-size:13px;
}

div.carouselContent{
	width:100%;
	height:235px;
}

div.carouselText {
	float:left;
	width:51%;
	margin:0;
	padding:8px 0 0 20px;
}

div.carouselText h2 {
	margin:0;
	padding:0;
	font-size:22px;
}
div.carouselText p {
	margin:0;
	padding:10px 0 0 0;
}

div.carouselText p.findoutmore {
	margin:0;
	padding:0 0 0 20px;
	background-image:url('../img/findoutmore-grey.gif');
	background-position:bottom left;
	background-repeat:no-repeat;
}

div.carouselText a {
	text-decoration:none;
	color:#fff;
	font-weight:bold;
}

div.carouselPic  {
	float:right;
	width:44%;
	height:100%;
	margin:0;
	padding:0;
	background-color:none;
}

div.carouselPic  img{
	margin:8px 0 0 5px;
	padding:0;
	border:solid 10px #898989;
}

/* -------------------------------->>> HOME - SWITCHDATE NAV <<< --------------------------------*/
div#switchDay {
	height:60px;
	margin:0;
	padding:0;
	background-color:#898989;
	border:solid 1px #646262;
	color:#fff;
	cursor:pointer;
}

div#switchDay ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

div#switchDay ul li {
	height:60px;
	float:left;
	margin:0;
	padding:0;
}

div#switchDay ul li p.title {
	margin:10px 14px 0 14px;
	padding:0;
	font-size:18px;
}

div#switchDay ul li p.first {
	margin-left:30px;
}

div#switchDay ul li p {
	margin:3px 14px 0 14px;
	padding:0;
	font-size:10px;
}

div#switchDay h2 {
	float:left;
	margin:10px 10px 0 15px;
	padding:0;
	color:#fff;
}

div#switchDay ul li.hover {
	border-top:none;
	background-color:#646464; /*#55BB11;*/
}

div#switchDay ul li.on {
	background-color:#55BB11;
}

/* -------------------------------->>> HOME - LEFT SECTION <<< --------------------------------*/
div#sectionLeft {
	float:left;
	width:495px;
	/*height:366px;*/
	margin:10px 8px 0 0;
}

div#sectionLeftText {
	float:left;
	width:100%;
	height:170px;
	border:solid 1px #CCCCCC;
	background-color:#EDEDED;
	margin:0 0 10px 0;
}

div#sectionLeftText h2 {
	color:#003366;
	margin-left:20px;
}

div#sectionLeftText p {
	padding:0 10px 0 20px;
}

div#sectionLeftInteractive {
	width:100%;
	height:195px;
	background-color:#F5F5F5;
	border:solid 1px #CCCCCC;
}

div#sectionLeftInteractive p {
	margin:0;
	padding:8px 0 10px 20px;
}

div.sectionLeftInteractiveBoxes {
	float:left;
	margin:0;	
	padding:0;
	width:164px;
	height:129px;
	border-right:solid 1px #ccc;
	background-color:#F5F5F5;
}

div.sectionLeftInteractiveBoxes img {
	border:none;
}

div.firstBox {}

div.firstBox img {
	margin:0;
	padding:5px 0  0 20px;
}

div.middBox {
	background-color:#F5F5F5;
}
div.middBox img {
	margin:0;
	padding:15px 0  0 25px;
}

div.lastBox {
	border-right:none;
}
div.lastBox img {
	margin:0;
	padding:10px 0  0 16px;
}

div.sectionLeftInteractiveBoxes h4 {
	margin:0;
	padding:5px 0 0 0;
	text-align:center;
	color:#003366;
}

/* -------------------------------->>> HOME - RIGHT SECTION <<< --------------------------------*/
div#sectionRight {
	float:left;
	width:395px;
	height:340px;
}

div.sectionRightContent {
	width:100%;
	height:100%;
	margin:10px 0 0 0;
}

div#sectionRight h4 {
	margin:0;
	padding:5px 0 10px 10px;
	color:#003366;
}

div.sectionRightBoxes {
	width:390px;
	height:90px;
	margin:5px 0 0 0;
	background-image:url(../img/bg-right-boxes.jpg);
	background-repeat:no-repeat;
	position:relative;
	cursor:pointer;
}

div.firstRightBox {
	margin:0;
}

div.sectionRightBoxes p {
	margin:0 30px 0 10px;
}

div.sectionRightBoxes a {
	color:red;
	color:#75C73E;
	text-decoration:none;
	font-weight:bold;
	position:absolute;
	top:0;
	width:390px;
	height:115px;
}

/* -------------------------------->>> ARTICLE PAGE <<< --------------------------------*/
div#columnLeft {
	float:left;
	width:575px;
}

div#coloumLeftEntries {
	margin-bottom:20px;
}
div#coloumLeftEntries h2{
	margin:0;
	padding:10px 0 0 15px;
}

div#coloumLeftEntries p{
	margin:0;
	padding:10px 25px 0 15px;
}

div#columnRight {
	float:left;
	width:300px;
	margin:0 0 25px 0;
	padding:10px;
}

div.latestEntries {}

div.latestEntries ul  {
	margin:0;
	padding:0;
	list-style-type:none;
}

div.latestEntries ul  li {
	margin:0;
	padding:10px 0 0 0;
	height:30px;
	width:100%;
	border-bottom:solid 1px #CCC;
	cursor:pointer;
}

div.latestEntries ul  li.hover {
	background-color:#F5F5F8;
}

div.latestEntries ul  li.on {
	background-color:#F5F5F8;
}

div.latestEntries ul  li.first {
	height:35px;
	margin:23px 0 0 0; /*  Align list articles with beginning left article */
	padding:0;
	font-size:16px;
	font-weight:bold;
}

div.latestEntries ul  li.last {
	border-bottom:none;
}

div.latestEntries ul  li a {
	text-decoration:none;
	color:#003366;
	font-weight:bold;
}

/* -------------------------------->>> ABOUT - PAGES <<< --------------------------------*/
div.aboutContainerLeft {
	float:left;
	width:530px;
	margin:0 0 30px 0;
	padding:0 0 0 20px;
}

div.aboutContainerRight img {
	padding:53px 0 0 45px;
 }
 
 /* -------------------------------->>> INTERACTIVE GARDEN <<< --------------------------------*/
div#igardenTop {
	width:100%;
	height:500px;
}

div#igardenImg{
	width:600px;
	height:450px;
	padding-left:100px;
}

div#igardenTop p#map {
	text-decoration:underline;
	font-weight:bold;
}

div#listTrees{
	width:100%;
}

div#listTrees ul {
	list-style-type:none;
}

div#listTrees ul li{}

div#listTrees ul li.categorie{
	font-size:15px;
	font-weight:bold;
	
}
div#listTrees ul li.categorieSpace{
	margin-top:10px
}

div#listTreesLeft {
	float:left;
	width:300px;
}

div#listTreesMiddle {
	float:left;
	width:300px;
	margin-top:40px;
	border-left:solid 1px #CCC;
	border-right:solid 1px #CCC;
}

div#listTreesRight {
	float:left;
	width:290px;
	margin-top:40px;
}

/* -------------------------------->>> PHOTOS & VIDEOS <<< --------------------------------*/
div.toolbar {
	height:20px;
	width:99%; /* avoid scrollbar on photos page */
	margin:0;
	padding:0;
	border:solid 1px #ccc;
	font-weight:bold;
	color:#55bb11;
	background-color:#F4F4F4;
	margin-bottom:8px;
	cursor:pointer;
}

div.toolbar img{
	float:left;
	padding:3px 10px 0 10px;
}

div.toolbar p {
	margin:0;
	padding:3px 0 0 5px;
}

/* -------------------------------->>> PHOTOS <<< --------------------------------*/
div.picThumbList {
	width:99%; /* avoid scrollbar on photos page */
	overflow:auto;
	margin-bottom:10px;
	padding-bottom:15px;
	border:solid 1px #CCC;
	background-color:#F8F8F8;
}

div.picThumbList ul {
	list-style-type:none;
	margin:0;
	padding:0 0 0 8px;
}

div.picThumbList ul li {
	float:left;
	margin:8px 8px 0 0;
	padding:0;
	width:116px;
	height:70px;
	border:solid 1px black;
}

div.picThumbList ul li.on {
	border:solid 1px #ECEBEB;
} 

div.picThumbList ul li img{ 
	display:block;
	border:none;
}

/* -------------------------------->>> VIDEOS <<< --------------------------------*/
div#topVideo {
	height:330px;
	margin-bottom:10px;
}

div#topVid {
	float:left;
	width:480px;
	height:320px;
}

div#topText {
	float:left;
	width:340px;
	margin-left:10px;
}

div#topVidSource {
	float:left; 
}

div#listVideosContainer {
	width:75%;
	/*height:685px;*/
}

div#listVideosContainer ul {/*NEW*/
	margin:0;
	padding:0;
	list-style-type:none;
}

div#listVideosContainer ul li {/*NEW*/
	margin:0 15px 0 0;
	padding:0;
	float:left;
	width:118px;
}

div.listVideos {
	height:110px;
	border-bottom:solid 1px #ccc;
	margin-bottom:10px;
}

div.listVideos img { /*NEW*/
	border:solid 1px #000;
	margin:0;
	padding:0;
}

div.listVideos a {/*NEW*/
	color:#033163;
	margin:0;
	padding:0;
}

div.listVideosLast {
	border-bottom:none;
}

/* -------------------------------->>> WIN TIME WITH TREVOR <<< --------------------------------*/
fieldset {
	border:solid 1px #ccc;
	margin-bottom:10px;
}

legend {
	font-weight:bold;
	color:#033163;
}

div#formGame ul {
	list-style-type:none;
}

div#formGame ul li {
	width:450px;
	height:27px;
	margin:0;
	padding:0;
}

div#formGame ul li label {
	float:left;
	width:160px;
}

div#formGame ul li#liAnswerTlc {
	height:230px;
}

div#formGame ul li input.details {
	width:200px;
}

div#formGame ul li label#lbTrack {
	width:260px;
}

div#formGame ul li input#track {
	margin-top:20px;
}

input#btnSubmit {
	font-size:14px;
	font-weight:bold;
	color:#55BB11;
	padding:5px 10px 5px 10px;
	border:solid 1px #033163;
}

input#btnCheck {
	font-size:14px;
	font-weight:bold;
	color:#55BB11;
	padding:5px 10px 5px 10px;
	border:solid 1px #033163;
}

div#rules {
	border:solid 1px #ccc;
	font-size:10px;
	background-color:#F6F6F6;
}
h4#rules {
	margin:5px 0 0 10px;
	padding:0;
	font-size:12px;
}

div#rules ul {
	margin-left:20px;
	padding:0;
}

div#rules ul li {
	height:auto;
	list-style-type:circle;
	margin:0 0 12px 0;
	padding:0;
}

div#thankyou {
	width:280px;
	height:75px;
	margin:0;
	padding:15px 0 15px 15px;
	border:solid 1px #ccc;
}

/* -------------------------------->>> FOOTER <<< --------------------------------*/
div#footer {
	position:relative;
	width:900px;
	height:100px;
	margin-top:-10.7em;
	border:solid 1px #ccc;
	background-color:#F0F0F0;
	clear:both;
}

div#footer p {
	margin:0;
	padding:10px 20px 0 20px;
	color:#003366;
	font-size:10px;
}

div#footer a {
	text-decoration:none;
	color:#75C73E;
	font-weight:bold;
}