/* GENERAL STYLES */

html, body {margin: 0; padding: 0; font-size: 1em ; }
body { 	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 80%;	color: #000; background: #5480B8;}

/* TIFFECTA BUTTONS */
.content .cottagepanel .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 .cottagepanel .costbox .button_more a {
			display: block;
			color: #000000;
			font-size: 11px;
			width: 64px;
			height: 64px;
			display: block;
			text-decoration: none;
}


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

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


.content .cottagepanel .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 .cottagepanel .costbox .button_book a {
			display: block;
			color: #000000;
			font-size: 11px;
			width: 64px;
			height: 64px;
			display: block;
			text-decoration: none;
}


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

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




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

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

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

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

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; }
.row_even { background-color: transparent;}
.row_odd { background-color:#FFCC33; }

/* 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: 500px; }

.addthis {float: right; padding: 0; margin: 0 70px 0 0 ;}
.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: 150px; color: #ffffff;}
.float p {padding: 3px 0 0 3px; margin: 0;}
.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 widtfor 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 widtfor others ***/

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

#localmap {  width: 55%; height: 205px;}
 



/* 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: normal;
	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%;
}


.form-area .formhead {
	font: 120% bold;
}
.form-area .small {	font-size: 80%}

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




/* Layout CLASSES and IDs */

/* CONTENT and Sub-styles */

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

/* 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: 5px;
	position: relative;
	height: 1%;
	min-height: 200px;
	clear: both;
}

 

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

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

}

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

.content .cottagepanel .costbox {
	border: 1px #000000 solid;
	float: right;
	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;
}

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

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

	
.content .cottagepanel .costbox .button {
	margin: -15px 5px 10px 5px;
}

.content .cottagepanel .costbox p .price {
	font-size: 460%;
	font-weight: bold;
	color:#ff7f00;
	margin: 0 10px 20px 0; 
	float: left;
	width: 150px;
}

.content .cottagepanel .costbox p .gvprice {
	font-size: 160%;
	font-weight: bold;
	color:#007f00;
	margin: 0 10px 20px 0; 
}

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

.content .cottagepanel .costbox p .extras {
	font-size: 120%;
	font-weight: normal;
	margin: 0;
	padding: 0;
	clear: both;
}


.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-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 {
	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: 115%;
	font-weight: bold;
	color:#ffffff;
	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 widtof LEFT BOX. */

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

#container #header #logo {
	position: absolute;
	left: 15px;
	top: 28px;
	width: 451px;
	height: 55px;
}

#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 {
	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: #b7bbef url("images/layout-navbar.gif") repeat-y left;
	border-width: 1px 0;
	padding: 3px 0;
	position: relative;  /*** IE6 needs this to display the div ***/  
	font: 1em 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 ul 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 7px;
	}


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

.picarea {
	background: url(images/sprockets.jpg) repeat-x top #000000;
	margin: 10px 40px 10px 10px;
	color: #ffffff;
}


	
.picarea img{
	border: 1px solid #cccccc;
	padding: 0px;
	}

.closepicarea { background: url(images/sprockets.jpg) repeat-x bottom;
height: 23px;
	clear: both;
	margin: 0;
	padding: 0; 
	}

#wrapper {
	margin-right: 200px;
	padding-top: 25px; 
	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 {
	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 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;
}

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