body 
{
	margin: 0; 
	padding: 0;
	background: #000060;
	font-size: 100%;
	font-family: "trebuchet ms", arial, verdana;
	color: #000060;
	text-align: center;
}
a 
{
   color: #C96309;
   text-decoration:none;
}
a:hover 
{
   text-decoration: underline;
}
p 
{
   line-height: 170%; margin: 5px 0;
}

ul 
{
	font-size: 80%;
	font-style: italic;
	line-height: 130%; 
	margin-left: 100px;
	padding: 5;
}

p, td, th
{
   font-size: 80%;
}

/* LAYOUT */
#wrapper 
{
   width: 800px;
   text-align: left;
}

#content 
{
   width: 790px;
   padding-left:	10px;
   background: #fff;
   border-top: 3px solid #C96309;
   border-bottom: 3px solid #C96309;
   float: left;
}

/* ELEMENTS */
h1 
{
	font: 225% "trebuchet ms";
	color: #fff;
	padding: 40px 0 10px 10px;
	margin: 0;
	line-height: 100%; 
}

h1 span { color: #80C000; }
h1 a { color: #C96309; }
h1 a:hover { color: #80C000;  text-decoration: none;}
h1 a:hover span { color: #C96309;}

h2 
{
   font: bold 100% arial, verdana, sans-serif;
   color: #333366;
   border-bottom: 1px solid #ccc;
   padding-bottom: 2px;
   margin: 5px 0 5px 0;
}

h3 
{
	font: bold 90% arial, verdana, sans-serif;
	color: #CCCCCC;
	margin-left: 100px;
	line-height: 100%; 
}

p+p { padding-top: 1em; }
form.form { font-size: 80%; background-color: #f5f5f5; padding: 10px;}

#options 
{
   list-style-type: none;
   width: 500px;
   margin: 10px; padding: 0;
}
#options li 
{
   float: left;
   width: 240px;
   border-left: 5px solid #cccccc;
}
#footer 
{
   float: none;
   margin: 10px 0 0 0;
   font-size: 80%;
   width: 100%;
   color: #cccccc;
   background: #ffffff;
}
#nav 
{
   text-align: right;
   list-style-type: none;
   font-size: 80%;
   border-top: 1px solid #cccccc;
   margin: 20px 0 0 0;
   padding: 0;
}

#nav ul 
{
	color: #C96309;
	font-size: 80%;
	font-style: normal;
	line-height: 130%; 
	margin-left: 100px;
	padding: 5;
}

#nav li 
{
   padding: 0 5px 0 5px;
   display: inline;
   border-left: 1px solid #ccc;
	font-size: 80%;
	font-style: normal;
}
.left 
{
   float: left;
}

/* STYLES */
.first { margin-top: 0 }
input.textbox { width: 500px; font: 120% arial, verdana, sans-serif; }
input.button {font: 120% arial, verdana, sans-serif; margin-top: 10px;}
label { font-weight: light; }

#error 
{
   border: 1px solid red;
   border-left: 5px solid red;
   margin: 0;
   background: red;
   color:white;
}

/* TABLES USED IN COOKIE MANAGEMENT / EDIT BROWSER PAGES */
table 
{
   border-color: #C6C0FF;
   border-width: 0 0 1px 1px;
   border-style: solid;
}

th 
{
   font-size: normal;
   background: #ccc;
   border-width: 2px;
}
td, th 
{
   border-color: #C6C9CF;
   border-width: 1px 1px 0 0;
   border-style: solid;
   padding: 1px 4px 1px 4px;
   font-size:	60%;
}
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;
}

#left 
{
	width: 370px;
	background: #fff;
	padding-left: 20px;
	padding-right: 5px;
} 
#right 
{
	width: 370px;
	background: #fff;
	padding-right: 20px;
	float: 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; }