@charset "utf-8";

/* CSS Document */

/* standard elements */

* {

	margin: 0;
	padding: 0;
}
. article table { padding:5px;}
a {color: #265ec4;}
a:hover {color: #336633;}
body {
	background: #4E5D3C url(images/bg.jpg);
	color: #333333;
	font: 0.75em Tahoma,Arial,sans-serif;
	margin: 0;
}
p,blockquote,ul {margin-bottom: 1.2em;}
h1 {font: normal 1.8em serif;}
h2 {
	font: normal 1.4em Verdana,serif;
	margin: 3px 0 1px;
	padding: 5px;
}
ul {margin-left: 1.8em; line-height: 140%;}
blockquote {
	background: url(img/quote.gif) no-repeat;
	color: #555;
	font: normal 1.4em serif;
	padding-left: 22px;
}
blockquote p {padding: 6px;}
.clearer {clear: both;}
.left {float: left;}
.right {float: right;}
.img-right{float: right; margin-left:10px;}
.divider {
	background: url(img/divider.gif) no-repeat;
	height: 20px;
	margin: 24px 0;
}
.container {
	margin: 0 auto;
	width: 766px;
	background: url(images/bgr.jpg) repeat-y;
}
.container2 {
	margin: 0 auto;
	width: 766px;
	background:url(images/bgr-content01.jpg) repeat-y;
}
.gfx {
	background: url(img/gfx.jpg) no-repeat;
	float: left;
	height: 140px;
	margin-top: 12px;
	width: 52px;
}
.top_sentence {
	font-weight: bold;
	color: #648195;
	text-align: center;
}
.pattern {
	background: #334127 url(img/pattern.gif) repeat-x;
	clear: both;
	height: 12px;
}
/* navigation */
.navigation {height: 39px;}
.navigation a {
	color: #6C7151;
	font: normal 1.9em serif;
	line-height: 50px;
	margin: 0 16px;
	text-decoration: none;
}
.navigation a:hover,.navigation #selected {
	color: #2C3111;
}
/* content */
.content {
	width: 766px;
}
.content .fright {
	float: right;
	width: 426px;
	margin: 10px 20px 20px 0px;
	_margin: 10px 0px 25px 10px;
}
.content .fleft {
	float: left;
	width: 280px;
	margin: 10px 0px 25px 20px;
	_margin: 10px 0 25px 10px;
}
.content_p2 {
	width: 766px;
}
.content_p2 .fright2 {
	float: right;
	width: 180px;
	min-height: 620px;
	_height:auto !important;
	height: auto;
}
/* title */
.title {
	float: none; 
}
.title h2 {
	background: url(images/title.gif) no-repeat left;
	color: #558635;
	padding-top: 5px;
	padding-left: 35px;
	font: normal small-caps 600 18px  "Times New Roman", Times, serif;
}
.title h1 {
	background: url(images/titleh2.gif) no-repeat left;
	width: 408px;
	height: 30px;
	padding-top: 0;
	padding-left: 25px;
	padding-bottom:6px;
	font-family:"Times New Roman", Times, serif;
	font-size:20px;
	font-weight:bold;
	color: #558635;
}
.article {clear: both; 
	padding: 5px 0 10px 0;
}
.article img {border: 2px solid #8A6;
	margin: 0px 10px 6px 0px;
}
.article .small_title {
	color: #445044;
	font: normal 2em serif;
}
.article .small_title:first-letter {
	display: block;
	float: left;
	font-size: 2.4em;
}
.article .metadata {
	color: #666;
	font-size: 0.9em;
	float: left;
	padding: 0 0 6px 4px;
}
.article .child_content {
	padding-top: 3px;
	clear: both;
}
.readmore { 
	background: url(images/readmore.gif) no-repeat left;
	float: right; 
	color: #648195;
	font-weight: bold;
	padding: 8px 0px 10px 20px; 
	margin: 0px 20px;
}
.readmore a {
	color: #648195;
	text-decoration: none;
}
.readmore a:hover {
	color: #28E;
}
.white_box {
	width: 180px;
	margin: 15px 0 15px 0;
}

.white_box .box_top {

	width: 180px;

	height: 11px;

	background:url(images/box_top.jpg) bottom right no-repeat;

}

.white_box .box_middle {

	margin: 0 9px 0 11px;

	padding: 0 10px 0 10px;

	background: #f9fbf8;

	font: 0.9em Tahoma,Arial,sans-serif;

}

.white_box .box_middle2 {

	margin: 0 9px 0 11px;

	padding: 0 6px 0 6px;

	background: #f9fbf8;

	font: 0.9em Tahoma,Arial,sans-serif;

	color:#000;

}

.white_box .box_img {

	margin: 0 9px 0 11px;

	background: #f9fbf8;

	font: 0.9em Tahoma,Arial,sans-serif;

	font-weight: bold;

	color: #648195;

	font-variant: small-caps;

	text-align: center;

}



.white_box .box_bottom {

	background:url(images/box_bottom.jpg) top right no-repeat;

	width: 180px;

	height: 11px;

	_height: 10px;

}



.readmore2 { 

	background: url(images/readmore.gif) no-repeat left;

	color: #648195;

	font-weight: bold;

	padding: 8px 0px 10px 20px; 

	margin: 0px 0px 0 25px;

}

.readmore2 a {

	color: #648195;

	text-decoration: none;

}

.readmore2 a:hover {

	color: #28E;

}

.upper { 

	background: url(images/readmore.gif) no-repeat left;

	color: #648195;

	font-weight: bold;

	font-variant: small-caps;

	padding: 8px 0px 10px 20px; 

}

/*end white box */



form {

  margin: 0;

  padding: 0;

  font-size: 100%;

 }





label {

  font-size: 100%;

}



label u {

  font-style: normal;

  text-decoration: underline;

}



input, select, textarea {

  font-family: Tahoma, Arial, sans-serif;

  font-size: 100%;

  color: #000000;

}



textarea {

  overflow: auto;

}





form div img {

  border: 1px solid #000000;

}



#gallery {

	float: left;

	margin-top: 15px;

	width: 280px;

	height: 254px;

	}

#gallery .img {

	padding: 5px 5px 32px 5px; 

	margin: 0;

	width: 270px;

	height: 217px;

	}

	

#facebookfan {

	float: left;

	margin-top: 15px;

	width: 280px;

	height: 70px;

	}

#facebookfan .img {

	padding: 5px 0px 25px 5px; 

	margin: 0;

	width: 280px;

	height: 63px;

	}



/* footer */

.footer {

	clear:both;

	margin: 0 auto;

	width: 766px;

	height: 66px;

	background: url(images/footer-bgr.jpg) no-repeat;

}



.footer a {

	color: #265ec4;

	text-decoration: none;

}



.footer a:hover {

	color: #336633;

	text-decoration: none;

}



.footer .inleft {

	float:left;

	width: 420px;

	margin: 25px 5px 0px 25px;

}

.footer .inright {

	float:right;

	margin: 25px 35px 0px 25px;

	width: 250px;

	text-align: right;

}

/*.footer .inleft {

	margin: 0 auto;

	width: 706px;

	padding-top: 15px;

}

.footer .inright {

	margin: 0 auto;

	width: 706px;

	padding-top: 15px;

}

before */

.td {padding-left: 10px;}

.other { width: 400px; margin-bottom: 10px; border-bottom: dotted 1px #000000;}

.other h2 {

	font: bold 1.2em Verdana,serif;

	margin: 3px 0 1px;

	padding: 5px;

}
.child_content  a{ font-size:13px; color:#006600;}
.child_content ul li{ padding: 4px 0px 2px 0px;}

#content {padding:25px 10px 15px 13px;}

#content .indent { padding-bottom:33px;}

.col-1, .col-2, .col-3 { float:left;}

#content .row-1 .col-1 {width:241px; height:180px; font-size: 1.0em;}

#content .row-1 .col-2 { width:14px; height:180px;}

#content .row-1 .col-3 { width:480px; height:180px;}

#content .row-2 .col-1 {width:187px;}

#content .row-3 .col-1 {width:246px; height: 206px; background:url(images/box1.jpg) no-repeat center top;}

#content .row-3 .col-2 {width:246px; height: 206px; background:url(images/box2.jpg) no-repeat center top;}

#content .row-3 .col-3 {width:246px; height: 206px; background:url(images/box3.jpg) no-repeat center top; padding-bottom: 15px;}



.row-2 .link{ background:url(images/arrow.jpg) center right no-repeat; padding:0 20px 0 0; color:#558635; font-variant:small-caps; font-size:1.1em; font-weight:bold; float:right;}

.indent-top{ float: right; margin-top:1px;margin-right:30px;}

.box-indent {padding: 100px 25px 0px 25px; font-size: 0.9em;}

.box-indent h2 { text-align:center; font-size: 1.4em; font-variant: small-caps; color:#558635; font-weight:bold;}

.row-3 .link{ background:url(images/arrow.jpg) bottom right no-repeat; padding:0 15px 0 0; color:#558635; font-variant:small-caps; font-size:1.2em; font-weight:bold; float:right;}

.indent-top2{ float: right; margin-right:20px;display:block;}

.indent-top3{ float: right; margin-top:1px;margin-right:77px;}