/*
--------------------------------
Layout
--------------------------------
*/

* {
	margin: 0;
	padding: 0;
	}
	
body {
	font-family: "Helvetica Neue","Helvetica","Arial",sans-serif;
	font-size: 62.5%;
	color: #445e2a;
	line-height: 1.4em;
	background: #95c14b url('images/pagebg.jpg') repeat-x top center;
	height: 100%;
	}
	
html,body {
	height: 100%;
	}
	
#frame {
	height: 100%;
	width: 807px;
	margin: 0px auto;
	position: relative;
	}
#frameinner {
	height: 100%;
	width: 557px;
	position: relative;
	top: 0px;
	left: 230px;
	background: url('images/contentbg.png') repeat-x;
	background-position: 0px 240px;
	}
	
#logo {
	background: url('images/logos.png') no-repeat;
	width: 220px;
	height: 440px;
	position: absolute;
	}
	
#contentframe {
	width: 557px;
	background: #f8ffe9;
	position: relative;
	top: 150px;
	}
	
#content {
    }
	
#header {
	height: 15px;
	}

#topnav {
	background: #7fb549 url('images/navbg.png') repeat-x;
	width: 557px;
	height: 72px;
	position: relative;
	}
	
#footer {
	width: 557px;
	height: 24px;
	}
	
.checkboxcontainer {
	width: 160px;
	margin-left: 250px;
	margin-top: -12px;
	}	


.bold {
	font-weight: bold;
	margin-right: 10px;
	}

.clearall {
	clear: both;
	}
	
/*	
--------------------------------
Text
--------------------------------
*/
	
h1 {	}
h2 {
	color: #5fb2d3;
	background: #f8ffe9;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	position: relative;
	top: -27px;
	padding: 0 15px;
	left: 0px;
	font-size: 4em;
	line-height: 0em;
	letter-spacing: -3px;
	text-transform: lowercase;
	width: auto;
	display: inline;
	}
h3 {
	font-size: 1.9em;
	line-height: 1.8em;
	font-weight: 700;
	text-align: center;
	}

h4 {
	font-size: 1.3em;
	font-weight: 700;
	line-height: 1.4em;
	margin-top: 1em;
	}
h1,h2,h3,h4,h5,h6 {   }

p {
	color: #445e2a;
	font-size: 1.3em;
	line-height: 1.4em;
	margin-bottom: 1.4em;
	}
	
a { color: #111; text-decoration: none; }

a:link {   }
a:visited {   }
a:hover { text-decoration: underline; }
a:active {	}

#content p {
	margin-left: 15px;
	margin-right: 15px;
	}
#content h4 {
	margin-left: 15px;
	}
#footer p {
	color: #bbc6ac;
	font-size: 1.2em;
	line-height: 2em;
	margin-left: 80px;
	}
#footer a {
	color: #8d9878;
	}
#footer span {
	margin-left: 20px;
	}

ul li a {
	margin-left: 10px;
	}
	
.bold {font-weight: 700;}
.floatleft {float: left; }
.floatright {float: right;}
.imageright {position: absolute; right: 60px; margin: 20px 0px;}
.hide {	visibility: hidden;	}

	
/*
--------------------------------
Images
--------------------------------
*/

a img {
    border: none;
    }    
	
.buttons {
	margin: 0 0 10px 20px;
	}	

#content img {
	margin: 0 auto;
	display: block;
	}
	
#content a img {
	margin-bottom: 15px;
	}

body#roster a img,
body#staff a img,
body#housing a img {
	display: inline;
	}	
img.floatleft {
	padding-left: 15px;
	}	
img.floatright {
	padding: 20px;
	}	
	
img.corner {
	display: none;
	}

/*
--------------------------------
Lists
--------------------------------
*/

#topnav li a,
#topnav li a:hover {text-decoration: none;}

ul {
	margin-bottom: 1.4em;
	list-style-type: square;
	}

ul.bullets li {
	margin-left: 15px;
	font-size: 1.2em;
	list-style-position: inside;
	}
	
ul.map ul{
	margin: 0;
	padding: 0;
	}
ul.map li {
	margin: 0;
	padding: 0;
	margin-left: 50px;
	font-size: 1.2em;
	line-height: 2em;
	}
ul.map li ul li {
	margin: 0;
	padding: 0;
	margin-left: 20px;
	font-size: 1em;
	}	
	
ul li {
	font-size: 1.1em;
	line-height: 1.4em;
	margin-bottom: .4em;
	}

ul.IR li {
	position: relative;
	/* overflow: hidden; */
	font-size: 0.9em;
	}	
.IR em {
	display: block;
	position: absolute;
	top: 0; left: 0;
	z-index: 1;
	}	
	
ul#nav {
	float: left;
	width: 558px;
	position: relative;
	top: 0px;
	left: 0px;
	}
ul#nav a:hover {
	text-decoration: none;
	}

ul#nav li, ul#nav li em {
	float: left;
	width: 78px;
	height: 72px;
	list-style-type: none;
	margin: 0;
	}
	
ul#nav li {border-right: 1px solid #b1d177; margin: 0;}
	
ul#nav li a {
	font: 700 2.2em/1.6em "Helvetica Neue","Helvetica","Arial",sans-serif;
	text-transform: lowercase;
	text-align: left;
	display: block;
	overflow: hidden;
	width: 143px;
	height: 72px;
	color: #ebffe1;
    }
	
#nav a { display: block; }

#nav li ul {
  position: absolute;
  z-index: 10;
  top: 72px;
  left: -999em;
  list-style: none;
  aborder: 1px solid #FFCC00;
  width: 557px;
  height: 36px;
  margin-left: -306px;
}

#nav li:hover ul,#nav li.sfhover ul { left: auto; }
	
#nav li li {
  height: auto;
  padding-bottom: 0;
  afont-size: 110%;
  aborder-bottom: 1px solid #FFCC00;
}

#nav li ul a {
  overflow: hidden;
  width: auto;
  font-size: 1.7em;
  line-height: 2.3em;
  height: 36px;
  padding-left: 10px;
  margin: 0;
}
#nav li ul a:hover {
}

li#nav5 ul li a {background: #4d8f30; }
li#nav5 ul li em {background: none; }	



li#nav1 em { background: url('images/nav-home.png') no-repeat top left; }
li#nav2 em { background: url('images/nav-strategy.png') no-repeat top left; }
li#nav3 em { background: url('images/nav-staff.png') no-repeat top left; }
li#nav4 em { background: url('images/nav-roster.png') no-repeat top left; }
li#nav5 em { background: url('images/nav-housing.png') no-repeat top left; }
li#nav6 em { background: url('images/nav-work.png') no-repeat top left; }
li#nav7 em { background: url('images/nav-contact.png') no-repeat top left; }

#topnav ul#nav li#nav51 em { background: url('images/nav-accom.png') no-repeat top left; height: 36px;}
#topnav ul#nav li#nav52 em { background: url('images/nav-amenities.png') no-repeat top left; height: 36px;}
#topnav ul#nav li#nav53 em { background: url('images/nav-facilities.png') no-repeat top left; height: 36px;}
#topnav ul#nav li#nav54 em { background: url('images/nav-kitchen.png') no-repeat top left; height: 36px;}
#topnav ul#nav li#nav55 em { background: url('images/nav-cabins.png') no-repeat top left; height: 36px;}

ul#nav li#nav1, ul#nav li#nav1 em { width: 72px;}
ul#nav li#nav2, ul#nav li#nav2 em { width: 96px;}
ul#nav li#nav3, ul#nav li#nav3 em { width: 61px;}
ul#nav li#nav4, ul#nav li#nav4 em { width: 73px;}
ul#nav li#nav5, ul#nav li#nav5 em { width: 92px;}
ul#nav li#nav6, ul#nav li#nav6 em { width: 66px;}
ul#nav li#nav7, ul#nav li#nav7 em { width: 90px;}
ul#nav li#nav51, ul#nav li#nav51 em { width: 138px;}
ul#nav li#nav52, ul#nav li#nav52 em { width: 88px;}
ul#nav li#nav53, ul#nav li#nav53 em { width: 132px;}
ul#nav li#nav54, ul#nav li#nav54 em { width: 125px;}
ul#nav li#nav55, ul#nav li#nav55 em { width: 68px;}
	
li#nav1 em, li#nav2 em, li#nav3 em, li#nav4 em, li#nav5 em, li#nav6 em, li#nav7 em, li#nav8 em { cursor: pointer; }

li#nav1:hover em,
li#nav2:hover em,
li#nav3:hover em,
li#nav4:hover em,
li#nav5:hover em,
li#nav6:hover em,
li#nav7:hover em {
	background-position: 0px -72px;
	}
	
#topnav ul#nav li#nav51:hover em,
#topnav ul#nav li#nav52:hover em,
#topnav ul#nav li#nav53:hover em,
#topnav ul#nav li#nav54:hover em,
#topnav ul#nav li#nav55:hover em {
	background-position: 0px -36px;
	}	

body#home li#nav1 em, 
body#strategy li#nav2 em, 
body#staff li#nav3 em, 
body#roster li#nav4 em, 
body#housing li#nav5 em,
body#work li#nav6 em,
body#contact li#nav7 em {
	background-position: 0 -144px;
	}

/*
--------------------------------
Tables
--------------------------------
*/

table,table tr,table tr td {
	border-collapse: collapse;
	}

table {
	margin: 0 auto;
	}
	
body#work form.cmxform fieldset,
body#contact form.cmxform fieldset {
	width: 410px;
	margin-left: 56px;
	}	
body#work form.cmxform label,
body#contact form.cmxform label{
	width: 250px;
	}	
	
form.cmxform ol {
	list-style-type: none;
	}
form.cmxform fieldset {
	border: 1px solid #ddd;
	padding: 10px;
	}
form.cmxform legend {
	font-size: 1.4em; 
	line-height: 1.3em;
	}
form.cmxform input {
	margin: 0 5px 5px 0;
	}
form.cmxform input#postcode,
form.cmxform input#state {
	width: 50px;
	}	
form.cmxform label {
	font-size: 1.2em;
	width: 150px;
	display: inline-block;
	}
	
	
/*
--------------------------------
Calendar Date Picker
--------------------------------
*/	
	
.dpDiv {
	}
 
 
/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}
 
 
/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}
 
 
/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}
 
 
/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}
 
 
/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}
 
 
/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}
 
 
/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}
 
 
/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}
 
 
/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}
 
 
/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}
 
 
/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}
 
 
/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}
 
 
/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}
 
 
/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: 4060ff;
	font-weight: bold;
	}
 
 
/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}
 
 
/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}