body{ background-image:url(../img/layout/bg.jpg); background-repeat:repeat-x; background-color:white; padding:0px; margin:0px; font-family:verdana,arial,tahoma,sans-serif; font-size:12px; color:black;}
form{ margin:0px; padding:0px;}

#logo{ background-image:url(../img/layout/bg_illu01.jpg); background-repeat:no-repeat; background-position:right; margin:12px 0px 0px 17px;}

#rssIcon{ position:absolute; right:16px; top:123px;}

#topPanel{ position:absolute; right:10px; top:9px; background-image:url(../img/layout/toppanel-bg.gif); background-repeat:repeat-x;}
#topPanel .br{ background-image:url(../img/layout/toppanel-b-r.gif); background-repeat:no-repeat; background-position:right; padding-right:18px; height:32px; float:left;}
#topPanel .bl{ background-image:url(../img/layout/toppanel-b-l.gif); background-repeat:no-repeat; background-position:left; padding-left:18px; height:32px; float:left;}
#topPanel .ico{ padding:10px 5px 9px 5px; margin:0px 4px 0px 4px;}

#navi01{ margin:0px 0px 0px 22px; border-left:1px solid #0088D1; border-right:1px solid #005389; float:left;}
#navi01 ul{ margin:0px; padding:0px;}
#navi01 li{ list-style-type:none; margin:0px; padding:0px; float:left; border-left:1px solid #005389; border-right:1px solid #0088D1; background:#016EB1;}
#navi01 li:hover{ text-decoration:none; background-color:#002254; border-left:1px solid #3B3B3B; border-right:1px solid #3B3B3B;}
#navi01 li a, #navi01 li a:visited{ display:block; color:white; text-decoration:none; padding:9px 20px 0px 20px; height:23px; float:left;}
#navi01 li a:hover{ }

#sidePanel{ position:absolute; left:12px; top:162px; width:250px;}

#mainContent{ margin:60px 0px 0px 300px; padding:14px 0px 8px 0px; border:0px solid #33CCFF;}

/* footer */
#footer{ position:absolute; background-image:url(../img/layout/footer-bg.gif); background-repeat:repeat-x; margin:25px 0px 0px 0px; height:54px; width:100%; font-size:11px; color:#AAC0E4;}
.powered{ position:absolute; left:0px; top:32px; width:264px; text-align:center;}
.powered a, .powered a:visited{ font-size:11px; color:#AAC0E4; text-decoration:none;}
.powered a:hover{ font-size:11px; color:white; text-decoration:underline;}
.copyright{ position:absolute; margin:32px 0px 0px 300px; left:0px; right:0px; top:0px; text-align:center;}


.mod02{ border:1px solid #D2D2D2; background-color:#EEEEEE;}
.mod02 ul{ margin:0px; padding:12px 0px 12px 0px;}
.mod02 li{ list-style-type:none; margin:0px; padding:0px; border-left:1px solid #EEEEEE; border-right:1px solid #EEEEEE;}
.mod02 li:hover{ text-decoration:none; background-color:#D2D2D2; border-left:1px solid #EEEEEE; border-right:1px solid #EEEEEE;}
.mod02 li a, .mod02 li a:visited{ font-family:arial,tahoma,verdana,sans-serif; display:block; color:black; text-decoration:none; padding:5px 20px 6px 20px; width:206px; font-weight:bold; font-size:13px;}
.mod02 li a:hover{ color:#00233A;}
.mod02 h1{ font-size:22px; font-weight:normal; padding-bottom:10px;}
.mod02 h2{ font-size:16px; font-weight:bold; color:#5D6E84;}

.mod03{ background-color:#AAC1CE;}

.com01{ margin-right:30px; border:0px solid lime;}
.com01 h1{ font-size:22px; font-weight:normal; padding:0px 0px 10px 0px; margin:16px 0px 2px 0px;}
.com01 h2{ font-size:16px; font-weight:bold; color:#5D6E84;}

.com01 .sitemap ul{ font-size:13px; font-weight:bold; list-style-type:none; padding:0px 0px 8px 0px; margin:0px;}
.com01 .sitemap ul li{ font-size:16px; font-weight:bold; color:#5D6E84; padding:6px 0px 6px 0px;}
.com01 .sitemap ul li ul{ font-size:12px; font-weight:normal; list-style-type:square; margin:0px 0px 0px 40px;}
.com01 .sitemap ul li ul li{ font-size:12px; font-weight:normal; padding:2px 0px 2px 0px;}

.com01 .content .comNews .comContent{ border-bottom:1px solid #C0C0C0;}
.com01 .content .comNews .newsDate{ clear:both;}








td,th{ font-family:verdana,arial,tahoma,sans-serif; font-size:12px; color:black; line-height:13px;}
a, a:visited{ font-family:verdana,arial,tahoma,sans-serif; line-height:13px; font-size:12px; color:#005389;}
a:hover { color:red; text-decoration:none;}
a:active { color: #DD942D;}
input, button, select{ vertical-align:middle;}
input{ padding:2px;}

input.required{ background-color:#DFE0E4; border:1px solid #7F9DB9;}








/* lightbox */
#lightbox{ position:absolute; left:0; width:100%; z-index:100; text-align:center; line-height:0;}
#lightbox a img{ border:none;}
#outerImageContainer{ position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto;}
#imageContainer{ padding:10px;}
#loading{ position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0;}
#hoverNav{ position:absolute; top:0; left:0; height:100%; width:100%; z-index:10;}
#imageContainer>#hoverNav{ left:0;}
#hoverNav a{ outline:none;}
#prevLink, #nextLink{ width:49%; height:100%; background:transparent url(../../../includes/js/lightbox/img/blank.gif) no-repeat; display:block;}
#prevLink{ left:0; float:left;}
#nextLink{ right:0; float:right;}
#prevLink:hover, #prevLink:visited:hover{ background:url(../../../includes/js/lightbox/img/prevlabel.gif) left 15% no-repeat;}
#nextLink:hover, #nextLink:visited:hover{ background:url(../../../includes/js/lightbox/img/nextlabel.gif) right 15% no-repeat;}
#imageDataContainer{ font:10px Verdana, Helvetica, sans-serif; background-color:#fff; margin:0 auto; line-height:1.4em; overflow:auto; width:100%;}
#imageData{	padding:0 10px; color:#666; }
#imageData #imageDetails{ width:70%; float:left; text-align:left; }	
#imageData #caption{ font-weight:bold;	}
#imageData #numberDisplay{ display:block; clear:left; padding-bottom:1.0em;	}			
#imageData #bottomNavClose{ width:66px; float:right;  padding-bottom:0.7em;	}	
#overlay{ position:absolute; top:0; left:0; z-index:90; width:100%; height:500px; background-color:#000;}