/* GENERAL STYLES */

html, body {margin: 0; padding: 0; font-size: 1em ; }
body {background: white;}
p h1 h2 h3 {position: relative;	}
.smalltext {font-size: 80%;}
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; }





/* 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 {
	display: none;
}

.img-left{float: left;	padding: 5px 5px 5px 0;}
.img-right{	float: right;	padding: 5px 5px 5px 5px;}
.float {	float: left;	margin-left: 6px;	text-align:center;	width: auto;}
.float p {	padding: 3px 0 0 3px;	margin: 0;}

.key { float:left;	margin: 0 10px 10px 10px;	width: auto;	height: 50px; }
.key img {	margin-right: 5px;}




.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 {
	border: 2px 0 0 0 #000000 solid;
	font-weight: bold;
}

.row_odd {
	border-bottom: 2px solid;
}


/* TAKE NOTICE BOX STYLES FOR MAIN SITE */

.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:2px solid #999999; 
	overflow: visible;
	margin-top: 20px;
	clear:both;
	background: #eeeeee;
	float:left;
	width: 95%;
}

.form-area p {
	font-weight: bold;
	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 .inline {
	font-weight: bold;
	
	width: 100%;
}

.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 */

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

.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 {
	height: 1%;
	float: left;
	border: 1px solid #cccccc;
	margin-right: 10px;
	background: #eeeeee;
}

.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 .cottagepanel {
	margin-bottom: 20px;
	margin-right: 20px;
	padding: 0;
	position: relative;

}

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

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

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

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

.content .cottagepanel .detail {
	float: right;
	border: 1px #6699FF solid;
	background-color:#CCCCCC;
	margin-left: 10px;
}


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

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

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

}

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

}

.content .cottagepanel li a {
	background:#66CC99;
	color: #000000;
	text-decoration: none;
	padding: 3px;
	
}
.content .cottagepanel li a:link {
	color: #000000;
	text-decoration: none;
	padding: 3px;
}
.content .cottagepanel li a:visited {
	color: #000000;
	text-decoration: none;
	padding: 3px;
}
.content .cottagepanel 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-green.jpg) repeat-y;
	background-color: #ffffff;
	margin-bottom: 20px;
	width: 165px;
	margin-right:5px;
}

.boxout .boxbody {
	background: url(images/layout-box-bottom-green.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-green.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 {
	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%;
}
#boxform input {
	font-size: 110%;
	background: #b7bbef url("images/layout-navbar.gif") repeat-y left;
	border: 1px #000000 solid;
	padding: 2px;
}
#boxform select {
	font-size: 110%;
	background: #b7bbef url("images/layout-navbar.gif") repeat-y left;
	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 {	display: 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: 0;	background: #ffffff;}

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

#container #header #banner {
	position: absolute;
	right: 10px; 
	top:10px;
	width: 275px;
	height: 68px;
	background: url(images/banner-gb-green.jpg) no-repeat right;
}
#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 img{
	float: left;
	margin: 4px 5px 4px 5px;
	height: 55px;
}

#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 {	display: none;}
	
/*** 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 {	display: none;}

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


#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 {
	display: none;
}


	
	


#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:#ffffff; background-color:#0000ff; 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: 1.5em 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 {
	display: none;
}
#footer li.noseparator {
	border-right-style: none;
}
#footer ul.small-links {
	display: none;
}


#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;
}

.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;
}