/*
 * This stylesheet is the core stylesheet for layout level elements.  This
 * stylesheet will be included on all pages and is appropriate for all
 * destination media.
 */
@import url(media.css);
@import url(inlines.css);
@import url(register.css);

/* Sets the fixed width nature of the site and adds the background image */

body{
	height : 100%;
	margin: 0px auto;
	padding : 0;
	/*background : #455A21;*/
}

.wrapper{
	width:950px;
	margin:0px auto;
}
#outer-container{
	float:left;
	width:950px;
	padding:0px ;
	background: url(../images/wrapper-bg.gif);	
}
#container {
	float:left;
	position:relative;
	margin: 0px auto;  /*the bottom margin is the negative value of the footer's height */						   
	background: url(../images/bg_tree.gif) no-repeat right bottom #455A21;
	width: 920px;
	height:590px;
	margin-left:7px;
}

html>body #container{
	min-height:590px;
	height:auto;
	margin-left:15px;
	}

#header {
	background: url(../images/trees.gif) no-repeat top left;
}

#toplogo {
	float: right;
}

#header p {
	color: #FFFFFF;
}

#header p.enquiries {
	float:left;
	margin:0px;
	padding: 0px 0 0 0px;
	font-size: 120%;
	display:block;
}


#header p.enquiries span.phone {
	font-size: 135%;
}

#header p.opening {
	margin:0px;
	padding: 20px 0 0 0px;
}

/* the following nested div's are to work around IE's lack of a dotted 1px border */

.nav-container {
	clear: right;
	background: url(../images/dots_light_new.gif) repeat-x top;
	/*border-top:1px dotted red;
	border-bottom:1px dotted red;*/
	height:31px;
	padding: 1px 0 0 0;
}

#toplevelnav {
	/*background: url(../images/dots_light.gif) repeat-x top;*/
	padding: 0px 0 0 0;
}

#toplevelnav div {
	/*background: url(../images/dots_light1.gif) repeat-x bottom;*/
	padding: 0 0 2px 0;
}

#toplevelnav div div {
	background: url(../images/dots_dark.gif) repeat-x top;
	padding: 2px 0 0 0;
}

#toplevelnav div div div {
	background: url(../images/dots_dark.gif) repeat-x bottom;
	padding: 0 0 2px 0;
}


#toplevelnav div div div div {
	background: url(../images/dots_dark_vertical.gif) repeat-y left;
	padding: 0 0 0 2px;
}

#toplevelnav div div div div div {
	background: url(../images/dots_dark_vertical.gif) repeat-y right;
	padding: 0 2px 0 0;
}

#toplevelnav div div div div div div {
	border: none;
	padding: 0;
}

#toplevelnav ul {
	list-style: none outside none;
	margin: 0;
	padding: 0 0.3em;
}

#toplevelnav ul li {
	float: left;
	background: url(../images/dots_dark_vertical.gif) repeat-y right;
	margin: 0;
	padding: 0 0.7em;
	line-height: 2.2em;
	height: 2.2em;
}

#toplevelnav ul li span, #toplevelnav ul li .onpath {
	color: #FFFFFF;
	font-size: 170%;
}

#toplevelnav ul li.register {
	float: right;
	background: none;
}

#toplevelnav ul li.register a {
	color: #FFFFFF;
	text-decoration: underline;
	font-size: 140%;
}

#seclevelnav {
	list-style: none outside none;
	margin: 0;
	padding: 1.5em 0;
}

#seclevelnav li {
	display: inline;
	margin: 0;
	padding: 0 1em 0 0;
}

#seclevelnav li a {
	background: url(../images/bullet_dark.gif) no-repeat left;
	padding: 10px 0 10px 25px;
}

#seclevelnav li a:hover {
	background-image: url(../images/bullet_light.gif);
}

#seclevelnav li .onpath {
	background: url(../images/bullet_light.gif) no-repeat left;
	padding: 10px 0 10px 25px;
	color: #FFFFFF;
}

#main {
	padding: 0px 0px 20px 15px;
	height:385px;
}

html>body #main {
	min-height:385px;
	height:auto;
}

#bodycontent {
	float:left;
	width: 360px;
	padding:0px; 
	margin:0px 20px 0px 0px;
}

#bodycontent p strong {
	color:#fff;
	font-size:14px;
}

#pricemedia {
	margin:0px;
	text-align:right;
	padding:0px;
}

#relatedmedia {
	float: left;
	margin: 0px ;
	text-align: right;
	padding-top:19px;
	width:485px;
}


#relatedmedia img {
	padding-bottom:3px;
	margin:0px;
	float:left;
}

#relatedmedia p {
	margin: 0;
	padding: 0;
}

a.document {
	background: url(../images/bullet_light.gif) no-repeat left 10px;
	padding: 10px 0 10px 25px;
	color: #FFFFFF;
	line-height: 1.5em;
}

.brochuremedia a.interactive {
	background: url(../images/brochureIcon.gif) no-repeat left 10px;
	padding: 10px 0 10px 50px;
	color: #FFFFFF;
	line-height: 1.5em;
}

.brochuremedia .viewpdfdiv{
	padding: 0px 0px 0px 50px;
}
.brochuremedia a.viewpdf{
	display:inline;
	text-decoration:underline;
}

#relatedmedia a.document{
	clear:left;
}	
	



a.document:visited, a.document:link, a.document:hover{
color: white;
}


#footer{
	width: 640px;
	background: url(../images/dots_light.gif) repeat-x top;
	padding: 2px 0 0 0;
}
/*
#footer, .push {
	height : 25px;  .push must be the same height as #footer (for "sticky" footer 
}
*/
#footer ul {
	list-style: none outside none;
	margin: 0;
	background: url(../images/dots_light.gif) repeat-x bottom;
	padding: 0 2em 2px 2em;
	line-height: 2.2em;
}

#footer ul li {
	/*color: #fff;*/
	display: inline;
	margin: 0;
	padding: 0;
}

#footer ul li span.selected
{
	color:white;
}

#skipnavlink {
	display: none;
}

#footerlogo {
	position:absolute;
	width:120px;
	height:80px;
	bottom:0;
	right:0;
	text-decoration:none;
}

#footercontent {
	float:left;
	width: 660px;
	padding:0px; 
	margin:0px 20px 0px 0px;
}

.positionhometext a.white{ 
	color:#ffffff;
	text-decoration:underline;
}

#homepageFlash{background:url(../images/noFlash.jpg) no-repeat;}
#mediadisplay #homepageFlash p{padding:10px; margin:0; color:#ffffff; font-weight:bold;}
#mediadisplay #homepageFlash a{background:none; padding:0; margin:0;}