body { background-color: white }



/* typo */



p, h1, h2, h3, a, ul { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000 }

ul { list-style-type: square;  text-align: left; margin-left: 0px; padding-left: 0px }

li { margin-bottom: 8px }

a { } a:hover { color: #CC3300 } 

.master a:hover { color: #CC3300 }

h2, h1 { font-size: 16px; font-weight: bold; color: #CC3300; } h1 { padding-bottom: 10px; }

h3 { text-align: left; text-indent: 10px; margin: 10px 0px 0px 0px }

.col2 h3 { text-align: left; margin: 0px; margin-top: 10px; text-indent: 0px; }

.col2 ul { margin-left: 2em }

img { border: 0px; padding: 0px; margin: 0px; } .env3 img { display: block; }

hr { height: 1px; color: #999999; }

.col1 p, .col1 a { font-size: 10px; color: #333333; margin: 10px 0px  }

#le, .le { text-align: left }

.framed { background-color: #F3F3F3; border: 1px solid gray; width: 230px; padding: 0px; margin: 10px 0px 0px 0px }

.framed_in { margin: 10px }

#nosize img { width: 120px; }



/* layout */



.ent { text-align: center; }

#cen { text-align: left; padding-top: 0px; }



.master { width: 752px; border: 1px solid gray; background: url(div_1.gif) repeat-y left top; margin: auto; text-align: left; }

.top { width: auto; height: 139px; padding: 0px; border: none; margin: 0px; float: left; }

.env1, .env2, .env3 { padding: 0px; border: none; margin: 0px; float: left }

.env-pat { width: 752px; padding: 0px; margin: 0px; border: none; float: left; overflow: hidden; background-color: #EEB23B; font-size: 10px; }



.env1 { width: 182px; } .col1 { overflow: hidden; } #w1 { max-width: 112px }

.env2 { width: 318px; } .col2 { } #w2 { max-width: 400px }

.env3 { width: 231px; } .col3 { padding: 10px 0px 10px 10px; } .col3 img { max-width: 230px } .w3, .w3 a { font-size: 10px; color: #333333; }

.env3 img { width: 230px; margin-top: 10px; margin-bottom: 0px }



.pat { width: 752px; height: 43px; border-bottom: 1px solid gray; border-top: 1px solid gray; }

.pat p { padding-left: 10px; margin: 0px; position: relative; top: 6px }



.col1, .col2, .col3 { width: auto; float: left; }

.col1 { padding: 10px } .col2 { padding: 12px 10px 10px 10px; text-align: justify } .col3 { padding: 0px 10px 10px 10px }



/* top navigation */



.navlayer { width: 752px; } 

.navlayer a { display: block; color: white; text-decoration: none; }

.sub a { padding: 0px; font-size: 13px; line-height: 15px; display: block; margin-left: 13px; } 

.sub a:hover { text-decoration: underline; color: #FDEC13; }

.tit a { font-family: Arial, Helvetica, sans-serif; text-indent: 13px; padding-top: 13px; height: 26px; font-size: 20px; font-weight: bold; filter: dropshadow(color=#333333, offx=1, offy=1, positive=true); }

.tit a:hover { color: #FDEC13; }



.nav1 { text-indent: 11px; width: 180px; height: 112px; float: left; background-image: url(data/img/top_1.jpg); background-color: #333333 }

.nav2, .nav3, .nav4, .nav5 { float: left; width: 143px; height: 112px; background-color: #333333 }

.nav2 { background-image: url(data/img/top_2.jpg); }

.nav3 { background-image: url(data/img/top_3.jpg); }

.nav4 { background-image: url(data/img/top_4.jpg); }

.nav5 { background-image: url(data/img/top_5.jpg); }



.under, .search { height: 22px; background-color: #EEB23B; border-bottom: 1px solid gray; }

.under { width: 500px; float: left; text-indent: 11px; }

.under p { font-size: 10px; position: relative; top: 5px; } 

.under a, .under p  { font-size: 10px; display: inline; color: black; } 

.under a:hover { text-decoration: underline; color: black }

.search { width: 252px; text-align: right; float: right; } 

#picoform { height: 20px; display: inline;} /*form*/

#pico { height: 18px; font-size: 10px; background-color: #EEB23B; color: black; border: 1px white solid; margin-right: 9px } /*button */

#black1 { color: black; font-size: 10px; display: inline; } /*field&text*/

#black2 { color: black; font-size: 10px; display: inline; position: relative; top: -1px; }

.hidden { display: none }



/* field&text */



#prog { width: 180px; color: black; border-top: 1px solid gray; border-bottom: 1px solid gray; padding: 2px 0px }

.links { font-size: 10px; }



/* spacer */



.spacer { font-size: 10px; padding: 0px; margin-left: 10px; display: inline; } #hid { letter-spacing: 100px; color: white }



@media print 

{

.hidden { display: inline } .hidden h1 { font-size: 15px; margin-bottom: 20px }

.env1, .top, .spacer, .env3 { display: none; }

.env2, .col2, .master, { width: 100%; border: none; margin: 0px; padding: 0px; }

p, h1, h2, h3, a, ul, li { color: #000000; text-decoration: none; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; text-indent: 0px }

}