body,div,ul,li,h1,h2,h3,h4,h5,form,input,textarea,p,th,td { margin:0; padding:0; font-size: 100%; font-weight: normal; } 
body { text-align: center; font-size: 12px; font-family: Arial; }
img { border: none; }
a { text-decoration: none; color: black; }
a:hover { text-decoration: underline; }
ul { list-style-type: none; }
.clr { clear: both; font-size: 0px; height: 1px; overflow: hidden; }
html>body .clr { height: 1px; } /* for opera */

#menu-a11y { position: absolute; text-indent: -9999px; overflow:hidden; list-style:none; }

/* ------------------------------------------------------------------------------ */

#wrap { margin: auto; margin-top: 1px; width: 990px; text-align: left; }
#graybox { border: 5px solid #8d8d8d; border-bottom: 4px solid #8d8d8d; margin: 10px 0 10px 0; height: 100%; }
#graybox-clr { background: #8d8d8d; }

/* ------------------------------------------------------------------------------ */

.type1 #sidebar { width: 200px; margin-left: 0;}
.type2 #sidebar { width: 199px; margin-left: 1px; }
#sidebar { float: left; display: inline; background: #ecedec; text-align: center; border-right: 5px solid #ecedec; padding: 25px 0 20px 0; }
#sidebar .sep { background: url(../lay-gfx/sidebar-sep.jpg) 50% 0 no-repeat; height: 9px; margin: 5px 0 4px 0; font-size: 1px; }
#sidebar h2 { text-indent: -9999px; overflow: hidden; height: 72px; background: url(../lay-gfx/sidebar-h2.jpg) 50% 0 no-repeat; margin: 20px 0 20px 0; }
.type1 #sidebar h2 { height: 72px; background: url(../lay-gfx/sidebar-h2-t1.jpg) 50% 0 no-repeat; }
.type2 #sidebar h2 { height: 80px; background: url(../lay-gfx/sidebar-h2-t2.jpg) 50% 0 no-repeat; }

.sidebox { width: 175px; background: #3849a1; color: white; margin: auto; text-align: left; padding-bottom: 6px; }
.sidebox h3 { font-size: 16px; background: #5365c0; border-bottom: 3px solid #00178c; padding: 10px 15px 10px 15px; }
.sidebox p { padding: 10px; }
.sidebox a.more  { width: 60px; padding-left: 12px; height: 20px; line-height: 20px; margin-left: 98px; background: url(../lay-gfx/sidebox-more.jpg); color: white; display: block; }

#sidebar .banner img { margin-top: 15px; }

/* ------------------------------------------------------------------------------ */

#head ul { float: left;  height: 71px; padding-top: 1px; }
#head li { display: inline; float: left; height: 70px; margin-left: 1px; }
#head li span { display: block; height: 64px; }
#head li a { display: block; line-height: 54px; color: white; text-align: center; text-decoration: none; font-size: 19px; }

.type1 #head { float: right; width: 775px; }
.type1 #head li { background: url(../lay-gfx/head-li-t1.jpg) 50% 100% no-repeat; }
.type1 #head li span { width: 128px; background: #5365c0; }
.type1 #head li a { border-top: 8px solid #3849a1; }
.type1 #head li a:hover,
.type1 #head li a.active { border-top: 8px solid #feb714; }

.type2 #head li { background: url(../lay-gfx/head-li-t2.jpg) 50% 100% no-repeat; }
.type2 #head li span { width: 169px; background: #feb815; }
.type2 #head li a { border-top: 8px solid #3849a1; }
.type2 #head li a:hover,
.type2 #head li a.active { border-top: 8px solid #5365c0;}

.type2-noshadow #head li, 
.type2-noshadow #head li span, 
.type2-noshadow #head ul { height: 64px; } 

#head .banner { float: left; margin: 1px; }

#main { float: right; width: 775px; }

x#main h2 { color: #5365c0; font-size: 25px; margin: 20px 0 10px 20px; border-left: 7px solid #faa31b; padding-left: 6px; }
#main h2 { color: #5365c0; font-size: 30px; margin: 20px 0 10px 0px; border-left: 7px solid #faa31b; padding-left: 6px; line-height: 30px; }
#main h2 strong { color: #293b97; font-weight: normal; }

#content { width: 685px; margin-left: 44px; color: #00178c; line-height: 18px;  }
#content h3 { font-size: 23px; line-height: 30px; text-align: justify; margin: 30px 0 20px 0;}
#content a { color: #001372; }
#content p { text-align: justify; x-margin: 20px 0 20px 0; }
#content .sep { border-bottom: 2px solid #feb714; margin: 20px 0 20px 0; }
#content ul li { text-indent: 15px; background: url(../lay-gfx/bullet1.jpg) 4px 7px no-repeat; margin-bottom: 10px; }

#seealso h3 { font-size: 20px; color: #5365c0; margin: 20px 0 15px 0; }
#seealso ul li { background: none; text-indent: 0	; border-left: 3px solid #001372; line-height: 10px; padding-left: 10px; }

#gallery-big, #gallery-thumb { text-align: center; margin-top: 20px; }
#gallery-thumb a { display: inline-block; margin: 0 4px 0 4px; padding: 5px; border: 1px solid #9a9a9a; }
#gallery-thumb a:hover, #gallery-thumb a.active { background: #ffa600; }

#boxbar { margin-top: 15px; }
#boxbar .box { width: 312px; float: left; display: inline; }
#boxbar .left { margin-left: 1px; }
#boxbar .middle { margin: 0 21px 0 21px; }
#boxbar h2 { color: white; padding: 3px 0 3px 10px; background: #000f7c; }
#boxbar .box div { border: 1px dotted black; border-top: none; background: url(../lay-gfx/box.jpg) repeat-x; }
#boxbar img { float: left; margin: 12px; border: 1px solid #9f9f9f; }
#boxbar p { padding: 10px; text-align: justify; }
#boxbar a.more { background: url(../lay-gfx/arrow1.jpg) 2px 4px no-repeat; padding-left: 15px; }

#bottom-menu { text-align: center; padding: 15px 0 15px 0; }


/* =pagination */
#content #pagination{overflow:hidden;position:relative;background:#E8E8E8;margin:-1px 0 0;text-align:right;padding:10px 40px; x-width: 550px; zoom:1;}
#content #pagination a{font-weight:normal;}
#content #pagination li{display:inline;list-style:none;margin:0;padding:0 4px 0 9px;background:url('../lay-gfx/pager-sep.png') no-repeat 0 55%;}
#content #pagination li.first{background-image:none;}
#content #pagination strong{text-decoration:underline;}
#content #pagination li.prev, #content #pagination li.next{background-image:none;position:absolute;text-align:left;margin:0;padding:0;}
#content #pagination li.next{top:12px;right:18px;}
#content #pagination li.prev{top:12px;left:18px;}
#content #pagination li.next a{display:block;overflow:hidden;text-indent:-9999px;background:url('../lay-gfx/next.png') no-repeat;width:15px;height:16px;}
#content #pagination li.prev a{display:block;overflow:hidden;text-indent:-9999px;background:url('../lay-gfx/prev.png') no-repeat;width:15px;height:16px;}

ul.gallery {margin:0;padding:0 10px; clear: both;}
#content ul.gallery li {list-style:none; float: left; margin: 5px; background: transparent; text-indent: 0;}
ul.gallery a {padding: 5px; border: 1px solid #999; float: left;}
ul.gallery a.active, ul.gallery a:hover {background-color:#f1a502;}
div.galleryview {width:640px; height:480px; border:1px solid #f1a502; padding: 0px; margin: 0 auto 10px;}
div.gallerydesc {margin: 0 10px 10px;}

#content div.art-short h3 {margin-bottom: 5px;}
#content div.art-short p { font-size: 16px; margin: 0 0 5px 0; line-height: 25px;}
#content .art-short a.more { margin-left: 10px;  padding-left: 15px; background: url(../lay-gfx/arrow.gif) 0 50% no-repeat; font-weight: bold; }
#content .art-short ul.galpreview {margin:0;padding:0 10px; clear: both;}
#content .art-short ul.galpreview li {list-style:none; float: left; margin: 5px; background: transparent; text-indent: 0;}
ul.gallery#content .art-short ul.galpreview {padding: 5px; border: 1px solid #999; float: left;}
ul.gallery#content .art-short ul.galpreview a:hover {background-color:#f1a502;}