/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:#CCCCCC;
	text-align:center;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}

html
	{
		font-family:Arial;
		font-size:0.75em;
		line-height:1.5em;
		color:#494949;
	}
	
input {

	font-family:Arial;
	font-size:1.5em;
	line-height:1.0em;
	color:#494949;
		
}	

input, select { vertical-align:middle; font-weight:normal;}

a {color:#87c61e; text-decoration:none;}
a:hover{text-decoration:none; color:#bbea00;}
p {padding-top:18px;}

/* ============================= Reminder Text ====================== */

#reminder p {

	padding: 0 0 18px 0px;
	
}

#reminder .Style1 {
	font-family:	Arial; 
	color:			#000; 
	font-size:		1.167em;
	line-height:	1.5em;
	padding-bottom:	18px;
}

#reminder .Style2 { 
	font-family:	Arial; 
	color:			#000; 
	font-size:		1.5em;
	line-height:	1.5em;
	padding-bottom:	18px;
}

#reminder a.Style1, #reminder a.Style1:link, #reminder a.Style1:active, #reminder a.Style1:visited {

	font-family:	Arial !important; 
	color:			#87c61e !important; 
	font-size:		1.167em !important;
	line-height:	1.5em !important;
	padding-bottom:	18px !important; 
	text-decoration:none !important;

}

#reminder a.Style2, #reminder a.Style2:link, #reminder a.Style2:active, #reminder a.Style2:visited {
   
	font-family:	Arial !important; 
	color:			#87c61e !important; 
	font-size:		1.5em !important;
	line-height:	1.5em !important;
	padding-bottom:	18px !important;
	text-decoration:none !important; 

}



/* ============================= admin options ====================== */

.adminBox {

	/*font-style:normal;
	font-size:12px;
	font-family:'Lucida Sans Unicode','Lucida Grande',Tahoma,sans-serif;
	font-weight:normal;
	line-height:2.5em;
	color:#CCCCCC;
	text-transform:none;
	padding-bottom:15px;*/
	
}

span.adminLeft {

	background:url(/images/admin-left.png) left top no-repeat;
	padding-left:5px;
	font-style:normal;
	font-size:12px;
	font-family:'Lucida Sans Unicode','Lucida Grande',Tahoma,sans-serif;
	font-weight:normal;
	line-height:2.0em;
	color:#CCCCCC;
	text-transform:none;
	padding-bottom:5px;
	
}

span.adminMiddle {

	background:url(/images/admin-middle.png) left top repeat-x;
	font-style:normal;
	font-size:12px;
	font-family:'Lucida Sans Unicode','Lucida Grande',Tahoma,sans-serif;
	font-weight:normal;
	line-height:2.0em;
	color:#CCCCCC;
	text-transform:none;
	padding-bottom:5px;
	
}

span.adminRight {

	background:url(/images/admin-right.png) right top no-repeat;
	padding-left:5px;
	font-style:normal;
	font-size:12px;
	font-family:'Lucida Sans Unicode','Lucida Grande',Tahoma,sans-serif;
	font-weight:normal;
	line-height:2.0em;
	color:#CCCCCC;
	text-transform:none;
	padding-bottom:5px;

}

a.admin, a.admin:active, a.admin:link, a.admin:visited {color:#87c61e;}

a.admin:hover {text-decoration:none; color:#bbea00;}

a.login {text-transform:uppercase; letter-spacing:+1px}



/* ============================= main layout ====================== */

.green {color:#87c61e}

.responsePositive {color:#87c61e; padding: 5px 5px 5px 0px; font-size:24px; line-height:normal;}
.responseNegative {color:#FF2F20; padding: 5px 5px 5px 0px; font-size:24px; line-height:normal;}

.lastUpdatedBox {
	font-size: 12px; 
	margin-bottom:15px; 
	
}

.lastUpdatedText { 

	color:#999999; 
	
}



.link {background:url(images/link-side-bg.gif) top right no-repeat #87c61e; display:block; float:left; color:#fff; text-decoration:none; margin-top:18px; line-height:1.001em;}
div .link {cursor:pointer}

.link span {background:url(images/link-side-bg.gif) top left no-repeat; display:block; padding:4px 11px 3px 10px;}

.link:hover {background:url(images/link-side-bg-hover.gif) top right no-repeat #bbea00; color:#000000}
.link:hover span {background:url(images/link-side-bg-hover.gif) top left no-repeat;}

.h3 {font-size:1.167em; color:#000;}

h3 {font-size:1.167em; color:#000;}

h3.paddingTop {margin:10px 0 0 0;}

h3.paddingBottom {margin:0 0 10px 0;}

h3.paddingBoth {margin:10px 0 10px 0;}

.box h3 {margin:11px 0 0 4px;}

.calendar {margin-bottom: 15px;}
.box h4 {font-size:1.167em; color:#000;}


li { background:url(images/list-bg.gif) no-repeat 0 10px; padding-left:7px;}
li a {color:#3aafdf; line-height:1.833em;}

.list li { background:url(images/list-bg2.gif) no-repeat 0 6px; padding-left:17px;margin-bottom:5px;}
.list li a {color:#000; line-height:1.5em; text-decoration:none; }
.list li a:hover {text-decoration:underline;}


.imgindent {margin:0 20px 0 0; float:left; border:thin solid #87c61e}
.title {margin-bottom:16px;}
.title2 {margin-bottom:29px;}

/* ============================= content ====================== */

.col-padding1 {padding-right:13px;}
.col-padding2 {padding-right:40px;}

.box {border:1px solid #dbdbdb; margin-bottom: 10px;}
.box .inner {border:1px solid #fdfdfd; background:#f8f8f8; padding:22px 20px 20px 28px;}
.box .indent {padding:22px 21px 20px 22px;}
.box .indent2 {padding:22px 14px 20px 27px;}

#page8 #content {padding:20px 56px 65px 58px;}
.line {border-bottom:1px solid #dddddd; padding-bottom:30px; margin-bottom:33px;}
.box .line {padding-bottom:19px; margin-bottom:6px;}
.box .h3 {margin:28px 0 0 0;}


.box .colour {
	width:100px;
	height:100px;
	margin:20px auto 10px auto;
}

.box .colourText {
	width:60px;
	margin:2px auto;
	text-align: center;
}

.box .letter {
	width: auto;
	line-height:1.1; 
	text-align:center; 
	font-size:120px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}



.padding1 {padding-top:19px;}
.padding2 {padding-top:10px;}
.padding3 {padding-right:30px;}
.padding4 {padding-top:30px;}
.padding5 {padding-top:22px;}
.margin1 {margin-top:10px;}

/* ============================= gallery ====================== */

.galleryPicHolder {width:112px; float:left; margin: 5px 5px 0 0;}

.galleryPic { padding: 5px; text-align:center; }

.galleryPic img {border:thin solid #87c61e; /*opacity:0.9; filter:alpha(opacity=90)*/}

.galleryPic:hover {cursor:pointer; background:#87c61e;}

/*.galleryPic:hover img {opacity:1.0;filter:alpha(opacity=100)}*/



/* ============================= footer ====================== */

#footer {color:#fff; font-family:Geneva, Arial, Helvetica, sans-serif}
/*#footer a {color:#d7d7d7;}
#footer a:hover {color:#87c61e};*/
#footer span {color:#d7d7d7;}
#footer .oxySignature {
	width:		500px;
	text-align:	center;
	margin: 20px auto;
}


/* ============================= forms ============================= */


.rowi { margin-bottom:7px; }


.input {width:400px; height:30px; border:1px solid #a09b96; background:none; padding:0 0 0 5px; font-size:1.5em; cursor:text;}
textarea {width:400px; height:165px; border:1px solid #a09b96; background:none; padding:0 0 0 5px; overflow:auto; font-size:1em; cursor:text;}

.fieldTitle { font-weight: bold; padding-bottom: 3px; font-size: 12px; }

.submitButton {

	padding-top:10px;
	font-size:20px; 
	color:#87c61e; 
	cursor:pointer;
}

.submitButton:hover {

	font-size:24px; 
	color:#bbea00; 
}

form { margin:0; padding: 0; }

.requiredField {

	color: #87c61e;
	font-size:1.5em;
	line-height:1em;
}