@charset "UTF-8";
/* CSS Document */

* {
margin: 0;
padding: 0;
}

html, body {
margin: 0;
padding: 0;
width: 100%;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
background: url('../images/header_bg.gif') top left repeat-x;
}

#container {
position: relative;
width: 800px;
margin: 0 auto;
text-align: left;
height: 36px;
}

h1 {
position: relative;
top: 10px;
left: 0;
margin: 0;
padding: 0;
font-size: 11px;
color: #FFF;
font-weight: normal;
float: left;
}

#nav {
margin-top: 4px;
padding: 0;
float: right;
}

#nav div { /* Contains the links so padding in "a" style doesn't clash with margins */
padding: 0;
margin: 0;
float: left;
}

#nav a {
display: block;
padding: 5px 10px 5px 10px;
background: #027ABB url('../images/button_roll_bg.gif') 0 300px repeat-x;
border: 1px solid #A9A9A9;
font-size: 11px;
font-weight: bold;
color: #FFF;
text-decoration: none;
text-align: center;
overflow: hidden;
}

#nav a:hover {
background: #027ABB url('../images/button_roll_bg.gif') bottom left repeat-x;
}