/* ===== the following classes are needed to float the footer at the bottom of the screen ===== */
html, body {height: 100%; /*100% height for the page itself*/
    overflow: inherit; /* triggers 100% height in Opera 9.5 */
}
#page-wrap {width: 100%; min-height: 100%; margin: 0 auto; position: relative; /* positions the footer relative to this wrap */}
* html #PageWrap {height: 100%; /* IE6 treats height as min-height */}

/* ============================== formatting ============================= */
* {margin: 0px; padding: 0px;}
body {background-color: #FFFFFF; font-family: Arial, Verdana; font-size: 13px; color: #515151;}
img {border-width: 0px;}
.IndentList {margin-top: 0px; list-style-type: disc; padding-left: 1em; margin-left: 1em;}
.top-space-5 {margin-top: 5px;}
.top-space-10 {margin-top: 10px;}
.top-space-15 {margin-top: 15px; overflow: hidden;}
.top-space-20 {margin-top: 20px; overflow: hidden;}
.top-space-25 {margin-top: 25px; overflow: hidden;}
.top-space-30 {margin-top: 30px;}
.top-space-35 {margin-top: 35px;}
.top-space-40 {margin-top: 40px;}
.centered {text-align: center;}
.clear {clear: both;}
.ie6 {clear: both; font-size: 0px; height: 1px;}

/* ============================== boxes ============================= */
#header-wrap {height: 136px; width: 100%; background: url(/images/backgrounds/header-bg.jpg) repeat-x;}
#header-content {height: 136px; width: 950px; margin: 0 auto; background: url(/images/backgrounds/header.jpg) no-repeat right;}
#logo-wrap {float: left; width: 300px; height: 136px;}
#alt-languages {float: right; height: 30px; line-height: 30px; background-color: #396fb8; padding: 0 10px 0 10px;
               filter: alpha(opacity=75); -moz-opacity:0.75; -khtml-opacity: 0.75; opacity: 0.75;}
#alt-languages a {color: #FFFFFF; font-size: 11px; text-decoration: none;}
#alt-languages a:hover {border-bottom: solid 1px #FFFFFF;}
#top-nav-wrap {float: right; height: 39px;}
#content-wrap {clear: both; overflow: hidden; width: 950px; margin: 0 auto; padding-bottom: 97px;}
#content {clear: both; overflow: hidden;}

/* ============================== top nav ============================= */
.nav-border-left {float: right; width: 5px; height: 39px; background: url(/images/backgrounds/menu-shadow-left.jpg) no-repeat; margin-right: -4px;}
.nav-border-right {float: right; width: 4px; height: 39px; background: url(/images/backgrounds/menu-shadow-right.jpg) no-repeat;}
#top-nav {float: right; font-size: 12px; line-height: 35px; height: 35px; padding-bottom: 4px; background: #ADC45A url(/images/backgrounds/menu-shadow.jpg) repeat-x bottom;}
ul.nav-links {list-style: none;}
ul.nav-links li {display: block; float: left; position: relative; z-index: 1000;}
ul.nav-links .top-nav-divider {border-right: solid 2px #BBD268; margin: 10px 0 10px 16px;}
a.nav-link, #top-nav span {text-decoration: none; color: #FFFFFF; margin: 0 0 0 16px; padding: 0;}
a.nav-link:hover {text-decoration: none; border-bottom: solid 1px #BBD268;}
#top-nav .contact {background-color: #94A755; display: block; padding-right: 16px; margin-left: 16px;}
/* ==== sub nav ====*/
#top-nav li ul {position: absolute; top: 35px; line-height: 34px; left: 0; display: none; background-color: #797A72;
	color: #303030;	list-style: none; margin: 0; padding: 0; z-index: 1000; width: 210px;}
#top-nav li:hover ul {display: block;}
#top-nav li.over ul {display: block;}
#top-nav li.over li {clear: both;}
#top-nav li li {clear: both; width: 100%; border-top: solid 1px #8D8E86;}
#top-nav li li a {display: block; margin: 0; color: #DCD5CF; padding: 0 16px 0 16px; margin: 0; font-size: 11px;}
#top-nav li li a:hover {color: #FFFFFF; background-color: #66665C; border-bottom: none;}

/* ============================== footer ============================= */
#footer {position: absolute; bottom: 0; left: 0; height: 40px; overflow: hidden; border-bottom: solid 7px #EE3337;} /* position the footer at the bottom of the #ContentWrap */
#footer {width: 100%; text-align: center; font-size: 11px; color: #999999;}