﻿/* CSS Document */
/*Author: Shailesh Awate */

/*General Body Properties*/
    body
	{
      margin:0;
      padding:0;
      line-height: 1.5em;
	  font:normal normal 12px Verdana, Arial, Helvetica, sans-serif;
	  color: #000000;
    }
	img {
      border: 0px;
    }
    /*Link Properties In General*/
	A:link {
		text-decoration: none;
	}

	A:hover {
		border-bottom:1px dashed #0000FF;
		color:#000000;
		text-decoration:none;
	}

     .MoreLink a:link {
		border-bottom:1px dashed #0000FF;
		color:#000000;
        text-align: right;
        text-decoration: none;
        font-size: 9px;
    }
    .MoreLink a:hover {
		border-bottom:1px dashed #CC0000;
		color:#000000;
        text-align: right;
        text-decoration: none;
        font-size: 9px;
	}
    .MoreLink a:active {
        border-bottom:1px dashed #0000FF;
		color:#000000;
        text-align: right;
        text-decoration: none;
        font-size: 9px;
    }

    .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
    .clearfix {display: inline-block;}  /* for IE/Mac */



    /*---------------Main Container----------------------*/
    #Mncontainer{
    width: 840px; /*Width of main container*/
    height: auto;
    background: #FFFFFF;
   /* border: 1px solid #B0B0B0;*/
    padding: 10px;
    margin: 0 auto; /*Center container on page*/
    }

    /* ----------------------------------------------Top Bar------------------------------*/
	.TopBar {
		width: 820px;;
		Height:51px;
		word-spacing:4px;
		/*background:url(../images/topbar.gif) repeat scroll 0 0;*/
		padding: 0px;
		margin: 0px auto;
        line-height: 2;
        font-size: 10px;
    }
	/*Left Span*/
	div.row span.left {
		float: left;
		text-align: left;
		width: 55%;
        background-image:url(../../images/telmail.png); background-repeat:no-repeat;
	}
	/*Right Span*/
	div.row span.right {
		float: right;
		text-align: right;
		width: 45%;
        height: 51px;
	}
	/*Center Span*/
	div.row span.right2 {
		float: none;
		text-align: right;
		padding-top: 10px;
		width: 10%;
	}
	/*TopBar Link Attributes*/
   .TopBar A:link{
		color:#505050;
		text-decoration:none;
	}
	.TopBar A:hover{
		border-bottom:1px dashed #000080;
		color:#000000;
		text-decoration:none;
	}
	.TopBar A:visited{
		color:#000000;
		text-decoration:none;
	}

    /*------------------Top Container Hotel Banner---------------------------*/
	#TopContainer{
		width: 820px; /*Width of Top container*/
		margin: 0 auto; /*Center container on page*/
		padding:0px;
		border:1px solid #B9DCFF;
        border-bottom: 0px;
        border-top: 0px;
    }
	/*Hotel Banner*/
	#HotelBanner{
		width: 820; /*Width of Hotel Banner*/
		height:81px;
		background:url(../../images/bluebg.png);
	}
	/*Navigation Menu*/
	#navcontainer
	{
		width:820px;
		height:31px;
		margin: 0 auto;
		background:url(../../images/bg_topnav.gif);
	}
	#navlist
	{
		margin: 0px;
		padding: 3px 0 22px 10px;
		border-bottom: 1px solid #FFCC00;
	}
	#navlist ul, #navlist li
	{
		margin: 0;
		padding: 0;
		display: inline;
		list-style-type: none;
		font-weight:bold;
        font-size: 10px;
    }
	#navlist a:link, #navlist a:visited
	{
        float: left;
		line-height: 14px;
		margin: 0 10px 4px 10px;
		text-decoration: none;
		color:#FFFFFF;
	}
	#navlist a:link#current, #navlist a:visited#current, #navlist a:hover
	{
		border-bottom: 3px solid #FFCC00;
		padding-bottom: 5px;
		background: transparent;
		color:#FFCC00;
	}
	#navlist a:hover { color: #FFCC00; }

    /* ------------- 3 Room image Banner gallery -------------- */
    .galdiv{
      border: 1px solid #3399CC;
      width: 818px;
      padding-bottom: 5px;
      margin: 0px auto;
    }
	.gallery{
	margin:0;
	padding:0;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
    width: 818px;
    height: 210px;;
}
	.gallery li {
	float:left;
	height:175px;
	margin:5px;
	padding:0;
	position:relative;
	width:260px;
	}
	.gallery a {
	color:#666666;
	text-decoration:none;

	}
	.gallery a:hover {
	color:#000000;
	text-decoration:none;
	border-width: 0px
	}
	.gallery img {
	padding:10px 0 0 5px;

	}

	.gallery em {
	  color:#666666;
	-x-system-font:none;
	background:transparent;
	display:inline;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:larger;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bolder;
	height:20px;
	/*line-height:100%;*/
	padding-top:180px;
	position:absolute;
	text-align:center;
	width:260px;
	  border-width: 1px;
	}

     /*-----------------------Title Shadow Bar---------------------*/
	.TitleShadow{

		background-image: url(../../images/titleshadow.png);
		background-repeat: repeat-x;
		width: 820px;
		height: 27px;
		border-right-color: #a0cefd;
		border-right-style: dotted;
		border-right-width: 1px;
		border-left-color: #a0cefd;
		border-left-style: dotted;
		border-left-width: 1px;
		margin: 0 auto;
	}
	/*Text On Title Shadow Bar*/
	.TitleShadow span{
		letter-spacing: 4px;
		text-align: left;
		text-shadow: #B6B6B6;
		font-size: small;
		font-weight: bold;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #000000;
		padding:5px;
		float: left
	}
	div.TitleRow span.TitleLeft {
		float: left;
		text-align: left;
		width: 395px;
		padding-left: 7px;
	}
	
	/*Right Span*/
	div.TitleRow span.TitleRight {
		float: right;
		text-align: right;
		width: 30px;;
        height: 27px;
	}
	/*Center Span*/
	div.TitleRow span.TitleCenter {
		float: none;
		text-align: left;
		width: 395px;
	}
    a.rollover {
       display: block;
       width: 21px;
       height: 20px;
       text-decoration: none;
       background: url("../../images/top1.gif");
    }
    a.rollover:hover {
       background-position: -21px 0;
       border: 0px;
    }
    /*Dashed Content Box*/
    .ContentBox{
      margin: 0 auto;
      width: 820px;
      border-style: dotted;
      border-width: 1px;
      border-color: #a0cefd;
      background-color: #FFFFFF;
      /*background-image:url(../../images/bottomleft.png);
      background-repeat: no-repeat;
      background-position: bottom LEFT;*/
    }
    div.boxtest {
      margin: 0 auto;
      width: 800px;
      background-color: #FFFFFF;
      padding:10px;
      border: 1px solid #a0cefd;
	  text-align:left;
    }
	div.Framemap {
	  width:335px;
	  margin-left:10px;
	  padding:5px;
	  height:110px;
	  border:#3399FF;
	  border-style:dashed;
	  border-width:1px;
	}

    /* General info Main 2 column Divider*/
    .Gimwrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 800px;
	background: url("../../images/background_cols.gif") repeat;
    }

    .Gimheader {
	margin: 0 0 15px 0;
    }

    .Gimside-a {
	float: left;
	width: 400px;
    }

    .Gimside-b {
	margin: 0;
	float: left;
	width: 400px;
	height: 1%; /* Holly hack for Peekaboo Bug */
    }

    .Gimfooter {
	clear: both;
    height: 10px;
    }

	.Giiwrapper {
		text-align: left;
		margin: 0px auto;
		padding: 0px;
		border:0;
		width: 400px;
		background: url("../../images/background_cols1.gif") repeat;
	}
	
	.Giiheader {
		margin: 0 0 5px 0;
		background: yellow;
	}
	
	.Giiside-a {
		float: left;
		width: 160px;
		text-align:left;
		font: normal normal bold 10px Verdana, Arial, Helvetica, sans-serif;
	  color: #333333;
	
	}
	
	.Giiside-b {
		margin: 0;
		float: left;
		width: 240px;
		height: 1%; /* Holly hack for Peekaboo Bug */
		background: url(../../images/arrow_24.gif);
		text-align:left;
		background-repeat: no-repeat;
		background-position: left center;
		font: normal normal normal 10px Verdana, Arial, Helvetica, sans-serif;
		color: #666666;
	}
	.Giiside-bi {
		margin: 0;
		float: left;
		width: 240px;
		height: 1%; /* Holly hack for Peekaboo Bug */
		text-align:left;
		font: normal normal normal 10px Verdana, Arial, Helvetica, sans-serif;
		color: #666666;
	}
	
	
	.Giifooter {
		clear: both;
		background: transparent;
	}
	.Giiifooter {
		clear: both;
		height: 5px;
		background: transparent;
	}
	
	.Gihr hr {border: none 0;
	border-top: 1px dashed #999999;/*the border*/
	border-bottom: 1px dashed #CCCCCC;
	width: 98%;
	height: 3px;/*whatever the total width of the border-top and border-bottom equal*/
	margin:0;
	}
	
	.Gihr span {
	  font:normal normal bold 13px Verdana, Arial, Helvetica, sans-serif;
	  background:url(../../images/titleshadowgi.png);
	
	}

	/*------3 Column Hotel Facility Container------------*/
	.clmnwrapper {
		text-align: left;
		margin: 0px auto;
		padding: 0px;
		border:0;
		width: 747px;
		background: url("../../images/background_cols2.gif") repeat;
	  padding-left: 60px
	}
	
	.clmnheader {
		margin: 0 0 15px 0;
	}
	
	.clmnside-a {
		float: left;
		width: 249px;
	}
	
	.clmnside-b {
		float: right;
		width: 249px;
	}
	
	.clmncontent {
		float: left;
		width: 32%;
	}
	
	.clmnfooter {
		clear: both;
	}
	.cltxt span {
	  padding: 3px;
	  font-weight: bold;
	  font-family: Verdana, Arial, Helvetica, sans-serif;
	  font-size: 10px;
	  letter-spacing: 2px;
	  color: #000000;
	}
	.navlistclm { list-style-image: url(../../images/arrow_133.gif); color:#000000; }
	
	.clfacwrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 740px;
	background: url("../../images/background_cols.gif") repeat;
    padding-left: 60px;
	}

	.clfacheader {
		margin: 0 0 15px 0;
	}
	
	.clfacside-a {
		float: left;
		width: 246px;
	}

	.clfacside-b {
		float: right;
		width: 246px;
	}
	
	.clfaccontent { 
		float: left;
		width: 33%;
	}
	
	.clfacfooter {
		clear: both;
	}
    .cltxt span {
  padding: 3px;
  font-weight: bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  letter-spacing: 2px;
  color: #000000;
}
	/*------End Of 3 Column Hotel Facility Container------------*/
	

	.hh span {
		border: 1px dotted #a0cefd;
		padding: 5px;
		font-weight: bold;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		letter-spacing: 3px;
		background-color: #eef7ff;
		color: #000000;
		word-spacing: 3px;
		text-align:left;
	}
	.hh{
		width: 800px;
		height: 22px;
		border-bottom: double #0099CC;
	}
	
	
	hr {
		margin: 0;
		padding: 0;
		border: none 0;
		border-top: 1px dashed #2F2F2F;/*the border*/
		border-bottom: 1px dashed #CCCCCC;
		width: 97%;
		height: 3px;/*whatever the total width of the border-top and border-bottom equal*/
	}
	
	.Banhr {
		margin: 0;
		padding: 0;
		border: none 0;
		border-top: 1px inset #E4EDFC;/*the border*/
		width: 97%;
		height: 3px;/*whatever the total width of the border-top and border-bottom equal*/
		}
		
	.GreyText h1{
		font: normal normal bold 12px Verdana, Arial, Helvetica, sans-serif;
		color: #000000;
		text-align: left;
		padding: 10px 10px 10px 0;
        text-decoration: underline;
	}
	.GreyText p{
		font:normal normal normal 12px Verdana, Arial, Helvetica, sans-serif;
		color: #666666;
		text-align: left;
		padding: 10px 10px 10px 0;
	}
    .GreyText1 h5{
		font: normal normal bold 12px Verdana, Arial, Helvetica, sans-serif;
		color: #000000;
		text-align: left;
		padding: 5px 5px 0 0;
        text-decoration: underline;
}
    .GreyText1 p{
		font:normal normal normal 12px Verdana, Arial, Helvetica, sans-serif;
		color: #666666;
		text-align: left;
	}
	
    .imgbord{
      border:solid 1px silver;
      padding:5px;
    }

	.thinborderfloat {
		float:left;
		border:solid 1px silver;
		padding:5px;
		margin: 0 30px 0 0px;
	}
	
	.Headertxtm span {
		border: 1px dotted #a0cefd;
		padding: 3px;
        padding-left: 15px;
		font-weight: bold;
		font-size: 10px;
		letter-spacing: 2px;
		background-color: #eef7ff;
		color: #000000;
  background-image: url(../../images/Span-Blue.png);
  background-repeat: repeat-x;
}

.navlistmap { list-style-image: url(../../images/arrow_133.gif); color:#666666; }
.navlistmap a:link {color: #666666;}
.navlistmap a:Visited { color: #666666;}
.navlistmap a:active {color: #666666;}
.navlistmap a:hover {border-bottom: 1.5px dashed #0000FF;color: #666666;}






/* Book Now Menu*/

.BnContainer ul
{
padding: .2em 0;
margin: 0;
list-style-type: none;
background-color: #E8F3F9;
color: #000000;
width: 100%;
font: normal arial, helvetica, 13px sans-serif;
text-align: center;
}

.BnContainer li { display: inline; }

.BnContainer li a
{
text-decoration: none;
background-color: #E8F3F9;
color: #000000;
padding: .2em 1em;
border-right: 1px solid #fff;
}

.BnContainer li a:hover
{
background-color: #0099CC;
color: #fff;
}

/*------------------------Footer----------------------------------*/	
	/*Footer Office Branches*/
	.FooterOffice {
		padding: 5px;
		width:820px;
		color:#000000;
		margin-bottom:5px;
		background-color: #F9FCFF;
	}
	.FooterOffice span{
		background-color: #ECF5FF;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: small;
		font-weight: bold;
		letter-spacing: 1px;
		padding: 2px;
		color:#000000;
	}
	.FooterOfficeText {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		color:#000000;
		margin: 0px;
		background-color: transparent;
		padding-top: 5px;
		padding-bottom: 5px
	}
	/*Footer Trademark*/
	#Footer {
		background:url(../../images/footer.jpg);
		width:820px;
		height:30px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		font-weight:normal;
		text-align:center;
		color:#C1C1C1;
		margin: 0 auto;
		padding:15px 0 0;
	
	}

.footerlink a:link {color: #C1C1C1;}
.footerlink a:Visited { color: #C1C1C1;}
.footerlink a:active {color: #C1C1C1;}
.footerlink a:hover {border-bottom: 1.5px dashed #ffffff;color: #ffffff;}erlink a:link {color: #C1C1C1;}
.footerlink a:Visited { color: #C1C1C1;}
.footerlink a:active {color: #C1C1C1;}
.footerlink a:hover {border-bottom: 1.5px dashed #ffffff;color: #ffffff;}




/*-----------------------------CSS for NEW STATE-CITY PAGE--------------------------------------------------------------------*/
	#Hone{ margin-bottom: 0 px; margin-top: 13px;font-family:verdana;font-size:20px}/*Header H1 tag*/
	
	#Ione{ margin-bottom:0px; margin-top:13px; padding-top:10px;font-family:verdana;font-size:20px}/*Header H1 tag*/	
	
	#CityStateBanner{
		width: 820; /*Width of Hotel Banner*/
		height:150px;
		background-image:url(../../images/BLUEBG5.png);
	}
	#ItBanner{
		width: 820; /*Width of Hotel Banner*/
		height:55px;
		background-image:url(../../images/BLUEBG6.png);
	}	
	#OPBanner{
		width: 820; /*Width of Hotel Banner*/
		height:95px;
		background-image:url(../../images/BLUEBG8.png);
	}	
	
/*------------------------Booking Links--------------------------------*/
	#Book tr
	{
	margin: 0;
	width: 100%;
	font: normal 90% verdana, helvetica, sans-serif;
	text-align: center;
	}
	#Book td a
	{
	color:#5184B7;
	text-decoration: none;
	font-weight:bold;
	padding: .2em 1em;
	border-right: 1px solid #fff;
	}

	#Book th{
	color: #5184B7;
	font-weight:normal;
	}

	#Book td a:hover
	{	
	color:black;
	font-weight:bold;
	border-bottom: thin dotted #7FD4FF;
	}
/*----------------------------------More Cities-------------------------------------------*/
	/*.cty a:hover{border-bottom:2px dotted #EAF8FF}*/
	.cty a:link {font-family:Verdana;font-size:11px;}
	.cty a:visited {font-family:Verdana;font-size:11px;}
	.cty td {color:#01509B/*color:#FF0033;*/}
	/*-------------------------------Itineraries-----------------------------------------------*/
	.itn th {
	font-family:Verdana;
	font-size:10px;
	color:#336699;
	text-align:left;
	}
	.itn table {
	border-left:thin dotted #4C80B5;
	border-bottom:thin dotted #4C80B5;
	border-right:thin dotted #4C80B5;
	border-top:thin dotted #4C80B5;
	}
	.itn td {font-size:11px;
	font-family:Verdana}
/*----------------------------------------Boxtext1---------------------------------------------*/
div.boxtext {
      margin: 0 auto;
      width: 820px;
      background-color: #FFFFFF;
	  border: 1px solid #a0cefd;
      }	
/*-------------------------------------------Boxtexxt2-------------------------------------------------*/	  
div.boxtexxt {
      margin: 0 auto;
      width: 820px;
      background-color: #FFFFFF;
	  }		  
/*---------------------------------------Changed Heading span for Circuit Table------------------------------*/
.TitleSadow {
		letter-spacing: 4px;
		/*text-align: left;*/
		text-shadow: #B6B6B6;
		font-size: small;
		font-weight: bold;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #000000;
		padding:5px;
		/*float: left*/
	}	
/*-----------------------------------Circuit Table------------------------------------*/
	#one-column-emphasis {
	border-collapse:collapse;
	font-family:"Verdana",Sans-Serif;
	font-size:11px;
	margin:0px;
	text-align:left;
	width:100%;
	}

	#one-column-emphasis th {
	/*color:#5184B7;
	font-size:10px;
	font-weight:bold;
	font-family:Verdana;*/
	/*text-transform:uppercase;*/
	text-align:center;
	background-image: url(../../images/titleshadow.png);
	letter-spacing: 4px;
		/*text-align: left;*/
		text-shadow: #B6B6B6;
		font-size: small;
		font-weight: bold;
		font-family: Verdana;
		color: #000000;
		padding:0px;
	}
		
	#one-column-emphasis td {
	border-bottom:1px dotted #ABC8E2;
	color:#666699;
	padding:6px 
	}
	
	#one-column-emphasis tr:hover td {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#F0F8FF none repeat scroll 0 0;
	/*background:url(../../images/Untitled-2.PNG);*/
	background-color:#F0F8FF;
	color:#FF0033;
	}
/*---------------------------------------Cities A-Z--------------------------------------------------------------------------*/
	.ctsrt a:link {font-size:11px;font-family:Verdana}
	.ctsrt td {border-bottom:thin dotted black}
	<!--TitleLeft width increased-->
		div.TitleRow span.TitleLeftxl {
		float: left;
		text-align: left;
		width: 400px;
		padding-left: 7px;
	}
	.mnu {border:thin inset #E0F3FD;background-color:#0099FF;color:white}
/*---------------------Go To Top----------------------------------------------------*/
	.nav { display:block; 
          position:fixed; 
          width:50px; 
          height:50px; 
          top:250px;
		  right:0px;}
/*----------------------------------------CSS for NEW STATE-CITY PAGE ENDS HERE-----------------------------------------------/*