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

.header { width: 850px; margin: auto; }

.menu { width: 850px; margin: 0 auto; padding: 0; list-style: none; background-color: #cb6826; height: 40px; }
.menu li { float: left; }
.menu li a { color: #fff;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; padding: 7px; display: block; margin-left: 19px; }
.menu li a:hover { background-color: #fff; color: #bb6126; }
.content2 { background-color: #cfc9bd; width: 850px; margin: auto; }
.content1 { background-color: #cfc9bd; width: 850px; margin: auto;min-height: 800px; }
.content { background-color: #cfc9bd; width: 850px; margin: auto;min-height: 544px; }
.content-left { float: left; }
.sidebar { float: left; }

.footer { width: 850px; margin: auto; }

.footer2 {
	width: 725px;
	margin: auto;
}

.footer-block {
	float: left;
	width: 212px;
	margin-top: 15px;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	background-image:url(../elements/bg_tile.gif);
	background-repeat:repeat-x;
	background-color:#c9cbcb;
}

a {	color: #666666; text-decoration:none}
a :visited {color: #666666;}
a:hover {color: #7ac142;}

menu {	color: #666666; text-decoration:none}
menu :visited {color: #333333;}
menu:hover {color: #333333;}

.heading_sub{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#7ac142;
}

.tileleft{
background-image:url(../elements/left_tile_side.gif)
}

.tileright{
background-image:url(../elements/right_tile_side.gif)
}

.mainbg{
background-image:url(../elements/main_bg.jpg);
background-repeat:no-repeat;
}

.divinfo {
padding-left:25px;
padding-right:10px;
margin-top:10px;
width: 508px!important;
height: 510px;
text-align: left;
}

.photo {
padding-left:25px;
padding-right:10px;
margin-top:10px;
text-align: left;
}

.divinfosmall { width: 460px!important; }
.headingorange {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
color:#f08821;
font-weight:bolder;
text-align:left;
}

.text {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#666666;
text-align:justify;
padding-left:20px;
padding-right:10px;
}

.imageshome {
padding-left:40px;
padding-top:30px;
}

.linkspage{
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#sitemap {
	position: absolute;
	width: 800px;
	margin-left: -400px; /*set to a negative number 1/2 of your width*/
	left: 50%;
	padding-left:10px;
	padding-right:10px;
}

#scrollable {

overflow-y: scroll;
height: 500px;
}

h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
color:#f08821;
margin-bottom: 1px;
}

h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color:#c26426;
margin: 0;
padding: 0;
}

p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

ul {
margin: 0;
padding-left: 15px;
}

li {
font-size: 11px;
padding-top: 3px;
padding-bottom: 3px;


}

.rates { margin-top: 10px; }
.rates td {  }

.rates p {
color: #FFFFFF;
}

.breadcrumbs {
color: #FFFFFF;
border-bottom: 1px dashed #FFFFFF;
padding-bottom: 8px;
}

.style1 {font-size: 10px}

.padding-left { padding-left: 7px; padding-right: 7px; }

@media only screen and (max-width : 850px) {

.header, .content, .content-left, .sidebar, .divinfo, .divinfosmall, .footer, #sitemap { width: 100%!important; padding: 0!important; margin:0!important; }
.header img { width: 100%; height: inherit; }

.sidebar { text-align: center; float: none; }
.divinfo { height: inherit; }

#sitemap { left: inherit!important; }

#sitemap p { margin-left: 20px; margin-right: 20px; }

.content-left p { margin-right: 20px; margin-left: 20px; }
.content-left h1 { margin-left: 20px; }
.content-left h2 { margin-left: 20px; }
.content-left ul { margin-left: 20px; }


       #nav
    {
        position: fixed;
    right: 0;
    top: 0;
		z-index: 9999999;
		width: 100%;
		
    }
	#nav li a { padding-top: 10px; padding-left: 10px; padding-bottom: 10px; color: #fff; display: block; background-color: #232323; border-bottom: 1px solid #333333; }

	
	
        #nav > a
        {
        }
        #nav:not( :target ) > a:first-of-type,
        #nav:target > a:last-of-type
        {
            display: block;
			position: absolute; left: 25px; top: 25px;
			background-image: url('../elements/nav.png');
			background-repeat: no-repeat;
			width: 50px;
			height: 50px;
        }
 
    /* first level */
 
    #nav > ul
    {
        height: auto;
        display: none;
        position: relative;
        left: 0;
        right: 0;
		margin-top: 90px!important;
		width: 100%;
		
		
    }
        #nav:target > ul
        {
            display: block;
			
			
        }
        #nav > ul > li
        {
            width: 100%;
            float: none;
			margin: 0; padding: 0;
			background-color: #2b2b2b;
			border-bottom: 2px solid #fff;
			
        }
 
    /* second level */
 
    #nav li ul
    {
        position: relative!important;
		width: 100%;
    }
	
	    #nav li:hover li a
    {
    }

}

/** END MOBILE CSS **/