/* GLOBAL ELEMENTS */

body {
   background: #0C0C0C;
   font-size: 100%;
   font-family: "trebuchet ms", arial, verdana;
color: #444;
   text-align: center;
}

a {
   color: #7F0000;
   text-decoration:none; 
}
a:hover {
   text-decoration: underline;
}
p {
   color: #444;
   line-height: 170%; margin: 5px 0;
}
p, td, th, ul {
   font-size: 80%;
}

/* LAYOUT */
#wrapper {
   border: 2px solid #777;
   width: 800px;
   margin: 20px auto;
   text-align: center;
   background: #fff;
}

#content {
   background: #fff;
   text-align: left;
padding:10px;
   width: 580px;
   float:right;
}

#sidebar {
   background: #fff;
   text-align: left;
padding:10px;
   width: 180px;
float:left;
margin:0;
}

h2.start{
margin-top:0;
}

#sidebar ul {
padding:0px;
margin:0;
list-style-type: none;
}

#header {
background: #7F0000 url(images/header.png) repeat-x top left;
text-align: left;
margin:0;
padding:20px 0;
}

#copyright {
color:#fff;
text-align:center;
margin-bottom:10px;
   font-family: arial;
font-size:12px;
}


#header h1 {
padding:0;
margin:0 5px;
vertical-align:middle;
font-size:26px;
color:#fff;
font-weight:bold;
   font-family: arial;
}
#header h1 a, #header h1 a:hover {
color:#fff;
}

/* ELEMENTS */

h2 {
   font: bold 100% arial, verdana, sans-serif;
   color: #7F0000;
   border-bottom: 1px solid #ccc;
   padding-bottom: 3px;
   margin: 25px 0 10px 0;
}
p+p { padding-top: 1em; }

#options {
   list-style-type: none;
   width: 500px;
   margin: 10px 0;
   border-top: 2px solid #7F0000;
   padding-top:5px;
}

#options li { 
   float: left;
   width: 200px;
}

#footer {
   margin: 10px 0 0 0; 
   font-size: 80%;
   padding: 5px;
background: #ccc;
   font-family: verdana;
clear:both;
text-align:left;
}

#nav {
   text-align: right;
   list-style-type: none;
   margin:0;
   padding: 5px 0;
background: #ccc;
   font-family: verdana;
}

#nav a:hover{
   text-decoration:none;
   color: #000;
}

#nav li {
   padding: 0 5px;
   display: inline;
}

.left {
   float: left;
}
.right {
   float: right;
}
/* STYLES */

.first { margin-top: 0 }

input.textbox { width: 490px; font: 120% arial, verdana, sans-serif;padding:5.5px; }

input.button {font: 120% arial, verdana, sans-serif; margin-top: 10px;width:62px;padding:4px;}

#error {
   border: 1px solid red;
   border-left: 5px solid red;
   padding: 2px;
   margin: 5px 0 15px 0;
   background: #eee;
}

/* TABLES USED IN COOKIE MANAGEMENT / EDIT BROWSER PAGES */
table {
   border-color: #666;
   border-width: 0 0 1px 1px;
   border-style: solid;
   width: 50%;
}
th {
   background: #ccc;
   border-width: 2px;
}
td, th {
   border-color: #666;
   border-width: 1px 1px 0 0;
   border-style: solid;
   padding: 2px 10px 2px 10px;
}
td {background: #eee;}
.full-width {
   width: 98%;
}
.large-table { 
   width: 75%; 
   margin-top: 15px;
}
.large-table td, .large-table th {
   padding: 5px;
}
td.small-note {
   font-size: 60%;
   padding: 2px;
   text-align: right;
}

/* TOOLTIP HOVER EFFECT */
label { font-weight: bold; line-height: 20px; cursor: help; }
#tooltip{ width:20em; color: #fff; background: #555; font-size: 12px; font-weight: normal; padding: 5px; border: 3px solid #333; text-align: left; }