/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, /*ol, ul, li,*/
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent; 
}
body {
	line-height: 1;
}
/*
ol, ul {
	list-style: none;
}
*/
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: none;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* start global styles */
body
{
	background-image: url();
background-repeat: ;
background-color: #2e5b8f;
	text-align: center;
	font-family: Arial, sans-serif;
	color: #666666;
	font-size: 12px;
}

.mceContentBody {background: none; text-align: left; background-color: none;} /* used for tinymce */

/* standard overrides */
/*
a:link, a:visited {color: #0066cc; text-decoration: none; font-weight: normal;}
a:hover {color: #0066cc; text-decoration: none; font-weight: normal;}
*/

h1 { color: #003366; font-size: 20px; font-weight: bold; font-family: 'Arial', sans-serif; margin: 10px 0 0 0; }
h2 { color: #000000; font-size: 14px; font-weight: bold; margin: 10px 0 0 0; }
h3 { color: #999999; font-size: 11px; font-weight: bold; margin: 10px 0 0 0; }
p { font-weight: normal; margin: 0 0 10px 0; line-height: 18px; }

img.right { float: right; padding: 0px 0px 0px 12px; border: 0; }
img.left { float: left; padding: 0px 12px 0px 0px; border: 0; }
img.logo { float: left; padding: 0; border: 0; position: relative; top: 20px; left: 0; }
img.ad { border: 0; padding: 0 0 10px 0; }

html { overflow-y: scroll; }

/* header */
#header {background: transparent url("/img/bg-header.png") no-repeat; height: 120px; width: 960px; text-align: left; position: relative; margin: 0 auto;}
#quick-link-container { position: absolute; top: 10px; right: 10px; }

/* content */
#siteframe { margin: auto; text-align: center; background-color: #FFF; }
#content { width: 960px; padding: 5px 0px; margin: 0 auto; text-align: left; min-height:350px; position: relative; }
#main-content { text-align: left; float: left; width: 75%;}
#sidebar {float: right; font-size: .9em; text-align: left; padding: 0 0 20px 0px; width: 24%; }

ul#breadcrumb
{
	list-style: none;
	margin: 0px;
	padding: 0px;
	position: relative;
	top: -5px;
}
ul#breadcrumb li 
{
	font-size: 11px;
	margin-right: 5px;
	list-style: none;
	display: block;
	float: left;
	padding-right: 15px;
	height: 24px;
	line-height: 24px;
	color: #0066CC;
	background: transparent url(/img/breadcrumb.png) no-repeat right center;
	cursor: pointer;
}
ul#breadcrumb li a { text-decoration: none; }

/* footer */
#footer { color: #FFFFFF; margin: 0 auto; padding: 10px 0 30px 0; font-size: .9em; line-height: 16px; text-align: center; width: 960px;}
#footer p {color: #FFFFFF; margin: 0 auto; text-align: center; opacity: .6;}
#footer a:link, #footer a:visited {color: #FFFFFF; text-decoration: none; font-weight: normal; opacity: .8;}
#footer a:hover {color: #FFFFFF; text-decoration: none; opacity: 1;}

.horizontal-line {border-bottom: 1px #CCC dashed; margin: 18px 0 18px 0;}
/* Main Navigation */
#mainnavigation { height: 30px; margin: 0 auto; position: absolute; bottom: 0; left: 0; text-align: left; }
#mainnavigation ul#nav,
#mainnavigation ul#nav li
{
	float: left;
	list-style: none;
	margin: 0 auto;
	padding: 0px;
	height: 30px;
	cursor: pointer;
	text-align: center;
	margin: 1px 1px 0px 0px; 
}
#mainnavigation ul#nav a, #mainnavigation ul#nav a:visited { font-size: 13px; color: #FFF; text-decoration: none; display: block; height: 28px; line-height: 28px; padding: 0px 16px 0 16px; }
#mainnavigation ul#nav a:hover { color: #FFF; text-decoration: none; display: block; }
#mainnavigation ul#nav li.selected a, #mainnavigation ul#nav li.active a { color: #000; text-decoration: none; display: block; }

/* Side Navigation */
#subnavigation { padding: 20px 0 20px 0; margin: 0 auto; text-align: left; }
#subnavigation ul#subnav, #subnavigation ul#subnav li 
{
	list-style: none;
	margin: 0 0 1px 0;
	padding: 0; 
}
#subnavigation ul#subnav { font-size: 10px; color: #999; text-transform: uppercase; margin: 0 auto; }
#subnavigation ul#subnav a, #subnavigation ul#subnav a:visited { background: transparent url("/img/subnav-background-inactive.jpg") no-repeat; color: #999; font-weight: bold; text-decoration: none; display: block; margin: 0 auto; padding: 10px 0 10px 10px; }
#subnavigation ul#subnav a:hover { background: transparent url("/img/subnav-background-inactive.jpg") no-repeat; color: #666; text-decoration: none; padding: 10px 0 10px 10px; display: block; }
#subnavigation ul#subnav li a.subnav_active { background: transparent url("/img/subnav-background-active.jpg") no-repeat; position: relative; left: -8px; color: #000; text-decoration: none; padding: 10px 0 10px 18px; display: block; }
#subnavigation ul#subnav.left a, #subnavigation ul#subnav.left a:visited { background: transparent url("/img/subnav-left-background-inactive.jpg") no-repeat right top;}
#subnavigation ul#subnav.left li a.subnav_active { background: transparent url("/img/subnav-left-background-active.jpg") no-repeat right top; left: 8px; padding: 10px 0px 10px 2px;}

/* Form styles */
form { padding: 0px; margin: 0px; }
dl.form { font-size: 12px; margin: 10px 0px 10px 0px;}
dl.form dt { font-weight: normal; text-align: left;}
dl.form dd { margin-left: 0px; padding-bottom: 5px; position: relative; font-weight: normal;text-align: left;}
dl.form dd input, dl.form dd select {width: 95%; padding-left: 2px; border: 1px solid #a0a0a0;}
dl.form dd textarea {width: 95%; padding: 2px; border: 1px solid #a0a0a0; height: 100px; font-size: 12px;}
dl.form dd.radio input{ width: auto; border: 0px; }
dl.form.confirm dt { float: left; font-weight: bold;}
dl.form.confirm dd { margin-left: 75px; font-weight:normal; }
dl.form.details {  margin: 5px 0px 15px 10px; }
dl.form.details dt { float: left; font-weight: bold; clear: left; padding-top: 4px;}
dl.form.details dd { margin-left: 150px; font-weight:normal; padding-top: 4px;}
dl.form.graph dd { margin-left: 250px; font-weight:normal; padding-top: 4px;}
dl.form.edit_form dt { font-weight: bold; }
dl.form.edit_form dt { position: relative;}

table.form_table { font-size: 12px; color: #000; margin-top: 10px; text-align: left; }
table.form_table th { text-align: left; padding: 0px 10px 3px 0px;}
table.form_table td { text-align: left; padding: 0px 10px 10px 0px;}
table.form_table td input,table.form_table td select { font-size: 12px; color: #000; border: 1px solid #A0A0A0; }

/* form error */
div.error_box { background: #fff url(/img/form_error.gif) no-repeat left center; color: #3366CC; font-size: 12px; position: absolute; top: 2px; padding-left: 20px; font-family: 'Lucida Grande'; line-height: 16px; height: 16px; white-space: nowrap}
div.error_msg  { background: #fff url(/img/form_error.gif) no-repeat left center; color: #3366CC; font-size: 12px;padding-left: 20px; font-family: 'Lucida Grande'; line-height: 16px; height: 16px; white-space: nowrap; padding-bottom: 10px;}


/* Buttons */
button { cursor: pointer; line-height: 26px; height: 26px; border: none; margin: 0px; padding: 0px 0px 0px 8px; overflow: visible; background: transparent url(/img/colorize.php?color=&image=/img/button-left.png) no-repeat top left; margin-right: 2px;}
button div { white-space: nowrap; line-height: 26px; height: 26px; background: transparent url(/img/colorize.php?color=&image=/img/button-right.png) no-repeat top right; color: