/* index */
body, input, select{ font-family:Verdana, Arial, Helvetica, sans-serif}
.index {
	BACKGROUND: url(../images/olta_bg.jpg) #ebf9c7 no-repeat center top; FONT: Arial, Helvetica, sans-serif; WIDTH: 100%; COLOR: #333333; padding: 0px; margin: 0px; display: table }

.header {
	padding: 0px; WIDTH: 975px; POSITION: relative; HEIGHT: 103px;}
.slogan {  text-align: right; padding-right: 10px; padding-top: 60px; font-family:Arial, Helvetica, sans-serif; font-size: 16px; color: #f9ffea; float: right; font-weight: bold}
.middle {
	padding-top: 0px;
	WIDTH: 973px;
	POSITION: relative;
	HEIGHT: 727px;
}
.contentLeft {
	padding-top: 28px; width: 695px; position: relative; height: 680px; float: left ;
}
.leftTop {
	padding-top: 28px; width: 695px; position: relative; height: 100%; border: 0px;
}
.promo {
	width: 695px; position: relative; height: 265px; border: 0px; padding-top:10px; vertical-align: bottom;
}
.left01 {
	width: 695px; position: relative; height: 425px; border: 0px; background: url(../images/content_bg.gif) no-repeat left;padding-left: 6px; padding-right: 18px; padding-top: 0px;
}

.box_board { width: 324px; height: 174px; margin-top:20px;}
.box_board h1{ background-image: url(../images/bullets.gif); padding:0; margin:0; font-size:19px; font-weight:bold; display:block; padding-left:40px; padding-top: 2px; line-height:35px; background-repeat:repeat-y;}
.box_board h1.title_01 { background-position:0px 0px; color:#fd8a2e}
.box_board h1.title_01 a:link { color:#fd8a2e; text-decoration: none }
.box_board h1.title_01 a:visited { color:#fd8a2e; text-decoration: none }
.box_board h1.title_01 a:hover { color:#fdb22e; text-decoration: none }
.box_board h1.title_01 a:active { color:#fd8a2e; text-decoration: none }

.box_board h1.title_02 { background-position:0px -35px; color:#ff3434}
.box_board h1.title_02 a:link { color:#ff3434; text-decoration: none }
.box_board h1.title_02 a:visited { color:#ff3434; text-decoration: none }
.box_board h1.title_02 a:hover { color:#ff6d62; text-decoration: none }
.box_board h1.title_02 a:active { color:#ff3434; text-decoration: none }

.box_board h1.title_03 { background-position:0px -105px; color:#529306}
.box_board h1.title_03 a:link { color:#529306; text-decoration: none }
.box_board h1.title_03 a:visited { color:#529306; text-decoration: none }
.box_board h1.title_03 a:hover { color:#77bd26; text-decoration: none }
.box_board h1.title_03 a:active { color:#529306; text-decoration: none }

.box_board h1.title_04 { background-position:0px -70px; color:#4a68c9}
.box_board h1.title_04 a:link { color:#4a68c9; text-decoration: none }
.box_board h1.title_04 a:visited { color:#4a68c9; text-decoration: none }
.box_board h1.title_04 a:hover { color:#4592f1; text-decoration: none }
.box_board h1.title_04 a:active { color:#4a68c9; text-decoration: none }

.box_board ul { padding-top: 3px;padding-left:22; margin:0;}
.box_board ul li{ padding-left: 15px; margin: 0;display:block ;padding-top: 0px; list-style-type: none; vertical-align:top; padding-right: 5px; font-family:Arial, Helvetica, sans-serif; font-size: 15px; line-height: 22px; width:280px;}
.box_board table td{ vertical-align:top; padding-right: 0px; font-family:Arial, Helvetica, sans-serif; font-size: 13px; color:#000000; border: none}

/* content 01 */
.box_board .content_01 li { background-image: url(../images/li_bullets_01.gif); background-repeat:no-repeat;}
.box_board .content_01 .title { font-family:Arial, Helvetica, sans-serif; font-size: 16px; line-height: 18px; color:#fd9827; font-weight: bold}
.box_board .content_01 .title a:link { color: #fd9827; text-decoration: none }
.box_board .content_01 .title a:visited{ color: #fd9827; text-decoration: none }
.box_board .content_01 .title a:hover { color: #fdb22e; text-decoration: none }
.box_board .content_01 .title a:active { color: #fd9827; text-decoration: none }
.box_board .content_01 a:link { color: #000000; text-decoration:none }
.box_board .content_01 a:visited { color: #70502d; text-decoration:none }
.box_board .content_01 a:hover { color: #ee8a1b; text-decoration:none }
.box_board .content_01 a:active { color: #000000; text-decoration:none }

/* content 02 */
.box_board .content_02 li { background-image: url(../images/li_bullets_02.gif); background-repeat:no-repeat;}
.box_board .content_02 .title { font-family:Arial, Helvetica, sans-serif; font-size: 16px; line-height: 18px; color:#ff3434; font-weight: bold}
.box_board .content_02 .title a:link { color: #ff3434; text-decoration: none }
.box_board .content_02 .title a:visited{ color: #ff3434; text-decoration: none }
.box_board .content_02 .title a:hover { color: #ff6d62; text-decoration: none }
.box_board .content_02 .title a:active { color: #ff3434; text-decoration: none }
.box_board .content_02 a:link { color: #000000; text-decoration:none }
.box_board .content_02 a:visited { color: #8a422e; text-decoration:none }
.box_board .content_02 a:hover { color: #ff3f08; text-decoration:none }
.box_board .content_02 a:active { color: #000000; text-decoration:none }

/* content 03 */
.box_board .content_03 li { background-image: url(../images/li_bullets_03.gif); background-repeat:no-repeat;}
.box_board .content_03 .title { font-family:Arial, Helvetica, sans-serif; font-size: 16px; line-height: 18px; color:#7eb304; font-weight: bold}
.box_board .content_03 .title a:link { color: #7eb304; text-decoration: none }
.box_board .content_03 .title a:visited{ color: #7eb304; text-decoration: none }
.box_board .content_03 .title a:hover { color: #77bd26; text-decoration: none }
.box_board .content_03 .title a:active { color: #7eb304; text-decoration: none }
.box_board .content_03 a:link { color: #000000; text-decoration:none }
.box_board .content_03 a:visited { color: #576a2b; text-decoration:none }
.box_board .content_03 a:hover { color: #7eb304; text-decoration:none }
.box_board .content_03 a:active { color: #000000; text-decoration:none }

/* content 04 */
.box_board .content_04 li { background-image: url(../images/li_bullets_04.gif); background-repeat:no-repeat;}
.box_board .content_04 .title { font-family:Arial, Helvetica, sans-serif; font-size: 16px; line-height: 18px; color:#4f87cf; font-weight: bold}
.box_board .content_04 .title a:link { color: #4f87cf; text-decoration: none }
.box_board .content_04 .title a:visited{ color: #4f87cf; text-decoration: none }
.box_board .content_04 .title a:hover { color: #4592f1; text-decoration: none }
.box_board .content_04 .title a:active { color: #4f87cf; text-decoration: none }
.box_board .content_04 a:link { color: #000000; text-decoration:none }
.box_board .content_04 a:visited { color: #2f496b; text-decoration:none }
.box_board .content_04 a:hover { color: #4f87cf; text-decoration:none }
.box_board .content_04 a:active { color: #000000; text-decoration:none }

.contentRight{
	padding: 0px;
	FLOAT: right;
	OVERFLOW: hidden;
	WIDTH: 278px;
	height: 727px;
	text-align: left;
}
.contentRightTop { padding: 0px; WIDTH: 278px; height: 180px; background-image: url(../images/login_bg.jpg) }
.login { width: 245px; float:right; padding: 0px; margin: 0px; padding-right: 10px; padding-top: 46px; right:}
.login .name_ { height: 31px; padding-left: 85px; padding-top: 3px; padding-right: 0px;}
.login .name_ input { width:150px;}
.login .password_ {  height: 31px; padding-left: 85px; padding-right: 0px;}
.login .password_ input { width:150px;}
.login .button {
	padding-right: 5px;
	text-align: right;
}
.login .forget {text-align: right; font-size: 11px; color:#999999; padding-right: 8px;}
.login .forget a:link { color:#999999;text-decoration: none}
.login .forget a:visited { color:#999999;text-decoration: none}
.login .forget a:hover { color: #000000;text-decoration: none}
.login .forget a:active { color:#999999;text-decoration: none}

.contentRightBottom { padding: 0px; WIDTH: 278px; height: 540px;}
.contentRightBottom .rcolumn { width: 270px; height: 105px; float: right; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; text-align: left}

.contentRightBottom ul { padding-top: 3px; padding-left: 0px; margin:0;}
.contentRightBottom ul li{ padding-left: 15px; margin: 0; font-size: 16px; display:block ;padding-top: 0px; list-style-type: none; vertical-align:top; padding-right: 0px; font-family:Arial, Helvetica, sans-serif; font-size: 15px; line-height: 22px; width:270px; background-image: url(../images/li_bullets_03.gif); background-repeat:no-repeat;}
.contentRightBottom h1{ background-image: url(../images/bullets.gif);background-position:-40px -109px; color:#a0c613; padding:0; margin:0; font-size:19px; font-weight:bold; display:block; padding-left:0px; padding-top: 0px; line-height:30px; background-repeat:repeat-y; text-align: left}
.contentRightBottom h1 a:link { color: #a0c613; text-decoration: none }
.contentRightBottom h1 a:visited { color: #a0c613; text-decoration: none }
.contentRightBottom h1 a:hover { color: #c9ef3b; text-decoration: none }
.contentRightBottom h1 a:active { color: #a0c613; text-decoration: none }

.contentRightBottom a:link { color: #000; text-decoration:none }
.contentRightBottom a:visited { color: #000; text-decoration:none }
.contentRightBottom a:hover { color: #a0c613; text-decoration:none }
.contentRightBottom a:active { color: #000; text-decoration:none }

.footer {
	padding: 0px; WIDTH: 975px; POSITION: relative; HEIGHT: 25px; text-align: center; font-size: 12px; color: #000000; padding-top: 25px; padding-bottom: 20px; font-family:Arial, Helvetica, sans-serif;
}


/* popup */
body { margin: 0px; padding: 0px; }
.pop01body { BACKGROUND: url(../images/olta_popup_01_bg.gif) #f9f3b0 repeat-y center top; FONT: Arial, Helvetica, sans-serif; WIDTH: 100%; COLOR: #333333; padding: 0px; margin: 0px; position: relative; display: table}
.pop01header { background:url(../images/olta_popup_01_header.jpg) no-repeat center top; width: 908px; height: 66px; position: relative; padding: 0px; margin: 0px;}
.pop01middle { background: url(../images/olta_popup_01_footer.gif) no-repeat center bottom; padding-bottom: 0px; WIDTH: 908px; POSITION: relative; height: 100%; }
.pop01middle02 { background:url(../images/olta_popup_01_middle.jpg) no-repeat center top; padding-top: 50px; WIDTH: 908px; POSITION: relative; height: 100%; min-height: 600px }
.pop01Leftmenu { width: 256px; text-align: right; font-size: 16px; color: #000000; padding-top: 0px; float: left; padding-right: 20px}
.pop01Leftmenu h1 { font-size: 35px; color: #ff9c00; line-height: 40px}
.pop01Leftmenu h2 { font-size: 18px; color: #de4e00; line-height: 15px; }
.pop01Leftmenu h2 a:link { color: #7e7e7e; text-decoration: none }
.pop01Leftmenu h2 a:visited { color: #7e7e7e; text-decoration: none  }
.pop01Leftmenu h2 a:hover { color: #999999; text-decoration: none  }
.pop01Leftmenu h2 a:active { color: #7e7e7e; text-decoration: none  }

.pop01Rightcontent { width: 550px; float: right; padding-top: 50px; padding-right: 80px; text-align: left; vertical-align: top; font-size: 14px; color: #000000; height: 100%; min-height: 600px; padding-left: 0px}
.pop01Rightcontent h1 { font-size: 26px; color: #000000 }
.pop01Rightcontent h2 { font-size: 20px; color: #ff9c00 }
.pop01Rightcontent ul li { margin: 0px; font-size: 15px; line-height: 22px;}


.pop01footer { background: url(../images/olta_popup_01_footer.gif) no-repeat center bottom; padding-bottom: 0px; margin: 0px; width: 908px; position: relative; height: 64px;}


/* about */
.aboutBody { margin:0; padding:0; width: 100%; background-color: #f9f3b0 }
.aboutTop { width: 870px; padding: 0px; margin: 0px; vertical-align: middle; }
.aboutTopbuttons { width: 165px; padding: 0px; margin: 0px; border: none}
.aboutTopbuttons img { border: 0px; }

.aboutLeftBg { background: url(../images/pop_about_05.gif) repeat-y center top; width: 100%; height: 100%; vertical-align: top; padding: 0px;}
.aboutLeft { padding:0px; margin: 0px; padding-left: 30px; padding-right: 20px; text-align: right; vertical-align: top; height: 100%;}
.aboutLeft h1 { font-size: 35px; color: #ff9c00; line-height: 40px}
.aboutLeft h2 { font-size: 18px; color: #de4e00; line-height: 15px; }
.aboutLeft h2 a:link { color: #7e7e7e; text-decoration: none }
.aboutLeft h2 a:visited { color: #7e7e7e; text-decoration: none  }
.aboutLeft h2 a:hover { color: #999999; text-decoration: none  }
.aboutLeft h2 a:active { color: #7e7e7e; text-decoration: none  }

.aboutRight {width: 530px; vertical-align: top; height: 100%;padding-top: 25px; text-align: left; font-size: 15px; color: #000000; padding-left: 10px; display: block }
.aboutRightTop { background: url(../images/pop_about_04.gif) no-repeat center top; width: 100%; height: 100%; vertical-align: top; }
.aboutRightBg { background: url(../images/pop_about_06.gif) repeat-y center top; width: 100%; height: 100%; vertical-align: top; }
.aboutRight h1 { font-size: 26px; color: #000000 }
.aboutRight h2 { font-size: 20px; color: #ff9c00 }
.aboutRight .title {
	font-size: 16px;
	color: #ff9c00;
	font-weight: bold;
	padding-top: 10px;
}
.aboutRight .title a { color: #ff9c00; text-decoration: none }
.aboutRight .title a:hover { color: #ff9c00; text-decoration:underline}
.aboutRight .content {font-size: 15px; color: #666666}
.aboutRight ul li { margin: 0px; font-size: 15px; line-height: 22px;}

/* mid */
.midBody { margin:0; padding:0; width: 100%; background-color: #cbdd78 }
.midTop { width: 870px; padding: 0px; margin: 0px; vertical-align: middle; }
.midTopbuttons { padding: 0px; margin: 0px; border: none}
.midTopbuttons img { border: 0px; }

.midLeftBg { background: url(../images/pop_mid_05.gif) repeat-y center top; width: 100%; height: 100%; vertical-align: top; padding: 0px; margin: 0px }
.midLeft { padding:0px; margin: 0px; padding-left: 25px; padding-right: 20px; text-align: left; vertical-align: top; height: 100%; }

/* mid01 */
.midLeftLinesbg { background: url(../images/mid_leftBg.gif); height: 100%; line-height: 21px; padding: 0px}
.midLeftLinesbg .events .title a:link { color: #fd9827; text-decoration: none }
.midLeftLinesbg .events .title a:visited{ color: #fd9827; text-decoration: none }
.midLeftLinesbg .events .title a:hover { color: #fdb22e; text-decoration: none }
.midLeftLinesbg .events .title a:active { color: #fd9827; text-decoration: none }
.midLeftLinesbg .events { padding: 0; margin: 0; padding-bottom: 18px;}
.midLeftLinesbg .events td { font-size: 15px; color: #000000; line-height: 20px; padding: 0; margin: 0;}

.midRight {width: 492px; vertical-align: top; height: 100%; padding-top: 25px; text-align: left; font-size: 15px; color: #000000; padding-left: 10px; display: block }
.midRightTop { background: url(../images/pop_mid_04.gif) no-repeat center top; width: 100%; height: 100%; vertical-align: top; }
.midRightBg { background: url(../images/pop_mid_08.gif) repeat-y center top; width: 100%; height: 100%; vertical-align: top; }
.midRight h1 { font-size: 26px; color: #000 }
.midRight h2 { font-size: 20px; color: #fd8a2e }
.midRight ul li { margin: 0px; font-size: 15px; line-height: 22px;}

/* mid02 */
.mid02LeftLinesbg { background: url(../images/mid02_leftBg.gif); height: 100%; line-height: 21px; padding: 0px}
.mid02LeftLinesbg .events .title a:link { color: #bf4437; text-decoration: none }
.mid02LeftLinesbg .events .title a:visited{ color: #bf4437; text-decoration: none }
.mid02LeftLinesbg .events .title a:hover { color: #f55e4e; text-decoration: none }
.mid02LeftLinesbg .events .title a:active { color: #bf4437; text-decoration: none }
.mid02LeftLinesbg .events { padding: 0; margin: 0; padding-bottom: 18px;}
.mid02LeftLinesbg .events td { font-size: 15px; color: #000000; line-height: 20px; padding: 0; margin: 0;}

.mid02Right {width: 492px; vertical-align: top; height: 100%; padding-top: 25px; text-align: left; font-size: 15px; color: #000000; padding-left: 10px; display: block }
.mid02RightTop { background: url(../images/pop_mid02_04.gif) no-repeat center top; width: 100%; height: 100%; vertical-align: top; }
.mid02RightBg { background: url(../images/pop_mid_08.gif) repeat-y center top; width: 100%; height: 100%; vertical-align: top; }
.mid02Right h1 { font-size: 26px; color: #000 }
.mid02Right h2 { font-size: 20px; color: #c94227 }
.mid02Right ul li { margin: 0px; font-size: 15px; line-height: 22px;}

/* mid03 */
.mid03LeftLinesbg { background: url(../images/mid03_leftBg.gif); height: 100%; line-height: 21px; padding: 0px}
.mid03LeftLinesbg .events .title a:link { color: #5a9219; text-decoration: none }
.mid03LeftLinesbg .events .title a:visited{ color: #5a9219; text-decoration: none }
.mid03LeftLinesbg .events .title a:hover { color: #81c235; text-decoration: none }
.mid03LeftLinesbg .events .title a:active { color: #5a9219; text-decoration: none }
.mid03LeftLinesbg .events { padding: 0; margin: 0; padding-bottom: 18px;}
.mid03LeftLinesbg .events td { font-size: 15px; color: #000000; line-height: 20px; padding: 0; margin: 0;}

.mid03Right {width: 492px; vertical-align: top; height: 100%; padding-top: 25px; text-align: left; font-size: 15px; color: #000000; padding-left: 10px; display: block }
.mid03RightTop { background: url(../images/pop_mid03_04.gif) no-repeat center top; width: 100%; height: 100%; vertical-align: top; }
.mid03RightBg { background: url(../images/pop_mid_08.gif) repeat-y center top; width: 100%; height: 100%; vertical-align: top; }
.mid03Right h1 { font-size: 26px; color: #000 }
.mid03Right h2 { font-size: 20px; color: #5a9219 }
.mid03Right ul li { margin: 0px; font-size: 15px; line-height: 22px;}

/* mid04 */
.mid04LeftLinesbg { background: url(../images/mid04_leftBg.gif); height: 100%; line-height: 21px; padding: 0px}
.mid04LeftLinesbg .events .title a:link { color: #5b74c7; text-decoration: none }
.mid04LeftLinesbg .events .title a:visited{ color: #5b74c7; text-decoration: none }
.mid04LeftLinesbg .events .title a:hover { color: #839cea; text-decoration: none }
.mid04LeftLinesbg .events .title a:active { color: #5b74c7; text-decoration: none }
.mid04LeftLinesbg .events { padding: 0; margin: 0; padding-bottom: 18px;}
.mid04LeftLinesbg .events td { font-size: 15px; color: #000000; line-height: 20px; padding: 0; margin: 0;}

.mid04Right {width: 492px; vertical-align: top; height: 100%; padding-top: 25px; text-align: left; font-size: 15px; color: #000000; padding-left: 10px; display: block }
.mid04RightTop { background: url(../images/pop_mid04_04.gif) no-repeat center top; width: 100%; height: 100%; vertical-align: top; }
.mid04RightBg { background: url(../images/pop_mid_08.gif) repeat-y center top; width: 100%; height: 100%; vertical-align: top; }
.mid04Right h1 { font-size: 26px; color: #000 }
.mid04Right h2 { font-size: 20px; color: #5b74c7 }
.mid04Right ul li { margin: 0px; font-size: 15px; line-height: 22px;}