/*STRUCTURE*/

html, body { height: 100%; }

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

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

#header { background: url(images/header.jpg) no-repeat right; height: 250px; }

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

#contentcolumn { margin: 0; }

#footer { background: #fff url(images/footer.jpg) no-repeat; margin: 0 auto; clear: left; width: 735px; text-align: right; padding: 0 15px 0 0; }

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

/*NAVIGATION TOP*/

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.topNav { margin: 0 0 15px; padding: 0; float: left; font: bold 100% verdana; width: 100%; border: 1px solid #625e00; border-width: 1px 0; background: #000 url(images/blockdefault.png) center center repeat-x; }

.topNav li { display: inline; }

.topNav li a { float: left; color: #fff; padding: 9px 11px; text-decoration: none; border-right: 1px solid #fff; }

.topNav li a:visited { color: #fff; }

.topNav li a:hover, .topNav li .current{ color: #fff; background: transparent url(images/blockactive.png) center center repeat-x; }

/*SITE STYLES*/

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

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

#contentcolumn{ font-size: 97%; }

.cap { font: normal 50px georgia, "times new roman", times, serif; float:left; height: 34px; line-height: 34px; margin-top: 2px; margin-right: 5px;}

* html .cap { margin-right:3px; margin-top: 3px; }

a:link, a:visited, a:active, a:hover { outline: none; text-decoration: none; color: #6c7995; font-weight: bold; }

a:hover { color: #9da6b9; text-decoration: underline; }

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

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

h3 { font-weight: normal; font-size: 153.9%; margin: 15px 0 15px 0; }

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; }

div.hr { height: 15px; background: #fff url(images/hr.png) no-repeat scroll center; }

div.hr hr { display: none; }

blockquote { font-size: 115%; letter-spacing: 1px; width: auto; margin: 0; background: transparent url(images/blockquote-start.gif ) left top no-repeat; }

blockquote p { background: url(images/blockquote-end.gif) right bottom no-repeat; font-style: italic; padding: 5px 20px 1px 45px;; }

#footer { font-size: 85%; }

/*GALLERY STYLES*/

#gallery { width: 700px; 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: left; }

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

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

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

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

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