body	{
		width: 800px; 
		background-color: #fff; 
		position: relative; 
		margin-left: auto; 
		margin-right: auto;
		font-family: verdana, arial;
	}

#contentArea	{
			position:relative;
			float:left;
		/*	height:550px;	*/
			width:800px; 
			background-color: #fff;
		}

#menuArea	{
			position:relative;
			float:left;
		/*	height:548px;      */	
			width:178px; 
			background-color: #fff; 
			border-right:#0099ff solid 1px; 
			border-bottom:#0099ff solid 1px; 
			border-left:#0099ff solid 1px; 
			border-top:#0099ff solid 1px;
			border: 0px none;
		}

#copyArea	{
			position:relative;
			float:left;
		/*	height:548px;      */	
			width:619px; 
			background-color: #fff;
			border-right:#0099ff solid 1px; 
			border-bottom:#0099ff solid 1px; 
			border-top:#0099ff solid 1px;
			border: 0px none;
		}
	
#subCopyArea100	{
			position:relative;float:left;
	             	width:603px; 
			background-color: #fff; 
			padding-left:8px;
			padding-right:8px;
			padding-top:4px;
			padding-bottom:8px;
		}
	
#contentFooterArea	{
				position:relative;
				float:left;
				height:20px;	
				width:800px; 
				color: #000; 
				font-weight: normal; 
				font-size: 66%; 
				font-style: normal; 
				font-family: verdana, arial;
				text-align:right;
			}

.inputDescription    	{
				position:relative;
				float:left;
				height:20px;	
				width:80px; 
				color: #000; 
				font-weight: normal; 
				font-size: 66%; 
				font-style: normal; 
				font-family: verdana, arial;
				text-align:right; 
				padding-left:8px;
				padding-right:8px;
			}

.inputSubtext    	{
				position:relative;
				float:left;
				height:20px;	
				width: 150px; 
				color: #000; 
				font-weight: normal; 
				font-size: 66%; 
				font-style: normal; 
				font-family: verdana, arial;
				text-align:left; 
				padding-left:8px;
				padding-right:8px;
			}

.wideinputDescription    	{
					position:relative;
					float:left;
					height:20px;	
					width:120px; 
					color: #000; 
					font-weight: normal; 
					font-size: 66%; 
					font-style: normal; 
					font-family: verdana, arial;
					text-align:left; 
					padding-left:8px;
					padding-right:8px;
				}

.shortinputDescription 	{
				position:relative;
				float:left;
				height:20px;	
				width:50px; 
				color: #000; 
				font-weight: normal; 
				font-size: 66%; 
				font-style: normal; 
				font-family: verdana, arial;
				text-align:right; 
				padding-left:8px;
				padding-right:8px;
			}

.inputField 	{
			position:relative;
			float:left;
			height:20px;	
			width:300px; 
			color: #000; 
			font-weight: normal; 
			font-size: 66%; 
			font-style: normal; 
			font-family: verdana, arial;
			text-align:left;
			padding-left:8px;
			padding-right:8px;
		}

.inputTextArea 	{
			position:relative;
			float:left;
			height:120px;	
			width:300px; 
			color: #000; 
			font-weight: normal; 
			font-size: 66%; 
			font-style: normal; 
			font-family: verdana, arial;
			text-align:left;
			padding-left:8px;
			padding-right:8px;
		}

.inputCheckbox 	{
			position:relative;
			float:left;
			height:20px;	
			width:40px; 
			color: #000; 
			font-weight: normal; 
			font-size: 66%; 
			font-style: normal; 
			font-family: verdana, arial;
			text-align:left;
			padding-left:8px;
			padding-right:8px;
		}


.textDescription    	{
				position:relative;
				float:left;
				height:20px;	
				width:80px; 
				color: #000; 
				font-weight: normal; 
				font-size: 66%; 
				font-style: normal; 
				font-family: verdana, arial;
				text-align:right; 
				padding-left:8px;
				padding-right:8px;
			}

.catList    	{
					position:relative;
					float:left;
					width:350px; 
					color: #000; 
					font-weight: normal; 
					font-size: 66%; 
					font-style: normal; 
					font-family: verdana, arial;
					text-align:left; 
					padding-left:8px;
					padding-right:8px;
				}

.shorttextDescription 	{
				position:relative;
				float:left;
				height:20px;	
				width:50px; 
				color: #000; 
				font-weight: normal; 
				font-size: 66%; 
				font-style: normal; 
				font-family: verdana, arial;
				text-align:right; 
				padding-left:8px;
				padding-right:8px;
			}

.textField 	{
			position:relative;
			float:left;
			height:20px;	
			width:140px; 
			color: #000; 
			font-weight: normal; 
			font-size: 66%; 
			font-style: normal; 
			font-family: verdana, arial;
			text-align:left;
			padding-left:8px;
			padding-right:8px;
		}

.email_textField {
			position:relative;
			float:left;
			height:20px;	
			width:150px; 
			color: #000; 
			font-weight: normal; 
			font-size: 66%; 
			font-style: normal; 
			font-family: verdana, arial;
			text-align:left;
			padding-left:8px;
			padding-right:8px;
		}

.day_inputField {
			position:relative;
			float:left;
			height:20px;	
			width:30px; 
			color: #000; 
			font-weight: normal; 
			font-size: 66%; 
			font-style: normal; 
			font-family: verdana, arial;
			text-align:left;
			padding-left:8px;
			padding-right:8px;
		}

.month_inputField {
			position:relative;
			float:left;
			height:20px;	
			width:100px; 
			color: #000; 
			font-weight: normal; 
			font-size: 66%; 
			font-style: normal; 
			font-family: verdana, arial;
			text-align:left;
			padding-left:8px;
			padding-right:6px;
		}

.year_inputField {
			position:relative;
			float:left;
			height:20px;	
			width:40px; 
			color: #000; 
			font-weight: normal; 
			font-size: 66%; 
			font-style: normal; 
			font-family: verdana, arial;
			text-align:left;
			padding-left:8px;
			padding-right:8px;
		}

.email_inputField {
			position:relative;
			float:left;
			height:20px;	
			width:150px; 
			color: #000; 
			font-weight: normal; 
			font-size: 66%; 
			font-style: normal; 
			font-family: verdana, arial;
			text-align:left;
			padding-left:8px;
			padding-right:8px;
		}


.menuitem-divider	{
				text-decoration:none;
				width:178px;
				height:16px;
				font-weight: normal;
				font-size: 70%;
				color: #000000;
				font-style: normal;
				font-family: verdana, arial;
				position:relative;
				float:left;
				border-bottom: #c0c0c0 solid 1px;
			}

.menuitem-header	{
				width:178px;
				height:16px;
				position:relative;
				float:left;
				border-bottom: #c0c0c0 solid 1px; 
				text-align:left;
			}

.menuitem-unselected	{
				width:173px;
				height:16px;
				position:relative;
				float:left;
				border-bottom: #c0c0c0 solid 1px; 
				border-left:#c0c0c0 solid 5px;
				text-align:left;
			}

.menuitem-selected	{
				background-color: #c0c0c0;
				width:173px;
				height:16px;
				position:relative;
				float:left;
				border-bottom: #c0c0c0 solid 1px; 
				border-left:#660000 solid 5px;
				text-align:left;
			}
	
.menutext-header	{
				text-indent:10px;
				text-decoration:none;
				width:168px;
				height:16px;
				font-weight: bold;
				font-size: 70%;
				color: #000000;
				font-style: normal;
				font-family: verdana, arial;
				position:relative;
				float:left;
				text-align:left;
			}

.menutext-unselected	{
				text-indent:5px;
				text-decoration:none;
				width:168px;
				height:16px;
				font-weight: normal;
				font-size: 70%;
				color: #000000;
				font-style: normal;
				font-family: verdana, arial;
				position:relative;
				float:left;
				text-align:left;
			}

.menutext-unselected:hover	{
					text-indent:5px;
					text-decoration:underline;
					width:168px;
					height:16px;
					font-weight: normal;
					font-size: 70%;
					color: #000099;
					font-style: normal;
					font-family: verdana, arial;
					position:relative;
					float:left;
					text-align:left;
				}

.menutext-selected	{
				text-indent:5px;
				text-decoration:none;
				width:168px;
				height:16px;
				font-weight: bold;
				font-size: 70%;
				color: #000000;
				font-style: normal;
				font-family: verdana, arial;
				position:relative;
				float:left;
				text-align:left;
			}

a:link 		{
    			color: #0000ff;
		}
a:visited 	{
     			color: #0000ff;
		}
a:hover 	{
     			color: #0000ff;
		}


.content-header-generic	{
				background-color: #c0c0c0; 
				color: #fff;
				font-weight: normal; 
				font-size: 200%; 
				font-style: normal; 
				font-family: verdana, arial;
				text-align:right;
			}

.text-header	{
				font-weight: bold;
				font-size: 100%;
				color: #000000;
				font-style: normal;
				font-family: verdana, arial;
				margin-bottom:5px;
		}

.text-body	{
				font-weight: normal;
				font-size: 80%;
				color: #000000;
				font-style: normal;
				font-family: verdana, arial;
		}

.help-header	{
				font-weight: bold;
				font-size: 85%;
				color: #000000;
				font-style: normal;
				font-family: verdana, arial;
				margin-bottom:5px;
		}


.horizontal-bar	{
			width:95%; 
			font-size: 50%;
			border-top:#0080ff solid 2px; 
			position: relative; 
			margin-top:10px;
			margin-left: auto; 
			margin-right: auto;
		}

.error		{
				font-weight: normal;
				font-size: 80%;
				color: #ff0000;
				font-style: normal;
				font-family: verdana, arial;
		}

tr.odd		{
			background-color: silver;
		}

tr.even		{
		}

a.page_no:link 	{	color: #0000ff;
		}

a.page_no_selected:link 	{	color: #ff0000;
				}

a.page_no_selected:visited 	{	color: #ff0000;
				}

a.page_no:visited 	{	color: #0000ff;
			}



a.page_no_selected	{	font-size: 80%;
				font-family: verdana, arial;
			}

a.page_no	{	font-size: 80%;
			font-family: verdana, arial;
		}




a.rec_list:link 	{	color: #0000ff;
			}

a.rec_list_selected:link 	{	color: #ff0000;
				}

a.rec_list_selected:visited 	{	color: #ff0000;
				}


a.rec_list:visited 	{	color: #0000ff;
			}



a.rec_list_selected	{	
				font-family: verdana, arial;
			}

a.rec_list	{	
			font-family: verdana, arial;
		}

.record_list	{
			width: 100%;
		}

.au_record_list	{
			width: 100%;
		}

.au_column	{	font-size: 85%;
			font-family: verdana, arial;
			width: 14%;
			padding-left: 3px;
		}

.au_col_1	{	font-size: 85%;
			font-family: verdana, arial;
			width: 14%;
			padding-left: 3px;
		}

.au_col_2	{	font-size: 85%;
			font-family: verdana, arial;
			width: 24%;
			padding-left: 3px;
		}

.au_col_3	{	font-size: 85%;
			font-family: verdana, arial;
			width: 24%;
			padding-left: 3px;
		}

.au_col_4	{	font-size: 85%;
			font-family: verdana, arial;
			width: 28%;
			padding-left: 3px;
		}


.au_col_5	{	font-size: 85%;
			font-family: verdana, arial;
			text-align: right;
			width: 10%;
			padding-right: 3px;
		}

.list_col_name	{	font-size: 85%;
			font-family: verdana, arial;
			width: 30%;
			padding-left: 3px;
		}

.list_col_code	{	font-size: 85%;
			font-family: verdana, arial;
			width: 15%;
			padding-left: 3px;
		}

.list_col_id	{	font-size: 85%;
			font-family: verdana, arial;
			width: 10%;
			padding-left: 3px;
		}

.body_link	{	font-size: 85%;
			font-family: verdana, arial;
		}


table.mon	{	width: 350px;
			text-align: center;
			border-style: solid;
			border-width: 1px;
			border-color: silver;
			font-size: small;
			font-weight: bold;
		}

td		{	border-style: solid;
			border-color: silver;
			border-width: 1px;
		}

td.mon_name	{	background-color: #660099;
			color: #ffffff;
			font-weight: bold;
		}

td.day_name	{	background-color: #336699;
			color: white;
			width: 20px;
		}

td.price_h	{	background-color: #ff9966;
		}

td.rate_pw	{	background-color: #ffcc99;
			text-align: right;
			font-size: small;
		}

td.null_day	{	background-color: #ccccff;
		}

td.avail	{	background-color: #ffffff;
		}

td.selected	{	background-color: #00ff00;
		}

td.booked	{	background-color: #ff0000;
		}

table.legend	{	background-color: #ccccff;
			width: 350;	
			border-style: solid;
			border-width: 1px;
			border-color: silver;
			font-family: verdana, helvetica, sans-serif; 
			font-size: x-small;
			font-weight: bold;
		}

td.legend_avai	{	background-color: #ffffff; 
			border-style: solid; 
			border-color: silver; 
			border-width: 1px;
		}

td.legend_booked	{	background-color: #ff0000; 
				border-style: solid; border-color: 
				silver; border-width: 1px;
			}

td.legend_2 	{   	border-width: 0;
		}

td.legend_3	{	width: 6%; 
			border-width: 0;
		}