﻿* { margin:0; padding:0;}
html, body { height:100%; }
body {font-size:100%; line-height:1.25em; min-width:887px}
html, input, textarea	{	font-family: Arial, Helvetica, sans-serif; 
		color:#868686;	}	

object { vertical-align:top; outline:none; border:0}
.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.container1{ width:100%}
.clear { clear:both;}
.fleft{ float:left}
.fright{ float:right}
div.container {	overflow:hidden; width: 100%;}
a img{ border:0px}
img{ vertical-align:top;  }

	table, td, div, img { border:0; border-collapse:collapse; }
	td {vertical-align:top;}
	ul { list-style: none;}
	p { padding:0px 0px 5px 0px;}
		
    table.content{
      width:100%;
      padding: 0px 0px 0px 0px;
      border-collapse:collapse;

      }

  
    td.content {

      padding : 2px ;
      border: 1px solid #ddd;
      }
      


 
   th.content{

      text-align:left;
      border: 1px solid #ddd;
      padding : 2px ;


      background-color:#eee;
      font-weight:600;
      color:#aaa;
      }

a{color:#232d8e; text-decoration:underline; outline:none} 
a:hover{text-decoration:none}
	
input, select, textarea, html body textarea { vertical-align:middle; font-size:11px; color:#6a6a6a; font-family: Arial, Helvetica, sans-serif}
input, select, textarea { margin:2px; padding :2px 0px 3px 6px; border:1px solid #ddd; background: #fff;}
	
/*** My css ***/
/*======= width =======*/
.main{margin:0 auto; text-align:left; width:887px;}
/*=======#header =======*/
#content1 {height:528px; position:relative;}
/*======= index.html =======*/
#content {position:relative; z-index:1;}


#content .column-left{ width:440px; float:left;  }
#content .column-right{width:440px; float:right; }


.link{ color:#fff; background:#1e1d1d; padding:0px 6px 1px 7px; float:right; display:block; line-height:20px; text-decoration:none  }
.link:hover{text-decoration:underline }

.button{color:#fff; background:url(images/button.gif) top left no-repeat; width:114px; text-align:center; line-height:32px; display:block; text-decoration:none;  }
.button:hover{text-decoration:underline }

.link-1 { display:block; float:left; background:url(images/link_bg.gif) repeat-x left top; color:#ffffff; text-decoration:none; }
.link-1 em { display:block; background:url(images/link_left.gif) no-repeat left top;}
.link-1  b { display:block; background:url(images/link_right.gif) no-repeat right top; padding:0 15px 0 15px; line-height:28px; font-weight:normal; font-style:normal;}
.link-1:hover{ text-decoration:none; color:#000000}


/*header*/
#header {font-size:0.6875em; color:#FFFFFF; height:124px; *height:132px;}

/*** Logo ***/
	#header .logo { /*float:left;*/ margin:8px 0px 4px 0px }
	#header .logo h1 {
		display:block; overflow:hidden;
		width:347px; height:83px;
		background:url(images/logo.gif) no-repeat 0 0;
		font-size:2.1em; color:#000; text-indent:-1000em; cursor:pointer;
		}
	#header .logo h1:hover { text-decoration:none;}
	
	#header .description { font-size:17px; color:#fff; padding:0px 0px 0px 0px; margin:-3px 0px 0px -1px;}

#header .indent{margin:5px 0px 0px 717px; position:absolute; width:163px}
#header .indent2{margin:50px 0px 0px 779px; position:absolute; width:108px; top:0; z-index:11111; }
#header .indent2 img{ margin-left:7px}
#header .indent1{padding:0px 0px 0px 0px}
	
	#header .main-menu { clear:both; background:#202020; height:30px; overflow:hidden;}
	
	#header .menu { margin:0; padding:5px 0 0 18px; list-style:none;}
	
	#header .menu ul { float:left; /*overflow:hidden; */margin:0px 0px 0px 0px; list-style:none; padding:0px 0px 0px 0px;}
	#header .menu ul li {  margin:0px; display:inline; float: left; margin-right:35px; cursor: pointer}
	
	#header .menu ul li a {
		 display:block;
		 height:100%;
		 font-weight:bold;color:#8a8a8a;
		 text-transform:uppercase;
		 text-decoration:none;
		}
	
	/*hover*/
		#header .menu ul li:hover a { text-decoration:none; color:#fefefe;}
		 
	/*active*/
		#header .menu ul li.current_page_item a {text-decoration:none; color:#fefefe;}
	
	/* drop menu */
		#dropmenu .menu ul ul {
			clear:both;
			position:absolute; z-index:999999;
			margin:0px 0px 0px 0px;
			width:150px;
			padding:2px 0px 0px 0px;
			}
		
		#dropmenu .menu ul ul li {
			float: none; clear:both; display:block;height:100%; overflow:hidden; background:#121212;
			text-align:left; margin:0px 0px 0px 0px; padding:0px 5px 5px 10px; *margin:0px 0px -4px 0px;
			}
			
		#dropmenu .menu ul li ul li a { float: left; height:auto; font-weight: normal; text-decoration:none;}
		
		
		#dropmenu .menu ul li ul li a:hover { color:#ccc;}
		
		
			#dropmenu .menu ul ul ul { margin:5px 0px 0px 90px; *margin-top:-15px; position: absolute; z-index:9999999999; padding:0px 0px 0px 0px;}
			#dropmenu .menu ul ul ul li { background:#555;}
			
			
			#dropmenu .menu ul ul ul a {}
			#dropmenu .menu ul ul ul a:hover {}
			
			#dropmenu .menu ul ul ul li a span {}
		#dropmenu .menu ul ul ul li a span span {}


/*content*/
#content{ font-size:0.6875em; width:100%; text-align:left;}
#content .indent-main { padding:15px 0px 0px 0px}
#content .title{  margin-bottom:2px}
#content .img-left{ float:left; margin:0px 10px 10px 0px;  BACKGROUND-COLOR: #d0d0d0;padding:5px; border:0px; }
#content .img-right{ float:right; margin:0px 0px 10px 20px ;  BACKGROUND-COLOR: #d0d0d0;padding:5px; border:0px;}
#content .img-center{margin:10px 0px 10px 20px; margin: 0 auto;}

#content .img-indent{ margin:0px 0px 26px 0px}
#content p{ margin:0px 0px 0px 0px}
#content .p{ margin:0}

#content h2 {color:#c71717; font-size:1.80em; margin-bottom:12px; line-height:1.25em }

#content .enlaced {font-size:1em; text-align:right; padding-right:3px; padding-top:5px; text-decoration:underline; }

#content .title h2 {color:#C71717; font-size:1.60em; margin-bottom:0px;  padding-left:0px;padding-top:2px;padding-bottom:2px; margin-bottom:5px;}


#content h4 {color:#8b870e; font-size:1em; margin-bottom:13px;  }


#content .indent {padding:0px 0px 10px 0px; overflow:hidden; height:100%;}


#content ul { margin:0; padding:0; list-style:none}
#content .column-left ul li{ background:#f2f2f2; background-position:0 4px; margin:0px; margin-bottom:4px; padding:0px 5px 0px 10px;font-size:1.3em }
#content .column-left ul li a{background:url(images/marker.gif) top left no-repeat; background-position:0 4px; margin:0px; padding-left:10px; color:#4d4e4e; text-decoration: none; line-height:1.81em} 
#content .column-left ul li a:hover { text-decoration:none; color:#c71717 }


/*** Text box ***/
	.text-box { color:#868686;	font-size:1em; line-height:1.3em; padding:0px 2px 0px 0px; text-align:justify;}	
	
	
	
	.search_page {}
	
	
/*** Date ***/
	.column-center .date { background:#e5e5e5; height:21px; line-height:22px; color:#555555; padding-left:8px;margin-bottom:20px}
/*box*/



.box{  background:url(images/box.gif) repeat-x 0 0 #e5e5e5; width:100%;}
.box .indent-box{ padding:14px 11px 17px 10px; }


/*footer*/

#footer { color:#666666; font-size:0.6em; margin-top:20px; margin-bottom:0px; overflow:hidden; height:100%; padding-bottom:5px}
#footer .bg-bot{ background:#e7e7e7; width:100%}
#footer .indent-footer{ text-align:center }

.h1{ height:20px; padding:0px 0px 0px 19px;}
	.input{
   	border:none; 
	background:none;
	width:135px; height:16px;
	font-size:1em;
	vertical-align:middle;
	color:#000;
	padding-top:2px;
	padding-bottom:2px;
}

/******/



					
			
		/******/
			.column-center .navigation { overflow:hidden; height:100%; clear:both; font-size:12px; color:#000; padding:0px 0px 8px 0px;}
			.column-center .navigation a {
				font-size:12px; color:#000;
				}
			
			.column-center .navigation a:hover { text-decoration:underline;}
			
			.column-center .nav-top { margin:-20px 0px 0px 0px; padding:0px 0px 20px 0px;}
			
			.column-center .nav-top a {}
			
			.column-center .nav-top .alignleft a { padding:0px 0px 0px 3px;}
			.column-center .nav-top .alignright a {}
			
			.column-center .nav-top a { text-decoration:none;}
			.column-center .nav-top a:hover { text-decoration: underline;}
			
		
		




/*******/

		.text-box h1 { font-size:22px; font-weight: normal; line-height:1.2em; display:block; height:100%; padding:0px 0px 13px 0px;}
		.text-box h2 { font-size:20px; font-weight: normal;}
		.text-box h3 { font-size:18px;}
		.text-box h4 { font-size:16px; text-transform:uppercase; font-family:Arial;}
		.text-box h5 { font-size:14px;}
		.text-box h6 { font-size:12px;}
	
	/*** OL UL style***/
		.text-box ul { padding:5px 0px 5px 1px; margin:0px 0px 0px 0px; overflow:hidden; height:100%;line-height:1.4em;}
		.text-box ul li { background:url(images/marker.gif) no-repeat 0 5px; padding:1px 0px 9px 13px; list-style-image:none; list-style:none; font-weight:normal;}
		.text-box ul li ul { margin-left:10px;}
		.text-box ul li ol { margin-left:15px;}
		.text-box ul li ol li { list-style-type:decimal;}
		
		.text-box ol { padding-left:2px;}
		.text-box ol li { padding:0px; margin-left:13px;  font-weight:normal;list-style-type:decimal;}
		.text-box ol li ul { padding:2px 0px 5px 2px;}
		.text-box ol li ul li { font-weight:normal; background:url(images/marker.gif) no-repeat 0 5px; padding:1px 0px 9px 13px;}
		
		.text-box ul li { list-style-image:none; list-style:none;}
		
		.text-box ul li a { /*text-decoration:none;*/}
		/*.text-box ul li a:hover { text-decoration:underline;}*/
		
		.text-box ul li ul { margin-left:15px;}
		.text-box ul li ol {margin-left:20px;}
		.text-box ul li ol li { list-style-type:decimal;background:none;}
		.text-box ul li ol li a {}
		
		.text-box ol { padding:5px 0px 5px 2px;}
		.text-box ol li{ padding:0px; margin-left:20px;}
		.text-box ol li a { padding-left:0px; text-decoration:none; font-weight:normal;}
		.text-box ol li a:hover{ text-decoration:underline; }
		.text-box ol li ul li a { font-weight:normal; text-decoration:underline;}
		.text-box ol li ul li a:hover {text-decoration:none;}

/*--- gallery ---*/
div.content-gallery {
	/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	width: 887px
	
}
div.content-gallery a, div.navigation a {
	text-decoration: none;
	color: #777;
}
div.content-gallery a:focus, div.content-gallery a:hover, div.content a:active {
	text-decoration: underline;
}
div.slideshow-container {
	position: relative;
	clear: both;
	height: 425px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(images/loader-gall.gif);
	background-repeat: no-repeat;
	background-position: center;
	width: 887px;
	height: 425px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.slideshow {
	height: 742px;
	/*overflow:hidden;*/
}
div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
div.slideshow a.advance-link {
	display: block;
	width: 887px;
	height: 425px; /* This should be set to be at least the height of the largest image in the slideshow */
	text-align: center;
	overflow:hidden;
}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
	text-decoration: none;
}
div.slideshow img {
	position:absolute;
	left:0;
	top:0;
}
div.caption-container {
	/*position: relative;
	clear: both;
	height:7px;*/
}
span.image-caption {
	display: block;
	position: absolute;
	width: 887px;
	top: 0;
	left: 0;
}
div.caption {
	width:887px;
	margin-top:346px;
	background: url(images/bg.png);height:79px;
	/*
	 position:absolute;
	margin-top:-79px; z-index:11111111111;
	overflow:hidden;*/
	
}

#caption {/* top:425px; position:absolute; z-index:11111;*/}


div.caption h4 {
	float:left;
	z-index:10;
	font-size:31px;
	line-height:1.2em;
	display:block; margin:10px 0px 0px 0px; *margin:-4px 0px 0px 0px;
	margin-bottom:5px
}

div.caption .indent{
		margin:16px 0 0 22px; position:relative;
}

div.caption .indent1{
		margin:44px 0 0 25px; *margin-left:3px; position:absolute; font-family:Arial, Helvetica, sans-serif; font-size:22px; color:#fff;
}
div.image-desc {
	font-size:10px;
	color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:12px;
	float:right; line-height:1.5em;
	padding:23px 30px 0 251px; *padding-left:229px; position:absolute
}

#content1 div.navigation {
	background:#e9e9e9; padding:15px 20px 20px 30px; height:75px; position:absolute; z-index:1; top:432px;
	/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
}

ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0;
}
ul.thumbs li {
	float: left;
	padding: 0;
	padding:0 26px 0 0;
	list-style: none;
}
ul.thumbs li.last {
	padding-right:0;
}
a.thumb {
	display: block;
}
ul.thumbs li.selected a.thumb {
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}
	
	
/* -----------------------------------------------------------------
---------------------------- WP ------------------------------------
----------------------------------------------------------------- */
	.info-sidebar { overflow:hidden; padding:5px 0px 15px 15px; color:#000; width: auto; font-size:1.4em; line-height:1.4em;}
	.info-sidebar a { text-transform:none; color:#000;}
	
	.pagetitle { font-size:2.1em; font-weight: normal; overflow:hidden; text-align:center; padding:20px 12px 5px 12px; *padding:20px 12px 0px 12px;}

/*--- Navigations ---*/
	.navigation { /*clear:both;*/ overflow:hidden; /*line-height:13px;*/}
	.navigation .alignleft { float: left; width:45%; text-align:left;}
	.navigation .alignright { float: right; width:45%; text-align:right;}
	.nav-top .alignright a { float: right; }
	
	
	.pd-nav { padding:0; margin:0;}
	.pd-nav .alignleft { padding:0; margin:0;}
	.pd-nav .alignright { padding:0; margin:0;}
	
	.pd-title {padding-bottom:0;}
	
	.marg { margin-bottom:10px;}

/*--- Begin Images ---*/
	p img {
		padding: 0;
		max-width: 100%;}
	
	img.centered {
		display: block;
		margin-left: auto;
		margin-right: auto;}
	
	img.alignright { float: right;display:inline;
		padding: 0;
		margin: 3px 0px 10px 20px;}
	
	img.alignleft {	padding: 0;	margin: 3px 25px 5px 0; float:left; display:inline;}
	
/*------*/
		
	/*--- Popup styles ---*/
	#commentspopup {}
	#commentspopup #header {background:#2F3F99 url(images/popup_header_bg.gif) top repeat-x;}
	#commentspopup .page-padding {padding:0 5px;}
	#commentspopup .page-width {width:538px; margin:0 auto;}
	#commentspopup .header-top {background:url(images/popup_header_bg_top.jpg) top repeat-x;}
	#commentspopup .header-top-right {background:url(images/popup_header_bg_top_right.jpg) top right no-repeat;}
	#commentspopup .header-top-left {background:url(images/popup_header_bg_top_left.jpg) top left no-repeat; width:100%; height:160px;}
	#commentspopup .header-padding {padding:39px 0 0 89px;}
	#commentspopup h1 {font-size:1em; margin:0; padding:0; color:#E1E7EC; text-indent:-1000em; width:141px; height:27px;}
	#commentspopup h1:hover {text-decoration: none; cursor:pointer;}
	#commentspopup .description {width:141px; height:9px; text-indent:-1000em; margin-top:2px;}
	#commentspopup .description2 {width:249px; height:27px; text-indent:-1000em; margin-top:19px;}
	#commentspopup .border-bottom-left {padding:17px 37px 10px;}
	#commentspopup p {font-size:12px;}
	
	
/*--- Begin Typography & Colors ---*/
	small {	font-size: 1em; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
	small * {font-size: 0.9em;}
	small p {font-size: 0.9em;}
	
	select { width: 130px;}
		
	#commentform { font-size:1.2em; overflow:hidden; height:100%; padding:0px 0px 0px 0px;}
	
	/*.commentform {float:left;}*/
	
	#commentform input {
		margin: 5px 5px 1px 0;}
	
	#commentform {
		margin: 5px 0px 0 0;}
		
	#commentform textarea {
		width: 98%;
		padding: 2px;}
		
	#respond:after {
			content: "."; 
			display: block; 
			height: 0; 
			clear: both; 
			visibility: hidden;}
		
	#commentform #submit {
		/*margin: 0 0 10px auto;
		float: right;*/ /*margin:0px 0px 0px 319px;*/}
		
	#respond p { padding:0px 0px 10px 0px; text-indent:0;}
	#respond form p { padding:0px 0px 10px 0px; text-indent:0;}
	
	
	
/* Captions */
	.aligncenter,
	div.aligncenter {
		display: block;
		margin-left: auto;
		margin-right: auto;}
	
	
.pixborderleft {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-SIZE: 0.7em; FLOAT: left; PADDING-BOTTOM: 5px; MARGIN-LEFT: 0px; COLOR: #000000; MARGIN-RIGHT: 5px; PADDING-TOP: 5px; FONT-STYLE: italic; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #d0d0d0
}
.pixborder {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-SIZE: 0.7em; FLOAT: center; PADDING-BOTTOM: 5px; MARGIN-LEFT: 0px; WIDTH: 1%; COLOR: #000000; MARGIN-RIGHT: 5px; PADDING-TOP: 5px; FONT-STYLE: italic; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #d0d0d0
}

.pixborderright {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-SIZE: 0.7em; FLOAT: right; PADDING-BOTTOM: 5px; MARGIN-LEFT: 5px; WIDTH: 1%; COLOR: #000000; MARGIN-RIGHT: 0px; PADDING-TOP: 5px; FONT-STYLE: italic; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ebebeb
}

