/* CSS for layout */

/* Global */
body {padding: 0; margin: 0; background: url(page-patches-bg.png) center 180px repeat-x;}
.clear {clear: both;}
.hidden {display: none;}

/* Header */
#header {background: #000000 url(header-bg.png) top left repeat-x; position: relative; height: 180px;}
#headerLogo {position: absolute; top: 20px; left: 60px;}
.B_crumbBox {position: absolute; top: 160px; right: 10px; text-align: right; font-size: 0.9em;}

/* Navigation */
.navigation {position: absolute; top: 0; right: 40px; margin: 0; padding: 0;}
.navigation li {list-style-type: none; padding: 0 0 0 7px; margin: 0 5px; display: block; float: right;}
.navigation li a {display: block; width: 70px; height: 40px; font-size: 1.2em; padding: 50px 10px 0 10px; text-align: center;}
.navigation li a:hover {color: #ffffff; text-decoration: none;}
.navigation li.here {background: url(menu-triangle-trans.png) top left no-repeat;}
.navigation li.here a {background: #00499B; color: #B1DB21; -moz-box-shadow: #000000 0 0 6px;}
.navigation li.here a:hover {-moz-box-shadow: #000000 0 0 12px;}

/* Page */
.page {width: 542px; margin: 0 auto; background: #000000; padding: 0 10px;}

/* Footer */
#footer {padding: 30px 0 0 0;}
#footerLinks {margin: 0; padding: 0 30px 20px 0; text-align: right;}
#footerLinks li {list-style-type: none; margin: 0; padding: 0 15px; height: 60px; line-height: 60px; display: inline; color: #404040;}
#footerLinks li a {color: #404040;}
#footerLinks li a:hover {color: #B8E3FF;}
#footerLinks li img {margin-bottom: -30px;}