/* CSS Document */
html {height: 100%}
body {background: url('/i/bg1.jpg') top left repeat-x #696aa9; font-size: 80%; color: #333; font-family: Arial, Helvetica,sans-serif; margin: 0; padding: 0; height: auto !important; height: 100%; min-height:100%;}
img, form, table  {border:0; font-family: Arial, Helvetica,sans-serif;}
table {font-size: 1em; border-collapse: collapse; border-spacing: 0;}

p,ul,ol,li{
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    line-height: 140%;
}

p{
    text-align: left;
    margin: 0 20px 15px 0;
    padding: 0;
}

ul {list-style-image: url('/i/li.gif');}

ul, ol, li{text-align:left;}

ul,ol {margin-bottom: 15px;}


a{color:#ff6600;}
a: visited {color:#006699;}
a:hover, a:active {color:#006699; text-decoration:none;}

.clear {clear: both; height: 1px; overflow: hidden}

td {margin: 0; padding: 0; font-size: 100%; vertical-align: top;}

h1 {font: bold 22px Arial, Helvetica, sans-serif; margin: 30px 0 20px 0; color:#142a68}
h2  {font: 16px Arial, Helvetica, sans-serif; color:#142a68; padding: 0 0 0 10px; border: 0; border-left: 16px solid #8083b0; margin: 25px 0 15px 0}
h3  {font: bold 14px Arial, Helvetica, sans-serif; color:#142a68; padding: 0 0 0 0px; border: 0; border-left: 0px solid #ebebeb; margin: 25px 0 15px 0}
h4  {font: bold 14px Arial, Helvetica, sans-serif; color:#142a68; padding: 0 0 0 10px; border: 0; border-left: 16px solid #ebebeb; margin: 0px 0 15px 0}


h2.a, h2.a:visited {text-decoration:underline}
h2.a:active, h2.a:hover {text-decoration:none}

hr {width: 100%; height:1px; margin: 5px 0; padding: 0}

/* design */
div.main {width: 900px; margin: 0 auto;}

div.up1 {width: 100%; height:125px}
div.up2 {width: 100%; height:170px}
div.smg_logo {position: relative; top: 30px; left: 0; float: left; margin: 0; padding: 0; width: 30%}

div.ico {position: relative; top: 35px; left: 0; float: left; margin: 0; padding: 0; width: 15%; font: 11px Tahoma, Arial, Helvetica, sans-serif; color:#666; line-height: 18px}
div.ico img {width: 17px; height:15px; margin-left: 5px}
div.ico span {padding: 0 10px}
div.ico a, div.ico a:visited {color: #666; text-decoration:none}

div.address{position: relative; top: 35px; left: 0; float: right; margin: 0; padding: 0 0 0 10px; width: 50%; border-left: 4px solid #efa425;}
div.adr1 {width: 49%; float: left; margin:0; line-height:18px} 
div.adr2 {width: 49%; float: right; margin:0; line-height:18px}

div.main_menu {width: 30%; float: left;}
div.main_menu ul{list-style: none; list-style-image:url('/i/_.gif'); margin: 5px 0 0 10px; padding: 0 0 0 10px; width: 100%; list-style-position: outside; border-left: 4px solid #efa425;}
div.main_menu ul li {font: 18px Arial, Helvetica, sans-serif; line-height: 28px;}
div.main_menu ul li a, div.main_menu ul li a:visited {color: #2c498d; text-decoration:none}

div.first_text{width: 63%; float: right; margin: 5px 6px 0 10px; padding: 0 10px; border-left: 2px solid #cdd1d4; border-right: 2px solid #cdd1d4; font-size: 14px;}
div.first_text p{margin: 0 10px 0 15px;}
div.first_text p span{font-size: 18px; color:#f88c00}
div.first_text ul{margin-bottom: 10px}

div.rolling {padding: 4px 5px; margin: 0 0 0 0; position:relative;}

div.arr1, div.arr2{width:15px; height: 71px; position:absolute}
div.arr1{top: 148px; left: 0}
div.arr2{top: 148px; right: 0}
div.active_menu {height: 35px; position:absolute; font: bold 12px Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:center; vertical-align:middle; background: url('/i/act_pointer.gif') bottom center no-repeat #efa425}
div.active_menu span{display:block; padding: 10px 0 0 0}
div.rolling div.m1 {top:0; left: 5px; width: 30%}
div.rolling div.m2 {top:0; left: 273px; width: 20%}
div.rolling div.m3 {top:0; left: 452px; width: 30%}
div.rolling div.m4 {top:0; left: 715px; width: 20%}
div.active_menu a, div.active_menu a:visited{color:#FFF; text-decoration:none} 

.bgw {background:#FFF}
td.r1 {width: 8px;}
td.r2 {width: 2px; background: url('/i/bg5.jpg') no-repeat}
td.r3 {height: 27px; background: url('/i/bg4.jpg') top left repeat-x #7476a8; font: 12px Arial, Helvetica, sans-serif; text-transform:uppercase; vertical-align:middle;}
td.r3 ul{color: #FFF; list-style: none; margin: 0; padding: 0; width: 100%; list-style-position: outside; margin: 0 auto}
td.r3 ul li {float: left; margin: 0; padding: 0; text-align:center; font-weight: bold; color: #FFF;}
td.r3 ul li.l1 {width: 30%;}
td.r3 ul li.l2 {width: 20%;}
td.r3 ul li.l3 {width: 30%;}
td.r3 ul li.l4 {width: 20%;}
td.r3 ul li a, td.r3 ul li a:visited{color:#FFF; text-decoration:none} 

td.bg2 {background: url('/i/bg2.jpg') top right no-repeat #FFF}
td.bg3 {background: url('/i/bg3.jpg') top left no-repeat #FFF}
td.midl {width: 2px; min-height:308px}
tr.dn td.r1{height: 8px}
tr.dn td img{width: 1px; height: 8px}
td.bg6 {background: url('/i/bg6.gif') bottom right no-repeat}
td.bg7 {background: url('/i/bg7.gif') bottom left no-repeat}
td.rol_unit {font: 11px Arial, Helvetica, sans-serif; padding: 23px}
td.rol_unit div.site {font-size: 12px; margin: 20px 0}
td.rol_unit div.logo {margin: 20px 0 0 0; text-align:center}

div.copy {font: 11px Arial, Helvetica, sans-serif; color:#FFF; margin: 10px 0 10px 5px}

/* inside */
div.main_inside {width: 1000px; margin: 0 auto;}

table.inside {width: 100%; background:#FFF}
table.inside td.c1{width: 275px}
table.inside td.c2{width: 700px}
table.inside td.in1 img{float: left}
table.inside td.in2 img{float: right}

div.left_img {margin: 20px 0 10px 0}
div.left_img img{margin: 10px 0 10px 20px}

div.ico_ins {margin: 25px 0 0 85px; padding: 0; width: 200px; font: 11px Tahoma, Arial, Helvetica, sans-serif; color:#666; line-height: 18px}
div.ico_ins img {width: 17px; height:15px; margin-left: 5px}
div.ico_ins span {padding: 0 10px}
div.ico_ins a, div.ico_ins a:visited {color: #666; text-decoration:none}
img.logo_ins {margin: 20px 0 20px 20px; padding: 0;}

div.main_menu_ins {width: 100%; margin: 20px 0 10px 15px;}
div.main_menu_ins ul{list-style: none; list-style-image:url('/i/_.gif'); margin: 5px 0 0 10px; padding: 0 0 0 10px; width: 100%; list-style-position: outside; border-left: 4px solid #efa425;}
div.main_menu_ins ul li {font: 18px Arial, Helvetica, sans-serif; line-height: 28px; }
div.main_menu_ins ul li a, div.main_menu_ins ul li a:visited {color: #2c498d; text-decoration:none}

div.kk {font: 11px Tahoma, Arial, Helvetica, sans-serif; color: #ccc;}
div.kk span {margin: 0 10px}
div.kk a, div.kk a:visited {color: #999; text-decoration:underline}
div.title {background: #f2b651; color: #FFF; font: 24px Arial, Helvetica, sans-serif; padding: 2px 10px; margin: 10px 0}

div.rolling_sm {padding: 4px 5px; margin: 30px 0 0 0; position:relative; width: 98%}

div.rolling_sm div.arr1, div.rolling_sm div.arr2{width:11px; height: 51px; position:absolute}
div.rolling_sm div.arr1{top: 75px; left: 0}
div.rolling_sm div.arr2{top: 75px; right: 0}
div.rolling_sm div.active_menu {height: 35px; position:absolute; font: bold 9px Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:center; vertical-align:middle; background: url('/i/act_pointer.gif') bottom center no-repeat #efa425}
div.rolling_sm div.active_menu span{display:block; padding: 12px 0 0 0}
div.rolling_sm div.m1 {top:0; left: 5px; width: 30%}
div.rolling_sm div.m2 {top:0; left: 210px; width: 20%}
div.rolling_sm div.m3 {top:0; left: 347px; width: 30%}
div.rolling_sm div.m4 {top:0; left: 560px; width: 20%}

div.rolling_sm td.r1 {width: 7px;}
div.rolling_sm td.r2 {width: 2px; background: url('/i/bg8.jpg') no-repeat}
div.rolling_sm td.r3 {height: 27px; background: url('/i/bg11.jpg') top left repeat-x #7476a8; font: 9px Arial, Helvetica, sans-serif; text-transform:uppercase; vertical-align:middle;}
div.rolling_sm td.r3 ul{color: #FFF; list-style: none; margin: 0; padding: 0;}
div.rolling_sm td.r3 ul li {float: left; margin: 0; padding: 0; text-align:center; font-weight: bold; color: #FFF;}
div.rolling_sm td.r3 ul li.l1 {width: 30%;}
div.rolling_sm td.r3 ul li.l2 {width: 20%;}
div.rolling_sm td.r3 ul li.l3 {width: 30%;}
div.rolling_sm td.r3 ul li.l4 {width: 20%;}

div.rolling_sm td.bg2 {background: url('/i/bg9.jpg') top right no-repeat #FFF}
div.rolling_sm td.bg3 {background: url('/i/bg10.jpg') top left no-repeat #FFF}
div.rolling_sm td.midl {width: 2px; min-height:115px}

div.rolling_sm td.rol_unit div.logo {margin: 10px 0 0 0; text-align:center}

/* content */

p.prabg {
	font-size: 100%;
	margin: 0 10px 10px 50px;
	background-color: #fff7eb;
	padding: 10px;
}

p.sign{font-style: italic; background: #eef1f3; padding:3px 5px; text-align: right}

p.small {font-size: 90%;}

.img_l {margin: 0px 20px 5px 0; float: left; border: 1px solid #f0f0f0}
.img_r {margin: 0px 0 5px 20px; float: right; border: 1px solid #f0f0f0}

table.v1 {width: 90%}
table.v1 td {padding:5px; border: 1px solid #e4f2f9; vertical-align: top}
table.v1 tr.title {background-color:#8ecbdd; font-weight:bold; color:#FFF}
table.v1 tr.select {background-color:#e4f2f9}

.none {display: none}

table.ttext {
	font-size: 100%;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 3px;
	padding-left: 3px;
}
table.ttext td{
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 3px;
	padding-left: 3px;
}
span.ndate {
	font-size: 70%;
	color: #000000;
}