@CHARSET "ISO-8859-1";
@import url("../../media/css/common.css");
@import url("../../media/css/spacer.css");
@import url("../../media/css/nav.css");
/* @import url("../../media/css/content.css"); */

/* ---- */

html { background-color: #171d47; }
body { text-align: center; background: #171d47 url('images/back.png') repeat-x top right; padding: 10px 0; }

/* ---- */

#pWrapper { background: url('images/container.png') no-repeat top right; width: 800px; padding: 15px 14px 0 13px; display: block; margin: 0 auto; }

#pBody { width: 800px; background-color: #FFF; padding: 0; display: block; text-align: left; }

#pHeader { clear: both; }
#pHeader .logo { line-height: 0; font-size: 1px; width: 220px; float: left; margin: 4px; }
#pHeader .logo a { line-height: 0; font-size: 1px; }
#pHeader .menu { width: 530px; margin-top: 44px; float: right; font: 9px verdana, arial, helvetica, sans-serif; background-color: #EFEFEF; }
#pHeader .menu a { color: #515f75; text-decoration: none; }
#pHeader .menu a:hover { color: #334; text-decoration: underline; }
#pHeader .menu ul { list-style: none; margin: 6px; padding: 0; }
#pHeader .menu ul li { font: bold 9px tahoma, verdana; float: left; margin: 0 6px; line-height: 18px; }

/**
 * Navigation Elements 
 */

/* -- Aesthetic Styles -- */
.TieredNavigation { background: #525252 url('images/menu_back.png') repeat-x top right; height: 28px; font: bold 11px tahoma, verdana; text-align: center; }
.TieredNavigation .menu li { height: 28px; border-right: 1px #525252 solid; background: #525252 url('images/menu_back.png') repeat-x top right; width: 15%; }
.TieredNavigation .menu li a,
.TieredNavigation .menu li a:hover { line-height: 28px; height: 28px; color: #FFF; text-decoration: none; }
.TieredNavigation .menu li a:hover { background: #727272 url('images/menu_over.png') repeat-x top right; }
.TieredNavigation .menu li ul { width:200px; }
.TieredNavigation .menu li li { border-top: 1px solid #727272; width:200px; line-height: 16px; height: 22px; }
.TieredNavigation .menu li li a,
.TieredNavigation .menu li li a:hover { width: 180px; color:#000; height:16px; line-height:16px; background: #525252; text-align: left; color: #FFF; text-decoration: none; padding: 3px 10px; }
.TieredNavigation .menu li li a:hover { background: #727272; }

/* -- Compatibility Styles -- */
* html .TieredNavigation .menu li ul {top:-20px; left:80px; padding:10px 30px 30px 30px;} /* -- Unknown -- */
.TieredNavigation .menu li a:hover ul { top:12px; left:-30px; to\p:13px; lef\t:-32px;} /* -- IE5, IE\6 -- */
.TieredNavigation .menu li a:hover ul a:hover ul{top:-11px; left:80px;} /* -- Unknown -- */
.TieredNavigation .menu li:hover > ul {top:-11px; left:80px;} /* -- Unknown -- */
.TieredNavigation .menu > li:hover > ul {top:28px; left:-1px;} /* -- Firefox -- */

/* ---- */

#pMain { background: #FFF; clear: both; padding: 3px 0; min-height: 530px; }

#pFooter { background: #FFF; margin: 0; clear: both; text-align: right; padding-top: 20px; }
#pFooter p { padding: 1em 2em; font: bold 10px verdana, arial, helvetica, sans-serif; color: #AAA; margin: 0; }
#pFooter p a { color: #0A4D9F; }
#pFooter p a:hover { color: #2D75C1; }

/**
 * Text Styles
 */

div.contentText, div.contentForm { font: 12px/18px "Verdana"; margin: 0 1em 1em; }
div.contentText h1, div.contentForm h1 { font: bold 16px/24px Verdana; border: 1px solid #999; border-width: 0 0 1px 0; padding: 0 0 3px; margin: 10px 0; color: #036; }
div.contentText h2, div.contentForm h2 { font: bold 12px/18px Verdana; margin: 0.6em 0; color: #036; }
div.contentText p, div.contentForm p { font: normal 11px/14px Verdana; margin: 0.6em 0; }
div.contentText ul, div.contentForm ul { list-style-type: square; font: normal 11px/14px Verdana; }
div.contentText ol, div.contentForm ol { font: normal 13px/11px Verdana; }
div.contentText li, div.contentForm li { margin: 6px 0; }
div.contentText a, div.contentForm a { color: #2054ad; font-weight: bold; text-decoration: none; }

/* ---- */

dl.accordian {  }
dl.accordian dt { padding: 0; margin: 0; }
dl.accordian h2 { padding: 2px 7px; margin: 0; font: bold 14px/18px Helvetica; }
dl.accordian h2 a { padding: 0; margin: 0; }
dl.accordian dd { padding: 0; margin: 0 0 20px 20px; border: solid 1px #DDD; border-width: 1px 0; }

/**
 * Input Form Style
 */

div.contentForm {
	font: 0.8em/1.6em "Verdana";
	margin: 0 1em 1em;
}

div.contentForm h2 {padding-top: 10px; clear: both;}

div.contentForm table {
	/* width: 100%; */
}

div.contentForm table tr th {
	font: bold 1em Verdana;
	color: #000;
}

div.contentForm table tr td {
	font: normal 1em Verdana;
	padding: 0.25em 0.5em;
	vertical-align: top;
	color: #000;
}

div.contentForm table tr.alt td {
	background-color: #F4F4F4;
}

div.contentForm table a {
	color: #339;
}

div.contentForm fieldset {
	border: 1px solid #DFDFDF;
	font-family: Verdana;
	padding: 0.5em 1em;
	margin: 1em 0;
	width: 96%;
}
div.contentForm fieldset legend {
	font: bold 1em Verdana;
}
div.contentForm label {
	font-size: 10px;
	font-weight: bold;
	color: #333;
	clear: both;
}
div.contentForm .description {
	color: #666;
	font: normal 10px Verdana;
}

div.contentForm .form-item {
	/* margin: 1em; */
	clear: both;
	padding: 3px 0;
}
div.contentForm .form-item label {
	width: 100px;
	float: left;
}
div.contentForm .form-item span.field {
	display: block;
	width: 250px;
	float: right;
}

div.contentForm .form-item-header {
	/* margin: 1em; */
	clear: both;
	padding: 3px 0;
height: 14px; margin-bottom: 12px;
}
div.contentForm .form-item-header label {
	width: 320px;
	float: left;
	font-weight: bold; text-decoration: underline;
clear: none;
}
div.contentForm .form-item-header span.field {
	width: 30px;
	float: left;
clear: none;
}

div.contentForm fieldset .form-item label {
	width: 270px;
	float: left;
	font-weight: normal;
clear: none;
}
div.contentForm fieldset .form-item span.field {
	width: 25px;
	float: left;
clear: none;
}

div.contentForm fieldset {
	clear: both;
}
div.contentForm fieldset.budged {
	margin-left: 40px; width: auto;
}

div.contentForm .form-buttons {
}
div.contentForm .form-buttons input.form-confirm {
	float: right;
	color: #060;
	font-weight: bold;
}
div.contentForm .form-buttons input.form-cancel {
	float: left;
	color: #600;
}