/***** GLOBAL STYLES *****/

html { font-size:100.01%; }

body { color: #333; font: normal 1em/1.4em arial, helvetica, sans-serif; }

h1,h2,h3,h4 { display: block; letter-spacing: 1px; }

h1 { color: #0f2f9e; font-size: 1.9em; margin: 0 0 8px 0; padding-left: 50px; }
h2 { color: #ee0000; font-size: 1.5em; font-weight: normal; margin: 8px 0 8px 0; }
h3 { font-size: 1.3em; margin: 8px 0 8px 0; }
h4 { background-color: #0f2f9e; color: #fff; font-size: 1em; margin-top: 72px; text-align: center; }

p { padding: 8px 0 8px 0; display: block; }

a, a:link, a:visited, a:active { color: #0F2F9E; font-weight: bold; text-decoration: none }

a:hover { color: #ee0000; font-weight: bold; text-decoration: none }

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

.imgRight { float: right; margin: 5px 0 0 10px; }

.centerimg {display:block; margin-left:auto; margin-right:auto; text-align:center; }

.clear { clear: both; }

img { border: 0; }

div.clearer {clear: left; line-height: 0; height: 0;}

.box { background: #eeeff8 url(images/box.png) no-repeat; border: 1px solid #0f2f9e; line-height: 1.4em; font-size: 0.85em; margin-bottom: 10px; padding: 0 10px; }

/***** SCROLL BOX *****/

#scrollup { position: relative; overflow: hidden; border: 1px solid #0f2f9e; height: 158px; width: 158px; }

.headline { font-size: 0.875em; line-height: 1.3em; position: absolute; top: 210px; left: 5px; height: 148px; width: 148px; }

.headline img { margin-bottom: 5px; }

/***** GALLERY *****/

#gallery { margin: 8px auto; width: auto; }
#gallery ul { list-style: none;  margin: 0; padding: 0; }
#gallery ul li { display: inline; margin: 0; padding: 0; }
#gallery ul img { margin: 0; padding: 0; border: 0; }

#gallery ul a img, #gallery ul a:link img, #gallery ul a:active img, #gallery ul a:visited img { border: 5px solid #000; }

#gallery ul a img, #gallery ul a:link img, #gallery ul a:active img, #gallery ul a:visited img { border: 5px solid #000; }

#gallery ul a:hover img { border: 5px solid #cc0000; }

#gallery ul a:hover { color: #fff; }