@charset "UTF-8";
/* CSS Document */

html{
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%;
	
}

#container{
	display:block;
	width:960px;
	margin-left:auto;
	margin-right:auto;
}

#header{
	display:block;
	float:left;
	height:156px;
	width:960px;
	background:url(../images/banner.jpg) no-repeat top left;
}

h1, h2, h3, h4, h5 {
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-weight: bold;
  letter-spacing: -.05em;
  margin: 0;
  padding: 0;
  line-height: 1em;
}


h1 {
  font-size: 45px;
  padding: 0;
  margin: 0 0 10px 0;
}

h2 {
  font-size: 42px;
    padding: 0;
  margin: 0;
}

h3 {
  font-size: 20px;
  margin-top:-10px;
  padding:0;
}

h4 {
  color: #660000;
  font-size: 16px;
  margin: 5px 0 20px 0;
}

h5 {
  font-size: 20px;
}


#header h1{
	display:none;
}
#menu{
	float:left;
	height:70px;
	width:960px;
	margin-bottom:5px;
}

#content{
	float:left;
	width:626px;
	height:407px;
	margin-right:7px;
}

.kidsclubbg {
	background:url('../images/kidsclubbg.jpg') no-repeat;
	width:626px;
	height:558px;
	margin: auto;
}

#content-wide{
	float:left;
	width:920px;
	height:387px;
	padding:20px 15px 0 25px;
}

#sidebar{
	float:left;
	width:326px;
	height:407px;
}

#footer{
	float:left;
	width:960px;
	font-size:0.9em;
	color:#777;
}

#footer a{
color:#444;
}

.colour-me-in{
	background:url(../images/colour-me-in-bg.jpg) no-repeat top left;
	position:relative;
}

.colour-me-in .downloads{
	float:right;
	text-align:right;
	width:538px;
	/*margin:0 0 0 60px;*/
}

.colour-me-in .print-button{
	position:absolute;
	top:248px;
	left:240px;
	width:134px;
	height:129px;
}

/*
.colour-me-in .downloads a{ // USED FOR 12 DOWNLOADS AT ONCE LAYOUT
	display:block;
	float:left;
	margin-left:10px;
}*/


.photos{
	background:url(../images/photos-bg.jpg) no-repeat top left;
}

.news{
	background:url(../images/news-bg.jpg) no-repeat top left;
}

.events{
	background:url(../images/events-bg.jpg) no-repeat top left;
}

.photo-panel{
	width:665px;
	height:280px;
	overflow:auto;
	margin:55px 15px 0 240px;
	padding:10px;
}


.news-panel{
	width:250px;
	height:280px;
	overflow:auto;
	margin:85px 15px 0 30px;
	padding:10px 320px 10px 10px;
}

.events-panel{
	width:570px;
	height:355px;
	overflow:auto;
	margin:15px 10px 0 20px;
	padding:10px 0 10px 10px;
}

.event-details{
	float:left;
/*	width:310px;*/
	margin-right:20px;
}

.event-img{
	float:right;
	width:200px;
	height:150px;
	margin:15px 0 15px 10px;
}

.news-panel p, .events-panel p{
font-size:1.1em;
}

.news-panel h3, .events-panel h3{
color:#2d8853;
font-size:1.5em;
font-family:Verdana, Geneva, sans-serif;
font-weight:normal;
}

.photo-panel h1{
	font-size:2.5em;
}

.photo-panel h2, .news-panel h2, .events-panel h2{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:2.4em;
color:#781d7d;
font-weight:normal;
margin-bottom:5px;
}

.events-panel h2{
	padding:10px 0 0 0;
	width:530px;
	border-top:2px solid #791e7e;
}
.photo-thumb{
	margin:0 4px 4px 0;
	padding:4px 4px 15px 4px;
	background-color:#FFF;
}

.photo-thumb:hover{
	background-color:#791d7e;
}

.graybox{
	min-height:700px;
}


#page-loader{
  position: absolute;
  top: 50%;
  bottom: 0%;
  left: 50%;
  right: 0%;
  margin-top:-195px;
  margin-left:-285px;
  background:#d1edf1 url(../images/domer-log-in.jpg) no-repeat top left;
  z-index: 99;
  display: block;
  width: 250px;
  height:310px;
  padding: 30px 300px 10px 40px;
  opacity:1;
  text-align:left;
  color:#000;
  font-size:11px;
  border:10px solid #FFF;
}

#page-bg{
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  background-color:#111;
  z-index: 1;
  display: block;
  text-align: center;
  width: 100%;
  opacity: 0.9;
}

.loginMsg{
	height:12px;
color:#F00;
font-size:12px;
font-weight:bold;
margin-bottom:10px;
}

/*****specific styles for contact page*****/

/*****Content*****/

#maincontactform {
	width:500px;
	font-family: arial, sans-serif;
}

/* the main layout */

#contFrm {
  display: block;
  width: 500px;
  margin: 10px 0 0 0 ;
  border: none;
}

/* and now the form formatting itself */
#contFrm label {
  display: block;
  Width: auto;
  line-height: 20px;
  margin-bottom: 10px;
  margin: auto;
  font-size: 11px;
  color: #000000;
  font-weight: normal;
  text-align:left;
  padding-right:10px;
}

input, textarea, select {
  margin: 0;
  padding: 4px;
  font-size: 12px;
  color: #666666;
  background: #ffffff;
  border: 1px solid #ccc;
  margin: 5px 0;
}   

input:focus, textarea:focus, select:focus {
  border: 1px solid #999;
  background-color: #ffffff;
}

input.button {
  cursor: pointer;
  border: medium none;
  font-weight: bold;
  background: url('../images/submit.png') no-repeat left top;
  width: 61px;
  height: 23px;
}

span.required{
  font-size: 13px !important;
  color: red !important;
}

.errormsg {
  display: block;
  width: 348px;
  height: 22px;
  line-height: 22px;
  color: #ffffff;
  font-weight: bold;
  background: #fc8e8e url('images/stop.gif') no-repeat 10px center;
  margin: 10px 0 0 0;
  border: 1px solid #ffffff;
  padding: 7px 10px 7px 40px;
}

.msgSent {
  font-size: 20px;
  margin-left:10px;
}

.cont-left {
	float: left;
	width: 245px;
	margin-right:10px;
}

.cont-right {
	float: right;
	width: 245px;
}