body {
font-family:Arial,Sans-Serif;
text-align:center;
padding: 0;
margin-top:2px;
padding-top: 0px;
font-size:small;
background-color:white;
}
a {font-weight: bolder;color: #499df3;}

/* NAVIGATION / TABS ----------- color:56554e*/
#main-nav ul, #main-nav ul .tab li{border:0; margin:0; padding:0; list-style:none;}
#main-nav ul{
border-bottom:solid 1px White;
#border-bottom:none 0px White;
height:29px;}
#main-nav ul li{float:left;margin-right:2px;}
.tab a:link, .tab a:visited{
background:url(images/tab-round-blue.png) right 60px;
color:#4B4A45;
display:block;
d\isplay: inline-block;
font-weight:bold;
height:30px;
line-height:30px;
text-decoration:none;
}
.tab a span{
background:url(images/tab-round-blue.png) left 60px;
display:block;
d\isplay: inline-block;
height:30px;
margin-right:14px;
padding-left:14px;
cursor:pointer;
}
.tab a:hover{
background:url(images/tab-round-blue.png) right 30px;
display:block;
d\isplay: inline-block;
color:#e0ded0;
}
.tab a:hover span{
background:url(images/tab-round-blue.png) left 30px;
display:block;
d\isplay: inline-block;
}
.colour-bar {
background-color: #32aafa;
height:25px;
width:100%;
margin-bottom: 0px;
}
.sub-menu-item {
color:White;
font-weight:bold;
display:inline-block;
padding: 4px 3px 2px 3px;
margin-left:2px;
margin-right:2px;
text-decoration:none;
cursor: pointer;
}
.colour-bar .active {color: #FFFF66;}
.colour-bar .small {font-size:x-small;}

/* ACTIVE ELEMENTS	*/
.active a:link, .active a:visited, .active a:visited, .active a:hover{
color:White;
background:url(images/tab-round-blue.png) right 0 no-repeat;
}
.active a span, .active a:hover span{background:url(images/tab-round-blue.png) left 0 no-repeat;}

/* HEADINGS ----------------------*/
h1, h2, h3, h4, h5, h6{
font-size: 1.5em;
color: #000;
font-family: Arial, Helvetica, sans-serif;
margin-top: 0.5em;
color:#404040;
padding-left:20px;
}
h1{font-size: 1.8em;padding-bottom: 0;margin-bottom: 0;}
h2{}
h3{font-size: 1.2em;}
h4{font-size: 1.1em;}
h5, h6{font-size: 1em;}
#right-column h1, #right-column h2, #right-column h3 { padding:0;margin:0;}
.main-title {text-align:center;padding-top:5px;padding-bottom:5px;padding-left:0;margin-top:0px;color:#404040;}
/* PRIMARY LAYOUT ELEMENTS --------*/
#all-content
{
width: 900px;
margin: 0 auto;
text-align: left;
margin-top:0px;
padding-top: 0px;
position: relative;
background-color:White;
}
#banner {height:100px;margin-top:0;margin-bottom:2px;background:White url(/content/images/banner.jpg) no-repeat;}
#logindisplay {font-size:1.1em;display:block;text-align:right;margin-right:10px;padding-top:75px;color:White;}
#logindisplay a:link {color: White;text-decoration: underline;}
#logindisplay a:visited {color: White;text-decoration: underline;}
#logindisplay #admin-menu {position:relative;display:inline;}
#logindisplay #admin-menu-dropdown {width:140px;padding:5px;position:absolute;top:16px;#top:95px;left:0px;list-style-type: none;margin:0;padding:5px;background-color:White;border:solid 1px black;color:Black;z-index:100;}
#logindisplay #admin-menu-dropdown ul {}
#logindisplay #admin-menu-dropdown li {margin-left:5px;list-style-type: none;text-align:left;font-size:small;}
#logindisplay #admin-menu-dropdown a {color:Black;font-weight:normal;}
#logindisplay #admin-menu-dropdown .title {margin-left:0px;font-weight:bold;}
#right-column {width: 200px;float:right;background-color:White;padding-left:6px;margin-bottom:3px;}
#footer {height:125px;background-color:white;width:100%;clear:both;}
#footer .border-one {border-bottom:solid 1px #c0c0c0;}
#footer .border-two {border-top:solid 2px #e0e0e0;}
#body-content, #main-content {min-height: 600px;padding-left:5px;width:710px;float:right;}
#spacer{height:0.2em;}
/* LEFT COLUMN -----------*/
.left-column {width:180px;position:relative;}
.left-column .image {
height:600px;
width:180px;
background-color: #55aaaa;
position:absolute;
}
/* Slide show */
#img-curve {
	background-position: right;
	left: 0px;
	position: absolute;
	top: 0px;
	width: 180px;
	height: 600px;
	z-index: 20;
	background-image: url(images/blue-curve-left.png);
	background-repeat: no-repeat;
}
#slide-controls {
position:absolute;
top:10px;
left:15px;
border:solid 1px #f0f0f0;
padding: 2px 4px 0px 4px;
z-index:40;
}
#slide-edit {
position:absolute;
top:40px;
left:10px;
border:solid 1px Black;
background-color:White;
padding: 2px 4px 2px 4px;
z-index:40;
font-size:x-small;
}
#slide-controls img {border:none 0 black;height: 17px;}
#slide-controls .centre {margin: 0px 5px 0px 5px;}
    
#slideshow {position:relative;height:600px;width:180px;}
#slideshow img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    height:600px;
    width:180px;
}
#slideshow img.active {z-index:10;}
#slideshow img.last-active {z-index:9;}

/* Expand / contract  --------#99CCFF  33cc33*/
.showhide_head {
	background-color: #6FE672;
	font-weight: bold;
	cursor: pointer;
	padding-left: 5px;
	margin: 2px;
}
.showhide_body {border: thin solid #000000;}
.edit_head {
	background-color: #33CC33;
	font-weight: bold;
	cursor: pointer;
	padding-left: 5px;
	margin: 2px;
}
.edit_body {border: thin solid #000000;}
.msg_close {float:right;cursor:pointer;padding:5px 5px 5px 5px;border: thin solid #000000;}
/* Controls ------------------*/
/* edit form */
.edit-form {
	position:fixed;
	top:8px;
	left:190px;
	width:600px;
	background-color:White;
	padding:5px 5px 5px 5px;
	border: thin solid #000000;
	z-index:100;}
.edit-form-title {font-weight: bold;}
.edit-control-textbox {width: 97%;}
/* Form Layout ---------------*/
.form-row {
	CLEAR: both; 
	DISPLAY: block; 
	MARGIN-LEFT: 10px; 
	WIDTH: 97%; 
	PADDING-TOP: 10px; 
	MARGIN-TOP: 5px; 
	margin-bottom:5px;}
.form-row label {width:120px;float:left;}
.form-row .label {width:120px;float:left;}
.form-row .textbox {}
.form-row .form-control-box {margin-left:122px;#margin-left:61px;}

.form-row .expander {font-weight: bold;text-decoration: underline;cursor:pointer;}
.form-row .form-expanding-div {height:50px;}
.form-row .form-expanded-div {height:400px;}
.form-row .form-expanding-textbox {height:95%;}
.form-row .form-expanded-div .form-expanding-textbox{#height:360px;}
form.inline-form{display:inline;}

.checkbox-list{width:620px;margin:5px 10px;border-left:solid 1px black;float:none;clear:both;}
.checkbox-list span{width:150px;padding:2px 5px;display:block;float:left;margin-right:20px;border-right:solid 1px black;}
.checkbox-list span label{width:120px;display:block;float:left;}


/* Activities ----------------*/
#activity-summaries {width:650px;padding-left:5px;}
.activity-summary {
float:left;
width:300px;
height:140px;
border:solid 1px #c0c0c0;
margin:0px 5px 5px 0px;
padding:5px;
font-size:0.9em;}
.activity-title {line-height: 1.2em;padding: 0px;margin: 0px;}
.activity-thumbnail {float:left;margin:5px;}
.activity-thumbnail img {height:90px;border:none;}
.activity-summary .more-info {}

#activity-links {width:495px;padding-left:5px;}
.activity-link {
float:left;
width:140px;
text-align:center;
border:solid 1px White;
background-color:#90cdf3;
margin:0px 0px 0px 0px;
padding:10px;
font-size:0.9em;
display:block;
color:Black;
font-size:1.0em;
}
.activity-link-img {
float:left;
width:140px;
text-align:center;
border:solid 1px White;
margin:0px 0px 0px 0px;
display:block;
}
.activity-link-img img{border:none;width:140px;}

/* Activity days ----------------*/
.activity-day{margin-top:10px;}
.activity-day h2{margin-bottom:0;}
.activity-day-content{padding:10px;margin:0;}
.activity-day-content img{padding-bottom:10px;background-color:White;}
.activity-day-content img.left{float:left;padding-right:10px;}
.activity-day-content img.right{float:right;padding-left:10px;}
.activity-day-content p{padding:10px;margin:0;}

.activity-day-content .activity-links ul{margin:0;padding:0;margin-bottom:0px;clear:both;float:none;}
.activity-day-content .activity-links ul li{margin:0;display:inline;padding:2px 10px 2px 10px;float:left;}
.activity-day-content .activity-links div{margin:0;padding:0;}

/* title-desc-img ----------------------	 FFAA55 */

div .title-desc-img{}
div .title-desc-img h1, .title-desc-img h2, .title-desc-img h3{margin:0;padding:7px;}
div .title-desc-img .image-left{float:left;}
div .title-desc-img .image-right{float:right;}

/* MISC ----------------------0033cc	  */
#working-wait{position:fixed;top:325px;left:40%;text-align:center;border:solid 1px black;background-color:White;width:150px;height:125px;z-index:200;}
.tabs-container {min-height:300px;overflow:auto;}
.clear {clear: both;}

div.quote{margin-bottom:1em;border:solid 1px #c0c0c0;padding-left:0.5em;padding-top:0.5em;padding-right:0.5em;}
div.quote p{margin:0;margin-bottom:0.5em;}
div.quote .quotee{color:#4B4A45;}

.error {color:Red;}
.field-validation-error {color: #ff0000;}
.input-validation-error {border: 1px solid #ff0000;background-color: #ffeeee;}
.validation-summary-errors {font-weight: bold;color: #ff0000;}

.border-blue {border:solid 1px #32aafa;}
.border-bottom-blue {border-bottom:solid 1px #32aafa;}
.border-orange {border:solid 1px darkorange;}
.border-bottom-orange {border-bottom:solid 1px darkorange;}
.border-grey {border:solid 1px #c0c0c0;}
.border-thick {border-width:3px;}
.orange-text {color: #ff9933;}
.blue-text {color: #0033cc;}
.light-blue-text {color: #499df3;}
.error-text {color: Red;}
.box{margin:1px;padding:5px;background-color:White;}
.centre {text-align:center;}
.centre-text {text-align:center;}
.right-text {text-align:right;}
.bold {font-weight:bolder;}
.larger {font-size:larger;}

fieldset {border:solid 1px #32aafa;margin-bottom:5px;	}
fieldset legend {font-weight:bold;}
fieldset fieldset {border:solid 1px black;margin:10px;}
fieldset fieldset legend {font-weight:bold;}

ul.horizontal{border:0; margin:10px; padding:0; list-style:none;display:block;}
ul.horizontal li{float:left;padding:4px 15px 4px 15px;}
ul.horizontal-thirds{border:0; margin:10px; padding:0; list-style:none;display:block;}
ul.horizontal-thirds li{float:left;padding:4px 15px 4px 15px;margin:1px;width:28%;}
ul.double-height li{height:30px;}
ul.double-height a{vertical-align:middle;}
thead td{font-weight:bold;}
.bordered-table{border: solid 1px darkgray;border-collapse: collapse}
.bordered-table td{padding:5px;border:solid 1px darkgray;}
.bg-light-yellow{background-color:#FFFFCC;}
.bg-yellow{background-color:#ffff99}
.bg-blue {background-color:#bdd5f7 /*bdd5f7*/}
.bg-orange{background-color:#ffcd82;}
.centred-table{margin-left:auto;margin-right:auto;}

.edit-content-link {display:block;background-color:#33CC33;color:Black;padding:2px 5px 2px 5px;}
.edit-content-link a {color:Black; margin-right:10px;}
.logo-dark-blue{color: #0033cc;}
.logo-light-blue{color: #499df3;}

.float-left{float:left;}
.float-right{float:right;}

.message {padding:25px 10px;border:solid 2px #32aafa;margin:5px;width:400px;text-align:center;font-weight:bold;background-color:White;}
.error-message {padding:25px 10px;border:solid 2px Red;margin:5px;width:400px;text-align:center;font-weight:bold;background-color:#ffeeee;color:Red;}
.message-dialog {position:absolute;left:240px;top:350px;z-index:100;}
.hide {display:none;}

table.bordered-table {border:solid 1px darkgray;border-collapse:collapse;width:100%;}
table.bordered-table th {border:solid 1px darkgray;border-collapse:collapse;padding:3px;}
table.bordered-table td {border:solid 1px darkgray;border-collapse:collapse;padding:3px;}

a img{border:none;}

/*Curved corners courtesy of: http://blog.benogle.com/2009/04/29/css-round-corners/ */
.b1, .b2, .b3, .b4{font-size:1px; overflow:hidden; display:block;}
.b1 {height:1px; background:#32aafa; margin:0 5px;}
.b2 {height:1px; background:#fff; border-right:2px solid #32aafa; border-left:2px solid #32aafa; margin:0 3px;}
.b3 {height:1px; background:#fff; border-right:1px solid #32aafa; border-left:1px solid #32aafa; margin:0 2px;}
.b4 {height:2px; background:#fff; border-right:1px solid #32aafa; border-left:1px solid #32aafa; margin:0 1px;}
.contentb {background: #fff; border-right:1px solid #32aafa; border-left:1px solid #32aafa;}
.contentb div {margin-left: 5px;padding-bottom:4px;}
.contentb div p{margin: 0px;padding:4px 3px 4px 3px;}
/*
<b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b>
    <div class="contentb">
        <div>Round Border!!</div>
    </div>
<b class="b4"></b><b class="b3"></b><b class="b2"></b><b class="b1"></b>
*/

.b1h, .b2h, .b3h, .b4h, .b2bh, .b3bh, .b4bh{font-size:1px; overflow:hidden; display:block;}
.b1h {height:1px; background:#32aafa; margin:0 5px;}
.b2h, .b2bh {height:1px; background:#bdd5f7; border-right:2px solid #32aafa; border-left:2px solid #32aafa; margin:0 3px;}
.b3h, .b3bh {height:1px; background:#bdd5f7; border-right:1px solid #32aafa; border-left:1px solid #32aafa; margin:0 2px;}
.b4h, .b4bh {height:2px; background:#bdd5f7; border-right:1px solid #32aafa; border-left:1px solid #32aafa; margin:0 1px;}
.b2bh, .b3bh, .b4bh {background: #fff;}
.headh {background: #bdd5f7; border-right:1px solid #32aafa; border-left:1px solid #32aafa;}
.headh h3 {margin: 0px 2px 0px 2px; padding-bottom: 3px;}
.contenth {background: #fff; border-right:1px solid #32aafa; border-left:1px solid #32aafa;}
.contenth div {margin-left: 0px; padding-top: 5px;}
/*
<b class="b1h"></b><b class="b2h"></b><b class="b3h"></b><b class="b4h"></b>
    <div class="headh">
        <h3>Here is your Header!</h3>
    </div>
    <div class="contenth">
        <div>Look ma, no images!</div>
    </div>
<b class="b4bh"></b><b class="b3bh"></b><b class="b2bh"></b><b class="b1h"></b>
*/
.orange-box .b1, .orange-box .b2, .orange-box .b3, .orange-box .b4{font-size:1px; overflow:hidden; display:block;}
.orange-box .b1 {height:1px; background:darkorange; margin:0 5px;}
.orange-box .b2 {height:1px; background:#fff; border-right:2px solid darkorange; border-left:2px solid darkorange; margin:0 3px;}
.orange-box .b3 {height:1px; background:#fff; border-right:1px solid darkorange; border-left:1px solid darkorange; margin:0 2px;}
.orange-box .b4 {height:2px; background:#fff; border-right:1px solid darkorange; border-left:1px solid darkorange; margin:0 1px;}
.orange-box .contentb {background: #fff; border-right:1px solid darkorange; border-left:1px solid darkorange;}
.orange-box .contentb div {margin-left: 5px;padding-bottom:4px;}
.orange-box .contentb div p{margin: 0px;padding:4px 3px 4px 3px;}


.orange-box .b1h, .orange-box .b2h, .orange-box .b3h, .orange-box .b4h, .orange-box .b2bh, .orange-box .b3bh, .orange-box .b4bh{font-size:1px; overflow:hidden; display:block;}
.orange-box .b1h {height:1px; background:darkorange; margin:0 5px;}
.orange-box .b2h, .orange-box .b2bh {height:1px; background:#f78a32; border-right:2px solid darkorange; border-left:2px solid darkorange; margin:0 3px;}
.orange-box .b3h, .orange-box .b3bh {height:1px; background:#f78a32; border-right:1px solid darkorange; border-left:1px solid darkorange; margin:0 2px;}
.orange-box .b4h, .orange-box .b4bh {height:2px; background:#f78a32; border-right:1px solid darkorange; border-left:1px solid darkorange; margin:0 1px;}
.orange-box .b2bh, .orange-box .b3bh, .orange-box .b4bh {background: #fff;}
.orange-box .headh {background: #f78a32; border-right:1px solid darkorange; border-left:1px solid darkorange;}
.orange-box .headh h3 {margin: 0px 0px 0px 0px; padding-bottom: 3px;}
.orange-box .contenth {background: #fff; border-right:1px solid darkorange; border-left:1px solid darkorange;}
.orange-box .contenth div {margin-left: 0px; padding-top: 5px;}