* {
margin: 0;
padding: 0;
}

html, body {
background-color: #ffffff;
color: #555555;
font-family: Arial, Verdana, Tahoma, sans-serif;
font-size: 11px;
font-weight: bold;
text-align: center;
}

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

img {
border: none;
}

input {
font-size: 10px;
}

ul.sitemap {
list-style: disc inside;
padding-left: 25px;
}

#wrapper {
margin: auto;
width: 876px;
}

#mainTop {
background-image: url(../images/layout/mainTop.jpg);
position: relative;
width: 876px;
height: 129px;
}

#mainTop div.left {
position: absolute;
left: 6px;
bottom: 0px;
height: 20px;
}

#mainTop div.left p {
display: inline;
margin-right: 15px;
}

#mainTop div.right {
position: absolute;
right: 4px;
bottom: 0px;
height: 20px;
}

.mainTopSeparator {
background-image: url(../images/layout/icon_separator.jpg);
display: inline-block;
width: 2px;
height: 20px;
}

#mainTop a {
display: inline-block;
}

#userLogin {
margin-top: 2px;
padding: 0px;
width: 78px;
}

#userPass {
margin-top: 2px;
padding: 0px;
width: 78px;
}

#submitLogin {
width: 60px;
}

#mainTopIconHome {
background-image: url(../images/layout/icon_home.jpg);
width: 20px;
height: 20px;
}

#mainTopIconEmail {
background-image: url(../images/layout/icon_email.jpg);
width: 20px;
height: 20px;
}

#mainTopIconFtp {
background-image: url(../images/layout/icon_ftp.jpg);
width: 20px;
height: 20px;
}

#mainTopIconRss {
background-image: url(../images/layout/icon_rss.jpg);
width: 20px;
height: 20px;
}

#mainTopSitemap {
color: #bdbdbd;
margin-top: 5px;
padding: 0px;
width: 82px;
vertical-align: top;
}

#mainMiddle {
width: 876px;
height: 383px;
position: relative;
}

#mainMiddle h1 {
color: #ffffff;
font-size: 15px;
position: absolute;
bottom: 14px;
width: 100%;
}

#mainNavigation {
width: 876px;
height: 26px;
padding-top: 8px;
}

#mainNavigation span {
font-weight: bold;
font-size: 12px;
display: inline;
}

#mainNavigation a {
vertical-align: top;
}

#mainNavigation img {
vertical-align: middle;
}

#mainBottom {
width: 876px;
height: 216px;
text-align: justify;
line-height: 19px;
}

#mainBottom a {
color: #555555;
}

#mainBottom div.left {
float: left;
height: 216px;
overflow: auto;
}

#mainBottom div.right {
float: right;
height: 216px;
overflow: auto;
}

#subMenu {
position: absolute;
margin-top: -40px;
margin-left: 80px;
}

#subMenu h2 {
display: inline-block;
font-size: 12px;
margin-left: 30px;
}

#subMenu a {
color: #555555;
vertical-align: top;
}

#copyrightInfo {
background-color: #f1f1f1;
height: 20px;
margin-bottom: 20px;
clear: both;
}

#copyrightInfo p {
float: right;
margin: 3px 5px 0px 0px;
}

#copyrightInfo span {
float: left;
margin: 3px 5px 0px 0px;
}

.clearBoth { clear: both; }

#gallery { list-style: none;  padding: 10px; }
#gallery a { opacity: .5; float: left; display: block; width: 400px; height: 195px; background-position: 50% 50%; cursor: pointer; border: 3px solid #fff; outline: 1px solid #ddd; margin-right: 14px; margin-bottom: 24px; }
#gallery a.active, #gallery a:hover { outline-color: #bbb; opacity: .99 /* safari bug */ }
#gallery ul { margin: -20px; padding: 0px; }