/* HTML */

/* reset white space */
html, body {
margin: 0;
padding: 0
}

h1, h2, h3, h4, h5, h6 {
margin-top: 14px;
margin-bottom: 6px;
}

address, blockquote, dl, form,
fieldset, ol, table, p, pre, ul {
margin-top: 5px;
margin-bottom: 4px;
}

a img {
border: 0;
}

* {
font-size: 13px;
font-family: Tahoma;
color: #FFF;
}

body {
background-image: url(images/shared/body-background.jpg);
background-position: top center;
background-repeat: repeat-y;
margin: 0;
}

h1 {
font-family: Arial;
font-size: 22px;
font-weight: normal;
color: #f22c35;
}

h2 {
font-family: Arial;
font-size: 18px;
font-weight: normal;
color: #FFF;
}

div#banda h1 {
color: #fff;
margin-top: 28px;
margin-bottom: 13px;
}

div#content ul {
padding-left: 0;
margin-left: 0;
margin-top: 7px;
margin-bottom: 10px;
list-style-position: inside;
list-style-image: url(images/shared/bullet_blue-trans.png);
}

div#content ul li {
margin-bottom: 1px;
padding-bottom: 1px;
}

p {
}

img#logo {
margin-top: 1px;
}

a {
color: #f22c35;
}

/* LAYOUT */

div#header {
width: auto;
height: auto;
background-color: #000;
}

div#header_wrapper {
position: relative;
width: 785px;
left: 50%;
margin-left: -393px;
height: 80px;
border: 0px solid yellow;
}

div#nav {
float: right;
width: 350px;
height: 60px;
margin-top: 27px;
border: 0px solid white;
}

* html div#nav {
width: 360px;
}

div#banda {
position: relative;
width: 100%;
height: 175px;
background-image: url(images/shared/banda-background.jpg);
background-position: bottom right;
background-repeat: repeat-x;
border: 0px solid red;
}

/* STUFF INSIDE BANDA */
div#banda img {
vertical-align: bottom;
margin: 0;
display: none;
}

img.opera {
width: 90px;
height: 90px;
float: left;
margin-right: 14px;
margin-bottom: 14px;
}

div#banda a {
color: #fff;
}

div#content {
width: 750px;
padding: 0 20px 80px 16px;
position: relative;
left: 50%;
margin-left: -393px;
border: 0px solid darkorange;
}

div#column_left {
width: 420px;
float: left;
border: 0px solid red;
padding-right: 10px;
border-right: 1px solid #ddd;
}

div#column_right {
width: 300px;
float: right;
border: 0px solid green;
}

div#credits {
position: relative;
width: auto;
height: 50px;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 15px;
right: 0;
bottom: 0;
border: 0px solid red;
background-color: #f22c35;
}

* html div#credit img {
width: 136px;
height: 30px
}

/* NAV */

div#nav ul {
margin: 0;
padding: 0;
list-style-type: none;
}

div#nav ul li {
padding: 0;
margin: 0;
border: 0px solid red;
text-align: center;
float: left;
margin-left: 5px;
}

/* selected tab */
div#nav ul li#selected {
background-image: url(images/shared/nav_selected_sx.jpg);
background-repeat: no-repeat;
}

div#nav ul li a {
font-family: Arial;
display: block;
width: auto;
padding: 6px 12px 6px 12px;
font-size: 14px;
color: #fff;
font-weight: normal;
text-decoration: none;
}

div#nav ul li#selected a {
background-image: url(images/shared/nav_selected_dx.jpg);
background-position: top right;
background-repeat: no-repeat;
padding: 5px 12px 6px 2px;
margin-left: 10px; /* closing tab */
}