/*     Common styles     */
*{
	margin: 0;
	padding: 0;
}

body{
	font: 80% "Trebuchet MS",Trebuchet,"Arial",Sans-Serif;
	color: #383838;
	text-align: center;
	background: #434343 url('../images/design/bg.jpg') top center no-repeat;
}
strong{
	font-weight: bold;
}
em,blockquote{
	font-style: italic;
}
img{
	border: 0;
}
a,a *{
	color: #A3BA27;
	text-decoration: underline;
}
a:hover{
	text-decoration: none;
}

.clear{
	clear: both;
}

.right{
	text-align: right;
}
.center{
	text-align: center;
}
.left{
	text-align: left;
}



/*========     Layout    ========*/
#page{
	width: 979px;
	margin: 40px auto 0;
	text-align: left;
	background: #fff;
}

#top{
	width: 979px;
	height: 141px;
	background: #fff url('../images/design/header-bg.jpg') top left no-repeat;
}

#top_img{
	margin-top: 20px;
	text-align: center;
}

#sidebar{
	width: 220px;
	float: left;
	margin: 20px 0 0 20px;
}

#content{
	float: right;
	width: 695px;
	margin: 20px 20px 20px 0;
}



/*  header  */
#logo{
	padding: 19px 0 0 20px;
}
#logo a{
    width: 295px;
    height: 61px;
	display: block;
	position: relative;
    text-decoration: none;
    overflow: hidden;
}
#logo a span{
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	background: #fff url('../images/design/logo.png') top left no-repeat;
    cursor: pointer;
}

#menu{
	width: 940px;
	height: 40px;
	margin: 21px 0 0 19px;
	background: #B7D60B url('../images/design/menu-bg.png') top left no-repeat;
	list-style: none;
}
#menu li{
	position: relative;
	z-index: 2;
	float: left;
	height: 23px;
	margin: 8px 0;
	padding: 3px 30px 0;
	background:  url('../images/design/menu-div.png') center right no-repeat;
}
#menu li a{
	display: block;
	height: 29px;
	float: left;
	color: #fff;
	font-size: 110%;
	font-weight: bold;
	text-decoration: none;
}
#menu li.active a{
	color: #677A00;
}
#menu li.active li a{
	color: #fff;
}
#menu li li.active a{
	color: #677A00;
}
#menu li a:hover{
	text-decoration: underline;
}

#menu li ul{
	display: none;
	position: absolute;
	left: 0;
	top: 32px;
	width: 175px;
	padding: 0 0 10px 0;
	background: url('../images/design/submenu-top-bg-bottom.png') bottom left no-repeat;
	list-style: none;
}
#menu li:hover ul{
	display: block;
}
#menu li ul li{
	height: auto;
	float: none;
	margin: 0;
	padding: 0 18px;
	border-left: 0;
	text-align: center;
	background: #A0BB08;
	line-height: 1;
}
#menu li ul li.first{
	border: 0;
}
#menu li ul li a{
	display: block;
	height: auto;
	float: none;
	padding: 8px 5px 6px 5px;
	border-top: 1px #ABC809 solid;
	font-size: 100%;
	font-weight: normal;
}
#menu li ul li.first a{
	padding-top: 15px;
}




/* sidebar */
#submenu{
	width: 210px;
	margin-bottom: 30px;
	background: #A0BB08 url('../images/design/submenu-bg-top.png') top left no-repeat;
}
#submenu ul{
	padding: 15px 0;
	list-style: none;
	background: url('../images/design/submenu-bg-bottom.png') bottom left no-repeat;
}
#submenu ul li{
	display: block;
	margin: 0 17px;
	padding: 8px 12px;
	border-top: 1px #ABC809 solid;
}
#submenu ul li.first{
	border: 0;
}
#submenu ul li a{
	color: #fff;
	font-weight: bold;
	font-size: 110%;
	text-decoration: none;
}
#submenu ul li a:hover{
	text-decoration: underline;
}
#submenu li.active a{
	color: #434F00;
}

#sidebar .sidebar_banner{
	margin-bottom: 26px;
	font-size: 85%;
}
#sidebar .sidebar_banner h2{
	color: #A5C300;
	font-size: 110%;
}
#sidebar .more{
	text-align: right;
}
#sidebar .more a{
	color: #636363;
	font-weight: bold;
}

#sidebar_contact{
	margin-bottom: 20px;
	background: #DBEA85 url('../images/design/contacts-bg-bottom.png') bottom left no-repeat;
}
#sidebar_contact h2{
	margin: 0 15px 0 15px;
	padding: 20px 12px 10px 12px;
	border-bottom: 1px #B7D60B solid;
	color: #A0B141;
	font-size: 140%;
}
#sidebar_contact table{
	margin: 25px 27px 20px;
	color: #677A00;
	font-size: 90%;
}
#sidebar_contact table th, #sidebar_contact table td{
	padding-bottom: 5px;
}
#sidebar_contact table th{
	padding-right: 10px;
}

.sidebar_advert{
	margin-bottom: 20px;
}



/* bottom */
#bottom{
	padding-bottom: 20px;
}
#bottomInner{
	width: 979px;
	height: 48px;
	margin: auto;
	text-align: left;
	background: url('../images/design/bottom-bg.png') bottom left no-repeat;
}
#bottom_copy, #bottom_created_by{
	margin: 10px 40px 0 40px;
	color: #fff;
	font-size: 80%;
	font-weight: bold;
}
#bottom_copy a, #bottom_created_by a{
	color: #fff;
	text-decoration: none;
}
#bottom_copy a:hover, #bottom_created_by a:hover{
	text-decoration: underline;
}
#bottom_copy{
	float: left;
}
#bottom_created_by{
	float: right;
}










/* content text */
#content h1,#content h2,#content h3,#content h4,#content h5,#content h6,#content p,#content table,#content ul,#content ol,#content blockquote{
	margin: 0 0 25px 0;
}
#content h2,#content h3,#content h4,#content h5,#content h6{
	color: #A3BA27;
}
#content h1{
	font-size: 190%;
}
#content h2{
	font-size: 160%;
}
#content h3{
	font-size: 130%;
}
#content h4{
	font-size: 110%;
}
#content h5,#content h6{
	font-size: 100%;
}
#content ul, #content ol{
	padding-left: 25px;
}
#content li{
	padding: 0 0 5px 0;
}
#content ul ul,#content ul ol, #content ol ul, #content ol ol{
	margin-top: 5px;
}



/* pagination */
#content .pagination{
	clear: both;
	width: 700px;
	height: 18px;
	position: relative;
	left: -5px;
	padding-top: 2px;
	background: #DAEC76 url('../images/design/pagination-bg.png') top left no-repeat;
	text-align: center;
	font-size: 90%;
	color: #7F8E2A;
}
#content .pagination strong{
	font-size: 110%;
	color: #000;
}
#content .pagination a{
	color: #7F8E2A;
	text-decoration: none;
	font-weight: bold;
}
#content .pagination a:hover{
	text-decoration: underline;
}





/*  index page  */
#content .index_news_h{
	position: relative;
	left: -5px;
	width: 680px;
	height: 29px;
	padding: 11px 0 0 20px;
	margin-bottom: 30px;
	background: #B7D60B url('../images/design/index-news-h-bg.png') top left no-repeat;
	color: #fff;
	text-transform: uppercase;
	font-size: 120%;
}

#index_news{
	margin: 0 12px;
}
.text_list_item{
	display: table;
	margin-bottom: 30px;
}
#content .text_list_item .image{
	width: 120px;
	float: left;
	padding-right: 15px;
	margin-bottom: 0;
	text-align: center;
	padding-top: 5px;
}
#content .text_list_item h2, #content .text_list_item h3, #content .text_list_item .info, #content .text_list_item .description, #content .text_list_item .more{
	margin-bottom: 0;
}
#content .text_list_item h3, #content .text_list_item .info, #content .text_list_item .description, #content .text_list_item .more{
	padding-left: 135px;
}
#content .text_list_item h2, #content .text_list_item h3{
	font-size: 120%;
}
#content .text_list_item .info{
	margin: 3px 0 15px 0;
	color: #000;
	font-size: 90%;
}
#content .text_list_item .description{
	font-size: 90%;
}
.text_list_item .more a{
	color: #383838;
}



/*  Text and actions detail */
#content .textDetail .info, #content .actionDetail .info{
	font-size: 90%;
	margin-bottom: 15px;
}
.textDetail .image, .actionDetail .image{
	float: right;
	padding: 0 0 10px 15px;
}
.textDetail .image a img, .actionDetail .image a img{
	border: 3px #E3E3E3 solid;
}
.textDetail .image a:hover img, .actionDetail .image a:hover img{
	border-color: #ccc;
}
.textDetail .description, .actionDetail .description{
	font-weight: bold;
}
.textDetail .author{
	text-align: right;
	padding-right: 50px;
}



/* fotogallery */
#content .gallery_backnav{
	margin-top: -10px;
}

.gallery_subfolder{
	float: left;
	width: 100px;
	padding-right: 20px;
}
#content .gallery_subfolder .img{
	width: 100px;
	height: 75px;
	background:  url('../images/design/gallery-folder-bg.png') top left no-repeat;
	text-align: center;
	margin-bottom: 10px;
}
.gallery_subfolder .img img{
	margin-top: 16px;
	max-width: 84px;
	max-height: 50px;
}
#content .gallery_subfolder h3{
	padding-left: 0;
	font-size: 110%;
	text-align: center;
}
#content .gallery_subfolder h3 a{
	text-decoration: none;
}
#content .gallery_subfolder h3 a:hover{
	text-decoration: underline;
}

#content h2.gallery_name{
	clear: both;
	margin-bottom: 15px;
}

.gallery_images{
	clear: both;
}
.gallery_image{
	float: left;
	width: 150px;
	padding-right: 20px;
}
.gallery_rating{
	font-size: 85%;
}