/*
CSS Credit:   http://www.templatemo.com/
*/

html {
	background: #343933;
}

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: normal;
	color: #333333;
	background-color: #787277;
	width: 100%;
	display: table;
}

a {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
}
a:hover {  color: #FFCC00; }

.gallery {
	color: #000000;
	font-size: 12px;	
}

.selectedItem {
	color: #FFFF00;
	}
/*  #background_section_top {
	width: 100%;
	height:120px;
	background: url(images/topbackground.gif) repeat-x;
}  */

#background_section_mid {
	width: 100%;
	background: #79776d url(images/background_section_mid_bg.jpg) repeat-x;
}

#background_section_bottom{
	width: 100%;
	background:url(images/background_section_bottom_bg.jpg) bottom repeat-x;
}

#background_bottom{
	width: 100%;
	background: #343933 url(images/background_bottom_bg.jpg) top repeat-x;
	overflow: hidden;
}

.container {
	width: 960px;
	margin: auto;
}

#header {
	width: 968px;
	height: 120px;
	background: url('images/topg120_new.gif') no-repeat;
}

/* Logo Area */
#logo_section {
	width: auto;
	height: auto;
	margin-top: 22px;
	margin-left: 38px;
	padding: 5px 0;
	float: left;
	display: inline;
	font-size: 36px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-shadow: 4px 4px 3px #686e31;
	color: #d4d2c5;
}

.logo_section_italic {
	width: auto;
	height: auto;
	margin-top: 5px;
	margin-left: 8px;
	padding: 5px 0;
	float: left;
	display: inline;
	font-size: 24px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #d4d2c5;
	text-shadow: 4px 4px 3px #686e31;
	font-style: italic;
}

#header_text {
	width: 250px;
	height: 52px;
	margin-top: 2px;
	margin-left: 32px;
	float: right;	
	display: inline;
	font-size: 11px;
	color: #d4d2c5;
	text-align: right;
}
#header_text_left {
	width: 390px;
	height: 52px;
	margin-top: 12px;
	margin-left: 32px;
	float: right;	
	display: inline;
	font-size: 11px;
	color: #d4d2c5;
	text-align: left;
}

/* Left Section */
#left_section {
	float: left;
	width: 199px;	
	margin: 0 0 0 36px;
}

#left_section .image_box {
	margin-top: 8px;
	padding: 1px;
}

#left_section .section_box_2 {
	margin: 1px;
	background: url(images/boxed_article.jpg) repeat;
	width: 198px;
	height: 198px;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	text-align:justify;
}

.section_box_2 h3 {
	margin: 0;
	padding: 0;
	font-size: 16px;
	color: #664E3C;
	text-align: center;
	font-weight: bold;
}

.section_box_2 p {
	margin: 0;
	padding: 0;
	padding-bottom: 6px;
	font-size: 12px;
	color: #482424;
	text-align: center;
	line-height: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
.section_box_2 a {
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #996633;
	text-align: center;
}
.section_box {
	width: 188px;
	margin: 0;
	padding: 0 0 10px 7px;
	border-left: 2px solid #20282a;
	border-right: 2px solid #20282a;
	background: #323732;
	text-align: left;
}
.section_box_last {
	width: 188px;
	margin: 0;
	padding: 0 0 10px 7px;
	border-left: 2px solid #20282a;
	border-right:2px solid #20282a;
	border-bottom: 2px solid #20282a;
	background:	#323732;
}

.section_box .section_title {
	width: 160px;
	height: 23px;
	border-bottom: 1px dashed #898c82;
	border-top: 1px dashed #898c82;
	margin: 0;
	padding: 5px 0 0 10px;
	font-size: 13px;
	font-weight: bold;
	color: #FFCC66;
}

.section_box .section_title_home {
	width: 160px;
	height: 23px;
	border-bottom: 1px dashed #898c82;
	border-top: 1px dashed #898c82;
	margin: 0;
	padding: 5px 0 0 10px;
	font-size: 13px;
	font-weight: bold;
	color: #FFCC66;
	animation-duration: 1s;
	animation-timing-function: ease-out;
	animation-name: lislidein;	
}

@keyframes lislidein {
  from {
    margin-top: 100%;
    width: 300%; 
  }

  to {
    margin-top: 0%;
    width: 100%;
  }
}
.section_search_box {
	width: 130px;
	height: 11px;
	font-size: 10px;
}
.section_search_button {
	width: 44px;
	height: 22px;
	font-size: 10px;
}

.section_box .section_year {
	width: 160px;
	height: 36px;
	border-bottom: 1px dashed #898c82;
	margin: 0;
	padding: 0 0 0 10px;
	font-size: 13px;
	font-weight: bold;
	color: #FFCC66;
}
.section_box .section_advert a {
	width: 160px;
	height: 46px;
	text-align: center;
	font-size: 18px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FFCC66;
	font-style: normal;
	font-weight: normal;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}
.section_box .section_advert_italic a {
	width: 160px;
	height: 46px;
	text-align: left;
	font-size: 18px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FFCC66;
	font-style: italic;
	font-weight: normal;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}

.section_box ul {
	font: normal normal normal 10px/normal Arial, Helvetica, sans-serif;
	list-style: none;
	margin: 12px 0 15px 1px;
	padding: 0;
}

.section_box ul li a span.main{
	font-size: 13px;
	color: #FFFFFF;
}
.section_box ul li span.main{
	font-size: 13px;
	color: #A2A091;
}

.section_box_last .section_title {
	width: 160px;
	height: 23px;
	border-bottom: 1px dashed #898c82;
	border-top: 1px dashed #898c82;
	margin: 0;
	padding: 5px 0 0 20px;
	font-size: 13px;
	font-weight: bold;
	color: #cdccc0;
}
.section_box_last ul {
	list-style: none;
	margin: 12px 0 15px 20px;
	padding: 0;
}

.clener_with_height {
	clear: both;
	height: 1px;
}
/* Right Section */

#right_section {
	float: right;
	width: 698px;
}

/* Menu Section */
#menu_section{
	float: left;
	margin: 0;
	padding: 0;
}

#menu_section ul {
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu_section ul li {
	float: left;
	width: 85px;
	height: 28px;
	padding: 5px 0 0 0;
	margin: 0 0 0 0;
	font-size: 12px;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: center;
	text-decoration: none;
	color: #D4D2C5;
	background: url(images/menu_bg.jpg) repeat-x top;
	border-top: none;
}

#menu_section ul li a {
	color: #FFFFFF;
	font-size: 12px;
}

#menu_section li a:hover, #menu_section li .current {
	color: #FFFF00;
	font-size: 12px;
}

/* End OF menu*/


.content_area {
	padding: 0;
	margin-top: 25px;
	margin-right: 20px;
	margin-bottom: 5px;
	margin-left: 20px;
}
.content_area h1 {
	color: #343933;
	font-size: 23px;
	margin: 0;
	padding: 0;
}
.content_area h4 {
	color: #ffffff;
	font-size: 18px;
	font-style:italic;
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
}
.content_area h2 {
	color: #343933;
	font-size: 18px;
	margin: 0;
	padding: 0;
	margin-bottom: 5px;
}
.content_area p {
	color: #000000;
	font-size: 12px;
	text-align: justify;
	margin: 0;
	padding: 0;
	margin-bottom: 5px;
}
.content_area h6 {
	color: #ffff00;
	font-size: 240px;
	text-align: center;
	margin: 0;
	padding: 0;
	margin-bottom: 5px;
	}
.contents {
	color: #000000;
	font-size: 11px;
	text-align: left;
}

.content_area a {
	color: #fdbc0d;
	font-size: 12px;
	text-decoration: none;
}
.content_area b {
	font-weight: bolder;
	text-decoration: none;
}
.menutitle {
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	color: #4F2700;
	cursor: pointer;
}
.menutitle .submenu {
	font-size: 6px;
	color: #FF00FF;
}
.menutitle a {
	font-size: 11px;
	color: #CC9900;
}
.menutitlea {
	color: #4F2700;
	font-weight: normal;
	font-size: 11px;
	line-height: 11px;
}
.menutitlea a {
	background: #6E5A4C;
	color: #4F2700;
	font-weight: normal;
	font-size: 11px;
	line-height: 11px;
}
.Stamp_Box {
	margin: 0;
	border-top: thin #D4D2C5 dashed;
	margin-bottom: 5px;
	padding: 0 10px 0 10px;
}
.Stamp_Box h1 {
	color: #664e3c;
	font-size: 23px;
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
}

.Stamp_Box p {
	color: #000000;
	font-size: 12px;
	text-align: justify;
	margin: 0;
	padding: 0;
	margin-bottom: 5px;
}

.Stamp_Box a {
/*	color: #663300; */
/*	color: #FFFF00; */
	color: #fdbc0d;
	font-size:12px;
	text-decoration: none;
}
.Stamp_Box h2 {
	font-weight: bold;
	font-size: 12px;
	margin: 0;
	padding: 0;
	margin-bottom: 5px;
	color: #6E5A4C;
}

h4 {
	font-weight: normal;
	font-size: 10px;
	margin: 0;
	padding: 0;
	margin-bottom: 5px;
	color: #6E5A4C;
}

.content_area a:hover {
	text-decoration: underline;
}
.two_column_section h1 {
	font-size: 15px; 
	color: #300;
	margin: 20px;
}

.two_column_section  .two_column_left {
	float: left;	
	width: 335px;
	margin: 0;
	padding: 10px;
}
.two_column_left h1 {
	font-size: 15px;
	color:  #300;
	margin: 0;
	padding: 0;
	margin-bottom: 12px;
}
.two_column_left h2 {
	font-size: 16px;
	color:  #f6d124;
	margin: 0;
	padding: 0;
	margin-top: 6px;
	margin-bottom: 0px;
}
.two_column_left p {
	font-size: 12px;
	margin: 0;
	padding: 0;
	text-align: justify;
  	text-justify: inter-character;
}
.two_column_left p::first-letter {
  font-weight: bold;
  font-size: 18px;
}
.two_column_left .gallery_box {
	margin: 0;
	background: #a2a091 url(images/gallery_box_bottom.jpg) bottom right no-repeat;
	border-top: 1px dashed #fff;
	border-bottom : 1px dashed #fff;
	margin-bottom: 5px;
	padding: 0 10px 0 5px;
}
.gallery_box p {
	color: #333333;
	font-size: 12px; 
	text-align: justify;
  	text-justify: inter-character;
}	
.gallery_box p::first-letter {
  font-size: 12px;
}
.gallery_box a {
	text-align: justify;
  	text-justify: inter-character;
	color:  #fdbc0d;
	font-size: 12px; 
}	
.gallery_box h4 {
	text-align: justify;
	color: #ffffff;
	font-size: 10px;
}	
.gallery_box h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	font-style: italic;
	color: #FFFF00;
	text-align: center;
}	

.gallery_box .caption {
	text-align: justify;
	color: #333333;
	font-size: 10px;
}	

.gallery_box p span.list {
	color: #664E3C;
	font-size: 9px;
}	
.gallery_box p span.header {
	color: #FF9900;
	font-size: 14px;
	font-weight: bold;
}	
.gallery_box p span.subheader {
	color: #FF9900;
	font-size: 12px;
	font-weight: bold;
}	
.gallery_box img {
	margin: 0 5px 0px 0;
	float: left;
}	
.two_column_section  .two_column_right {
	font: 10px;
	float: right;
	width: 300px;
	margin: 0;
	padding: 10px;
}

.two_column_left .gallery_box {
	margin: 0;
	background: #a2a091 url(images/gallery_box_bottom.jpg) bottom right no-repeat;
	border-top: 1px dashed #fff;
	border-bottom : 1px dashed #fff;
	margin-bottom: 5px;
	padding: 0 10px 0 5px;
}
.gallery_box p {
	text-align: left;
	color: #333333;
	font-size: 12px;
}	
.gallery_box a {
	text-align: justify;
	color: #FFF;
/*	color: #4F2700; */
	font-size: 12px;
/*	font-weight: bold; */
}	
.gallery_box a:hover {
	color: #FF0;
	text-decoration:underline;
}	

.gallery_box h4 {
	text-align: justify;
	color: #ffffff;
	font-size: 10px;
}	
.gallery_box h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	font-style: italic;
	color: #FFFF00;
	text-align: center;
}	

.gallery_box .caption {
	text-align: justify;
	color: #333333;
	font-size: 10px;
}	

.gallery_box p span.list {
	color: #664E3C;
	font-size: 9px;
}	
.gallery_box p span.header {
	color: #FC0;
	font-size: 14px;
	font-weight: bold;
}	
.gallery_box p span.subheader {
	color: #e7e4d4;
	font-size: 12px;
	font-weight: bold;
}	
.gallery_box img {
	margin: 0 5px 0px 0;
	float: left;
}	
.two_column_right h2 {
	font-size: 16px;
	color:  #f6d124;
	margin: 0;
	padding: 0;
	margin-top: 6px;
	margin-bottom: 0px;
}
.two_column_right .body {
	min-height: 420px;
	width: 260px;
	background: url(images/2_column_right_bg.jpg) top no-repeat;
	margin: 0;
	padding: 10px;
	font-size: 10px;
}
.two_column_right p {
	font-size: 12px;
}

.two_column_right a {
	color: #FFFFFF;
}

.body h2 {
	font-size: 12px;
	color: #010101;
	margin: 0;
	padding: 0;
}
.body p {
	font-size: 12px;
	color: #4c4c4c;
	text-align: left;
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
}
.body a {
	color: #ffffff;
	text-decoration: none;
}
.body a:hover {
	text-decoration: underline;
}
.bottom_panel {
	padding: 10px;
}
.bottom_panel .bottom_section_box_1 {
	float: left;
	width: 180px;
	margin: 0 20px 0 30px;
	;
	padding: 0;
}
.bottom_panel .bottom_section_box_2 {
	float: left;
	width: 680px;
	margin: 5px 10px 0 20px;
	;
	padding: 0;
}
.bottom_section_box_2 h3 {
	color: #d0cec2;
	font-size: 12px;
	font-weight: bold;
	margin:0;
	padding: 0;
}
.bottom_section_box_2 h3 a {
	color: #FFCC99;
	font-size: 12px;
	font-weight: bold;
	margin:0;
	padding: 0;
	
}
.bottom_section_box_2 p {
	color: #d0cec2;
	font-size: 12px;	
	margin: 5px 0 0 0;
}
.bottom_panel #footer {
	margin: 0px 0 5px 0;
	padding: 5px 0 0 0;
	width: 100%;
	color: #d0cec2;
}
#footer a {
	color: #FFCC99;
}
#footer a:hover {
	color: #FFCC99;
	text-decoration: underline;
}
#footer p {
	color: #C0C0C0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	line-height: 8px;
}
.section_carp {
	position: relative;
	width: 222px;
	height: 300px;
	}
.section_carp img {
	position: relative;
    animation-name: fade_carp;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 3s;
    animation-direction: alternate;
    -webkit-animation-name: fade_carp;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 3s;
    -webkit-animation-direction: alternate;

}

@keyframes fade_carp {
	0% {
		background-image: url(images/condescending_carp.png)
	
	}
	25% {
		background-image: url(images/condescending_carp.png)
	}
	50% {
		background-image: url(images/condescending_carp.png)
	
	}
	90% {
		background-image: url(images/condescending_carp_blink.png)
	}
	100% {
		background-image: url(images/condescending_carp_blink.png)
	}
}
.cascade_table tr{    
  opacity: 0;
  animation-name: tr_fadeIn;
  animation-duration: 3s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}
@keyframes tr_fadeIn {
  0% {
    opacity: 0;
  }
  30% {
	opacity: 0.7;
  }
  100% {
    opacity: 1;
  }
}