body{
	background-image: url('../gfx/redev/website-bg.gif');
	background-repeat: repeat-y;
	background-position: center;
	background-color:#F0F0F0;
	margin: auto;
	text-align:center; 
	font-family:Helvetica,Arial,Sans-Serif;
}

/*break into four basic sections BANNER, MENU, BODY, FOOTER*/

/*THE CONTAINER container*/
#mainContent{
	width: 1095px;
	margin: auto;
	text-align:left;
	}

.sideNav{width:391px;float:left;}
.sideNav img{border:none;padding:10px 0;}
.sideNavButton{
	width:391px;
	height:137px;
	background-image: url('../gfx/redev/mainpanel-BG.jpg');
	background-repeat: no-repeat;
	background-position: top left;
	margin:0;
	padding:0;border-top:1px solid #FFFFFF;
}
.sideNavButton h2{font-size:1.5em;color:#333333;margin:35px 25px 10px 160px;}
.sideNavButton h2 span{font-size:0.6em}
.sideNavButton h2 a{text-decoration:none;color:#333333;}
.sideNavButton h2 a:visited{text-decoration:none;color:#333333;}
.sideNavButton h2 a:hover{color:#999999;}
#communityNotice{background-image: url('../gfx/redev/community-notices-button.jpg');height:143px;}
#whatsOn{background-image: url('../gfx/redev/whats-on-button.jpg');}
#bookFacilities{background-image: url('../gfx/redev/book-now-button.jpg');}

.bodyMainContent{
	margin:0 0 0 392px;
	margin-top: -16px;
	*margin-top:0;
	_margin-top:-24px;
	width:700px;
	background-image: url('../gfx/redev/mainpanel-BG.jpg');
	background-repeat: no-repeat;
	background-position: top left;
	padding:0;
	min-height:550px;
}
#HomePage{
	margin-top: 0 !important;
	margin-top: -23px;
	background:none;}

.topNav{height:38px;padding-top:23px;margin-left:420px;}
.topNav ul{margin:0;padding:0;}
.topNav ul li{
	float:left;
	list-style-type:none;
	text-align:center;
	padding:17px 0px 5px 0px;
	margin:0;
	background-image:url(../gfx/redev/top-nav-BG.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	width:129px;
	height:auto !important;
	height:38px;
	}
.topNav ul li a{color:#FFFFFF;text-decoration:none;font-size:1.0em;font-weight:bold;}
.topNav ul li a:active{color:#FFFFFF;text-decoration:none;font-size:1.0em;font-weight:bold;}
.topNav ul li a:visited{color:#FFFFFF;text-decoration:none;font-size:1.0em;font-weight:bold;}
.topNav ul li a:hover{text-decoration:underline;}

/*footer*/
#footer{
	height: 44px;
	clear: both;
	text-align: left;
	background-image: url(../gfx/redev/footer-bg.gif);
	background-repeat: repeat-x;
	padding: 10px;
	font-size: 0.7em;
	color:#999999;
}
#footer img{
	vertical-align:middle;
}
/*###Home Page area#########*/
.homePageArea{padding:327px 25px 25px 285px;}
.homePageArea h1{color:#FFFFFF;font-size:1.1em;margin:0;padding:0;}
.homePageArea p{color:#FFFFFF;font-size:0.7em;margin:0;padding:15px 0;}

/*######### MAIN CONTENT ############*/

h1{color:#0275a4;font-size:1.5em;padding:25px 1em 0.5em 1em;}
h2{color:#0277a2;font-size:1.3em;padding:0.3em 1em 0.2em 1em;}
h2.LatestNews{border-bottom:2px solid #e4e4e4;color:#b5d321;}
h2.LatestNewsLogin{margin-top:50px;border-bottom:2px solid #e4e4e4;color:#b5d321;}
h3{color:#0277a2;font-size:1.1em;padding:0.3em 1em;}
p{font-size:0.8em;color:#333333;padding:0.3em 1.5em 0.3em 1.4em;}
li{font-size:0.8em;color:#333333;padding:0.3em 1.5em;}
a{color:#20a6fd;text-decoration:underline}
a:visited{color:#01adef;text-decoration:underline}
a:active, a:hover{color:#7bc300;text-decoration:none}
blockquote{
	font-family: georgia, times, serif;
	padding:0.9em 1em 1em 4.5em;
	font-size:0.9em;
	letter-spacing:0.1em;
	background-image:url(../gfx/interface/blockquoteBG.gif);
	background-position:top left;
	background-repeat:no-repeat;
}
p.smallFonts{
	font-size:0.7em; color: #666666;
}

/*####photo albums

.photoGalleryContainer{width:70%;min-width:0;}
.photoGalleryImageContainer{float:left;border:solid 1px white;padding:1em;}
.photoGalleryImageContainer img{padding:10px;margin:5px;border:solid 1px rgb(239, 252, 255);}
.photoGalleryImageContainer img:hover{padding:10px;margin:5px;border:solid 1px yellowgreen;}
.photoGalleryImageContainer a{clear:left;text-decoration:none;font-size:9pt;}
.photoGalleryImageContainer a:hover{text-decoration:none;}
.photoGalleryEditButton img{border:solid 1px white;}
.photoGalleryEditButton img:hover{border:solid 1px rgb(239, 239, 239);}


/*####news container*/
.bodyMainContent .newsContainer{padding-right:170px;}
.bodyMainContent .newsContainer h3{color:#80c342;font-size:0.9em;}
.bodyMainContent .newsContainer h3 .newsDate{color:#CCCCCC;padding:0em 0.2em;margin:0;}
.bodyMainContent .newsContainer p{margin:0;padding:0em 0em 0em 0.5em;}
.bodyMainContent .newsContainer p.readMore{text-align:right;margin-right: 0px 170px 15px 15px;border-bottom:1px solid #F3F3F3;}
.bodyMainContent .newsContainer p.readMore img{border:0}

/*####news container*/
.bodyMainContent .documentExplorer{margin: 10px 20px;font-size:0.7em;}
.bodyMainContent .documentExplorer p{font-size:1.2em;margin:0 0 10px 0;padding:0;}
.bodyMainContent .documentExplorer .overallContainer{
	border: 1px solid #CCCCCC;
	background-color:#FCE6C9
}
.bodyMainContent .documentExplorer .firstLevel{
	background-color: #F9F9F9;
}
.bodyMainContent .documentExplorer .nextLevels{
	border-collapse:collapse;
	border:1px solid #CCCCCC;
	background-color:#FEF0DB
}
.bodyMainContent .documentExplorer a{color:#333333;text-decoration:none;}
.bodyMainContent .documentExplorer a:hover{background-color:#333333;color:#FFFFFF;text-decoration:none;}

/*Photo Galleries Category*/
.bodyMainContent .photoGalleriesCategory h3{
	color:rgb(171, 191, 0);
	font-size:1em;
	border-bottom:solid 1px rgb(249, 249, 249);
	padding:0.5em 2em 1.5em 1em;
	background-image: url(../gfx/interface/headingGrad.gif);
	background-repeat: repeat-x;
	background-position:bottom;}
.bodyMainContent .photoGalleriesCategory{margin-right:180px;}
.bodyMainContent .photoGalleriesCategory ul{list-style-type:none;margin:0em}
.bodyMainContent .photoGalleriesCategory li{
	background-image:url(../gfx/interface/album-icon.gif);
	background-repeat:no-repeat;
	background-position:0.5em 0;
	padding:0.4em 0.5em 0.2em 2em;
	margin: 0em;
}

.bodyMainContent .photoGalleriesCategory a{color:#007237;text-decoration:none; padding-left:0.5em;}
.bodyMainContent .photoGalleriesCategory a:hover{color:#007237;text-decoration:underline}
.bodyMainContent .photoGalleriesCategory p.floatGalleryAdd{float:right}
.bodyMainContent .photoGalleriesCategory p.floatGalleryAdd a{
	background-color:#7bc300;
	font-size:0.9em;
	color:#FFFFFF;
	text-decoration:none;
	padding:0.2em 0.3em;
}
.bodyMainContent .photoGalleriesCategory p.floatGalleryAdd a:hover{background-color:#48abc7;}

/*Photo Gallery Instance*/
.bodyMainContent .photoGalleriesInstance p.floatGalleryAdd{float:right}
.bodyMainContent .photoGalleriesInstance p.floatGalleryAdd a{
	background-color:#7bc300;
	font-size:0.9em;
	color:#FFFFFF;
	text-decoration:none;
	padding:0.2em 0.3em;
	
}
.bodyMainContent .photoGalleriesInstance p.floatGalleryAdd a:hover{background-color:#48abc7;}
.bodyMainContent .photoGalleriesInstance dl dt{font-size:0.7em;color:#48abc7;font-weight:bold;}
.bodyMainContent .photoGalleriesInstance dl dd{font-size:0.8em;padding-bottom:0.5em}
.bodyMainContent .miniGallery .thumbPicture{}

.bodyMainContent p.ServiceDirectory{
	color:rgb(171, 191, 0);
	font-size:1em;
	border-bottom:solid 1px rgb(249, 249, 249);
	padding: 0.5em 0em 1em 0em;
	background-image: url(../gfx/interface/headingGrad.gif);
	background-repeat: repeat-x;
	background-position:bottom;
	margin:5px 25px;
}
.bodyMainContent p.ServiceDirectoryContent{
	color:rgb(95, 95, 95);
	margin:5px 20px;
	}
	
/*events listing*/	
.bodyMainContent .eventsListing{margin:10px 20px 15px 5px;}
.bodyMainContent .eventsListing h3{
	color:rgb(171, 191, 0);
	font-size:1em;
	border-bottom:none;
	margin:2em 2em 1em 1em;
}

.bodyMainContent .eventsListing ul{
	list-style-type:none;margin:0em;
}

.bodyMainContent .eventsListing li{
	background-image:url(../gfx/interface/event-icon.gif);
	background-repeat:no-repeat;
	background-position:1.5em 0em 0em 0em;
	padding:0em 0.5em 0.2em 2em;
	margin: 0em;
	font-size:10pt;
	border-bottom:1px solid #F3F3F3;
}
.bodyMainContent .eventsListing p{
	font-size:9pt;color:#333333;
}
.bodyMainContent .eventsListing li a{}
.bodyMainContent .eventsListing li a:hover{}

/*home page film strip*/
.bodyMainContent h3.homepageFilmStripHead{color:#CCCCCC;}
.bodyMainContent .homepageFilmStrip{
	background-image:url(../gfx/interface/filmstripLarge.gif);
	background-repeat:repeat-y;
	background-position:top center;
	margin:0 20px;;
	text-align:center;
}
.bodyMainContent .homepageFilmStrip img{padding:50px 15px 30px 15px;border:0;}
.bodyMainContent .homepageFilmStrip a img{}
.bodyMainContent .homepageFilmStrip a img:hover{}


/*Noticeboard*/
.bodyMainContent .post{margin:10px 25px;border:1px solid #F1F1F1;}
.bodyMainContent .post h2{font-size:1.1em;padding:0.2em 0.2em 0.5em 0.2em;margin:0em;font-weight:normal}
.bodyMainContent .post .communityNotice{color:#999;font-size:0.8em;font-weight:bold;padding-left:0.2em;}
.bodyMainContent .post .topOfPage{text-align:right;padding-bottom:0;margin-bottom:0.5em;font-size:0.7em;}
.bodyMainContent .post .postTitle{border-bottom:1px solid #E8E8E8;}
.bodyMainContent .post .postTitle .author{background-color:#E8E8E8;font-size:0.7em;padding:0.2em;}
.bodyMainContent .post .communityNoticeImage{float:right;margin:0.5em 0em 0.5em 1em;}
.bodyMainContent .indent{margin-left:35px}

.bodyMainContent .buttonContainer{background-color:#F0F0F0;font-size:0.7em;padding:0.5em;margin:0 25px 15px 25px;}
.bodyMainContent .buttonContainer a{background-color:#FFFFFF;padding:0.2em;text-decoration:none;}
.bodyMainContent .buttonContainer a:hover{color:#FFFFFF;background-color:#01adef;}

/** assetbooker**/
.bodyMainContent .assetbooking{font-size:0.8em;margin:0 40px;}
.bodyMainContent .assetbooking a{text-decoration:none;}

/*splash pages.*/
.bodyMainContent .thumbnailDisplay{margin-right:175px;border:1px solid #F1F1F1;margin-bottom:15px;}
.bodyMainContent .thumbnailDisplay img{float:left;padding:0.2em; margin:0em 0.3em 0.3em 0em;}
.bodyMainContent .thumbnailDisplay a img{border:0;text-decoration:none;}
.bodyMainContent .thumbnailDisplay a:hover img{background-color:#CCCCCC;}
.bodyMainContent .thumbnailDisplay h3{border-bottom:1px solid #E8E8E8;font-size:1.1em;padding:0.2em 0.2em 0.5em 0.2em;margin:0em;font-weight:normal}
.bodyMainContent .thumbnailDisplay h3 a{text-decoration:none;}
.bodyMainContent .thumbnailDisplay p{margin-top:0.5em;}

/*friends system.*/
.bodyMainContent .friendsContainer{margin-right:175px;border:1px solid #F1F1F1;margin-bottom:15px;}
.bodyMainContent .friendsContainer .friendsHeading{background-color:#bdd710;margin:0.5em 0em 0.5em 0em}
.bodyMainContent .friendsContainer .friendsHeading h3{font-size:1.3em;padding:0.2em;margin:0em;} 
.bodyMainContent .friendsContainer{font-size:0.8em;padding:0.5em;}
.bodyMainContent .friendsContainer a{padding-left:0.5em;}
.bodyMainContent .friendsContainer a:hover{}



/*FEEBACK AND FORMS*/
	.feedbackContainer{
	margin-right:50px;
	}
	.ControlContainerUser{
	display: block;
	margin: 0.3em 0.3em 0.3em 3em;
	padding: 4px 2px;
	font-size: 0.75em;
	background: #f4f4f4;
}

	.ControlContainerUser label {
	width: 8em; /*Change this to change 'left' label col width */
	display: block;
	float: none;
	width:auto;
	text-align:left;
}	
	.UserInput, textarea{
	border: solid 1px #bbb;
	background: white;
	width: 70%;
	padding: 2px;
	margin-left: 10em;
	font-family: Georgia, Times New Roman, Serif;
	font-size: 8pt;
	}
	.submit{
	background-color: #abda00;
	border: 1px solid #666666;
	color: #FFFFFF;
	padding: 2px;
	margin-left: 9em !important;
	margin-left: 10em;
	font-size: 1em;
	font-weight:bold;
	text-align:center;
	}

	
/*POP-up*/
/*#################News Pop-up*/
/*and now for the pop-up*/
.popupContainer{
	margin:0 1em 0 1em;
	padding:0.5em;
	background-color:#FFFFFF;
	text-align:left;
	font-size:1.2em;
}
.popupContainer h2{font-size: 1.1em; color:#679a01}
.popupContainer h2 .smaller{font-size:0.8em;color:#CCCCCC;}
.popupContainer p{color:#333333;font-size:0.7em;}
.popupContainer .button{
	background-color: #679a01;
	font-size: 0.6em; 
	color: #FFFFFF;
	margin: 1.5em 0.1em 0.1em 0.1em;
	padding: 0.2em 0.2em 0.2em 0.4em;
}

.homeRealEstateLink a{
	position:absolute;
	top:128px;
	left:294px;
	width:70px;
	height:16px;
	cursor:hand;

	background-image:url(../gfx/interface/spacer.gif);
}