/*
================================
Title: Europa master styles
Updated: April 13 2007
================================
*/

/* -------- body -------- */
html, body {
margin: 0;
padding: 0;
}

body {
background: #000 url(/images/backgrounds/main.jpg) repeat-x top left;
margin: 0;
padding: 0;
color: #000;
font: normal 13px/1.8em "Trebuchet MS", Helvetica, Arial, sans-serif;
margin: 20px auto;
text-align: center;
}

/* -------- links -------- */
a {
text-decoration: none;
}

a:link {
text-decoration: none;
color: #547a7d;
}

a:visited {
color: #547a7d;
}

a:hover {
color: #C60;
text-decoration: underline;
}

/* -------- headings -------- */
h1, h3, h4, h5, h6, th {
font-family: verdana, lucida, arial, helvetica, sans-serif;
font-weight: normal;
}

h1, h2 {
text-shadow: 0.1em 0.2em 0.3em #999;
}

h1 {
margin: 0;
padding: 80px 0 0 0;
}

h2 {
color: #000;
font: small-caps 175%/1.5em Georgia, "Times New Roman", Times, serif; 
margin: 25px 0 10px 0;
}

h2 span {
font-size: 16px;
}

/* -------- header -------- */
#container {
margin: 10px auto;
width: 800px;
}

#header {
width: 800px;
height: 205px;
margin: 0 auto;
padding: 0;
background: transparent url(/images/backgrounds/header_city.jpg) no-repeat top left;
text-align: center;
}

#header h2 {
color: #000;
text-shadow: none;
font: small-caps 125%/1.5em Georgia, "Times New Roman", Times, serif; 
margin: 20px 0 10px 0;
}

/* -------- content -------- */
#content {
margin: -1px auto;
padding: 0 0 25px 0;
width: 800px;
background: #fff;
}

.article {
background: url(/images/backgrounds/shaded_hr.jpg) no-repeat bottom left;
padding-bottom: 20px;
}

/* -------- navigation -------- */
#navbar {
margin: -2px auto 0 auto;
padding: 0;
width: 839px;
height: 54px;
background: url(/images/backgrounds/navbar.gif) no-repeat;
text-align: center;
}

#nav {
margin: 0;
padding: 15px 0;
font: normal 85% Verdana, Helvetica, Arial, sans-serif;
letter-spacing: .3em;
}

#nav a {
text-decoration: none;
font-family: Helvetica, Arial, sans-serif;
font-weight: bold;
color: #fff;
letter-spacing: .11em;
}

#nav a:hover {
color: #fff;
}

/* -------- banner -------- */
#banner {
background: transparent; /* url(/images/backgrounds/banner_stripe.jpg) no-repeat center; */
margin: 0 auto;
padding: 10px 0 15px 0;
width: 800px;
text-align: center;
}

#banner div {
margin: 0 auto;
}

#bannerDiv { width:468px }


#wrapper {
background: transparent url(/images/backgrounds/blue_gradient.jpg) no-repeat right top;
padding-bottom: 200px;
position: relative;
}

#main {
margin: 0 350px 0 75px;
text-align: left;
}

#newsletter {
background: transparent url(/images/backgrounds/newsletter.jpg) no-repeat top;
margin: 0 auto;
text-align: center;
width: 315px;
height: 150px;
}

#newsletter form {
padding: 70px 0 100px 0;
}

#newsletter form #submit {
vertical-align: bottom;
padding-bottom: 3px;
}

#newsletter form label {
font-style: bold;
}

/* -------- sidebar -------- */
#sidebar {
position: absolute;
top: 0;
right: 0;
width: 316px;
text-align: left;
}

/*
#now_playing {
width: 300px;
margin-left: 25px;
font-size: 85%;
}
*/

#tell_friend {
width: 300px;
margin-left: 25px;
font-size: 85%;
}

/* -------- footer -------- */
#footer {
margin: 0 auto;
padding: 80px 0 0 0;
background: transparent url(/images/backgrounds/footer.jpg) no-repeat bottom;
text-align: center;
width: 800px;
height: 72px;
color: #333;
font-size: 80%;
}

/* -------- footer -------- */
.alert {
color: #C03;
}

/* -------- misc -------- */
.forward {
background: url(/images/navigation/forward.gif) right center no-repeat; 
padding-right: 15px;
}

.back {
background: url(/images/navigation/back.gif) left center no-repeat; 
padding-left: 15px;
}

.padleft {
float: left;
margin: 5px 20px 10px 5px;
border: 0;
}

.padright {
float: right;
margin: 5px 5px 10px 20px;
border: 0;
}

cite, abbr, acronym {
font-style: italic;
}

abbr, acronym {
font-style: italic;
cursor: help;
}