/* CityInn general styles by Y-Coci */
 
body {

padding:0;
margin:0 0 0 0;
font: .7em/1.7em  Tahoma, Arial, sans-serif;
background:#b1a883; 
text-align:center;

 }



#container {

/* "container" wraps all of layout except footer */

margin:0 auto 0 auto;
padding:15px 0 15px 0;
width: 800px;
background-color:#fff;

}


div#main{
/* main wraps from top navigation
 to otherserv */

width:770px;
margin:0 auto 0 auto;
background:#fff;

}


#header{

position:relative;
width: 760px;
background:url(../img/header_back.gif) repeat-x; 
padding: 0 5px;
margin:0 auto 4px auto;
color: #fff;
height:95px;

}

 
a{

color:#ffcd33;
font-weight:bold;
/*color:#800000; */
text-decoration:underline;
}

a:hover{
color:#fff;
background-color:#ADC911;
text-decoration:none;

}

 
 
a[name]{
text-decoration:none;
color:#fff;
}

a[name]:hover{
background-color: transparent;
text-decoration:none;

}
 




#header a{
text-decoration:none;
}

#header a:hover{
background-color:transparent;
text-decoration:none;

}
 


 

p{
width:auto;
font: normal  12px/25px  verdana, arial, helvetica, sans-serif;
margin:0 0 10px 0;
text-align:justify;
color:#505D1D;

}
   
   
h1 {	
font: bold 2.2em Arial, Sans-Serif;
padding: 8px 0 0 0; margin: 0;
letter-spacing: -1px; }
h2 { 
margin: 0; padding: 0;
font: bold 1.8em Arial, Sans-Serif;
letter-spacing: -1px;
 }
h1 a, h2 a { color: #266172; text-decoration: none; }
ul { margin: 0; padding : 0; list-style : none; }
img { border: 0; }

div#logo{

position:absolute;
top:0;
left:15px;
margin: 0; 

}

/* 
 
 contains date
 and time <span>s
 
 */

div#datetime {
position:absolute;
top:35px;
left:510px;
padding: 3px 0;
margin: 0;
font-size:12px;
font-weight:bold;
color:#ffffff;
text-align: left; 
height:20px;

 }

span#timeheading{margin-right:2px}
 
 
span#time{color:#700000}
 

 

div#topnav{
width:770px;
padding:0;
margin:0 auto 4px auto;
background:#7C705F;
border:1px solid #fff; 
/* for the sake of IE I have to put this white border why!!! */ 

}


#topnav a{
display:block;
float:left;
text-decoration: none;
padding: 3px 22px;
border-left:2px solid #ffffff;
border-right:2px solid #ffffff;
background:#7C705F;
font-weight: bold;
color:#fff;
	
	}

#topnav a:hover{

background: #A7BD11;
color: #fff;
/* background:#998B79; */

}


#cityinnIndex .cityinnIndex,#cityinnHome .cityinnHome, #cityinnRooms .cityinnRooms,#cityinnRest .cityinnRest,#cityinnRates .cityinnRates, #cityinnReservinfo .cityinnReservinfo, #cityinnContacts .cityinnContacts

{

background:#a7bd11;
color:#fff;

}


		
#topnav a.current{

background:#A7BD11;
color:#fff;
/*color:#666;*/
}

#topnav a.first{border-left:0}

#topnav a.last{border-right:4px solid #ffffff}


div#here{
/* must be listed after #maintext_plus div */
height:20px;
margin:5px 0 10px 0;
}


div#here a{
color:#fff;
text-decoration:underline;
}

div#here  a:hover{
color:#fff;
background-color:#ADC911;
text-decoration:none;

}



div#here span{color:#fff}	


.emphasisLarge{
font: bold 14px Arial, Sans-Serif;
color:#fff;

 }
	
.emphasis{
font-weight: normal;
color:#fff;

 }

/* footer section */


#footer{
width:754px;
height:800px;
color:#fff;
padding:5px 8px 0 8px;
background:#ADC911;
}


#footer a{
color:#505D1D;
text-decoration:underline
}

#footer a:hover{
color:#fff;
background-color:transparent;
text-decoration:none;
}

#footerLeft{float:left}   


#footerRight{
float: right;
color:#505D1D;
 }  
 
a#developer{color:#ffffff}

a#developer:hover{
color:blue;
text-decoration:none;
}


div.clearing{clear:both}

div.clearing span{display:none}