/* CSS Document */

body, html {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
	color:#000000;
	/*
	background-image: url(img/back.jpg);
	background-repeat: repeat-x;
	background-position: left top;*/
	background-image: url(img/hrt_bg.jpg);
	background-repeat: repeat-y;
	background-position:  92% top;
	min-width:800px;
}

#header {
	clear:both;
	height:170px;
	background-color: white;
}

#header .line {position: absolute; top:180px; left:0; width:240px; height:30px; float:left;background-color: #999933;}
#leftcolon {float:left;clear:left; width:240px; height:1000px; background-color: #B8C9DD; margin:49px 0 0 0; border-right:1px solid #666666;}
	
#leftmenu {float:left; width:240px;  background-color:#B8C9DD; margin:0px 0 0 0;  }
#leftmenu ul { 
float:right;
		margin:50px 0 0 0;
}

#leftmenu li {
	width:220px;
	background:#B8C9DD;
	font-size:14px;
	font-weight: bold;
	list-style-type: none;
	border-bottom: 1px dashed #FFFFFF;
	background-image: url(img/arrow_bhr2.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-align: right;
	display: block;
	margin: 0 5px 0 0;
	padding: 3px 0 5px 0;
	line-height: 25px;
		
}

#leftmenu a {display: block; width:220px; }
#leftmenu  a:link { color:#000000;text-decoration:none;}
#leftmenu  a:visited { color:#000000;text-decoration:none;}
#leftmenu  a:hover {color:#000000; background-color: #E7A22B;
	background-image: url(img/arrow_bhr2.gif);
	background-repeat: no-repeat;
	background-position: left center; }

.menusmall {
	font-size:13px;
	
	color:#333333;
		font-weight: normal;
	
	
}


#main {width:100%;}



#contant{ width:65%; //width:auto;    margin:20px 0 0 10px;  padding:0 10px 0 10px; float:left; //float:right; //clear:right;  }
#contant p {font-size:12px; color:black; margin: 20px 0 10px 30px; }

#footer {clear:both;
	height:45px;
	background-color: #FFFFFF;
	border-top:1px dashed #999999;
	position:relative;
}


#leftcolon2 {float:left; clear:left; width:240px; height:300px;background: #B8C9DD;}





#topmenu {
	font-weight: bold;
	width:auto;
	margin-right: 0px;
	margin-top: 50px;
	height:56px;
	background-repeat: no-repeat;
	background-position: right top;
	border-bottom: 1px dashed #999999;
			

}

/*	TOP Menu  */

#topmenu ul { margin:0; padding:0;; width:650px; }
#topmenu li {
	margin-left:17px;
	//margin-left:17px;
	float:left;
	padding-left: 10px;
	list-style-type: none;
	border-bottom: 1px  #999999;
	line-height: 1em;
	background: url(img/arrow_bhr.jpg) left center no-repeat;
	color: #CCCCCC;
	font-size:13px;
	text-decoration: underline;

}

#topmenu li a , #topmenu a:visited{
	color: #999999;
	text-decoration: underline;
	
	}

	
#topmenu li a:hover {
	color:  #666666;
	text-decoration: underline;  }

	
	/* Photo Gallery */
#photogallery {
  margin: 0px 10px 20px 20px;
  padding: 0 0 5px 0;
  float: left;
  display: inline;
  width: auto;
  background-color: #fafaf1;
}

#photogallery li {
  width: 160px; //width: 150px;
  margin: 3px 6px 2px 0;
  float: left;
  display: inline;
  font-size: 12px;
  background: #fff;
text-align: center;
  padding: 5px 8px 2px 0;
  color: #493320;
}

#photogallery li img {
  background: #fff;
  border: 10px #fff solid; 
   //margin: 2px 2px 2px 2px;
  
  }

	
h1 {font-size:20px; color:#9D2B07; padding: 5px 0 10px 40px; //padding: 10px 0 10px 40px;; }
h2 {font-size:14px; color:#333333; padding: 0px 0px 0px 250px; //padding: 20px 0 0px 250px;; }
h3 {font-size:14px; color:#999999; padding: 0px 0px 0px 30px; //padding: 0px 0 0px 30px;; }
h4 {font-size:14px; color:#333333; padding: 10px 0px 0px 60px; //padding: 10px 0 0px 60px;; }
h5 {font-size:14px; color:#333333; padding: 10px 0px 0px 30px; //padding: 10px 0 0px 30px;; }

.toppic {
	float:right;
	right:10px;
	//right:0px;
	height:200px;
	width:356px;
	position: absolute;
	top:0px;
	
}

.frase {
	float:left;
	left:290px;
	position: absolute;
	top:201px;
	
}
.frase2 {
	float:left;
	margin-left:260px;}
	
.frase3 {
	float:left;
	left:70px;
	position: absolute;
	bottom:0px;

//bottom:15px;
	height: 27px;
	width: 56px;
	
	}

.frase4 {
	float:right;
	right:13px;
	position: absolute;
	bottom:-25px; //bottom:77px;
	
	}
	
.frase4 ul { margin:0; padding:0;; width:400px; }
.frase4 li {
	float:left;
	padding-left: 0px;
	list-style-type: none;

   }
   
.baner {
	float:right;
	right:10px;
	position: absolute;
	bottom:58px; //bottom:78px;
	
	}

.bhrlogo {position:absolute; left:60px; top:60px;}
.bhrlogo2 {position:absolute; left:0px; top:160px;}
.bhrlogo3 {position:absolute; left:270px; top:130px;}
.bhrlogo5 {position:absolute; right:54px; top:225px; font-size:14px; font-weight:bold; }



.sponsors {
	float: right;
	position:absolute;
	right:40px;
	top:230px;
	z-index: 1;
}

.copyright {
	float:right;
	right:126px;
	position: absolute;
	bottom:49px;	//bottom:30px;
	color:#84392B;
	font-size:12px
}

.webmaster {
	float:right;
	right:5px;
	position: absolute;
	bottom:-8px;	//bottom:0px;
	color:#CCCCCC;
	font-size:12px
}

.leftcolonpic {
	float:left;
	left:8px;
	position: absolute;
	top:1008px;
	}

.leftcolonaddmenu {
	float:left;
	left:7px;
	position: absolute;
	top:970px;
	color:#666666;
	font-size:11px;

}

.leftcolonaddmenu a:hover, a:link, a:visited {
	color:#666666;
}

#flag {
	position:absolute;
	top:180px;
	width:100%;
	height:39px;
	background-image: url(img/back-flag.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
.style_10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
}
.style_18 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #9D2B07;
}