<style type="text/css">

MISC {
	font-size: 11px;
}

HTML, BODY, P, IMG, ALT, TABLE, CAPTION, TH, TR, TD, DIV, A, UL, LI, H1, H2, H3, H4, H5, H6, FORM {
	font-family:	"Comic Sans MS", Arial, Helvetica;
	color:		#000000;
	}

BODY {
	background-color: 	#18300C;
      background-image:		url(/images/backsimple.jpg);
	background-attachment:	fixed;
	}


HTML, BODY {
	SCROLLBAR-ARROW-COLOR:		#FFFFFF;
	SCROLLBAR-TRACK-COLOR:		#304020;
	SCROLLBAR-FACE-COLOR:		#66824D;
	SCROLLBAR-HIGHLIGHT-COLOR:	#18300C;
	SCROLLBAR-SHADOW-COLOR:		#18300C;
	SCROLLBAR-3DLIGHT-COLOR:	#FFFFFF;
	SCROLLBAR-DARKSHADOW-COLOR:	#FFFFFF;
	}

TEXTAREA {
	SCROLLBAR-ARROW-COLOR:		#FFFFFF;
	SCROLLBAR-TRACK-COLOR:		#895025;
	SCROLLBAR-FACE-COLOR:		#ED8F03;
	SCROLLBAR-HIGHLIGHT-COLOR:	#FFFFFF;
	SCROLLBAR-SHADOW-COLOR:		#FFFFFF;
	SCROLLBAR-3DLIGHT-COLOR:	#ED8F03;
	SCROLLBAR-DARKSHADOW-COLOR:	#ED8F03;
	}

CODE {
	font-family:	"Courier New", Courier, mono;
	color:		#000000;
	font-size:		12px;
	}

/*********** Form fields ***********/
INPUT, TEXTAREA, SELECT {
	font-family:	"Comic Sans MS", Arial, Helvetica;
	color:		#404040;
	text-align:		left;
	float:		none;
	margin:		0px 0px 0px 0px;
	padding:		2px 5px 2px 5px;
	background:		#FFFFFF;
	border:		#888888 1px solid;
	}
INPUT, TEXTAREA		{ cursor: normal; }
SELECT			{ cursor: pointer; }

INPUT:HOVER, TEXTAREA:HOVER, SELECT:HOVER
				{ background: #E0E0E0; }

/*********** Standard formats ***********/
BODY		{	font-size: 13px; }
P		{	font-size: 13px; }
LI		{	font-size: 13px; }

H1		{	font-size: 24px; color: #000000; font-weight: bold;   text-align: center; text-decoration: none; }
H2		{	font-size: 20px; color: #000000; font-weight: bold;   text-align: left;   text-decoration: none;      }
H3		{	font-size: 16px; color: #000000; font-weight: bold;   text-align: left;   text-decoration: none;      }
H4		{	font-size: 14px; color: #000000; font-weight: normal; text-align: left;   text-decoration: none;      line-height: 0.8; }
H5		{	font-size: 12px; color: #000000; font-weight: bold;   text-align: left;   text-decoration: none;      }
H6		{	font-size: 11px; color: #000000; font-weight: normal; text-align: center; text-decoration: none;      }
TH		{	font-size: 15px; color: #000000; font-weight: bold;   text-align: center; text-decoration: none;      }
TD		{	font-size: 13px; color: #000000; font-weight: normal; text-align: left;   text-decoration: none;      }

TH		{	vertical-align: middle; background: #CCCCCC; }
TD		{	vertical-align: top;    }

HR		{	color: #000000; background: #FFFFFF; border: #EEEEEE 1px solid; }

H1		{	margin: 10px 10px 0px 10px; padding: 5px 0px 5px 0px; }

A		{	color: #800000; text-decoration: underline; }
A:LINK	{	color: #800000; text-decoration: underline; }
A:HOVER	{	color: #FFB56A; text-decoration: underline; background-color: #800000; }
A:ACTIVE	{	color: #800000; text-decoration: underline; background-color: none;    }

IMG		{	vertical-align: bottom; border: none;   }

UL		{	margin:			0px 0px 10px 0px;
			padding:			0px 0px 0px 0px;
			list-style-type:		none;
		}

UL LI		{	margin:			0px  30px  0px 30px;
			padding:			0px  0px 10px 0px;
			list-style-image:		url(images/bullet.gif);
			list-style-position:	outside;
		}


/*********** IMG CLASSES ***********/
.img_left {
	margin:		0px 15px 10px 0px;
	padding:		0px 0px 0px 0px;
	float:		left;
	vertical-align:	top;
	}

.img_left_narrow {
	margin:		0px 5px 0px 0px;
	padding:		0px 0px 0px 0px;
	float:		left;
	vertical-align:	top;
	}

#img_center {
	margin:		20px 10px 10px 10px;
	padding:		0px 0px 0px 0px;
	text-align:		center;
	float:		none;
	vertical-align:	top;
	}

.img_right {
	margin:		0px 0px 10px 15px;
	padding:		0px 0px 0px 0px;
	float:		right;
	vertical-align:	top;
	}

/*********** ALIGNMENT DIVs ***********/
#left		{ text-align: left; }
#center	{ text-align: center; }
#label	{ text-align: left; }





.text			{	font-size: 13px; color: #000000; background-color: #FFB56A; text-align: left;
				vertical-align: top; }

.toptable		{	border: #EEEEEE 2px solid; }


/*********** MAIN FRAME ***********/
#main_frame {
	width:		780px;
	border:		#EEEEEE 2px solid; 
	background:		#FFB56A;
	margin:		10px 0px 0px 0px;
	padding:		15px 15px 15px 15px;
	float:		none;
	}

/*********** TOP BAR ***********/
#top_bar {
	border:		none; 
	background:		#006EA5;
	color:		#FFFFFF;
	font-size:		11px;
	line-height:	24px;
	margin:		0px 0px 0px 0px;
	padding:		5px 0px 5px 0px;
	text-align:		center;
	}
#top_bar A {
	border:		#B0B0B0 1px solid; 
	background:		#107EA5;
	color:		#FFFFFF;
	margin:		0px 8px 0px 8px;
	padding:		1px 7px 1px 7px;
	text-align:		center;
	text-decoration:	none;
	}
#top_bar A:HOVER {
	background:		#008EE5;
	color:		#FFFFFF;
	}
.top_bar_plain A {
	color:		#FFFF00;
	}

/*********** NORMAL ***********/
#normal {
	border:		none; 
	background:		none;
	margin:		10px 0px 10px 0px;
	padding:		0px 0px 0px 0px;
	text-align:		left;
	font-size:		13px;
	color:		#000000;
	}
#normal A {
	border:		none; 
	background:		none;
	text-decoration:	underline;
	}
#normal A:HOVER {
	background:		#800000;
	color:		#FFB56A;
	}

/*********** BOX ***********/
#box {
	border:		#FFFFFF 2px solid; 
	background:		#FFD090;
	margin:		20px 10px 20px 10px;
	padding:		20px 20px 20px 20px;
	text-align:		left;
	font-size:		13px;
	color:		#000000;
	}
#box A {
	border:		none; 
	background:		none;
	text-decoration:	underline;
	}
#box A:HOVER {
	background:		#800000;
	color:		#FFD090;
	}

/*********** STANDARD TABLE WITH BORDER ***********/
.bordertable {
	width:		100%;
	border:		#FFFFFF 1px solid;
	margin:		0px 0px 0px 0px;
	padding:		0px 0px 0px 0px;
	}
.bordertable tr {
	margin:		0px 0px 0px 0px;
	padding:		0px 0px 0px 0px;
	}
.bordertable th	{
	border:		#FFFFFF 1px solid;
	margin:		0px 0px 0px 0px;
	padding:		10px 10px 10px 10px;
	}
.bordertable td {
	border:		#FFFFFF 1px solid; 
	margin:		0px 0px 0px 0px;
	padding:		5px 10px 5px 10px;
	}

/*********** TABLES FORMATS ***********/
.standard_table, .item_table, .center_table {
	width:		100%;
	border:		#FFFFFF 1px solid;
	margin:		30px 0px 30px 0px;
	padding:		0px 0px 0px 0px;
	}
.standard_table tr, .item_table tr, .center_table tr {
	margin:		0px 0px 0px 0px;
	padding:		0px 0px 0px 0px;
	}
.standard_table th, .item_table th, .center_table th	{
	border:		#FFFFFF 1px solid;
	background:		#CCCCCC;
	margin:		0px 0px 0px 0px;
	padding:		10px 10px 10px 10px;
	text-align:		center;
	vertical-align:	middle;
	}
.standard_table td, .item_table td, .center_table td {
	border:		#FFFFFF 1px solid; 
	background:		#FFD090;
	margin:		0px 0px 0px 0px;
	vertical-align:	top;
	}

.standard_table td {	text-align: left; }
.item_table td {		text-align: left; }
.center_table td {	text-align: center; }

.standard_table td {	padding:  4px  4px  4px  4px; }
.item_table td {		padding: 10px 10px 15px 15px; }
.center_table td {	padding:  5px  5px  5px  5px; }

.standard_table td.left    { text-align: left; }
.standard_table td.center  { text-align: center; }
.standard_table td.right   { text-align: right; }
.standard_table td.color_r { text-align: center; color: #FFFFFF; background: #FF4040; font-weight: bold; }
.standard_table td.color_g { text-align: center; color: #000000; background: #40FF40; }
.standard_table td.color_o { text-align: center; color: #000000; background: #FFFF00; }
.standard_table td.color_rg { text-align: center; color: #000000; background: #40FF40;
				background-image: url(http://www.brouquere.com/reservations/booked_free.gif); }
.standard_table td.color_gr { text-align: center; color: #000000; background: #FF4040;
				background-image: url(http://www.brouquere.com/reservations/free_booked.gif); }


.bullet_table {
	width:		100%;
	border:		none;
	margin:		0px 0px 0px 0px;
	padding:		10px 20px 10px 20px;
	}
.bullet_table tr {
	margin:		0px 0px 0px 0px;
	padding:		0px 0px 0px 0px;
	}
.bullet_table th	{
	border:		none;
	background:		none;
	margin:		0px 0px 0px 0px;
	padding:		10px 10px 10px 10px;
	text-align:		center;
	vertical-align:	middle;
	}
.bullet_table td {
	border:		none; 
	background:		none;
	margin:		0px 0px 0px 0px;
	padding:		0px 0px 10px 0px;
	text-align:		left;
	vertical-align:	top;
	}

/*********** LINKS TO FURTHER INFORMATION ***********/
#more_info {
	border:		none; 
	background:		none;
	margin:		10px 0px 30px 0px;
	padding:		10px 70px 10px 70px;
	text-align:		center;
	line-height:	30px;
	}
#more_info A {
	border:		#FFFFFF 1px solid; 
	background:		#FFD090;
	color:		#800000;
	margin:		0px 1px 0px 1px;
	padding:		8px 10px 8px 10px;
	text-align:		center;
	text-decoration:	none;
	}
#more_info A:HOVER {
	background:		#00A060;
	color:		#FFFFFF;
	}

/*********** HIGHLIGHT BOX ***********/
#highlight {
	border:		#FFFFFF 1px solid; 
	background:		#718BD9;
	color:		#FFFFFF;
	margin:		10px 30px 10px 30px;
	padding:		10px 10px 10px 10px;
	text-align:		center;
	}
#highlight A {
	border:		none; 
	background:		none;
	color:		#FFFFFF;
	margin:		0px 0px 0px 0px;
	padding:		3px 30px 3px 30px;
	text-align:		center;
	text-decoration:	none;
	}
#highlight A:HOVER {
	background:		none;
	color:		#000000;
	}

/*********** LINKS TO FURTHER MAPS ***********/
#more_maps {
	border:		none; 
	background:		none;
	margin:		10px 0px 20px 0px;
	padding:		0px 30px 10px 30px;
	text-align:		center;
	}
#more_maps A {
	border:		#FFFFFF 1px solid; 
	background:		#FFD090;
	color:		#800000;
	margin:		0px 1px 0px 1px;
	padding:		1px 10px 1px 10px;
	text-align:		center;
	text-decoration:	none;
	}
#more_maps A:HOVER {
	background:		#00A060;
	color:		#FFFFFF;
	}

/*********** FOOTER ***********/
#footer {
	border:		none; 
	background:		none;
	margin:		0px 0px 0px 0px;
	padding:		0px 0px 0px 0px;
	text-align:		left;
	font-size:		11px;
	color:		#000000;
	}
#footer A {
	border:		none; 
	background:		none;
	color:		#000000;
	text-decoration:	underline;
	}
#footer A:HOVER {
	background:		#800000;
	color:		#FFB56A;
	}

/*********** COPYRIGHT ***********/
#copyright {
	width:		780px;
	border:		none; 
	background:		none;
	margin:		0px 0px 0px 0px;
	padding:		0px 0px 0px 0px;
	float:		none;
	font-size:		11px;
	color:		#FFFFFF;
	text-align:		left;
	}








.td2l			{	font-size: 13px; background: #FFD090;
				text-align: left; vertical-align: top; }
.td2r			{	font-size: 13px; background: #FFD090;
				text-align: right; vertical-align: top; }
.td2c			{	font-size: 13px; background: #FFD090;
				text-align: center; vertical-align: top; }
.td3n			{	font-size: 13px; background: #FFD090;
				text-align: center; vertical-align: middle; }
.td3r			{	font-size: 13px; color: #FFFFFF; background: #FF4040;
				text-align: center; vertical-align: middle; }
.td3g			{	font-size: 13px; color: #000000; background: #40FF40;
				text-align: center; vertical-align: middle; }
.td3o			{	font-size: 13px; color: #000000; background: #FFE600;
				text-align: center; vertical-align: middle; }
.td3gr		{	font-size: 13px; background: #FF4040;
				background-image: url(http://www.brouquere.com/reservations/free_booked.gif);
				text-align: center; vertical-align: middle; }
.td3rg		{	font-size: 13px; background: #40FF40;
				background-image: url(http://www.brouquere.com/reservations/booked_free.gif);
				text-align: center; vertical-align: middle; }
.titlepic		{	vertical-align: top; 
				background-repeat: no-repeat; }

/*********** Menu bar at top of page ***********/
.topbar, A.topbar, A:LINK.topbar, A:HOVER.topbar, A:VISITED.topbar, A:ACTIVE.topbar {
	font-size:		11px;
	color:		#FFFFFF;
	vertical-align:	top;
	background-color:	#006EA5;
	}
A:HOVER.topbar {
	background-color:	#000044;
	}

/*********** Update section ***********/
.update {
			font-family:	"Comic Sans MS", Arial, Helvetica;
			font-size:		11px;
			color:		#000000;
			font-weight:	normal;
}
A.update, A:link.update, A:visited.update, A:active.update {
			color:		#000000;
			text-decoration:	underline;
}
A:hover.update {
			color:		#FFB56A;
			background-color:	#221100;
}

/*********** Non-printable section ***********/
.noprint {
			font-size:		11px;
			color:		#000000;
			font-weight:	normal;
}

.print_only {
			display:		none;
}

/*********** Navigation section ***********/
.navigation {
			font-size:		11px;
			color:		#000000;
			font-weight:	normal;
}

/*********** Index Link ***********/
.indexlink {
			font-size:		17px;
			color:		#FFFFFF;
			font-weight:	normal;
			background-color:	#888888;
			text-align:		left;
			vertical-align:	top;
			text-decoration:	none;
}
A.indexlink, A:link.indexlink, A:visited.indexlink, A:active.indexlink {
			color:		#FFFFFF;
			background-color:	#888888;
			text-decoration:	none;
}
A:hover.indexlink {
			color:		#000000;
			background-color:	#FFFFFF;
			text-decoration:	none;
}

/*********** Footer ***********/
.footer {
			font-size:		11px;
			color:		#FFFFFF;
			font-weight:	normal;
}
A.footer, A:link.footer, A:hover.footer, A:visited.footer, A:active.footer {
			color:		#FFFFFF;
			text-decoration:	underline;
}

/*********** Totals in price calculations ***********/
.total {
			color:		#000000;
			background:		#FFD090;
			text-align:		right;
			border:		#FFFFFF 1px solid;
}

.checkbox {
			color:		#000000;
			background:		none;
			text-align:		right;
			margin:		0px 0px 0px 5px;
			padding:		0px 0px 0px 0px;
			border:		none;
			cursor:		pointer;
}

.button {
			font-size:		14px;
			color:		#FFFFFF;
			text-align:		center;
			float:		none;
			margin:		0px 0px 0px 0px;
			padding:		5px 10px 5px 10px;
			background:		#00A060;
			border:		#FFFFFF 2px solid;
			cursor:		pointer;
			outline:		none;
}

.button:hover {
			background:		#800000;
			color:		#FFD090;
}

input.button1 {
			font-size:		14px;
			color:		#ffffff;
			text-align:		center;
			float:		none;
			margin:		0px 0px 0px 0px;
			padding:		5px 10px 5px 10px;
			background-color:		#00a060;
			border:		#FFFFFF 2px solid;
			cursor:		pointer;
			outline:		none;
}

input.button1:hover {
			background-color:		#800000;
			color:		#FFD090;
}

</style>

