body,th,td {font-family: verdana,arial, helvetica, sans-serif;
font-size: 12px; color:#000000; background-color:#ffffff; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px} 

/* ------------------------------
PAGE STRUCTURE
------------------------------ */

/*
#container has an absolute width (820 pixel)
The width of inner elements is set to auto,
in this way all inner elements have the same
width of the element which contains them
*/

#container{width:820px; margin:0 auto;}
#topbar{width:auto; display:block; height:110px;}
#navbar{width:auto; display:block; height:14px;}

#main{width:auto; display:block; margin-top:20px;}
#column_left{width:820px; margin-right:0px; float:left;}
#column_right{width:200px; float:left;}

/*
div.spacer, solve an issue with #container height */
in css 2 column layout.
*/

div.spacer{clear:both; height:10px; display:block;}

#footer{width:auto; display:block; height:24px; font-size:10px;}

/* ------------------------------
PAGE ELEMENTS #NAVBAR
------------------------------ */

#navcontainer ul
{
padding-left: 0;
margin-left: 0;
background-color: #0000CC;
color: White;
float: left;
width: 100%;
font-family: verdana,arial, helvetica, sans-serif;
font-size: 13px;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 0.2em 1em;
background-color: #0000CC;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}

#navcontainer ul li a:hover
{
background-color: #000;
color: #fff;
}

.head1 {background: #fff; font-family: Verdana, Arial; font-size: 14px; font-weight: bold; color: #000000; letter-spacing: 4px;}
.head2 {background: #fff; font-family: Verdana, Arial; font-size: 10px;}

H1 {
	color: #000000;
	}

A {	
	font-family: Verdana,Arial; 
	font-size: 12px;
	font-weight: bold;
        color: #cca574;
	}

A:visited {
	color: #cca574;
	}

A:hover {
	color: #006400;
	}

		
	
H3 {

	font-family: Verdana,Arial;
	font-size: 13px;
	}
	
H4 {
        background: #ffde91;
	font-family: Verdana,Arial;
	font-size: 13px;  
	}
	
H5 {
       
	font-family: Verdana,Arial;
	font-size: 11px;
	font-weight: bold;
	}
.image-front {
       
	font-family: Verdana,Arial;
	font-size: 10px;
	color: #777777;
	font-weight: bold;
	}		
.city {
       
	font-family: Verdana,Arial;
	font-size: 11px;
	font-weight: bold;
	}
		
	
.texttop {
        /*background: #ffde91;*/
        background: #fff;
	font-family: Verdana,Arial;
	font-size: 13px;
	color: #000000;
	font-weight: bold;
	}	
	
.textinfo{
        background: #ffde91;
	font-family: Verdana,Arial;
	font-size: 13px;
	color: #000000;
	font-weight: bold;
	}

.texthead {
    background: #999999;
	font-family: Verdana,Arial;
	font-size: 13px;
	color: #ffffff;
	font-weight: bold;
	}	

  .hr {border: none 0; 
	border-top: 0px solid #ccc;
	border-bottom: 0px solid #efefef;
	width: 100%;
	height: 1px;
	margin: 5px auto 5px 0;
	text-align: center;
	}
	
hr {border: none 0; 
	border-top: 1px solid #ccc;
	border-bottom: 0px solid #efefef;
	width: 100%;
	height: 1px;
	margin: 5px auto 5px 0;
	text-align: left;
	}	
	
	
P { font-family: Verdana,Arial; font-size: 12px;}

.copyright {
	font-family: Verdana,Arial;
	font-size: 9px;
	color: 999999;
	}
	
.menu {
        background: #bdebff;
	font-family: Verdana,Arial;
	font-size: 11px;
	color: #888888;
	font-weight: bold;
	}
	
.menu2 {
        background: #bdebff;
	font-family: Verdana,Arial;
	font-size: 9px;
	color: #888888;
	font-weight: bold;
	}
	
img{
border:none;
}