@charset "UTF-8";

#index_area {
	background: #c3c4c4 url(index_area_bg01.gif) bottom right repeat-x;

	margin: 0 0 0 174px;
	padding: 10px;

	width:738px;

	position: relative;
	z-index: 1;
}

#index_area #image_area {
	background:#3d3d3d;

	margin: 0;
	padding: 0 0 10px 0;

	width:738px;
}

#index_area #main_area {
	border-bottom: solid 5px #67a2c6;
	background:#ffffff;

	margin: 0;
	padding: 20px 0 24px 0;

	width:738px;
}
#index_area #main_area:after {
	content : "";
	display : block;
	height : 0;
	clear : both;
}
#index_area #main_area #main_left {
	margin: 0;
	padding: 10px 20px 0 20px;

	width: 246px;

	font-size:0.75em;
	color:#333333;
	line-height: 140%;
	text-align : left;

	float: left;
}
#index_area #main_area #main_left h2 {
	margin: 0 0 40px 0;
	padding: 0;

	font-size:2.1em;
	line-height: 120%;
	font-weight:normal;
	text-align : left;
}
#index_area #main_area #main_left h3 {
	margin: 0 0 20px 0;
	padding: 0;

	font-size:1.5em;
	line-height: 120%;
	font-weight:normal;
	text-align : left;
}
#index_area #main_area #main_left p {
	margin: 0;
	padding: 0;
}
#index_area #main_area #main_center {
	margin: 0;
	padding: 10px 20px 0 0;

	width: 223px;

	font-size:0.75em;
	color:#666666;
	line-height: 140%;
	text-align : left;

	float: left;
}
#index_area #main_area #main_center #news_list {
	margin: 0;
	padding: 0;
}
#index_area #main_area #main_center #events_list {
	margin: 0;
	padding: 0;

	display:none;
}
#index_area #main_area #main_center ul {
	margin: 0;
	padding: 0;

	list-style: none;
}
#index_area #main_area #main_center ul li {
	margin: 0;
	padding: 0 0 12px 0;
}
#index_area #main_area #main_center p {
	margin: 0;
	padding: 0;

	text-align : right;
}
#index_area #main_area #main_center p.panel {
	margin: 8px 0 16px 10px;
	padding: 0;

	font-size:1.2em;
	color:#333333;
	text-align : left;
}
#index_area #main_area #main_center p.panel span {
	margin: 0;
	padding: 0;

	color:#70b0d8;
	text-decoration : underline;
	cursor:pointer;
}
#index_area #main_area #main_center p.panel span:hover {
	color:#77bbee;
}

#index_area #main_area #main_right {
	border-left: solid 2px #67a2c6;

	margin: 0;
	padding: 0;

	width: 200px;

	font-size:0.75em;
	color:#999999;
	line-height: 140%;
	text-align : left;

	float: left;
}
#index_area #main_area #main_right h2 {
	margin: 6px 30px 16px 24px;
	padding: 0;

	font-size:2.1em;
	line-height: 120%;
	font-weight:normal;
	text-align : left;
}
#index_area #main_area #main_right p {
	text-align : center;
}
#index_area #main_area #main_right img {
	display : inline;
}

#bana_area {
	margin: 0 0 0 174px;
	padding: 0;

	width:758px;

	list-style: none;
}
#bana_area:after {
	content : "";
	display : block;
	height : 0;
	clear : both;
}
#bana_area li {
	margin: 20px 0 0 0;
	padding: 0 0 0 11px;

	width: 175px;

	text-align : left;

	float: left;
}

#copyright {
	margin: 30px 0 0 174px;
	padding: 0 16px 16px 16px;

	width: 726px;

	font-size:11px;
	color: #676868;
	line-height: 120%;
	text-align : center;
}
#copyright a {
	color:#676868;
	text-decoration:underline;
}
#copyright a:hover {
	color:#676868;
	text-decoration:none;
}






/*--Main Container--*/
.main_view {
	position: relative;
}
/*--Window/Masking Styles--*/
.window {
	height:233px;	width: 738px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	position: absolute;
	left: 29px; top: 202px;
	width: 200px; height:10px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: left;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging:after {
	content : "";
	display : block;
	height : 0;
	clear : both;
}
.paging a {
	background: url(point_d.png) top left no-repeat;
	display:block;

	margin: 0 4px 0 0;
	padding: 0;

	width:12px;
	height:10px;

	overflow:hidden;

	float:left;
}
.paging a.active {
	background: url(point_h.png) top left no-repeat;
}