/* yy */

* {
	margin: 0;
	font-family: arial;
	}

body {
	background: #ddd9e8;
	text-align: center;

	}

#frame {
	margin-left: auto;
	margin-right: auto;
	width: 760px;
	}

#pannel-row  { 
	float: left; 
	width: 100%;  
	}

#logo { 
	float: left; 

	}
	
#logo img {
	padding: 5px; 
	padding-top: 10px;
	}

#toppics { 
	float: right;
	}
	
#header { 
	background: #ffff99; 
	height: 96px; 
	width: 760px;
	}

#topmenu { 
	background: #ffcc33; 
	width: 760px; 
	height: 24px;
	}
	
#topmenu ul {
	list-style: none; 
	margin: 0; 
	padding: 0; 
	font-size: 11px; 
	font-family: arial; 
	letter-spacing: 1px;
	}
	
#topmenu ul li { 
	float: left; 
	text-align: center; 
	margin: 0; 
	padding: 0; 
	font-family: Arial;
	}
	
#topmenu ul li { 
	border-right: 1px #ffff99 solid; 
	}
	
#topmenu ul li a { 
	color: black; 
	display: block; 
	padding: 5px 10px 5px; 
	text-align: center; 
	text-decoration: none;
	}
	
#topmenu ul li#option a { 
	background: #FFCC33 url(icon_news.gif) no-repeat top left; 
	}
	
#topmenu ul li#option a:hover { 
	background-color: #f8f2eb;
	}
	
#topmenu ul li a strong {
	color: #000; 
	display: block; 
	font-size: larger;
	}
	
#topmenu ul li a:hover { 
	color: 000;
	}

#midframe { 
	float: left;
	padding-top: 10px; 
	background:#ffff99 ; 
	width: 760px; 
	}

#rightbar { 
	float: right; 
	background: #ffcc33; 
	width: 140px; 
	text-align: center; 
	}

#rightbar p {
	padding: 5px;
	font-size: 11px;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	}

#content a, #rightbar a {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	color: red;
	font-weight: normal; 
	}

#content a.title {
	color: blue;
	}

#leftbar { 
	float: left; 
	background: #ffff99; 
	width: 620px;  
	}

#content { 
	float: left; 
	background: #ffff99; 
	// width: 740px; 
	text-align: left;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 9pt; 
	font-weight: normal;
	}

#content p, 
#content-reduced p {
	padding-left: 10px;
	}

#content ul {
	padding: 20px;
	list-style: square;
	margin-left: 10px;
	margin-top: 0;
	padding-top: 0;
	}

#content img {
	padding: 0;
	}

#content-reduced { 
	float: left; 
	background: #ffff99; 
	width: 540px; 
	text-align: left;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 9pt; 
	font-weight: normal;
	}

/* tables - incl. those laying out form entry */



table { 
	border-collapse: collapse; 
	}

.border { 
	border-collapse: collapse; 
	border: 0px; 
	padding: 0px; 
	cell-spacing: 0px; 
	}

.border tr#rowtop, .border tr#rowend { 
	background-color: #FFCC33; 
	height:1px; 
	font-size: 1px; 
	width: 1px; 
	padding: 0px;
	}

.border { 
	background-color: ffcc33; 
	padding: 0px;
	}

.border td#blank, #blank { 
	background-color: #ffcc33; 
	width: 1px; 
	font-size: 1px; 
	border: 0px; 
	padding: 0px;
	}

.inner tr#rowtop, .inner tr#rowend { 
	background-color: #ffcc33; 
	background-color: gray; 
	height:1px; 
	font-size: 1px;
	}

.inner { 
	background-color: #FFCC33;
	}

.inner td { 
	border: 1px dotted #ffff99; 
	padding: 4px;
	}

.button2 { 
	background-color: #ffff99; 
	border-right: 1px solid black; 
	border-top: 1px solid black;
	}

input {
	font-size: 10px;
	}


table.border { 
	width: 600px;
	margin: 10px;
	margin-top: 0px;
	}

tr#rowtop {
	background-color: #FFCC33; 
	height:1px; 
	font-size: 1px; 
	width: 1px; 
	padding: 0px;
	}






	
#footer { 
	float: left; 
	background: #ffcc33; 
	width: 760px;  
	text-align: center;
	}

#footer p {
	margin: 10px;
	font-size: 11px;
	}

.ftext8
{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	font-weight: normal; 
	color: #000000; 
}

.caltable { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10pt; 
	font-weight: normal; 
	color: #000000; 
	border: 1px solid #666666;
}

table.sale,
table.rental { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10pt; 
	font-weight: normal; 
	color: #000000; 
	border: 1px solid #666666;
	width: 740px;
	margin-left: 10px;
	margin-right: 10px;
}

table.sale td.price,
table.rental td.price {
	width: 100px;
	border-left: 0px dotted white;
	border-right: 0px dotted white;
	}

table.sale td.thumb,
table.rental td.thumb {
	width: 1%;
	}


p,h1,h2,h3, ul { font-family: arial }
p { color: black; margin-top: 0; padding-top: 0; padding-bottom: 0; margin-bottom: 10px }
h1,h2,h3 { color: black; margin-top: 0px; margin-bottom: 0px }

h1 { 
	font-size: 20px;
	padding-left: 10px;
	padding-bottom: 10px;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	}

h2 { 
	font-size: 14px;
	padding-left: 10px;
	padding-bottom: 10px;
	}

h3 { 
	font-size: 12px;
	padding-left: 10px;
	padding-bottom: 10px;
	}

/***************/
/* display_photos */
/***************/

#photo-frame  { 
	float: left; 
	background: ; 
	page-break-inside: avoid;
	}
	
#photo-left  { 
	float: left; background: ; 
	text-align: center; 
	width: 310px; 
	page-break-inside: avoid;
	}

#photo-right { 
	float: right; background: ; 
	text-align: center; 
	width: 310px; 
	page-break-inside: avoid;
	}


/*************/
/* right pannel */
/*************/
#buttons { text-align: center }

/*******/
/* tags */
/*******/
span.newlbl  { 
	font-weight: bold; 
	font-style: oblique; 
	font-style: normal;
	color: red;
	}

span.updlbl  { 
	font-weight: bold; 
	color: #006400;
	}

//*******************//
//**rentalcalendar.css**//
//*******************//

table.cal_layout {
	background: green;
	width: 600px;
	border: 2px red solid;
	}

table.calendar {
	width: px;
	margin: 10px;
	border: 0px solid red;
	}

table.calendar td {
	border: 1px solid gray;
	}

table td.notice {
	background: white;
	}

table.inner_calendar td {
	margin: 0px;
	padding: 5px;
	}


table.inner_calendar {
	border: 0px solid blue;
	padding: 0px;
	margin: 0px;
	}

.wkday
{
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 8pt;
    COLOR: black;
    BACKGROUND: #FFFF99;
    text-align: center
}

.unbooked
{
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 8pt;
    COLOR: black;
    BACKGROUND: #99CC66
}

.booked
{
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 8pt;
    COLOR: black;
    BACKGROUND: red
}

.blank_squares
{
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 8pt;
    BACKGROUND: #ffffff
}

.diaryentry
{
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 8pt;
    COLOR: #330066;
    BACKGROUND: #FFFFCC
}

.diarymonth
{
    FONT-FAMILY: verdana, sans-serif, helvetica, arial;
    FONT-SIZE: 10pt;
    LINE-HEIGHT: normal;
    COLOR: #FFFFCC;
    BACKGROUND: #330066; text-align: center; font-weight: bold
}

.diarytitle
{
    FONT-FAMILY: verdana, sans-serif, helvetica, arial;
    FONT-SIZE: 10pt;
    LINE-HEIGHT: normal;
    COLOR: black;
    BACKGROUND: #FFCC33; 
    text-align: center; 
    font-weight: bold
}

.monthbg
{
    BACKGROUND: #FFCC33; 
    text-align: center
}

.diaryday
{
    FONT-FAMILY: verdana, sans-serif, helvetica, arial;
    FONT-SIZE: 10pt;
    LINE-HEIGHT: normal;
    COLOR: #330066;
    BACKGROUND: #FFFFFF
; text-align: center
}

.notice
{
    FONT-FAMILY: verdana, sans-serif, helvetica, arial;
    FONT-SIZE: 10pt;
    LINE-HEIGHT: normal;
    COLOR: #330066;
    BACKGROUND: #FFFFCC;
    text-align: center
}

.diarydate
{
    FONT-FAMILY: verdana, sans-serif, helvetica, arial;
    FONT-SIZE: 8pt;
    LINE-HEIGHT: 10pt;
    COLOR: #FFFFCC;
    BACKGROUND: #330066
}


/*********/
/* pricing */
/*********/
#pricing {float: left }


table.pricing { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10pt; 
	font-weight: normal; 
	color: #000000; 
	//border: 1px solid #666666;
	margin-left: 10px;
}
table.pricing td {
	width: 500px;
	}

.photo {
		border: 1px solid #dcdcdc;
	}
	
.photodesc, a.photodesc, table {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 9pt; 
	font-weight: normal;
	
a.photodesc:link { color: black }
a.photodesc:visited { color: black }
a.photodesc:hover { color: red }
a.photodesc:active { color: green }