* {margin:0; padding:0; border:0;}
body {background-color:#EEEEEE;font-family: Tahoma, arial; font-size: 10pt;padding:10px;text-align:center;}
br {letter-spacing:0;}
a {color:#0031CE; cursor:pointer;text-decoration:none; font-weight:normal;}
a:hover {text-decoration:underline; font-weight:normal; }


div.w52 {width:52em;}

img.left {border:1px solid #0031CE;margin:0px 10px 10px 0px;float:left;}
img.right {border:1px solid #0031CE;margin:0px 0px 10px 10px;float:right;}

img.left_nb {margin:0px 10px 10px 0px;float:left;}
img.right_nb {margin:0px 0px 10px 10px;float:right;}


#container {width:800px;background-color:white;margin:0 auto;text-align:left;}
#header {height:90px;border:0px solid black;background-image: url(img/logo.png);}
#header_valid {float:right; padding:5px;}
#footer{border-top:2px solid #0031CE;padding:10px;clear:both;}

#history {border-bottom:1px solid #EEEEEE;color:#777777;}
#history table {border-spacing:10px 5px;}

#content {z-index:10;padding:10px;}

#content p {text-indent: 0.0em;margin-bottom:1em;}
#content p.s {font-size:80%;}
#content h1 {font-size:140%;color:#0031CE;margin-bottom:0.5em;}
#content h1.red {font-size:140%;color:red;margin-bottom:0.5em;}
#content h5 {font-size:110%;color:#0031CE;margin-bottom:0.5em;}
#content h3 {font-size:120%;color:#D9D9D9;margin-bottom:0.3em;}
#content h2 {font-size:100%;font-weight:bold;margin-bottom:0.2em;}
#content h4 {font-size:100%;color:#777777;margin-bottom:0.3em;font-weight:normal;}
#content h2.s {font-size:80%;font-weight:bold;margin-bottom:0.2em;}
#content ul {list-style-type: none; margin-left:1em;margin-bottom:1em;}
#content ul li {background-image: url(img/bullet.gif);background-repeat: no-repeat;background-position: 0 55%;padding-left: 15px;margin-top:2px;}
#content ol {list-style-type: lower-latin; margin-left:1em;margin-bottom:1em;}
#content table tr td{vertical-align:top;padding-bottom:0.4em;}
#content table tr td.caption {padding-top:0.8em;}


div.partner { text-align: left; width:52em; padding:0; margin:0.4em 0.8em 0 0;text-align:left;}
div.partner_img {float: left; padding:0.4em 5px 0.4em 5px; margin:0 0;}
div.partner_text {padding:0.4em 0.8em 0.4em 0.4em; margin:0 0 0.8em 80px;}

#menu {position:relative;z-index:20;width:800px; height:30px; text-align:left;background-color:white;border-bottom:4px solid #0031CE;clear:both;}
#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;display:inline-block;display:inline;}
#menu li {margin:0; padding:0; list-style:none;display:inline-block; display:inline;}
#menu ul ul {position:absolute; left:-9999px;border: 1px solid black;background:transparent;background-image:url(img/backtrans.png);}
#menu ul.toplevel {display:table; margin:0 0;}
#menu ul.toplevel li.toplevel-li {float:left; display:block; position:relative;}
#menu b {position:absolute;} /* -- for IE6 non-flyout dropdowns to stop flickering - who knows why --*/
#menu a {display:block; afont:normal 11px verdana,arial,sans-serif; color:#000; line-height:25px; text-decoration:none;padding:0 20px 0 10px;}
#menu ul.toplevel li.loplevel-li a.toplevel-a {float:left;}
#menu ul li:hover > ul {visibility:visible; left:0; top:25px;}
#menu ul ul li:hover > ul {visibility:visible; left:100%; top:auto; margin-top:-25px;}
#menu li.left:hover > ul {visibility:visible; left:auto; right:0; top:25px;}
#menu li.left ul li:hover > ul {visibility:visible; left:auto; right:100%; top:auto; margin-top:-25px;}
#menu a:hover ul {left:0; top:23px;}
#menu li.left a:hover ul {left:auto; right:-1px; top:23px;}
#menu li.left ul a {text-align:right; padding:0 10px 0 20px;}
#menu a:hover a:hover ul, 
#menu a:hover a:hover a:hover ul {left:100%; visibility:visible;}
#menu li.left a:hover a:hover ul, 
#menu li.left a:hover a:hover a:hover ul {left:auto; right:0; visibility:visible;}
#menu a:hover ul ul, 
#menu a:hover a:hover ul ul {left:-9999px;}
#menu li.left a:hover ul ul, 
#menu li.left a:hover a:hover ul ul {left:-9999px;}
#menu li a.fly {background:transparent url(img/arrow.gif) no-repeat right center;}
#menu li.left ul a.fly {background:transparent url(img/arrow_left.gif) no-repeat left center;}
#menu li a:hover,
#menu li a.fly:hover {background-color:#BBBBBB;} 
#menu li:hover > a,
#menu ul li:hover > a.fly {background-color:#BBBBBB;}
#menu table {position:absolute; height:0; width:0; left:0; border-collapse:collapse; margin-top:-4px;}
#menu table table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-29px;}
#menu li.left table {position:absolute; height:0; width:0; left:auto; right:0; border-collapse:collapse; margin-top:-4px;}
#menu li.left table table {position:absolute; left:auto; right:100%; height:0; width:0; border-collapse:collapse; margin-top:-29px;}

form {margin: 0.8em 0 0 0;}
form br {letter-spacing:0;}

input.std {border : 1px solid #737373;width:20em;font-size: 100.00%;padding:2px;}
input.std:focus {border : 1px solid #0031CE;}
input.std:hover {border : 1px solid #0031CE;}

input.button {border : 1px solid #737373;font-size: 100.00%;background-color:#D9D9D9;color:blue;padding:0.2em 0.8em;}
input.button:hover {border : 2px solid #737373;margin:-1px -1px -1px -1px;background-color:#F4F4F4;}

textarea.std {border: 1px solid #737373; width: 30em;font-family:arial, sans-serif;font-size:100%;padding:2px;}
textarea.std:focus {border : 1px solid #0031CE;}
textarea.std:hover {border : 1px solid #0031CE;}

select.std {border : 1px solid #737373;font-size: 100.00%;}
select.std:focus {border : 1px solid #0031CE;}
select.std:hover {border : 1px solid #0031CE;}

form table td {padding:0px 10px 2px 0px;vertical-align:top;}
form table td.label {padding:2px 10px 0px 0px;vertical-align:top;}

div.projects {}
div.projects table {border-spacing:0.4em;border-collapse: collapse;margin:1em 0em;}
div.projects table td {vertical-align:middle;border:0px solid black;padding:0em 0.8em 0.4em 0em;}
div.projects table tr {border:0;}

#holder {position:relative; background:white url(gallery/pic_default.jpg) 10px 10px no-repeat; width:780px; height:500px;clear:both;outline:0px solid #0031CE;}
#holder ul {list-style-type: none;padding:0;}
#holder ul li {background-image: none;background-color:white;padding:0;}
#scrollbox {padding:0; margin:10px 10px 0px 0px; width:110px; list-style:none; height:480px; overflow:auto; float:right;display:inline;}
#scrollbox li {float:left;}
#scrollbox a {display:block; color:#fff; text-decoration:none; border:1px solid #fff; width:75px; height:56px; float:left; padding:5px; text-align:center;background:url(gallery/thumb_default.png) no-repeat center center;}

#scrollbox a span {display:block; position:absolute; left:-9999px; top:0;margin-top:10px;text-align:right;}
#scrollbox a span img {display:block;position:absolute;border:0;}
#scrollbox a span b {display:block;position:absolute;right:10px;bottom:10px;padding:10px;background:black;background-color: hsla(0, 0%, 10%, 0.7);font-weight:normal;}

#scrollbox a:hover {border:1px solid #888;}
#scrollbox a:hover span {width:640px; height:480px; left:10px; background:#fff; z-index:100;}

#scrollbox a:active {border:1px solid #000;}
#scrollbox a:focus {border:1px solid #000; outline:0}

* html #scrollbox a:active span {width:640px; height:480px; top:0; left:10px; z-index:-1;}
#scrollbox a:focus span {width:640px; height:480px; top:0; left:10px; z-index:10; outline:0;}