/* GENERAL STYLES */

#map_canvas {float: right;}

.smallboatpics {width: 150px; height: 100px;}
.normalboatpics {width: 299px; height: 200px;}


html, body {margin: 0; padding: 0; font-size: 1em ; }

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */



body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #000;
	background: #e9b901;
}

p h1 h2 h3 {
	position: relative;
	}

p .legend {
	font-weight: bold;
	float: left;
	width: 15%;
	margin: 0px;
	padding: 0px;
}

.smalltext {
	font-size: 80%;
}


.dogsyes {
	background: url(images/bullet-dog-yes.gif) left center no-repeat;
	padding-left: 17px;
	margin-bottom: 10px;
	list-style:none;
}

.dogsno {
	background: url(images/bullet-dog-no.gif) left center no-repeat;
	padding-left: 17px;
	margin-bottom: 10px;
	list-style:none;
}


strong {font-weight: bold; color: #233622; }

img { border: 0;}


 
.alignleft  {margin: 0; padding: 1em 10px 2.5em 0; text-align: left; }
.alignright  {margin: 0; padding: 1em 10px 2.5em 0; text-align: right; }


.alignright strong {color: #771464; font-weight: bold; }

/* Social Bookmarks */

.bookmarkpanel {
	border: 1px solid #000000;
	padding: 5px 5px 5px 70px;
	background: url(images/bg-costbox.gif) #e5e5e5 top left no-repeat;
	width: 80%;
}

.bookmarkpanel h3 { padding: 0; margin: 0;}
.bookmarkpanel li { margin: 15px 0px 0px 0px; display:inline; padding: 0 15px 0 16px; }
.bookmarkpanel ul { margin: 0px; padding: 0px;}

.digg { background: url(images/icons/16x16-digg-guy.gif) 0 0 no-repeat;}
.reddit {	background: url(images/icons/reddit.png) 0 0 no-repeat;	}
.facebook {	background: url(images/icons/facebook.gif) 0 0 no-repeat;	}
.delicious {	background: url(images/icons/delicious.gif) 0 0 no-repeat;	}
.stumbleupon {	background: url(images/icons/stumbleupon.gif) 0 0 no-repeat;	}


/* This is simply used to add space at the bottom of a page so that the */
/* CONTAINER DIV is long enough to prevent LEFTBOX flooding over to the right. */
/* It is only used on pages where the container has very little content */ 
.space {
	height: 600px; 
}

.space200 {
	height: 200px; 
}

.space50 {
	height: 50px; 
}









.map h2 {
 font-family: "Times New Roman", Times, serif;
 font-size: 40px;
 color:#00FFCC;
}

.img-left{
	float: left;
	padding: 5px 5px 5px 0;
}

.img-right{
	float: right;
	padding: 5px 5px 5px 5px;
}
.boatpics {
	float: left;
	margin: 6px;
	text-align: center;
	width: 299px;
	height: 260px;
}
.boatpics p {
	font-size: 80%;
	font-weight: bold;
	color:#333333;
	margin: 4px 0 0 4px;
}


.cottagepics {
	float: left;
	margin: 6px;
	text-align: center;
	width: 130px;
	height: 200px;
}
.cottagepics p {
	font-size: 80%;
	font-weight: bold;
	color:#333333;
	margin: 4px 0 0 4px;
}








.float {
	float: left;
	margin-left: 6px;
	text-align:center;
	width: auto;
}


.float p {
	padding: 3px 0 0 3px;
	margin: 0;
}

.boatfloatnormal {
	float: left;
	margin-left: 6px;
	text-align:center;
	width: 299px;
}

.boatfloatsmall {
	float: left;
	margin-left: 6px;
	text-align:center;
	width: 200px;
	margin-bottom: 10px;
}

.boatfloatsmall img {border: 1px solid #000000;}


.boatfloatnormal p, .boatfloatsmall p {
	padding: 3px 0 0 3px;
	margin: 0;
}

.boatfloatsmall a:hover {
	background: #FF9900;
	color: #000000;
}
	




.left {
	float: left;
	margin-left: 6px;
	text-align:center;
	width: 30%;
	padding: 5px 5px 5px 0;
	}

html>body .left {margin-left: 12px; } /*** IE doubles the margin on the float. This sets
					the margin to the correct widg071/0parklife.htmlfor others ***/
.middle {
	float: left;
	width: 30%;
	margin: 0 6px 0 6px;
	padding: 5px 5px 5px 0;
	text-align:center;
}

.right {
	float: left;
	margin-right: 6px;
	width: 30%;
	padding: 5px 5px 5px 0;
	text-align:center;
}

html>body .right {margin-right: 12px; } /*** IE doubles the margin on the float. This sets
					the margin to the correct widg071/0parklife.htmlfor others ***/

.clear {
	clear: both;
	margin: 0;
	padding: 0; 
	}


 
.row_even { background-color: none;}
.row_odd { 	background-color: #FFFF99; }


/* TAKE NOTICE BOX STYLES FOR MAIN SITE */

.takenotice_sm {
	border: 1px solid #000000;
	padding: 3px 30px 3px 30px;
	clear: both;
	overflow:visible;
	font-size: 120%;
	font-weight: bold;
	text-align: center;
	background-color: #CCCCCC;
	background-image: url(images/take-notice-sm.gif);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}
.takenotice_sm p {
	
	/*background-image: url(images/take-notice-sm.gif);
	background-repeat: no-repeat;
	background-position: right top; */
	}



.take-notice-box2 {
	background: #b7bbef url("images/layout-navbar.gif") repeat-y left;
	padding: 3px;
	width: 90%;
	margin-bottom: 20px;
	min-height: 42px;
}

.take-notice-box2 img {
	float: left;
	padding-right: 10px;
	margin: 0;
}

.take-notice-box2 p {
	font-size: 110%;
	font-weight: bold;
}

.take-notice-box2 h2{
	font-size: 110%;
	font-weight: bold;
	text-align: center;
}



/* FORM STYLES FOR MAIN SITE */

.form-vacancy {
	border: 1px solid #000066;
	float: right;
	width: 50%;
}
.form-vacancy p {
	margin: 5px;
	clear: left;
}
.form-vacancy p label {
	font-weight: bold;
	float: left;
	width: 40%;
}

.form-vacancy .outline {
	background:none;
	border: 1px solid #999999;
}

.form-vacancy .buttonright {
	float: right;
	margin: 5px;
}

.form-vacancy h2 {
	font-weight: bold;
	font-size: 110%;
	margin: 0px;
	padding: 5px;
	clear: left;
	background: #b7bbef url("images/layout-navbar.gif") repeat-y left;
}

.form-contact {
	clear:both;
	padding: 5px;
	background: #eeeeee;
	float:left;
	width: 95%;
}
.form-contact p {
	font-weight: bold;
	padding: 5px 0px 0px 0px;
	clear: left;
	margin: 4px 0 4px 0;
}
.form-contact p label {
	font-weight: bold;
	float: left;
	width: 30%;
}







.form-area {
	position:relative;
	display:block;
	padding:5px;
	height:1%;
	border:1px solid #000000;
	overflow: visible;
	margin-top: 20px;
	clear:both;
	float:left;
	width: 95%;
	background-color: #eeeeee;
	background-image: url(images/bg-costbox.gif);
	background-repeat: no-repeat;
	background-position: 0px 10px;
	font-size: 1em;
}

.form-area p {
	padding: 5px 0px 0px 0px;
	clear: left;
	margin: 4px 0 4px 0;
}
.form-area p label {
	font-weight: bold;
	float: left;
	width: 30%;
}



.form-area .readonly {
	background: transparent;
	border: none;
}

.form-area .inline {
	font-weight: bold;
	
	width: 100%;
}
.form-area .form-head{
	font-size: 200%;
	color: #000000;
	font-weight: bold;
	margin: 20px 0 25px 65px;
	}

.form-area .heading {
	position:relative; 
	display:block; 
	margin-top: -19px;
	margin-left: 20px;
	margin-right: 60%;
	padding: 0 10px 0 10px;
	background: #eeeeee;
	line-height: 20px;
	font-size:140%;
}

* html .form-area .heading {display:inline-block;}




/* Layout CLASSES and IDs */

/* CONTENT and Sub-styles */





.button {
	border: #ccc 1px solid;
	background: #ffebd8;
	float:left;
	width: 29%;
	margin: 2px 10px 0 0;
	padding: 3px;
	height: 110px;
	overflow: hidden;
	
	}












.content {
	margin: 8px 180px 5px 10px;
	padding: 0 5px 5px 0;
	position: relative; 
} /*** for IE6 ***/
	
.content h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 130%;
	font-weight: bold;
}

.content h1 a { color: #000000; background: none;}
.content h1 a:link { color: #000000; background: none;}
.content h1 a:visited { color: #000000; background: none;}
.content h1 a:hover { color: #000000; background: none;}

.content h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
}
.content h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: bold;
}
.content p {
	font-size: 90%;
}
.content li {
	font-size: 90%;
}

.content a { color:#0000FF; text-decoration: none;}
.content a:link { color:#0000FF; text-decoration: none;}
.content a:visited { color:#0000FF; text-decoration: none;}
.content a:hover {color:#ffffff; background-color:#0000ff; text-decoration: none;} 

.content th{
	background: #b7bbef; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 95%;
	font-weight: bold;
	padding: 6px 4px 6px 4px;
}



.content td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
}

.content .testimonial {
	font-size: 90%;
	background: url(images/quote1.gif) no-repeat;	
	margin: 0 3em 40px 3em;
	min-height: 60px;
}
.content .testimonial p {
	background: url(images/quote2.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	min-height: 60px;
	height: 60px;
	padding: 5px 0px 5px 5px;
	font-size: 100%;
	
}

.content .testimonial .author {
	float: right;
	text-align:right;
	font-weight: bold;
	font-size: 90%;
	padding-bottom: 20px;
	border-bottom: dashed #cccccc 1px;
	width: 100%;
}	

.content .faq {
	background: url(images/Q.gif);
	background-repeat: no-repeat;
	background-position: left top;
	
}
.content .faq .Q {
	font-weight: bold;
	margin: 0 0 0 40px;
	height: 35px;
}
.content .faq .A {
	background: url(images/A.gif) left no-repeat;
	font-weight: normal;
	padding: 0 0 5px 40px;
	border-bottom: dashed 1px #CCCC00;
	height: 35px;
}

.content .boatlayout {
	margin: 20px;
}

.content .links {
	background: url(images/bullet-prop.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 16px;
}
.content .links h2 {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 110%;
}
.content .links p {
	margin-top: 0;
	margin-bottom: 20px;
}

/* CALENDAR Styles */

.calendar-sm{
	height: 1%;
	float: left;
	border: 1px solid #cccccc;
	margin-right: 10px;
	background: #eeeeee;
}
.calendar-sm form { margin: 0; }
.calendar-sm .small {font-size: 70%;}

.calendar-sm table { padding: 1px; margin: 1px; }

.calendar-sm th {
	background: #CCCCCC;
	width: .75em;
	padding: 1px 1px 1px 2px;
	text-align: center;
}

.calendar-sm td {text-align: right; width: .75em; padding: 1px; font-size: 80%; }







.calendar {
	height: 1%;
	float: left;
	border: 1px solid #cccccc;
	margin-right: 10px;
	background: #eeeeee;
}
.calendar form { margin: 0;}

.calendar table { padding: 1px; margin: 1px; }

.calendar th {
	background: #CCCCCC;
	width: 1em;
	padding: 1px 1px 1px 2px;
	text-align: center;
}

.calendar td {text-align: right; width: 1em; padding: 1px; }
.booked {background-color:#FF0000; }

.changeover_start { background:url(images/whitegif.gif) left repeat-y  #FF0000;}
.changeover_end { background:url(images/whitegif.gif) right repeat-y  #FF0000;}
.reserved {	background-color:#33CCFF;}
.calendar td a {
	padding: 1px;
	text-align: right;
	width: 1em;
	text-decoration: none;
}
	
.calendar td a:link {
	padding: 1px;
	text-align: right;
	width: 1em;
	text-decoration: none;
}
	
.calendar td a:hover {
	padding: 1px;
	text-align: right;
	width: 1em;
	text-decoration: none;
	background:#0000CC;
	color:#CCCCCC;
}
.calendar .monthnav {background: #CCCC00;text-align: center;}










.content .boatpanel {
	margin-bottom: 20px;
	margin-right: 20px;
	padding: 5px;
	position: relative;
	height: 1%;
		min-height: 200px;
	clear: both;
}

.content .boatpanel h2 {
	background: #b7bbef url("images/layout-navbar.gif") repeat-y left;
	color: #000000;
	font-size: 100%;
	font-weight: bold;
	padding: 5px 0 5px 5px;
	margin: 0;
	height: 1%;
}

.content .boatpanel h2 a:link, a:visited {
	color: #000000;
	text-decoration: none;
	background-color: transparent;
}

.content .boatpanel h2 a:hover {
	color: #000000;
	text-decoration: underline;
	background-color: transparent;
}

.content .boatpanel h2 img { float:  right; height: 16px; margin: 0; padding: 0 10px 0 0;}

.content .boatpanel h3 {
	font-size: 90%;
	font-weight: bold;
	padding: 5px 0 5px 5px;
	margin: 0;
}
.content .boatpanel img {
	float: left;
	padding: 5px 5px 5px 0;
	position: relative;
}

.content .boatpanel .detail {
	float: right;
	border: 1px #6699FF solid;
	background-color:#CCCCCC;
	margin: 5px 0 5px 10px;
	position: relative;
	height: 1%;
	display: block;
}


.content .boatpanel th {
	text-align:left;
	font: 75% Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 2px 5px 2px 5px;
}

.content .boatpanel .detail td {
	text-align:left;
	font: 75% Verdana, Arial, Helvetica, sans-serif;
	padding: 2px 5px 2px 5px;
}

.content .boatpanel .notavailable {
	clear: both;
	height: 1%;
	font-weight: bold;
	border: 1px dotted #000000;
	padding: 5px;
	font-size: 90%;
}

.content .boatpanel .costbox {
	border: 1px #000000 solid;
	background: url(images/bg-costbox.gif) #e5e5e5 top left no-repeat;
	height: 1%;
	color: #000000;
	padding: 3px 3px 3px 75px;
	margin-right: 10px;
	font-size: 1em;
	clear: both;
}

/* TIFFECTA BUTTONS */
.content .boatpanel .costbox .button_more	{
			position:relative;
			font-family: arial, helvetica, sans-serif;
			background-image:  url(images/buttons/moredetails1.gif);
			background-repeat: no-repeat;
			
			white-space: nowrap;
			display: block;
			width: 64px;
			height: 64px;
			margin: 0 5px 0 0; 
			padding: 0; 
			float: right;
}
.content .boatpanel .costbox .button_more a {
			display: block;
			color: #000000;
			font-size: 11px;
			width: 64px;
			height: 64px;
			display: block;
			text-decoration: none;
}


.content .boatpanel .costbox .button_more img {width: 64px; height: 64px; border: 0; margin-top: 0px; padding:0; }
.content .boatpanel .costbox .button_more a:hover {background-color: transparent;}
.content .boatpanel .costbox .button_more a:hover img{visibility:hidden;}

.content .boatpanel .costbox .button_more span {display: none;}


.content .boatpanel .costbox .button_book	{
			position:relative;
			font-family: arial, helvetica, sans-serif;
			background-image:  url(images/buttons/reservethisholiday1.gif);
			background-repeat: no-repeat;
			
			white-space: nowrap;
			display: block;
			width: 64px;
			height: 64px;
			margin: 0 5px 0 0; 
			padding: 0; 
			float: right;
}
.content .boatpanel .costbox .button_book a {
			display: block;
			color: #000000;
			font-size: 11px;
			width: 64px;
			height: 64px;
			display: block;
			text-decoration: none;
}


.content .boatpanel .costbox .button_book img {width: 64px; height: 64px; border: 0; margin-top: 0px; padding:0; }
.content .boatpanel .costbox .button_book a:hover {background-color: transparent;}
.content .boatpanel .costbox .button_book a:hover img{visibility:hidden;}

.content .boatpanel .costbox .button_book span {
			display: none;
}


.content .boatpanel .costbox p .price {
	font-size: 460%;
	font-weight: bold;
	color:#ff7f00;
	background:url(images/flash-only.gif) 10px 0px  no-repeat;
	float: left;
	margin: 0px 10px 10px 0;
	padding-left: 45px;
	height: 60px;
}

.content .boatpanel .costbox .gvprice {
	font-size: 180%;
	font-weight: bold;
	color:#007f00;
	margin: 6px 10px 0px 0; 
}

.content .boatpanel .costbox .gvsmall {
	font-size: 100%;
	font-weight: bold;
	color:#000000;
	margin: 0 10px 20px 0; 
}

.content .boatpanel .costbox p .fd {
background: url(images/flash-Includes-Fuel-Deposit.gif) no-repeat;
}






.content .boatpanel .buttons ul {
	margin: -10px 0 20px 0; /*** -10 lines the buttons up with the top of the cottage image ***/
	padding-top: 0;

}

.content .boatpanel .buttons li{
	font: bold 80% Verdana, Arial, Helvetica, sans-serif;
	display: inline;
	margin: 30px .25em 350px 0px;
	color: #3C582F;
	padding: 3px;	
	line-height: 2em;
	white-space:nowrap; 

}

.content .boatpanel .buttons li a {
	background:#66CC99;
	color: #000000;
	text-decoration: none;
	padding: 3px;
	
}
.content .boatpanel .buttons li a:link {
	color: #000000;
	text-decoration: none;
	padding: 3px;
}
.content .boatpanel .buttons li a:visited {
	color: #000000;
	text-decoration: none;
	padding: 3px;
}
.content .boatpanel .buttons li a:hover {
	background-color: #FF0000;
	text-decoration: underline;
	padding: 3px;
}

.content .boatpanel .costbox h2 {
	font-size: 150%;
	font-weight: bold;
	background: none;
	margin: 0px;
	padding: 0px;
}

.content .boatpanel .costbox p {
	font-size: 70%;
	margin: 0;
	padding: 0;
}

	
.content .boatpanel .costbox .button {
	float: right;
	margin: 2px 5px 5px 5px;
}






}
.content .boatpanel .costbox .extras {

	background-color: #cccccc;
	margin: 15px 5px 10px 0;
	padding: 0px;
	clear: both;
}

.content .boatpanel .costbox .extras p {
	padding: 5px; 
	text-align:center;
		font-size: 80%;
	font-weight: bold;
}


/* Quick Calendar Styles */
.content .boatpanel .costbox .quickcalendar {
		font-size: 1em;
		overflow: hidden;
}

.content .boatpanel .costbox .quickcalendar p { font-size: .9em; margin: 2px 0 3px 0;}

.content .boatpanel .costbox .quickcalendar .day {
	float: left;
	border: 1px solid #000000;
	padding: 2px;
	width: 22px;
	font-size: .7em;
	text-align:center;
	color: navy;
	overflow:hidden;
}

/* used only for the legend */
.content .boatpanel .costbox .quickcalendar .day1 {
	float: left;
	border: 1px solid #000000;
	padding: 2px;
	width: 60px;
	font-size: .7em;
	text-align:center;
	color: navy;
	overflow:hidden;
}

.content .boatpanel .costbox .quickcalendar .day a:hover {
	background-color:#99CC00;
	display: block;
	padding: 0px;
}


.content .boatpanel .costbox .quickcalendar .daybooked {
	float: left;
	background-color: #ff7f00;
	border: 1px solid #000000;
	padding: 2px;
	width: 22px;
	font-size: .7em;
	text-align:center;
}
/* used only for the legend */
.content .boatpanel .costbox .quickcalendar .daybooked1 {
	float: left;
	background-color: #ff7f00;
	border: 1px solid #000000;
	padding: 2px;
	width: 60px;
	font-size: .7em;
	text-align:center;
}




.content .boatpanel .costbox .quickcalendar .month {
 	float: left;
	background-color: #999999;
	border: 1px solid #000000;
	clear: both;
	padding: 2px;
	width: 90px;
	text-align:center;
	font-size: .7em;

}








.slideshowwrapper {
    margin:0px auto;
    padding-top:0px;
    padding-left:0px;
    padding-right:0px;
    padding-bottom:0px;
    width:420px;
    border: 0px solid #000;
    text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 150%;
	font-weight: bold;
}


.slideshowwrapper img{
	padding: 5px;
    border: 2px solid #000000;
    display:block;
    background-color: #ffffff;
    margin: 10px;

}
.slideshownav {
	text-align: left;	
}

.slideshownav li {
	font: bold 80% Verdana, Arial, Helvetica, sans-serif;
	display: inline;
	color: navy;
	padding: 3px;	
}

.slideshownav li a {
	background: #b7bbef url("images/layout-navbar.gif") repeat-y left;
	color: #000000;
	text-decoration: none;
	padding: 3px;
}
.slideshownav li a:link {
	color: #000000;
	text-decoration: none;
	padding: 3px;
}
.slideshownav li a:visited {
	color: #000000;
	text-decoration: none;
	padding: 3px;
}
.slideshownav li a:hover {
	background-color: #FF0000;
	text-decoration: underline;
	padding: 3px;
}




/* END CONTENT & Sub-styles */


/* BOXOUT & Sub-STYLES */




.boxout {
	background:url(images/layout-box-body-blue.jpg) repeat-y;
	background-color: #ffffff;
	margin-bottom: 20px;
	width: 165px;
	margin-right:5px;
}

.boxout .boxbody {
	background: url(images/layout-box-bottom-blue.jpg) bottom no-repeat;
}
.boxout .boxbody p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 30px;
	margin:0;
}

.boxout .boxbody a { color:#0000FF; text-decoration: none;}
.boxout .boxbody a:link { color:#0000FF; text-decoration: none;}
.boxout .boxbody a:visited { color:#0000FF; text-decoration: none;}
.boxout .boxbody a:hover {color:#ffffff; background-color:#0000ff; text-decoration: none;}



.boxout .boxspacer {
	height: 10px;
}
.boxout .head {
	background: url(images/layout-box-top-blue.jpg) no-repeat top left;
	margin: 0px;
}

.boxout .head h2 {
	font-size: 85%;
	font-weight: bold;
	margin: 0px;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 12px;
}

.boxout .price {
	font-size: 2em;
	font-weight: bold;
	margin: 0px;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 12px;
	text-align: center;
}



.boxout .testimonial {
	font-size: 90%;
	background: url(images/quote1-sm.gif) no-repeat;	
	margin: 2px;

	

}
.boxout .testimonial p {
	background: url(images/quote2-sm.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding: 5px 0px 5px 5px;
	margin-right: 6px;
	font-size: 100%;
}

.boxout .testimonial .author {
	float: right;
	text-align:right;
	font-weight: bold;
	font-size: 90%;
	padding-bottom: 20px;
}	

/* END LEFTBOX & Sub-STYLES */





/* BOXFORM */

#boxform {
	margin: 0;
	padding: 5px;
	font-size: 90%;

}
#boxform p {
	margin: 0px;
	padding: 5px 0px 0px;
	clear: left;
	font-size: 90%;
}
#boxform p label {
	float: left;
	width: 35%;
	font-weight:bold;
	padding-top:2px;
}
#boxform input {
	font-size: 110%;
	background: #ffffff;
	border: 1px #000000 solid;
	padding: 2px;
	margin-right: 5px;
}
#boxform select {
	font-size: 110%;
	background: #ffffff;
	border: 0;
	padding: 2px;
}
#boxform .disabled{
	font-size: 110%;
	background: #b7bbef url("images/layout-navbar.gif") repeat-y left;
	border: 1px #000000 solid;
	color: #CC0000;
}

/* END BOXForm */



/*PullQuote STYLES */

.pullquote{
	float: right;
	width: 140px;
	font-size: 90%;
	font-weight: bold;
	background: url(images/quote2.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin: 10px;
}

.pullquote p {
	background: url(images/quote1.gif) no-repeat;	
	padding: 5px 0px 5px 5px;
	line-height: 1.5em;
	font-size: 100%;
}

.pullquote .author {
	float: right;
	font-weight: bold;
	font-size: 90%
}	

/*END PullQuote STYLES */



/* ******************************************************** */
/* ---------------- MAIN LAYOUT STYLE CODE ---------------- */
/* -- These Styles define the various layout areas of    -- */
/* -- page.                                               -- */
/* ******************************************************** */


/* LEFTBOX is the left hand side of the page */

#leftbox {
	position: absolute;
	left: 1px;
	width: 221px;
	height: 410px;
	color: #000;
	background-attachment:scroll;
	background-repeat:no-repeat;
}

#leftbox #subscribepanel {
	position: absolute;
	left: 5px;
	top: 382px;
	width: 212px;
	margin: 0;
	padding: 0;
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif
	color: #000000;
}

#leftbox #subscribepanel form {
	margin: 0;
	padding: 0;
	text-align: right;
}

#leftbox #subscribepanel input {
	background: #dddddd;
	border: 1px solid #000000;
	font-size: 90%;
	padding: 2px;
	width: 160px;
}


#leftbox #subscribepanel label {
	font-size: 5px;
	padding: 0;
	margin: 0;
	color: #5480B8;
	visibility: hidden;
}

#leftbox #subscribepanel .go {
	width: 29px;
	border: 0;
	background: transparent;
	
}

#leftbox #subscribepanel h2{
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
	font-size: 125%;
	font-weight: bold;
	color:#000000;
	margin: 0;
	padding: 0;
}
#leftbox #subscribepanel p {
	font-size:90%; 
	color: #000000;
	margin: 0;
	padding: 0;
}

#leftbox a:link, #leftbox a:visited {color: #000000; text-decoration: underline; }

#leftbox a:hover {color: #000000; background:#FFFFFF; text-decoration: none;} 


/* Container is the MAIN central area of the page. */
/* Header, NavMenu, Breadcrumb and Content are ALL sub areas of CONTANER */
/* and are used as required. */
/* NOTE: the left margin is the widg071/0parklife.htmlof LEFT BOX. */

#container {
	margin-left: 222px;
	background: #ffffff;
}

#container #header #logo {
	position: absolute;
	left: 78px;
	top: 4px;
	width: 508px;
	height: 89px;
	z-index: 1;
}

#container #header #banner {
	position: absolute;
	right: 1px; 
	top: 10px;
	width: 373px;
	height: 68px;
}
#container #header #banner h2{
	margin: 3px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	position: relative;
}
#container #header #banner p{
	margin: 3px 10px 0px 0px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	position: relative;

}


#container #header #banner a { color:#0000FF; text-decoration: none;}
#container #header #banner a:link { color:#0000FF; text-decoration: none;}
#container #header #banner a:visited { color:#0000FF; text-decoration: none;}
#container #header #banner a:hover {color:#ffffff; background-color:#0000ff; text-decoration: none;} 


#rightbox {
	position: absolute;
	right: 16px;
	margin-right: -15px;
	width: 170px;
	padding-top: 5px; 
	top: 125px; /*** in the original CSS, there is no TOP position as it was relative to the heading. However, I want to make the page flow properly if CSS is not implemented so a top margin has been put in. I do not know if this will have any adverse effects. ****/
}

/* hide the following from IE5-Mac \*/
#rightbox {
	right: 0;
	margin-right: 0; }
/* IE5-Mac can see the rest */
	
/*** The #header div has a static position  ***/

#header {
	margin: 0;
	padding: 0; 
	height: 90px; } /*** must be set so the following absolutely positioned divs are 
			    placed correctly on initial load of the page***/ 


#navmenu {
	background: #ff7f00;
	border-width: 1px 0;
	padding: 3px 0;
	position: relative;  /*** IE6 needs this to display the div ***/  
	font: .9em Arial, Helvetica, sans-serif;
}

/* Hide from IE5-Mac \*/
* html #navmenu {height: 1%;}
/* end hide *//*** This hack will make IE5-win display the background color for the nav ***/

#navmenu ul {
	display: block;
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: center;
	}

#navmenu  li {
  	font-weight: bold;
	font-size: 95%;
  	display: block;
  	float: left;
  	position: relative; /*** IE6 needs this to display the links ***/
	padding: 0px 0;
	margin: 0px 4px;
	}

#navmenu .nomargin {
	margin: 0; padding: 0;}

#navmenu .nomargin a {
	padding: 0;
 } 

#navmenu a {
	padding: 3px 3px 3px 3px;
	text-decoration: none;
	color: #000; } 

#navmenu a:hover {
 	color: #faf5f8; 
	text-decoration: none;
	background: #879186; }

#navclear {
  	display: block;
	clear: both; }

/*** IE5/Mac has trouble wig071/0parklife.htmlright positioned boxes due to a secret margin. See  
     - http://www.l-c-n.com/IE5tests/right_pos/index.shtml - Philippe Wittenbergh's page 
     for an explanation of this problem and Sam Foster's page for an explanation of the 
     hack used  - http://www.sam-i-am.com/testsuite/css/mac_ie5_hack.html - ***/

#breadcrumb {
	font: bold 80% Verdana, Arial, Helvetica, sans-serif;
	color: #000066;
	padding-bottom: 3px;
	padding-top: 5px;
	padding-left: 25px;
	border-bottom: dashed #dddddd 1px;
	margin-right: 180px;
	position: relative;
}


#breadcrumb ul {
	margin: 0px;
	padding: 0px;
}
#breadcrumb li {
	font: bold 90% Verdana, Arial, Helvetica, sans-serif;
	display: inline;
	margin-right: 0.5em;
	color: #666666;
}

#breadcrumb li a {
	color: #666666;
	text-decoration: none;
}
#breadcrumb li a:link {
	color: #666666;
	text-decoration: none;
}

#breadcrumb li a:hover {
	color: #000000;
	background-color: transparent;
	text-decoration: underline;
}

	

#topwrapper {
	margin-right: 200px;
	margin-left: 10px;
	padding-top: 10px; 
	height: 1%;
}
#topwrapper a { color:#0000FF; text-decoration: none;}
#topwrapper a:link { color:#000000; text-decoration: none;}
#topwrapper a:visited { color:#000000; text-decoration: none;}
#topwrapper a:hover {color:#666666; text-decoration: none;} 
#topwrapper h2 {margin:0; padding: 0; font-size: 100%;}
#topwrapper p {margin: 3px 0 0 0; padding: 0; font-size: 80%;}
/*** Tan hack for IE. Only IE browsers see this selector.
     This replaces the old Tantek hack. Please see Edwardson Tan's page.
     http://www.info.com.ph/~etan/w3pantheon/style/modifiedsbmh.html ***/

* html #topwrapper {
	width: 100%; /*** IE5.5 needs this value to eliminate a horizontal scrollbar ***/
	w\idth: auto; } /*** resets the value for IE6 and IE5-Mac ***/



#wrapper {
	margin-right: 200px;
	padding-top: 10px; 
	height: 1%;
}
#wrapper a { color:#0000FF; text-decoration: none;}
#wrapper a:link { color:#0000FF; text-decoration: none;}
#wrapper a:visited { color:#0000FF; text-decoration: none;}
#wrapper a:hover {color:#000000; background-color:#ffcc00; text-decoration: none;} 
/*** Tan hack for IE. Only IE browsers see this selector.
     This replaces the old Tantek hack. Please see Edwardson Tan's page.
     http://www.info.com.ph/~etan/w3pantheon/style/modifiedsbmh.html ***/

* html #wrapper {
	width: 100%; /*** IE5.5 needs this value to eliminate a horizontal scrollbar ***/
	w\idth: auto; } /*** resets the value for IE6 and IE5-Mac ***/





#footer {
	margin: 130px 20px 0px 20px;
	padding-bottom: 20px;
	border-top: 1px dashed #888; 
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
}

#footer p {
	font: bold 80% Verdana, Arial, Helvetica, sans-serif;
}

#footer h3 {
	font: bold 90% Verdana, Arial, Helvetica, sans-serif;
}
#footer h3 a, a:link, a:hover, a:visited{
	color: #000000;
	text-decoration:none;
}

#footer ul {
	margin: 10px 0px 0px;
	padding: 0px;
}
#footer li {
	font: bold 85% Verdana, Arial, Helvetica, sans-serif;
	display: inline;
	margin-right: .25em;
	color: #3C582F;
	border-right-style: solid;
	border-right-color: #999999;
	border-right-width: 1px;
	padding: 0 .5em 0 .5em;
}
#footer li.noseparator {
	border-right-style: none;
}
#footer ul.small-links {
	margin: 10px 0px 0px;
	padding: 0px;
	font: bold 90% Verdana, Arial, Helvetica, sans-serif;
}
#footer ul.smaller-links {
	margin: 10px 0px 0px;
	padding: 0px;
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	}

#footer li a {
	color: #3C582F;
	text-decoration: none;
}
#footer li a:link {
	color: #3C582F;
	text-decoration: none;
}
#footer li a:visited {
	color: #3C582F;
	text-decoration: none;
}
#footer li a:hover {
	color: red;
	text-decoration: underline;
	background-color: transparent;
}

#bottom {
visibility:hidden
}









/*** ADMIN SPECIFIC STYLES ***/

.libraryimages {
	float: left;
	width: 90px;
	text-align:center;
	font-size: 80%;
	margin-right: 2px;
}

.libimgsize{

    border: 2px #000000 solid;
}

.libimgsizeselected{
	width: 90px;
	height: 90px;
	border: 2px yellow solid;
}

.calendarform {
float: left;
margin: 0px;
}

.calendarform label{
	font-weight: bold;
	float: left;
	width: 70px;
}

.calendarform p {
	margin: 0;
	padding: 3px 0 0 0 ;
	clear:left;
	font-size: 70%;
}




.form-login {
	border: 1px solid #000066;
	padding: 5px;
	background: #CCCCCC;
	float: right;
}
.form-login p {
	margin: 0px;
	padding: 5px 0px 0px;
	clear: left;
}
.form-login p label {
	font-weight: bold;
	float: left;
	width: 30%;
}

.form-login h2 {
	font-weight: bold;
	font-size: 110%;
	margin: 0px;
	padding: 5px 0px 0px;
	clear: left;
}

.form-article {
	border: 1px solid #000066;
	padding: 5px;
	float: right;
	background: #CCCCCC;
	clear:both;
}
.form-article p {
	font-weight: bold;

	padding: 5px 0px 0px;
	clear: left;
}
.form-article p label {
	font-weight: bold;
	float: left;
	width: 30%;
}
.form-article-date {
	font-weight: bold;
	float: left;
	width: 30%;
}
.form-article-date1 {
	font-weight: bold;
	float: left;
	width: 5%;
}
.form-login-buttons {
	float: right;
}


.take-notice-box {
	font-weight: bold;
	padding: 10px;
	height: 10px;
	width: 300px;
	border: 1px solid #000000;
	overflow: visible;
	color: #FF0000;
	background: #CCCCCC;
	text-align: center;
	clear: both;
	left: 200px;
	position: relative;
}
.take-notice-box-1 {
	font-weight: bold;
	padding: 10px;
	height: 10px;
	width: 300px;
	border: 1px solid #000000;
	overflow: visible;
	color: #FF0000;
	background: #CCCCCC;
	text-align: center;
	clear: both;
	left: 100px;
	position: relative;
}