@charset "utf-8";
/* CSS Document */




body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #4B4B4B;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #404040;
}
.oneColElsCtr #container {
	width: 60em;
	color: #4B3535;
	background: #cbcbcb;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #ffffff;
	
	text-align: justify; /* this overrides the text-align: center on the body element. */
}


#topbox {
	
	color: #7f7f7f;
	 background-color:#cbcbcb;
         background-image:url(images/melia.png);
          background-repeat:no-repeat;
          height: 110px;
         margin-top: 15px;
	
	
}






.oneColElsCtr #mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
    border: 0px solid #cbcbcb;
}

.page-bottom
{
	clear:both;
	height: 15px;
}


.rightpic {float: right;}
.leftpic {float: left;
          padding: 10px 10px 6px 6px;}
.leftpic1 {float: left;
          padding: 10px 10px 6px 0px;}
.rightpic {float: right;}

.h2 {color:#595959;
     font-size:14px;}



	 
#left {
	float: left;
	width: 26em;
	padding-right: 5px;
	font-size:12px;
	line-height: 21px;
	   }	 
	
#middle {float: left;
       width: 20em;
	   padding: 10px;
	   font-size:12px;
	   line-height: 21px;
	   }	 
	
	
#right {
	float: right;
	width: 26em;
	font-size:12px;
	line-height: 21px;
	margin-right: 14px;
	padding-left: 1px;
	margin-left: 0 px;



	   border-left: }	


#leftrec {float: left;
       width: 29em;
	   
	   padding-right: 5px;
	   font-size:12px;
	   line-height: 21px;
	   }	 
	
#middlerec {float: left;
       width: 20em;
	   padding: 5px;
	   font-size:12px;
	   line-height: 21px;
	   }	 
	
	
#rightrec {float: right;
       width: 26em;
	    font-size:12px;
	   line-height: 21px;
	   padding-left: 2px;
	   margin-left: 0 px;
	   border-left: }	



.current {color: #ffffff;
          text-decoration: none;
		  background-color:#e53143;
		  padding: 10px;
		  border: 1px dotted #ffffff;}

a {color: #ffffff;
   text-decoration: none;}

a:hover {color: #ffffff;
          text-decoration: none;
		  background-color:#fa0028;
		  padding: 10px;}
		  
a.news:link {color:#f23648;
             font-size:14px;}
a.news:visited {color:#0000ff;}
a.news:hover {color:#ffffff;
              background-color: #cbcbcb;}

#navbar {background-color: #f23648;
         width: 80em;
         height: 25px;
		 padding-top: 10px;
		 padding-bottom: 4px;
		 margin-top: 6px;		 
		 color: #ffffff;
		 font-size:12px;}		  
	  
	#footer {background-color: #3f3f3f;
         width: 80em;
         height: 25px;
		 padding-top: 8px;
		 padding-bottom: 0px;
		 margin-top: 6px;		 
		 color: #ffffff;
		 font-size:12px;}		  
	
#footer2 {background-color: #f23648;
         width: 80em;
         height: 35px;
		 padding-top: 15px;
		 padding-bottom: 6px;
		 margin-top: 0px;		 
		 color: #000000;
		 font-size:12px;}		  
.style1 {
	font-size: 14px;
	font-style: italic;
}

ul {
list-style-image: url(images/bullet2.png);
}
li {

padding: 0;
padding-left: 0px;
margin-bottom: 3px;
background-position: 0em;
} 





#city {color: #ced6df;
      text-decoration: none;
	  text-align: right;
	  font-size: 9px;
	    margin: 0 0em 0 60em;
			width: 48em;}




a.city:link{color:#f23648;
             text-decoration:none;}	
a.city:visited{color:#7E7272;
             text-decoration:none;}	
a.city:hover{color:#ffffff;
             text-decoration:none;
			 background-color:#4B4B4B;}	


.large {font-size: 14px;
        color: #595959;}

.right {line-height: 25px;}

.img {border: 4px solid #ffffff;}

.link {color: #000000;}