/* CSS Document */

*{ margin:0; padding:0; }

html{
	height:100%;
}

body{
	font-family: helvetica,  "helvetica neue", Verdana, Arial, sans-serif;
	color:#a4a4a4;
	height:100%;
}

img{
	behavior: url("js/iepngfix.htc");
	border:none;
}

a{
	text-decoration:none;
}

a:hover{
	text-decoration:none;
}

h2{
	font-size:1.125em;
	color:#000000;
}

h3{
	color:#000000;
	font-size:0.8125em;
	line-height:110%;
}

h3 a{
	color:#000000;
}

h3 a:hover{
	color:#00C8FF;
}

p{
	color:#a4a4a4;
	font-size:0.8125em;
	line-height:1.5em;
}

p a{
	color:#747474;
	text-decoration:none;
}

p a:hover{
	color:#000000;
}

.author{
	font-size:0.8125em;
	color:#00C8FF;
}


.blue{
	font-size:0.6875em;
	color:#00C8FF;
	margin:0 0 5px 0;
}


.both{
	clear:both;
}

#bg{
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}

#container{
	height:100%;
	padding:0px;
	clear:both;
	position:relative;
}

#main{
	width:60em; /* 960px */
}

.index_nav1{
	position:absolute;
	top:10px;
	left:10px;
	z-index:2;
	margin-bottom:10px;
}

.index_nav2{
	position:absolute;
	top:140px;
	left:10px;
	z-index:2;
	margin-bottom:10px;
}

.underline{
	background:url(../images/point.png) repeat-x center;
	margin-bottom:10px;
}

.underline2{
	background:url(../images/point.png) repeat-x center;
	margin:10px 0;
}

/*----------------------------------------------------------*/

.img-bg {
	position:absolute;
	left:0px;
	width:100%;
	top:0px;
	height:100%;
}
.img-sem-resize {
	width:100% !important;
	top:auto;
	bottom:0;
	height:auto !important;
}

.img-sem-resize2 {
	width:100% !important;
	top:0;
	height:auto !important;
}

.page{
	min-width:1024px;
	max-width:1280px;
	float:left;
	position:absolute;
	bottom:0;
	right:0;
	width:85%;
	height:100%;
}

.page2{
	min-width:1024px;
	max-width:1280px;
	float:left;
	position:absolute;
	bottom:0;
	left:0;
	width:85%;
	height:100%;
}

/*----------------------------------------------------------*/

#side{
	float:left;
	width:140px;
	height:300px;
	margin:10px 0 0 0;
	position:relative;
	z-index:100;
}

#side div{
	position:absolute;
	left:10px;
}

#side #m0{
	top:0;
	z-index:1;
}

#side #m1{
	top:16px;
	z-index:2;
}

#side #m2{
	top:38px;
	z-index:3;
}

#side #m3{
	top:60px;
	z-index:4;
}

#side #m4{
	top:82px;
	z-index:5;
}

#side #m5{
	top:109px;
	z-index:8;
}

#side #m6{
	top:128px;
	z-index:7;
}

#side #m7{
	top:150px;
	z-index:6;
	padding:1px 0 0 0;
	background:#FFFFFF;
}

#side #m8{
	top:178px;
	z-index:9;
}

#side #m9{
	width:61px;
	height:22px;
	background:#FFFFFF;
	top:199px;
	padding:5px 0 0 2px;
	z-index:10;
}

/*-------------------------------------------------*/

#side_fr{
	float:left;
	width:8.75em; /* 140px */
	height:300px;
	margin:10px 20px 0 10px;
	position:relative;
	z-index:100;
}

#side_fr div{
	position:absolute;
	left:0;
	background:#FFFFFF;
}

#side_fr #m0{
	top:0;
	z-index:1;
	height:18px;
}

#side_fr #m1{
	top:17px;
	z-index:2;
	height:28px;
}

#side_fr #m2{
	top:44px;
	z-index:3;
	height:24px;
}

#side_fr #m3{
	top:67px;
	z-index:4;
	height:25px;
}

#side_fr #m4{
	top:91px;
	z-index:5;
	height:29px;
}

#side_fr #m5{
	top:119px;
	z-index:8;
	height:22px;
}

#side_fr #m6{
	top:140px;
	z-index:7;
	height:27px;
}

#side_fr #m7{
	top:166px;
	z-index:6;
	height:27px;
}

#side_fr #m8{
	top:193px;
	z-index:9;
	height:23px;
}

#side_fr #m9{
	height:22px;
	top:215px;
	z-index:10;
}

/*-------------------------------------------------*/

#content{
	float:right;
	width:48.75em; /* 780px */
	margin:10px 0 0 0;
	position:relative;
	z-index:100;
}

#template1{
	width:23.75em; /* 380px */
}

#template2{
	width:37.5em; /* 600px */
	height:100%;
}

#template3{
	width:23.75em; /* 380px */
}

form{
	margin:187px 0 0 0;
}

input{
	color:#FFFFFF;
	background:#00C8FF;
	width:370px;
	border:none;
	padding:5px;
	margin-top:5px;
	font-size:13px;
	font-family:Verdana, Helvetica, Arial, sans-serif
}

textarea{
	width:370px;
	height:220px;
	padding:5px;
	color:#FFFFFF;
	background:#00C8FF;
	border:none;
	overflow:hidden;
	margin:5px 0 0 0;
	font-size:13px;
	font-family:Verdana, Helvetica, Arial, sans-serif
}

button{
	background:transparent;
	border:none;
	color:#00C8FF;
	text-align:left;
	cursor:pointer;
	font-size:0.9375em;
}

.text{
	/*display:none;*/
}

.text p{
	margin-bottom:10px;
}

.subject{
	margin-bottom:20px;
}

.news{
	margin:0 0 20px 0;
}

.newsdate{
	font-size:0.6875em;
	color:#00C8FF;
	margin-bottom:2px;
	font-family:Georgia, "Times New Roman", Times, serif;
}

.newsdate p{
	font-size:100%;
	color:#00C8FF;
}

.news .title{
	font-size:0.875em;
	color:#000000;
}

.col{
	width:11.75em /* 188px */;
	height:250px;
	margin:0 12px 80px 0;
	float:left;
}

.lastcol{
	width:188px;
	height:250px;
	margin:0 12px 0 0;
	float:left;
}

.col img, .lastcol img{
	border:4px solid #FFFFFF;
	cursor:pointer;
}

.col a:hover img, .lastcol a:hover img{
	border:4px solid #00C8FF;
}

.col h3, .lastcol h3{
	font-size:1.4375em;
	margin:0 4px;
}

.col .photo, .lastcol .photo{
	width:188px;
	height:118px;
	margin-bottom:2px;
	display:block;
}

.col p, .lastcol p{
	margin:0 4px;
}

.col .small, .lastcol .small{
	font-size:0.6875em;
	margin:3px 4px 0 4px;
	color:#a4a4a4;
	display:block;
}


.lastcol a:hover h3, .lastcol a:hover .small, .lastcol a:hover p{
	color:#00C8FF;
}

#template1 .list{
	margin:0 0 30px 0;
}

#template1 .list h3{
	margin:0 0 5px 0;
}

#template1 .list .blue{
	margin:10px 0 0 0;
}

#template3 .author{
	text-align:right;
	margin:20px 0 10px 0;
	padding: 0 0 20px 0;
	background:url(../images/point.png) repeat-x bottom;
}

#template3 .list{
	background:url(../images/point.png) repeat-x bottom;
	padding: 0 0 10px 0;
	margin:0 0 10px 0;
}

#template3 h3{
	display:inline;
}

#template3 .sub{
	font-size:0.6875em;
}

#template3 .caption{
	font-size:0.5625em;
	font-family: Monaco,'Lucida Console',Andale Mono, monospace;
	color:#00C8FF;
	margin-top:5px;
	
}

#template3 .name{
	font-size:0.8125em;
}


#submenu{
	width:400px;
	height:70px;
	clear:both;
	margin-bottom:50px;
}

#submenu div{
	cursor:pointer;
	float:left;
	margin-right:20px;
}

.gallery_left{
	position:absolute;
	left:0;
	top:0;
	float:left;
	z-index:50;
	display:block;
	cursor:pointer;
}

.gallery_right{
	position:absolute;
	right:0;
	top:0;
	float:right;
	z-index:50;
	display:block;
	cursor:pointer;
}

.gallery_left a img{
	border:none;
	background:none;
}

.pre, .next{
	font-size:0.6875em;
	cursor:pointer;
	text-align:right;
}


#logo{
	position:absolute;
	height:111px;
	top:10px;
	right:10px;
	z-index:100;
	background:url(../images/blank.png) repeat;
}

.logo2{
	margin:5px 0 0 0;
	display:none;
}

#footer{
	color:#a4a4a4;
	font-family: Monaco,'Lucida Console',Andale Mono, monospace;
	font-size:0.5625em;
	position:absolute;
	left:10px;
	bottom:10px;
	z-index:100;
}

#footer2{
	color:#a4a4a4;
	font-family: Monaco,'Lucida Console',Andale Mono, monospace;
	font-size:0.5625em;
	position:absolute;
	left:10px;
	z-index:100;
}

#footer a, #footer2 a{
	color:#a4a4a4;
}

#footer a:hover, #footer2 a:hover{
	color:#666666;
}

/*------------------------------------------------------------------------*/

.gallery_demo_unstyled li img{
	display:none;
}

.gallery{
	position:relative;
}

.gallery_demo{
	width:940px;
}

.gallery_caption{
	position:absolute;
	/*top:300px;*/
	left:15px;
	display:none;
}

.gallery_caption .blue{
	font-family: Monaco,'Lucida Console',Andale Mono, monospace;
	font-size:0.5625em;
}

.gallery_caption p{
	font-family: Monaco,'Lucida Console',Andale Mono, monospace;
	color:#a4a4a4;
	font-size:0.5625em;
	letter-spacing:0.05em;
}

li{
	visibility:hidden;
	list-style:none;
}

#main_image{ 
	min-width:1024px;
	max-width:1680px;
	float:left;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(../images/loading.gif) no-repeat center;
}

.gallery-bg {
	position:absolute;
	left:0px;
	width:100%;
	top:0px;
	height:100%;
}

.resize {
	width:100% !important;
	top:0;
	height:auto !important;
}

.gallerynav{
	padding-top:15px;
	clear:both;
}

/*-------------------------------------------------------------------------*/

.news_style {
	display:none;
}

#panel{
	width:380px;
	height:330px;
}

#panel2{
	height:450px;
}

#news_show {
	width:380px;
	position:absolute;
	left:0;
	top:0;
}

#panel .date{
	color:#000000;
	font-size:0.6875em;
	margin-top:3px;
}

.date p{
	font-size:100%;
	color:#000000;
}

#news_border {
	margin:10px 0 0 0;
	overflow:hidden;
	width:380px;
	height:500px;
	position:relative
}

.btnbox{
	width:380px;
	padding:10px 0 0 0;
	margin:10px 0 0 0;
}

.down a{
	width:37px;
	height:43px;
	background:url(../images/arrow_down.png) no-repeat;
	display:block;
	float:left;
}

.down a:hover{
	background:url(../images/arrow_down_ov.png) no-repeat;
}

.up a{
	width:37px;
	height:43px;
	margin:0;
	background:url(../images/arrow_up.png) no-repeat;
	display:block;
	float:left;
	margin:0 5px 0 0;
}

.up a:hover{
	background:url(../images/arrow_up_ov.png) no-repeat;
}

/*-------------------------------------------------------*/

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background:url(../images/scrollbg.gif) repeat-y center;
}
.jScrollPaneDrag {
	position: absolute;
	background: #DBD6D6;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	overflow: hidden;
	height: 9px;
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	overflow: hidden;
	height: 9px;
}

.left .jScrollPaneTrack {
	left: 0;
	right: auto;
}
	
.left a.jScrollArrowUp {
	left: 0;
	right: auto;
}

.left a.jScrollArrowDown {
	left: 0;
	right: auto;
}