* { padding:0; margin:0}
body {color: #4e6d95; font-size:11px; font-family: Verdana,Arial,Helvetica,sans-serif; background:#3D5864 url(/img/bg.jpg) repeat-x; padding:0; margin:0}
h1 {color: #fff; font-size:17px; font-weight: bold; font-family:  tahoma, verdana, arial; margin: 20px auto 0 auto}
h2 {font-size:15px; text-align:center; margin:5px auto}
h3 {font-size:12px; text-align:center; margin:0 auto}
img {border:none}
a {color: #5197CB; text-decoration: none} 
a:visited {color: #5197CB}
a:hover {color: #004B74; text-decoration: none}
a:focus {color: #004B74}
a:active {color: #004B74}
#all { width:785px; position:relative; margin:0 auto}
#all #header { width:100%; height:110px; background:url(/img/top.png) bottom right no-repeat}
#all #header #logo {float:left; width:270px; height:110px; background:url(/img/logo.png) bottom no-repeat}
#all #header #banner { float:right; width:510px; height:95px; text-align:center}
#all #header #banner img {float:right; margin-right:20px}
#all #sbar { width:100%; height:172px; background:url(/img/bright.png) top right no-repeat}
#all #sbar #seclogo {float:left; width:230px; height:172px; background:url(/img/head.jpg) top left no-repeat; margin:0}
#all #sbar #sshow { float:left; width:542px; height:172px; background:url(/img/mainb.png) top left repeat-x; margin:0}
#all #sbar #sshow #myGallery, 
#all #sbar #sshow #gGallery { float:right; width:452px; text-align: right; margin: 0}
#all #sbar #sshow #gGallery {height:172px; background:url(/img/galb.jpg) no-repeat top left}
#all #main {width:781px; background:url(/img/page.png) top center repeat-y; padding:0 0 5px 0; margin:0 auto}
#all #main #menu {width:775px; height:33px; margin:0 auto}
#all #main #menu .nav{ float:left; width:100%; font-weight:bold; font-family: "Lucida Grande", "trebuchet MS", verdana, arial, tahoma; font-size:13px; background: #ff0000 url(/img/mback.png) center center repeat-x; padding: 0; margin:0}
#all #main #menu .nav li { display: inline}
#all #main #menu .nav li a, #all #main #menu .nav li a:visited { float:left; color:#fff; height:28px; text-decoration:none; border-right:1px solid #fff; padding:5px 20px 0 20px}
#all #main #menu .nav li a:hover { color: #fff; background: transparent url(/img/mhback.png) center center repeat-x}
#all #main #media h1 { color: #000000; font-size:13px; text-align:center; font-weight: bold; margin:10px auto 5px auto}
#all #main #media {float:right; clear:both; width:250px; text-align:center; margin:0 2px 5px 10px}
#all #main #news {float:right; clear:both; width:245px; text-align:center; border:1px solid #ccc; margin:0 5px 5px 10px}
#all #main #news p {text-align:left; padding:3px 0}

#footer { width:775px; height:68px; border:1px solid black; border-top:none; border-bottom:none; background:url(/img/footer.png) repeat-x; margin:0 auto 10px auto}
#footer .owner {color:#fff; width:99%; padding-top:27px; text-align:center; margin:0 auto}
#map {width:775px; height:300px; margin:10px auto 0 auto}
#all #main #home img {float:left; margin-left:5px}
#all #main #info {background:url(/img/circuit.jpg) no-repeat 375px 0px;}
#all #main #gall {width:90%; padding:0; margin:5px auto}
#all #main .gallindex {width:95%; border-bottom:1px dashed #ccc; padding:5px; margin:0 auto}
#all #main #contact { width:557px; height:481px; background:url(/img/contact_b.jpg) no-repeat top center; padding:45px 50px 0 50px; margin:10px auto 0 auto}
#all #main #report #contents {float:left; clear:both; width:200px; border:1px dashed #ccc; text-align:left; padding:3px; margin:10px}
#all #main #report #contents h3 {font-size:12px; text-align:left; margin:0 auto}
#all #main #report ul.leftlist, #all #main #report ul.rightlist {list-style:none; margin:20px; }
ul.leftlist {float:left; clear:left;}
ul.rightlist {float:right; clear:right;}
li.lTittle {text-align:center;}
#all #main #report img.lft {float:left; clear:left; border:1px solid #ccc; margin:10px}
#all #main #report img.rhgt {float:right; clear:right; border:1px solid #ccc; margin:10px}
ul#sc, ul#ev {padding:5px; margin:0 0 5px 15px}
p { text-align:justify; padding:5px; margin:5px 10px}
p.center {text-align:center; margin:5px auto}
div.spacer {clear: both; height: 0; font-size:0}

#visitgall { width:200px; text-align: center; border:1px solid #ccc; background:#EAEAEA; padding:30px; margin:10px auto}

div.float {float:left; border:1px solid #ccc; margin:0px 10px 10px 10px;}
div.float p { text-align: center; font-size:12px; font-weight:bold}
div.floatsec {float:left; margin:0px 10px 10px 10px;}
div.floatsec p { text-align: center; font-size:12px; font-weight:bold}

#iwrap1, #iwrap2, #iwrap3, #iwrap4, #iwrap5 { float: right; clear: right; padding:0}
#iwrap1 { width:335px; height:120px}
#iwrap2 { width:380px; height:120px}
#iwrap3 { width:400px; height:90px}
#iwrap4 { width:200px; height:30px}
#iwrap5 { width:130px; height:30px}

#form_box { width:420px; font-size: 11px; font-weight: bold; padding: 10px; margin: 10px auto 2px auto}
#form_box div {height: 30px; padding: 10px 15px}
#form_box div.tarea { height: 60px; padding: 10px 15px}
#form_box p { float: left; margin: 4px 0pt; width: 120px}
div.subm { clear:both; text-align:center; margin:10px auto 0 auto}
#log { width:350px; padding: 5px; margin:0 auto}
#log_res {overflow: auto}
#log_res.ajax-loading { padding: 20px 0; background: url(/img/spin.gif) no-repeat center}

span.err { color:red; font-size:14px}
span.succ { color:green; font-size:14px}
div#errpage { border:1px solid #ccc; padding:20px; margin:20px}

#network { width:600px; text-align: center; color: #666; font-size:11px; font-weight:bold; padding-bottom:10px; margin:10px auto}