#header {
 background: #455372 url(../images/site/header_bg.png) bottom left repeat-x;
 height: 100px;
 position: relative;
} #ignored {}

#header h1, #header h2, #header .flatRender {
 margin: 0;
 position: absolute;
 z-index: 10;
}

#header h1 {
 color: #eeeeee;
 font: bold 35px sans-serif, helvetica;
 left: 25px;
 top: 5px;
}

#header h1 .title { background-color: inherit; color: #ffffff; }
#header h1 .title2 { background-color: inherit; color: #ff0000; }

#header h2 {
 color: #cccccc;
 font: bold 13px sans-serif, helvetica;
 left: 350px;
 top: 27px;
 width:300px;
}

/* -- Login Element -- */

#header .flatRender {
 bottom: 5px;
 color: #cccccc;
 left: 25px;
 z-index: 1000;
}

/* -- Header Links -- */

#header .links {
 list-style: none;
 margin: 0;
 position: absolute;
 right: 10px;
 top: 10px;
 z-index: 100;
}

#header .links li { color: #eeeeee; float: left; }
#header .links li a { color: #eeeeee; }
#header .links li a:hover { color: #D79C2B; }

/* -- Header Tabs -- */

#header .tabs {
 bottom: 0;
 list-style: none;
 margin: 0;
 padding: 0 15px 0 0;
 position: absolute;
 right: 0px;
 width: auto;
 z-index: 100;
}

#header .tabs li {
 background: transparent url(../images/site/header_tab.gif) 100% -600px no-repeat;
 border-bottom: 1px solid #515358;
 float: right;
 margin: 0 1px 0 0;
 padding: 0 6px 0 0;
}

#header .tabs a {
 background: transparent url(../images/site/header_tab.gif) 0% -600px no-repeat;
 color: #ffffff;
 display: block;
 float: left;
 font-weight: bold;
 padding: 4px 4px 4px 10px;
 text-decoration: none;
}

#header .tabs li:hover a { background-position: 0% -400px; }
#header .tabs li:hover { background-position: 100% -400px; }