/* Body*/



body {



	background-color: #FFFFFF;

	margin-left: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

}





/* positionals */







.main {



	position: absolute;

	width: 550px;

	left: 220px;

	top: 195px;

	font-family: Arial Rounded MT Bold;

	font-size: 13px;

}



.banner {



	position: absolute;

	width: 460px;

	left: 230px;

	top: 15px;

	height: 50px;

}



.main p {

	font-family: Arial;

	font-size: 13px;

}

.main li {

	font-family: Arial;

	font-size: 13px;

}

.main a {

	font-family: Arial;

	font-size: 13px;

	text-decoration: underline;

}



.main h1 {

	font-family: Arial;

	font-size: 13px;

	font-weight:bold;

	margin-top: 0px;

}



.logo {

	position: absolute;

	width: 180px;

	left: 20px;

	top: 30px;

	z-index: 0;



}



.search{

	position: absolute;

	width: 160px;

	left: 20px;

	top: 130px;

	height: 92px;

	padding: 7px;

	background-image: url(../new_media/searchbox.gif);

	background-repeat: no-repeat;

}



.searchbox {

width:120px;

border: 1px solid #E8AD11;

}



.search_text {

	font-family: Arial;

}



.login {

	text-align: left;

	position: absolute;

	width: 160px;

	left: 20px;

	top: 250px;

	height: 15px;

	padding: 5px;

	background-image: url(../new_media/loginbox.gif);

	background-repeat: no-repeat;

}





.rightcolumn {

	position: absolute;

	width: 190px;

	left: 800px;

	top: 135px;

	height: 190px;

}



.leftcolumn {

	position: absolute;

	width: 140px;

	left: 19px;

	top: 295px;

	padding: 12px;

	background-image: url(../new_media/box.gif);

	background-repeat: repeat-y;

}



.leftcolumn strong {

	font-weight:bold;

	color: #E8AD11;

	font-size: 12px;

}



.adminbox{

	text-align: left;

	position: absolute;

	width: 160px;

	left: 800px;

	top: 615px;

	padding-top: 10px;

	padding-bottom: 10px;

	padding-left: 30px;

	font-family: Arial;

	font-size: 11px;

	line-height: 16px;

	background-image: url(../new_media/adminbox.gif);

	background-repeat: repeat-y;

}



.rightcontent{

	text-align: left;

	position: absolute;

	width: 185px;

	left: 800px;

	top: 355px;

	height: 185px;

	padding: 3px;

	font-family: Arial;

	background-image: url(../new_media/right.gif);

	background-repeat: no-repeat;

}



.rightcontent p{

	text-align: left;

	padding: 10px;

	font-family: Arial;

	font-size: 13px;

}





.leftcontentinfo{

	text-align: left;

	position: absolute;

	width: 190px;

	left: 20px;

	top: 305px;

	font-family: Arial;

}



.leftcontentinfo p{

	text-align: left;

	padding: 15px;

	font-family: Arial;

	font-size: 15px;

}





.roomofmonth{

	position: absolute;

	width: 160px;

	left: 20px;

	top: 290px;

	height: 190px;

	padding: 5px;

	z-index:1;

	font-family: Arial;

	background-image: url(../new_media/room.gif);

	background-repeat: no-repeat;

}





.tellfriend {

	position: absolute;

	width: 160px;

	left: 20px;

	top: 490px;

	font-family: Arial;

	height: 215px;

	padding: 7px;

	background-image: url(../new_media/friend.gif);

	background-repeat: no-repeat;

}





.menu {

	position: absolute;

	width: 630px;

	left: 360px;

	top: 65px;

	z-index: 30;

}



.status {

	position: absolute;

	width: 240px;

	left: 750px;

	top: 3px;

}





.roomdetails {

	text-align: left;

	position: absolute;

	width: 185px;

	left: 650px;

	top: 555px;

	height: 185px;

	padding: 3px;

	font-family: Arial;

	background-image: url(../new_media/right.gif);

	background-repeat: no-repeat;

}





.txt_title {

	position: absolute;

	width: 550px;

	left: 220px;

	top: 140px;

	height: 40px;

	color: #ECBA0A;

	font-family: Arial;

	font-size: 35px;

	font-weight: bold;

}



.txt_title h1 {

	color: #ECBA0A;

	font-family: Arial;

	font-size: 35px;

	font-weight: bold;

	margin-top: 0px;

}



.box_title {

	color: #E8AD11;

	font-size: 12px;

	font-family: Arial;

	font-weight: bold;

	text-align: left;

	padding-bottom:5px;

}



.box_title a {

	color: #E8AD11;

	font-size: 12px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-weight: bold;

	text-align: left;

}

.box_title a:visited{

	color: #E8AD11;

	font-size: 12px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-weight: bold;

	text-align: left;

}



/* For form errors */



formlabel {

  width: 80px;

  text-align: right;

  float: left;

}



.formerror {

	border: 1px solid #ECBA0A;

	background-color : #FADD7A;

	width: auto;

	padding: 5px 0;

}



.formerrortext {

  padding-left: 8px;

  font: bold smaller sans-serif;

}





/* text */



p,

#email-tags td {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	line-height: 16px;

	color: #333333;

	text-decoration: none;

	margin-top: 0px;

	padding-top: 0px;

}



a {

	text-decoration: none;

	color: #333333;

}



.mainlink {

	text-decoration: none;

	color: #0000FF;

}



a:hover {

	text-decoration: underline; 

}





a:visited {

	color: #333333;

}





/*li {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #333333;

	text-decoration: none;

	font-family: Verdana, Arial, Helvetica, sans-serif;

}

*/

.whitetext{ 

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px; 

	font-weight: bold; 

	color: #FFFFFF;

}



.whitetextsmall{ 

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 9px; 

	font-weight: bold; 

	color: #FFFFFF;

}



/*ul li {

	font-family: Arial;

	font-size: 11px;

	line-height: 14px;

	color: #333333;

	margin-top: 0px;

	padding-top: 0px;

	position:relative;

	left:-10px;

}

*/

.plaintext p {



	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #333333;

	text-decoration: none;

	padding:20px;

}



.plaintext  {



	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #333333;

	text-decoration: none;

}



.list {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 9px;

	border-top: 1px solid #98C7D8;

	display: block;

	margin-top: 10px;

	margin-bottom: -5px;

	padding-top: 5px;

	

}



.list a {

	text-decoration: none;

}



.list a:hover {

	text-decoration: underline;

}



.listtitle {

	text-transform: uppercase;

	margin-top: 20px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #BE0027;

}



.input-box

{

	border: #ffffff solid 1px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 9px;

}

.select

{

	border: #ffffff solid 1px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 9px;

}



.input {

	border: #ffffff solid 1px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 9px;

}





.message {

	color: #BE0027;

}





.table_header {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #333333;

	font-weight: bold;

}



.table_body {



	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	position:relative;

	color: #333333;

	border: 0;

	border-spacing: 0; 	

}



.status {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #000000;

	text-decoration: none;

	margin-top: 0px;

	text-align: right;

}



.rightcolumn {



	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #333333;

	text-decoration: none;

	margin-top: 0px;

}



.menu {

	font-family: Arial;

	font-weight: bold;

	font-size: 14px;

	color: #333333;

	text-decoration: none;

	margin-top: 0px;

	text-align: right;

}



a.menulink {

	color: #333333;

	text-decoration: none;

	font-weight:bold;

}



a.menulink:hover {

	font-weight:bold;

	color: #ECBA0A;

	text-decoration: none;

}



.whitetext_link_now {



	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #FFFFFF;

	background-color: D58153;

	text-decoration: none;

	margin-top: 0px;

}



a.whitetext_link_now {



	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #FFFFFF;

	background-color: D58153;

	text-decoration: none;

	margin-top: 0px;

}



a.whitetext_link_now:hover {



	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #FFFFFF;

	background-color: D58153;

	text-decoration: underline;

	margin-top: 0px;

}



a.whitetext_link_now:visited {



	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #FFFFFF;

	background-color: D58153;

	text-decoration: underline;

	margin-top: 0px;

}



.txt_subtitle {

	font-weight: bold



}



/* forms */



.formtextmini {

 font-size: 10px;

 background-color: #FFFFFF;

 border: 1px solid #BE0027;

}



input.buttonmini{

   color:#BE0027;

   font-family:Verdana, Arial, Helvetica, sans-serif;

   font-size:10px;

   font-weight:bold;

   background-color:#FFFFFF;

   border:1px solid;

}

#edit-email p {

	clear:both;

}

#edit-email label {

	display:block;

	float:left;

	width:80px;

	text-align:right;

	margin-right:5px;

	padding-top:2px;

} 

#edit-email input,

#edit-email textarea {

	width:380px;

}

#edit-email textarea {

	height:400px

}

p.submit {

	padding-left:85px;

}

td.tag {

	white-space:nowrap;

	text-align:right;

	color:#003399;

}

#email_tags td {

	padding:4px 5px;

}



#simple-room-search {

	margin:3em 0;

}

#simple-room-search input {

	width:137px;

}











/* the table (within the div) that holds the date picker calendar */

.dpTable {

	font-family: Arial;

	font-size: 12px;

	text-align: center;

	color: #404519;

	background-color: #F8B37C;

	border: 1px solid #FF0000;

	}



/* a table cell that holds a date number (either blank or 1-31) */

.dpTD {

	border: 1px solid #FF0000;

	}





/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */

.dpDayHighlightTD {

	background-color: #CCCCCC;

	border: 1px solid #dfebb0;

	}





/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */

.dpTDHover {

	background-color: #aca998;

	border: 1px solid #888888;

	cursor: pointer;

	color: #cc6600;

	}



/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */

.dpDayTD {

	background-color: #E95B5B;

	border: 1px solid #AAAAAA;

	color: white;

	}





/* additional style information for the text that indicates the month and year */

.dpTitleText {

	font-size: 12px;

	color: #FF0000;

	font-weight: bold;

	}





/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 

.dpDayHighlight {

	color: #cc6600;

	font-weight: bold;

	}





/* the forward/backward buttons at the top */

.dpButton {

	font-family: Arial;

	font-size: 10px;

	color: #cc6600;

	background: #f2f7e0;

	font-weight: bold;

	padding: 0px;

	}





/* the "This Month" and "Close" buttons at the bottom */

.dpTodayButton {

	font-family: Arial;

	font-size: 10px;

	color: #FF0000;

	background: #f2f7e0;

	font-weight: bold;

	}



/* the quotes pages */

P.QuoteTestimonial {

	font-family: Arial;

	font-size: 13px;

	margin-bottom: 0;

	}



a.QuoteTestimonial{

	text-decoration:underline;

	position:relative;

	font-size:11px;

	margin-top: 0px;

	line-height: 12px;

	padding-left: 10px;

	}



h2.QuoteTestimonial{

	color:#ffffff;

	position:relative;

	font-size:13px;

	margin-top: 0;

	margin-bottom: 0;

	padding-left: 10px;

	padding-right: 10px;

	}



/* the testimonial page */

.Testimonial p {

	font-family: Arial;

	font-size: 13px;

	margin-top: 0;

	}



h2.Testimonial {

	font-family: Arial;

	font-size: 14px;

	color: #ECBA0A;

	}



h3.Testimonial {

	font-family: Arial;

	font-size: 12px;

	color: #ECBA0A;

	margin-bottom: 0;

	}



@charset "UTF-8";



/* SpryMenuBarHorizontal.css - Revision: Spry Preview Release 1.4 */



/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */



/*******************************************************************************



 LAYOUT INFORMATION: describes box model, positioning, z-order



 *******************************************************************************/



/* The outermost container of the Menu Bar, an auto width box with no margin or padding */

ul.MenuBarHorizontal

{

	/*Commented out for M2F*/

	margin: 0;

	padding: 0;

	list-style-type: none;

	font-size: 100%;

	cursor: default;

	/*Commented out for M2F*/

	/*width: auto;*/

	text-align:right;

	/*M2F addition*/

	width: 42em;

	margin-left: 40px;





}

/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */

ul.MenuBarActive

{

	z-index: 1000;

}

/* Menu item containers, position children relative to this container and are a fixed width */

ul.MenuBarHorizontal li

{

	margin: 0;

	padding: 0;

	list-style-type: none;

	font-size: 14px;

	position: relative;

	text-align: left;

	cursor: pointer;

	width: 6em;

	float: left;

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

}

/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */

ul.MenuBarHorizontal ul

{

	margin: 0;

	padding: 0;

	list-style-type: none;

	font-size: 100%;

	z-index: 1020;

	cursor: default;

	width: 8.2em;

	position: absolute;

	left: -1000em;

}

/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */

ul.MenuBarHorizontal ul.MenuBarSubmenuVisible

{

	left: auto;

}

/* Menu item containers are same fixed width as parent */

ul.MenuBarHorizontal ul li

{

	width: 8.2em;

}

/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */

ul.MenuBarHorizontal ul ul

{

	position: absolute;

	margin: -5% 0 0 95%;

}

/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */

ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible

{

	left: auto;

	top: 0;

}



/*******************************************************************************



 DESIGN INFORMATION: describes color scheme, borders, fonts



 *******************************************************************************/



/* Submenu containers have borders on all sides */

ul.MenuBarHorizontal ul

{

	border: 1px solid #CCC;

}

/* Menu items are a light gray block with padding and no text decoration */

ul.MenuBarHorizontal a

{

	display: block;

	cursor: pointer;

	background-color: #FFFFFF;

	padding: 0.4em 0.6em;

	color: #333;

	text-decoration: none;

	font-family: Arial, Helvetica, sans-serif;

}

/* Menu items that have mouse over or focus have a blue background and white text */

ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus

{

	background-color: #FFFFFF;

	color: #ECBA0A;

}

/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */

ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible

{

	background-color: #FFFFFF;

	color: #ECBA0A;

}



/*******************************************************************************



 SUBMENU INDICATION: styles if there is a submenu under a given menu item



 *******************************************************************************/



/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */

ul.MenuBarHorizontal a.MenuBarItemSubmenu

{

	background-image: url(../SpryAssets/SpryMenuBarDown.gif);

	background-repeat: no-repeat;

	background-position: 95% 50%;

}

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */

ul.MenuBarHorizontal ul a.MenuBarItemSubmenu

{

	background-image: url(../SpryAssets/SpryMenuBarRight.gif);

	background-repeat: no-repeat;

	background-position: 95% 50%;

}

/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */

ul.MenuBarHorizontal a.MenuBarItemSubmenuHover

{

	background-image: url(../SpryAssets/SpryMenuBarDownHover.gif);

	background-repeat: no-repeat;

	background-position: 95% 50%;

}

/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */

ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover

{

	background-image: url(../SpryAssets/SpryMenuBarRightHover.gif);

	background-repeat: no-repeat;

	background-position: 95% 50%;

}



/*******************************************************************************



 BROWSER HACKS: the hacks below should not be changed unless you are an expert



 *******************************************************************************/



/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */

ul.MenuBarHorizontal iframe

{

	position: absolute;

	z-index: 1010;

}

/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */

@media screen, projection

{

	ul.MenuBarHorizontal li.MenuBarItemIE

	{

		display: inline;

		f\loat: left;

		background: #FFF;

	}

}

.main .plaintext img {
	font-family: Arial, Helvetica, sans-serif;
}