﻿body {
	margin: 0 0 0 0;
	background-color: #322b28;
	font-family: "Times New Roman"
}

.clear {
    clear:both
}

.container {
	margin:auto;
	width:947px;
	height:100%;
	position:relative;
	background-color: #faf6d9
}



.div-shadow {
float:right;
background: url("../images/trans-shadow.png") no-repeat bottom right; /* Most major browsers other than IE supports transparent shadow. Newer release of IE should be able to support that. */
}



.div-shadow div {
display: block; /* IE won't do well without this */
position: relative; /* Make the shadow's position relative to its image */
padding: 3px; /* This creates a border around the image */
background-color: #fff; /* Background color of the border created by the padding */
border: 1px solid #cecece; /* A 1 pixel greyish border is applied to the white border created by the padding */
margin: -6px 6px 6px -6px; /* Offset the image by certain pixels to reveal the shadow, as the shadows are 6 pixels wide, offset it by that amount to get a perfect shadow */
}


/* Start of Header */
.header {
	width:100%;
	height:auto;
	background-color:black
}

.upper_header {
	position:absolute;
	width:100%;
	height:205px;
	z-index:100
}

.logo {
	float:right;
	width:125px;
	height:204px;
	margin-top:10px
}

.nav {
	margin-top:33px;
	float:left;
	width:822px;
	height:80px
}

.trans_nav {
	background: url("../images/trans_33p.png") repeat;
	height:25px;
	padding-top: 5px;
	color: #fff;
	font-family:Tahoma;
	font-size: 13px
}

.search {
	float: left;
	width: 50%;
	text-align:center;
	direction:rtl
}

.search input {
	margin:0;
	padding:0;
	font-family: Tahoma;
	font-size:10pt
}

.small_buttons {
	float: right;
	text-align: center;
	direction: rtl;
	width: 50%
}

.small_buttons a{
    text-decoration:none;
    color:#fff
	
}

.buttons {
	background-image: url("../images/buttons_bg.jpg");
	height:41px;
	text-align:right;
	direction:rtl

}

.buttons a{
	text-decoration: none;
	color: #fff;
	display:block;
	width:100%;
	height:100%
}

.buttons a:hover{
	text-decoration: none;
	color: #000;
	display:block;
	width:100%;
	height:100%
}

.buttons_menu{
	list-style:none;
	margin: 0;
	padding: 0 0 0 0;
	font-family: "Times New Roman";
}

.buttons_menu li{
    float:right;
	text-align:center;
	color: #fff;
	font-size: 16px;
	font-weight:bold;
	display: inline-table;
	padding: 8px 13px 0 13px;
	height: 33px;
}

.buttons_menu li:hover {
    color: #000000;
	background-image: url("../images/buttons_hover_bg.jpg")
}

.buttons_menu li:hover a{
    color: #000000;
}

.buttons_menu li.active{
	text-align:center;
	color: #000000;
	font-size: 16px;
	font-weight:bold;
	display: inline-block;
	padding: 8px 13px 0 13px;
	height: 33px;
    background-image: url("../images/buttons_hover_bg.jpg");
}

.buttons_menu li.active a{
    color: #000000
}


.header_background {
	height: 290px
}

.breadcrumb_bg{
	padding:7px 10px 0 0;
	margin:0;
	text-align: right;
	direction:rtl;
	height:26px;
	background: #389e57;
}

.breadcrumbs{
	margin:0;
	padding:0;
	font-weight:bold;
	font-size:11pt
}


.breadcrumbs li{
	padding-left: 15px;
	padding-right: 5px;
	display:inline-block;
	background: url("../images/bc_arrow.jpg") no-repeat center left;
    float:right
}


.breadcrumbs li a{
	color:#282320;
	text-decoration:none;
}


.breadcrumbs li.child {
	color: #fff;
	display: inline-block;
	background:none
}

.breadcrumbs li.child a{
	color:#fff;
	text-decoration:none;
}


.panel-overlay {
	text-align:right;
	direction:rtl
}

.panel-overlay h2{
	margin:5px 0 0 0;
    padding:0;
}
/* End of Header */


/* Start of Content area */
.right_column {
	width: 256px;
	float:right;
	padding-right: 17px
}

.center_column {
	margin: 0 10px 0 10px;
	padding:0 9px 0 9px;
	float: right;
	width: 361px;
	background: url("../images/column_borders.png") 
}

.left_column {
	width: 274px;
	float:right;
	
}

.small_title {
	background: url("../images/short_title.jpg") no-repeat;
	width: 227px;
	height: 26px;
	text-align: center;
	direction:rtl;
	font-weight: bold;
	font-size:11pt;
	padding: 21px 30px 0 0;
	margin: auto auto 15px auto
}

.brief {
	width: 100%;
	clear:both;
    direction:rtl

}

.brief p{
	margin:0;
	padding:0;
	font-size:14pt;
    
}

.brief .random_animal_title{
    text-decoration:none;
    color: #000
}

.brief p.brief_details{
	margin:0;
	padding:0;
	font-size:12pt;
    direction:rtl;
}

.more_button {
	background-image: url("../images/more_button.png");
	width: 55px;
	height: 21px;
	text-align: center;
	color: #fff;
	font-family: "Times New Roman";
	font-weight: bold;
	display:block;
	float: left;
	text-decoration: none
}

.plain_content {
	clear:both;
	text-align:center;
	padding: 0 7px 0 7px;
	font-size: 15pt;
    direction:rtl    
}

.plain_content p{
	padding:0;
	margin:0;
	font-size: 13pt
}

.long_title {
	background: url("../images/long_title.jpg") ;
	width: 301px;
	height: 25px;
	text-align: right;
	direction:rtl;
	font-weight: bold;
	font-size:11pt;
	padding: 21px 50px 0 0;
	margin-bottom:15px;
	clear:both
}

.last_tour {
	position:relative;
	width: 345px;
	height: 167px;
	background-image: url("../images/tour_shadow.jpg");
	margin:auto;
	padding: 5px 0 0 6px
}


/* Start of Blocks Area */
.blocks_column {
	width: 223px;
	float:right;
	height:auto;
	background-color:#eae4c1
}

.section_block_title{
	margin-top:1px;
	background: url("../images/buttons_hover_bg.jpg") bottom;
	width: 100%;
	height: 26px;
	text-align: center;
	direction:rtl;
	font-weight: bold;
	font-size:12pt;
	color:#282320;
	padding:7px 0 0 0
}

.block_title{
	margin-top:1px;
	background: url("../images/block_bg.jpg") bottom;
	width: 100%;
	height: 27px;
	text-align: center;
	direction:rtl;
	font-weight: bold;
	font-size:12pt;
	color:#f5efcb;
	padding:6px 0 0 0
}


.block_content{
	direction:rtl;
	text-align:right;
	padding:10px 7px 0 7px;
	font-size:13pt;
	font-weight:bold;
	margin-bottom:15px
}

.block_content ul{
	list-style:none;
	margin:0;
	padding-right:10px
}
/* End of Blocks Area */

.content_column {
	padding:10px 38px 15px 38px;
	direction:rtl;
	text-align:right
}


.article_date {
	margin:0;
	padding:0;
	font-family: "Tahoma";
	font-size:9pt;
	color:#5b5450
}

.article_title {
    direction:rtl;
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	color:#c54720;
	font-size:20pt;
	width:100%;
	border-bottom: 1px #c0b9a0 solid;
    text-align:center
}

.article_content {
	direction:rtl;
	text-align:right;
	font-size:14pt
}

.page_content a{
    text-decoration:none;
    color:#C00000
}

.page_content a:hover{
    text-decoration:underline;
    color:#C00000
}

.animal_details{
    font-size:18pt
}
/* End of Content area */


/* Start of Footer */
.footer {
	background-color: #544c47;
	width:100%;
	height:100%
}

.columns_container {
	margin: auto;
	width:947px;
	
}

.footer_column {
	padding: 15px 15px 0 0;
	text-align:right;
	direction:rtl;
	width: 203px;
	float:right;
	margin-left: 25px;
	margin-bottom:10px
}

#last{
	margin-left: 0
}

.footer_column p.title {
	margin:0;
	font-weight:bold;
	color:#fbda0f;
	font-size:13pt;
}

.footer_column ul {
	list-style:none;
	margin:0;
	padding:10px 0 0 0
}

.footer_column ul li{
	border-bottom: 1px #6e7a5a solid;
	padding:3px 0 0 0
}

.footer_column ul li a{
	text-decoration:none;
	color:#b2cd96;
}

.footer_column ul li a:hover{
	text-decoration:none;
	color:#f7a520;
}


.footer_buttons {
	text-align: center;
	background-color: #383330;
	color: #787368;
	padding: 5px 0 5px 0;
	clear: both;
	font-size:12pt;
	height:25px;
	margin-bottom:5px
}

.footer_buttons a{
	color: #787368;
    text-decoration:none
}

.copyrights {
	color: #aeab96;
	margin:0;
	padding-bottom:10px
}

.copyrights a{
	color: #1F1A17;
    text-decoration:none
}

.t_c {
	color: #FBDA0F;
	margin:0;
	padding-bottom:10px
}

.t_c a{
	color: #FBDA0F;
    text-decoration:none
}

.sponsors {
	background-color: #faf6d9;
	height:156px;
	width:100%
}

.sponsors_container {
	margin:auto;
	width:947px
}

.our_logos {
	text-align: center;
    margin:auto
}

.our_logos img{
	vertical-align:bottom;
	margin-top:15px
}

.sponsors_logos{
	text-align:center;
	float:left;
	width:55%;
	font-family: "Times New Roman";
	font-size:14pt;
	padding-top:58px
}

.media_sponsor {
	text-align:center;
	padding-top:33px;
	display:inline-block;
	margin-left:5px;
	width:95px;
	height:43px;
	background-image: url("../images/media_sponsor.jpg");
    float:right
}

.diamond_sponsor {
	text-align:center;
	padding-top:33px;
	display:inline-block;
	margin-left:5px;
	width:95px;
	height:43px;
	background-image: url("../images/diamond_sponsor.jpg");
    float:right
}

.gold_sponsor {
	text-align:center;
	padding-top:33px;
	display:inline-block;
	margin-left:5px;
	width:95px;
	height:43px;
	background-image: url("../images/gold_sponsor.jpg");
    float:right
}

.silver_sponsor {
	text-align:center;
	padding-top:33px;
	display:inline-block;
	margin-left:5px;
	width:95px;
	height:43px;
	background-image: url("../images/silver_sponsor.jpg");
    float:right
}

/* End of Footer */


/* Start of Animals */
.animals_category{
    width:630px;
    height:auto;
    margin:auto auto 20px auto
}

.animals_c_thumbnail{
    float:right;
}

.animals_c_details{
    padding:14px;
    text-align:right;
    direction:rtl;
    float:left;
    width:363px;
    min-height:240px;
    height:auto;
    background-color:#c6c0a6
}

.animals_c_details h1{
    padding:0;
    margin:0
}

.animals_c_details h1 a{
    text-decoration:none;
    color:#c54720
}

.big_more{
    margin-top:5px;
    display:block;
    width:80px;
    height:27px;
    background:#37312e url("../images/block_bg.jpg");
    color:#DFDCD1;
    text-decoration:none;
    text-align:center;
    padding-top:3px;
    float:left
}

.families_container{
    direction:rtl;
    text-align:right;
    width:525px;
    text-align:center;
    margin:auto
}

.family{
    padding-top:5px;
    margin:0 5px 10px 0;
    float:right;
    height:200px;
    width:170px;
    background-color:#EFE9C2;
    text-align:center
}

.family a{
    text-decoration:none;
    color:#C54720;
    font-weight:bold
}

.animals_container{
    direction:rtl;
    text-align:right;
    width:525px;
    text-align:center;
    margin:auto
}

.animal{
    padding-top:5px;
    margin:0 5px 10px 0;
    float:right;
    height:200px;
    width:170px;
    background-color:#EFE9C2;
    text-align:center
}

.animal a{
    text-decoration:none;
    color:#C54720;
    font-weight:bold
}
/* End of Animals */


/* Start of Nature_Club */
.nc_category_container{
    width:540px;
    padding:15px;
    margin:auto auto 15px auto;
    background-color:#C6C0A6
}

.rounded_title{
    display:block;
    width:100%;
    height:27px;
    background:#37312e url("../images/block_bg.jpg");
    color:#DFDCD1;
    text-decoration:none;
    text-align:center;
    padding-top:3px;
    margin-bottom:10px
}

.nc_category_details {
    float:left;
    width:360px;
    height:200px
}

.nc_category_image {
    float:right;
    width:170px;
    height:200px
}
/* End of Nature_Club */


/* Start of Feedbacks */
.feedback {
    padding:5px;
    margin:0 0 15px 0;
    background-color:#EFEBD1
}

.feedback .name{
    float:right;
    color:#c54720;
    margin:0
}

.feedback .article_date{
    float:left
}

.feedback .message{
    font-size:13pt
}

.pg_links a{
    text-decoration:none;
    font-size:12pt;
    color:black
}

.pg_links a:hover{
    text-decoration:underline;
    font-size:12pt;
    color:black
}

/* End of Feedbacks */
