/*STRUCTURE*/

html, body { height: 100%; }

body { font: 13px/1.5em verdana, arial, sans-serif; background: #000 url(background.png) repeat-y 50% center; color: #000; margin: 0; padding: 0; }

#maincontainer { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto; width: 750px; margin: 0 auto; }

#header { background: url(header.jpg) no-repeat right; height: 165px; border-bottom: 2px solid #0194d9; }

#contentwrapper { float: left; width: 100%; }

#contentcolumn { margin: 0 0 0 140px; }

#leftcolumn { float: left; width: 140px; margin-left: -750px; background-color: #0194d9; text-align: center; }

#footer { margin: 0 auto; clear: left; width: 735px; text-align: right; padding: 5px 15px 10px 0; }

#footer, #push { height: 15px; }

/*NAVIGATION TOP*/

#menu1 { border-left: 2px solid #fff; border-right: 2px solid #fff; background: url(bg_topnav.png) repeat-x; position: relative; display: block; height: 40px; font: bold 100% verdana, arial, helvitica, sans-serif;  }

#menu1 ul { margin: 0; padding: 0; list-style-type: none; width: auto; }

#menu1 ul li { display: block; float: left; margin:0; }

#menu1 ul li a { background: url(topnavOFF.png) repeat-x; border-right: 2px solid #fff; display: block; float: left; color: #000; text-decoration: none; padding: 8px 20px 0 20px; height: 40px; }

#menu1 ul li a:hover { height: 33px; color: #fff; background: url(topnavOVER.png) no-repeat bottom; }

/*NAVIGATION LEFT*/

#menu2 { width: 100px; text-align: center; position: relative; margin: 2em auto; }

.box { position:relative; }

#menu2 a, #menu a:visited { text-decoration:none; background-color:#0194d9; color: #fff; display: block; width: 88px; height: 16px; font-size: 14px; font-weight: bold; border: 0px solid #0194d9; padding: 5px; }

* html #menu2 a, * html #menu2 a:visited { width:100px; height:28px; w\idth:90px; he\ight:16px; }

#menu2 a span { display:none; }

#menu2 a:hover { border: 0px solid #fff; }

#menu2 a:hover span.left, #menu2 a:hover span.right { display: block; position: absolute; height: 0; width: 0; overflow: hidden; border-top: 8px solid #0194d9; border-bottom: 8px solid #0194d9; }

#menu2 a:hover span.left { left: 5px; top: 5px; border-left: 8px solid #fff; }

#menu2 a:hover span.right { left: 87px; top: 5px; border-right: 8px solid #fff; }

* html #menu2 a:hover span.left, * html #menu2 a:hover span.right { width: 8px; height: 16px; w\idth: 0; he\ight: 0; }

#menu2 a:hover span.lk { color: #fff; display: block; font-weight: normal; font-size: 77%; position: absolute; left: 120px; top: 0; line-height: 1.4em; padding: 5px; width: 150px; background-color: #0162b1; border: 1px solid #0162b1; text-align: left; }

/*SITE STYLES*/

#content { margin: 0 15px 15px 15px; }

#header h1 { color: #fff; font: 286% verdana, arial, sans-serif; text-align: right;  line-height: normal; margin: 0; padding: 20px 20px 0 0; }

#contentcolumn{ font-size: 85%; }

a:link, a:visited, a:active, a:hover { outline: none; text-decoration: none; color: #999; }

a:hover { outline: none; text-decoration: underline; }

h2, h3, h4 { letter-spacing: 1px; margin: 0 0 15px 0; clear: both; }

h2 { color: #0162b1; font: 182% verdana, arial, sans-serif; }

h3 { font-weight: normal; font-size: 153.9%; }

h4 { font-size: 123.1%; }

.leftImg { float: left; margin: 5px 10px 0 0; }

legend { display: none; }

fieldset { font-size: 85%; border-width: 2px 0 2px 0; border-color: #fff; color: #fff; margin: 0 10px 20px 10px; background-color: #0194d9; text-align: left; line-height: 1.4em; padding: 10px 0 10px 0; }

hr { clear: both; border: 0; height: 1px; color: #0194d9; background-color: #0194d9; margin: 15px 0 15px 0;}

* html hr { margin: 0;}

#footer { font-size: 85%; }

/*GALLERY STYLES*/

#gallery { width: 580px; clear: both; min-height: 255px; height: auto !important; height: 255px; }

#gallery ul { list-style: none; padding: 0; margin: 0 0 15px 0; width: 180px; position: relative; float:right; }

#gallery ul li { display: inline; width: 52px; height: 52px; float: left; margin: 0 0 5px 5px;}

#gallery ul li a { display: block; width: 50px; height: 50px; text-decoration:none; border:1px solid #0162b1; }

#gallery ul li a img { display: block; width: 50px; height: 50px; border: 0; }

#gallery ul li a:hover { white-space: normal; border-color: #b4d3e8;}

#gallery ul li a:hover img { position: absolute; right: 185px; top: 0; width: auto; height: auto; border: 1px solid #0162b1; }