/*
/* CSS STYLES MTRAEL.COM.AU
/* COPYRIGHT YARRAVALLEYWEB.COM
------------------------------------------------------------------ */


/* HTML STYLES
------------------------------------------------------------------ */

	body 
	{
			margin: 			0;
			padding: 			0;
			font: 				12px 'Arial', sans-serif;
			background-color: 	#CCC89B;
	}
	
	h2 
	{
		   	font: 				Bold 14px 'Arial', sans-serif;
		   	color:				#333333;
			margin: 			0; 
			padding: 			8px 0 8px 0; 	   
	}
	
	h3
	{
			font:				Bold 12px 'Arial', sans-serif;
			margin:				5px 0 5px 0;
			padding:			0;
			line-height:		16px;
	}
	h4
	{
			font:				Bold 10px 'Verdana', sans-serif;
	}
	h5
	{
			font:				Bold 9px 'Verdana';
			display:			inline;
	}
	
	html 
	{
			margin: 			0;
			padding: 			0;
	}
	
	li 
	{
			margin: 			0;
	}
	


/* CLASSES 
------------------------------------------------------------------ */
	.raelRoom p 
	{
		font: 11px Arial;
	}
	.accommcopy 
	{
		color: #000000;
		padding-bottom: 5px;
		padding-top: 5px;
		font-family: Verdana;
		font-size: 11px;
		font-weight: Bold;
	}
	
	.raelRoom {
	  margin: 20px 0 0 0; padding: 0; font: 11px Arial;
	}
	
	
	.raelRoom h2 {
	  padding: 0 0 10px 0;
	}
	
	.last,
	.raelRoom img.last {
	  margin-right: 0;
	}
	
	.raelRoom img {
		border: none;
		height: 80px;
		width: 100px;
	}
	
	.raelRoom a {
	  padding: 1px;
		border: 1px solid #663300;
		display: block;
		float: left;
		margin: 0 10px 10px 0;
		height: 80px;
	}
	
	.raelRoom a:hover {
		border: 1px solid #CCCCCC;
	}
	
	.raelRoom p {
	  display: block;
		clear: left;
	}
	
	#AccommSelect
	{
		font: Bold 10px Verdana;
		width:210px; 
		margin-top:10px;	
	}
	
	#bannerImage
	{
		padding: 0px;
		background-color:#EEEEEE;
		width: 750px;
		height: 230px;
		clear: both;
		margin-left: 10px;
	}
	
	.bgContainer1 
	{
			background-image: 		url('../images/bg/bg_backgroundPiece.jpg');
			background-repeat: 		repeat-y;
			background-position: 	center;
	}
	
	.bgContainer2 
	{
			background-image: 		url('../images/bg/bg_backgroundTile.jpg');
			background-repeat: 		repeat-x;
			background-position: 	top;
	}

	.bgContainer3
	{
			background-image: 		url('../images/bg/bg_backgroundTop.jpg');
			background-repeat: 		no-repeat;
			background-position: 	center top;
	}
	
	#bodyContainer
	{
			width:					760px;
			background-image:		url('../images/bg/bg_content.gif');
			background-position:	top;
			background-repeat: 		repeat-y;
			margin:					8px 0 0 0;
	}
	
	/* These two must be swapped to remove background */
	
	#bodyContent
	{
	
			background-image:		url('/images/bg/bg_body.jpg');
			background-position:	top;
			background-repeat: 		no-repeat;
	}
	
	/* Swap with this one */
	
	.bodyContent
	{
			


	}
	
	#bodyLeft
	{
			width:					515px;
			margin-left:			10px;
			text-align:				justify;	
	}
			#bodyLeft a { color: #996600; }
			#bodyLeft a:hover { color:#66CC00; text-decoration:none; }			
			#bodyLeft h1 { font: bold 18px "Century Gothic", Verdana, Helvetica; weight: bold; color: #663300; }
			#bodyLeft table tr td { text-align: left; }
	
	#bodyRight
	{
			float:					right;
			width:					205px;
			padding:				5px;
			margin:					0 0 5px 5px;
			font:					  11px Arial, sans-serif;
			text-align:				left;
	}
			#bodyRight h1 { 
									font: Bold 18px "Century Gothic", Verdana; 
									color: #787B1B; 
									padding: 5px 0 0 0; 
									margin: 0; 
									line-height: 24px; 
							}
							
			#bodyRight h2 { font: Bold 11px Verdana, sans-serif; padding: 10px 0 0 0; margin: 0; color:#003300; }
			#bodyRight a { color: #993300; }
			#bodyRight a:hover { text-decoration: none; }  
	
	#container
	{
			width: 					775px;	
			clear: 					both;
			margin: 				0px;
			padding: 				0;
			margin-left: 			auto;
			margin-right: 			auto;
	}
	
	#content
	{
			text-align:				justify;
			width:					760px;
	}
	
	.contactNormal { font: Bold 12px Arial, sans-serif; }
	.contactField { background-color:#FF0000; }
	#bodyLeft #contactus .contactNormal { font-weight:bold; width: 140px; float: left; }
	#bodyLeft #contactus .contactAlert { font-weight:bold; width: 140px; float: left; color: #FF0000; } 
	#bodyLeft #contactus .contactFieldAlert { background-color: #FFFF99; border: 1px solid #FF0000; } 
	#bodyLeft #contactus .contactBox { height: 30px; }
	 
	#bodyLeft #contactus input { font: 11px Arial, sans-serif; border: 1px solid #000000; width: 200px; padding: 2px; }
	#bodyLeft #contactus textarea { font: 11px Arial, sans-serif; border: 1px solid #000000; width: 200px; padding: 2px; }
	#bodyLeft #contactus select { font: 11px Arial, sans-serif; border: 1px solid #000000; }	

	#footer
	{
			height:					75px;
			background-color: 		#d9c285;
			font: 					10px 'Verdana', sans-serif;
			line-height:			16px;
			color: 					#663300;
			text-align:				left;
			padding: 				7px 0 0 10px;
			background-image:		url(..../images/bg/footer_logo.jpg);
			background-position:	bottom;
			background-repeat:		no-repeat;
			border-top:				5px solid #FFFFFF;
			clear:					both;
	}
			#footer a {	text-decoration: underline;	color: #000000;	}
			#footer a:hover {	text-decoration: none;	color: #FFFFFF;	}
			
	#footerLinks {
			
			background-image:		url('../images/bg/footer_image.jpg');
			background-position: 	center top;
			background-repeat:		no-repeat;
			height:					50px;
			clear:					both;
			padding-top:			15px;
			text-align:				center;
			font:					9px 'Verdana', sans-serif;
	}
			#footerLinks a { font-weight: normal; color: #000000; }
			#footerLinks a:hover { text-decoration: none; color: #666666; }
	
	#menuContainer {
	
			padding-top: 5px;
			margin-left: 10px;
			height: 45px;
	}

	#mainNav {
	
			padding: 15px 0 5px 0;
			text-align: right;
	}		
	
	#mainNav a { font: 10px 'Arial Black', 'Verdana', sans-serif; color:#663300; font-variant:small-caps; }
	#mainNav a:hover { text-decoration: none; color: #333300; }
	#mainNav .active { text-decoration: none; color: #333300; }
	.MainNavActive { text-decoration: none; color: #000000; }

	.menuLeft {
	
			width: 460px;
	}
	
	.menuPrices {
	
			float: right;
			width: 50px;
	}	
	
	.menuLeft p {

			font: 12px Arial;
			text-align: left;
			margin: 0 0 10px 0;
			padding: 0;
	}
	
	.menuPrices p {

			font: 12px Arial;
			text-align: right;
			margin: 0 0 10px 0;
			padding: 0;
	}
	
	#homeButton { float: left; padding-top: 5px; border: none;}
	
	.red
	{
			font-weight: bold;
			color: #FF0000;
	}
	
	#rightLinks h2 { font: Bold 11px Arial; color:#003300; margin: 5px 0 8px 0; }

	.SplashLinks {
	
			font-family: Arial, Helvetica, sans-serif;
			font-size: 14px;
			color: #666666;
			letter-spacing: 3px;
			font-weight: bold;
			text-decoration: none;
	}
	
	.wine {
		
			width: 100%;
			font: 12px Arial, sans-serif;
			border: 0;
			padding: 5px;
	}
	
	.break {
  background: none;
  border: 0;
  clear: both;
  display: block;
  float: none;
  font-size: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}


.specialsLinks li {
  list-style-type: circle;
	padding: 3px 0;
	font-weight: bold;
}