HTML { overflow: scroll-y; overflow-y: scroll; }
BODY, DIV, TABLE, IMG, FORM { padding: 0; margin: 0; border: none; }
H1, H2, H3, H4, H5, H6, P { padding: 0; margin: 0; border: none; }
BODY { background-image: url(../img/t_bg_body.png); background-repeat: repeat-x; background-color: #2065a1; text-align: center;
font-family: Arial, sans-serif; font-size: 0.9em; }
#main { width: 786px; text-align: left; margin-left: auto; margin-right: auto; }
#menu { margin-left: 22px; margin-right: 22px; width: 742px; height: 45px; background-image: url(../img/t_bg_menu.png); background-repeat: repeat-x; background-color: #e0f0fa; }
.fl { float: left; }
.fr { float: right; }
.clear { font-size: 0; clear: both; }
#content { margin-left: 22px; margin-right: 22px; width: 742px; background-color: #ffffff; }
#contentleft { float: left; width: 224px; background-color: #ffffff; }
/*** Map ***/
#map { float: right; width: 88px; padding: 6px 4px 4px 6px; margin-top: 6px; border: 1px solid #d0d0d0; background-color: #ffffff; }
/*** Submenu ***/
.bl { background-image: url(../img/b_bg_bl.jpg); background-repeat: no-repeat; }
.gn { background-image: url(../img/b_bg_gn.jpg); background-repeat: no-repeat; }
.gr { background-image: url(../img/b_bg_gr.jpg); background-repeat: no-repeat; }
.ob { background-image: url(../img/b_bg_ob.jpg); background-repeat: no-repeat; }
.submenu { display: table; margin-left: 20px; margin-bottom: 2px; width: 182px; }
.submenu A { display: table-cell; width: 182px; height: 46px; vertical-align: middle; padding-left: 18px;
font-size: 0.8em; font-weight: bold; color: #ffffff; text-decoration: none; }
.submenu A:hover { color: #e0e0e0; }
/*** CSS 3: Submenu ***/
.submenu A:hover {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
position: relative;
z-index: 5;
}
.submenu A {
-webkit-transition: -webkit-transform .15s linear;
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.85);
-moz-box-shadow: 0 2px 4px rgba(0,0,0,.85);
}
.submenu A {
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.15);
-moz-box-shadow: 0 2px 4px rgba(0,0,0,.15);
}
/*** CSS3: Screens ***/
.pda { margin-top: 16px; }
.pda A { float: left; width: 93px; padding: 6px 4px 4px 6px; margin: 1px; border: 1px solid #d0d0d0; background-color: #ffffff; }
.pda P { float: left; width: 120px; padding: 2px 12px 4px 6px; }
.pc { margin-top: 16px; }
.pc A { float: left; width: 143px; padding: 6px 4px 4px 6px; margin: 1px; border: 1px solid #d0d0d0; background-color: #ffffff; }
.pc P { float: left; width: 280px; padding: 4px 4px 4px 8px; }
A.screen:hover {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
position: relative;
z-index: 10;
}
A.screen {
-webkit-transition: -webkit-transform .15s linear;
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.85);
-moz-box-shadow: 0 2px 4px rgba(0,0,0,.85);
}
A.screen {
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.25);
-moz-box-shadow: 0 2px 4px rgba(0,0,0,.25);
}
/*** ContentColumn ***/
#contentcolumn { float: left; width: 500px; background-color: #ffffff; }
#contentcolumn #border { margin: 0 0 0 10px; }
#contentcolumn BR { font-size: 0.4em; }
#contentcolumn H2,H3,H4,H5 { color: #757575; font-family: Calibri, Arial, Sans-serif; }
#contentcolumn .black { color: #000000; }
#contentcolumn .grey { color: #909090; }
#contentcolumn .dark { color: #222222; }
#contentcolumn .blue { color: #4592c7; }
#contentcolumn .orange { color: #d27e25; }
#contentcolumn .orangedotted
{ color: #d27e25; border-bottom: 1px dotted #e2a35c; }
#contentcolumn .smaller { font-size: 0.70em; }
#contentcolumn H2 { font-size: 1.5em; font-weight: normal; margin-bottom: 0px; text-shadow: 0 1px 1px rgba(0, 0, 0, .15); }
#contentcolumn H3 { font-size: 1.2em; font-weight: normal; margin-bottom: 0px; }
#contentcolumn H4 { font-size: 1.0em; font-weight: normal; margin-bottom: 0px; }
#contentcolumn H5 { font-size: 0.95em; font-weight: bold; margin-bottom: 2px; }
#contentcolumn P { font-size: 0.75em; color: #333333; /*margin-bottom: 12px;*/ }
#contentcolumn .bold { font-weight: bold; }
#contentcolumn .center { text-align: center; }
#contentcolumn .right { text-align: right; }
#contentcolumn UL { list-style-type: none; font-size: 0.75em; color: #333333; margin-left: 0px; margin-top: 6px; margin-bottom: 4px; padding: 0; }
#contentcolumn LI { background: url(../img/li_orange.gif) no-repeat; background-position: 3px; background-position: 0 4px; padding-left: 20px; }
#contentcolumn A { color: #0b4690; text-decoration: none; }
#contentcolumn A:hover { color: #3a87bf; text-decoration: underline; }
#bottomborder { margin-left: 22px; margin-right: 22px; width: 742px; height: 20px; }
#newsbox { float: left; width: 180px; height: 120px; margin-left: 50px; }
#newsbox A { color: #757575; text-decoration: none; }
#newsbox A:hover { color: #454545; }
#newsdate { margin-top: 1px; font-size: 0.9em; font-style: italic; }
#newsdate A { color: #757575; text-decoration: underline; }
#newsdate A:hover { color: #454545; }
#newstitle { font-weight: bold; }
#newstext { margin-top: 8px; font-size: 0.9em; }
#newsdetail { text-align: left; width: 600px; margin-right:30px; }
#newsdetail H3 { font-size: 1.2em; color: #4592c7; margin-bottom: 8px; border-bottom: 1px dotted #4592c7; }
#newsdetail P { font-size: 0.85em; color: #555; }
#newsdetail DIV { font-size: 0.75em; color: #666; font-style: italic; clear: both; padding-top: 4px; }
/*** Footer ***/
#footer { margin-left: 22px; margin-right: 22px; width: 742px; }
#footer .menu { margin: 14px 28px 14px 28px; font-size: 0.55em; color: #e0e0e0; font-style: italic; }
#footer .menu A { color: #e0e0e0; text-decoration: none; }
#footer .menu A:hover { text-decoration: underline; }
#footer #copyright { }
#footer #links A { color: #e0e0e0; text-decoration: none; }
#footer #links A:hover { text-decoration: underline; }
ul li ul li {list-style-image:none !important;list-style-type: circle}
#contentcolumn li ul li { background: none;padding-left: 0px;margin-left: 12px; font-size: 11px !important;position:relative;left:0;top:-2px}