/* CSS Document */
body{							/********************        Body       ********************/
	margin: 0;
	padding: 0;
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-size: 10px;
	color: #38230E;
scrollbar-face-color:#EBF5FF;
scrollbar-base-color:#EBF5FF;
scrollbar-arrow-color:black;
scrollbar-track-color:#F3F3F3;
scrollbar-shadow-color:#EBF5FF;
scrollbar-highlight-color:#EBF5FF;
scrollbar-3dlight-color:#78AAFF;
scrollbar-darkshadow-Color:#78AAFF;
}
#container{						/********************	Main Container	********************/
	width: 90%;
	margin: 10px auto;
	background-color: #FFF;
	background-image:  url(../images/background.jpg);
	background-repeat: repeat-y;
	border: 1px solid #333;
	line-height: 130%;   /* Increase readability */
}
#headerbar{						/********************     Header Bar    ********************/
	height: 88px;
	background-color: #006699;
	border-top: 8px solid #6699CC;
	background-image: url("../images/bg-header.jpg");
}
#header_interior{
	margin-left: auto;
	margin-right: auto;
	width: 760px;
	margin-top: 20px;
	padding: .5em;
}
#header_shadow{
	background-image: url(../images/hdr_shw.jpg);
	background-repeat: repeat-x;
	height: 8px;
}
.headerTitle{
	color: #FFFFFF;
	font-size: 25px;
	margin: 0px;
	padding-top: 3px;
}	
#content_body{					/********************     Body Content    ********************/
	background-image: url(../images/bg1.jpg);
	background-repeat: repeat-x;
	background-color: #F6F1DE;
	overflow: hidden;
}

#content_interior_table{
	margin-left:auto;
	margin-right:auto;
	padding-left: 2em;
	padding-right: 2em;
}

#topnavbar {					/********************     Top Nav Bar    ********************/
	height: 8px;
	background-color: #FFFFFF;
	margin-left: 10px;
	margin-right: 10px;
	text-align: right;
}
#left_column{					/****************     Left Colun & Nav    *****************/
	float: left;
	width: 166px;
	margin-top: 25px;
	margin-bottom: 25px;
}
#navigation{
	width: 154px;
	margin-left: 6px;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 2px;
	background-image: url(../images/nav_side.jpg);
}
#navigationbtm{
	width: 166px;
	background-image: url(../images/nav_btm.jpg);
	background-repeat: no-repeat;
	height: 8px;
	margin-left: 6px;
	margin-top: -5px;
}

#right_column{					/****************     Right Column        ****************/
	margin-left: 178px;
	margin-top: 25px;
	margin-bottom: 25px;
	border-left: solid 1px #E0D0B1;
	padding: 2em;
	max-width: 54em;
}
#sub_columns {
	position: relative;
}
#sub_column1 {
	float:left;
	width: 400px;
}
#sub_column2 {
	float:right;
	width: 125px;
}

/*#sub_column1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 125px;
}
#sub_column2 {
	position: absolute;
	top: 0;
	left: 125px;
}
*/#footer{						/********************     Footer    ********************/
	clear: both;
	background-color: #FFFFFF;
	padding-top: 1px;
	padding-bottom: 1px;
	background-image: url(../images/footer_bg.gif);
}
#footer-inner{
	margin-left: auto;
	margin-right: auto;
}

							/********************	Standard Fonts, etc	********************/
a:link, a:visited {
	color: #268CCD;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
h1 {
	font-size: 20px;
	font-weight: normal;
	letter-spacing: -1px;
	color: #006699;
	margin: 0;
}
h1 a:link, h1 a:visited, h1 a:hover {
	text-decoration: none;
	color: #000;
}
h2 {
	margin: 0;
	color: #006699;
	font-size: 18px;
	font-weight: normal;
	letter-spacing: -1px;
	padding-left:25px;
	background-image:url(../images/h2.gif);
	background-repeat:no-repeat;
}
h2 a:link, h2 a:hover, h2 a:visited {
	color: #000;
	text-decoration: none;
}
h3 {
	margin: 0 0 8px 0;
	color: #999;
	font-size: 19px;
	font-weight: normal;
	letter-spacing: -1px;
	text-transform: uppercase;
}
h4 {
	margin: 0;
	color: #006699;
	font-size: 12px;
	padding-top:5px;
	padding-bottom:5px;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
}
h5 {
	margin: 0 0 8px 0;
	color: #999;
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
}

							/********************	Special Fonts, etc (Classes)	********************/
.title{
	font-size: 20px;
	font-weight: normal;
	letter-spacing: -1px;
	color: #006699;
	margin: 0;
}
.hr{
	width: 100%;
	height: 8px;
	background-image: url(../images/hr.gif);
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	background-repeat: no-repeat;
	background-position: center;
}
.note2 {
	font-size: 10px;
	font-weight: normal;
	color: #006699;
}

							/********************	Left Colum Menu Items	********************/
.markermenu{
	list-style-type: none;
	margin: 5px 0;
	padding: 0;
	width: 160px;
	list-style: none;
	background: url(../images/nav_bg.gif);
}
.markermenu li a{
	background: url(../images/arrow.gif) no-repeat 2px center;
	background-position: 10px ;
	font-weight: bold;
	color: #006699;
	display: block;
	padding: 3px 0;
	padding-left: 30px;
	text-decoration: none;
	border-bottom: 3px solid #FCF7F3;
	list-style-type: none;
	list-style: none;
}
* html .markermenu li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
}
.markermenu li a:visited, .markermenu li a:active{
	color: #006699;
}
.markermenu li a:hover{
	color: black;
}
							/********************	    Lists       ********************/
OL LI{
	margin-left:-20px;
	list-style-type:decimal;
	color:#006699;
}

UL LI{
	margin-left:-20px; 
	list-style-type:square;
	color:#006699;
}
							/********************	 Login Layout   ********************/
#loginContainer{
	margin-top: 50px;
	margin-right:auto;
	margin-left:auto;
	width: 500px;
	background-color: #FFF;
	border: 1px solid #333;
	overflow: hidden;
}

#loginHeaderbar{
	height:44px;
	background-color:#006699;
	border-top: 8px solid #6699CC;
	background-image: url("../images/bg-header-lg.jpg");
}

#loginHeader_interior{
	margin-left:auto;
	margin-right:auto;
	width:450px;
	margin-top:2px;
}

							/************************	Buttons	************************/
.button, .nTabButton { 	
	background-image: url("../images/button.gif");
	background-color:#FFFFFF;
	font-family: "Lucida Grande", Verdana, sans-serif;
	color: #000066;
	font-size: 9px;
	height: 16px;
	font-weight: bold;
	text-align: center;
	border: #000066 1px solid;
	vertical-align: middle;
}
.buttonon, .nTabButtonon { 
	background-image: url("../images/buttonon.gif");
	background-color:#F0F0F0;
	font-family: "Lucida Grande", Verdana, sans-serif;
	color: #660000;
	font-size: 9px;
	height: 16px;
	font-weight: bold;
	text-align: center;
	border: #660000 1px solid;
	vertical-align: middle;
}

							/********************	Drop Boxes, etc	********************/
.searchdrop2 { 
	font-family: "Lucida Grande", Verdana, sans-serif; 
	font-size: 10px;
	vertical-align:middle;
}
.xTabDropBox { 
	font-family: "Lucida Grande", Verdana, sans-serif; 
	font-size: 10px;
	vertical-align:middle;
}
.xTabListBox { 
	font-family: "Lucida Grande", Verdana, sans-serif; 
	font-size: 10px;
	vertical-align:middle;
	height: 120px;
	width: 240px;
}
.nTabDropBox { 
	font-family: "Lucida Grande", Verdana, sans-serif; 
	font-size: 10px;
	width: 150px;
	height: 200px;
}
							/**************    Loading, Please Wait Msg   ***************/
#prepage {
	position: absolute; 
	top: 35%; 
	left: 35%; 
	width: 150px; 
	height: 50px; 
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-size:10px;
	text-align: center; 
	padding: 2em; 
	border: 4px groove #fff; 
	background-color: #FFF7E6; 
	margin-left: auto; 
	margin-right: auto; 
	z-index: 100;
	opacity: .75; 
	filter: alpha(opacity=75);
} 

#loadingMsg {
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-size:12px;
}
							/********************	  dataTable     ********************/
TABLE.data {
	color: #000000;
	border: 0;
	cellpadding: 0;
	cellspacing: 1;
	FONT: 11px arial, verdana, sans-serif;
	font-weight: normal;
}
TABLE.data a:link {
	color: #268CCD;
	text-decoration: none;
}
TABLE.data a:visited {
	color: #268CCD;
	text-decoration: none;
}
TABLE.data a:hover {
	color: #000000;
	text-decoration: underline;
}
TR.page_row A {
	color: #268CCD;
	text-decoration: none;
}
TR.page_row A:hover {
	color: #268CCD;
	text-decoration: underline;
}
TR.even_row {
	background-color: #F6F1DE;
}
TR.odd_row  {
	background-color: #EFE6CE;
}
TR.ColH {
	background-color:#BED3E9;
}
TD.ColH {
	background-color:#BED3E9;
}
TD.ColHlbl {
	background-color: #BED3E9;
	font-weight: bold;
	text-align: center;
	vertical-align: bottom;
}
TD.RowHlbl {
	background-color: #E1EBF4;
	font-weight: bold;
	text-align: center;
	vertical-align: bottom;
}
TD.data {
	text-align: left;
	vertical-align: top;
} 						

							/******************** Form Input Area  ********************/
.shadow_sec {
background: #FCF9F2;
margin: -8px 0 0 -8px;
padding: 12px;
}

.shadow_back {
background:#EAE4D6;
padding: 4px;
margin: 8px 0 8px 12px;
}

							/*************** VERTICAL TABS STYLES USED BY QUERY BUILDER SELECT FORM ***************/
#qbContainerShadow { 
	position:relative;
	left:0px;
	top:0px;
	width:584px;
	padding: 4px;
	margin: 8px 0 8px 12px;
	background-color: #EAE4D6;
}
#qbContainer { 
	margin: -8px 0 0 -8px;
	padding: 12px;
	background-color: #FCF9F2;
}

#qbSelContainer { 
	position:static;
	overflow: hidden;
	left:10px;
	top:10px;
	width:564px;
	background-color: #FFFFFF;
	border-top: 0px;
	border-right: 1px solid #666;
	border-bottom: 0px;
	border-left: 0px;
}

#qbSelContainerLine {
	height: 1px;
	width: 564px;
	background-image: url(../images/hline.gif);
	background-position: right;
	background-repeat: no-repeat;
}

#qbLeft { 
	float: left;
	width: 110px;
	background-color: #FCF9F2;
	border-right: 4px solid #666;
}

#qbLeft UL {
	margin-top: 0;
	margin-left: 0;
	padding-left: 0;
	font-family: Arial, Helvetica, sans-serif;
}

#qbLeft UL LI {
	margin-left: 12px;
	margin-bottom: 0.5em;
	list-style-type: none;
}

#qbLeft A {
	display: block;
	padding: 0.25em;
	width: 92px;
	height: 1.25em;
	background-color:#F6F1DE;
	border: 1px solid #666;
}

#qbLeft A:link, #qbLeft A:visited {
	color: #000;
	text-decoration: none;
}

#qbLeft A:hover {
	background-color: #fff;
	margin-left: 0px;
	border-right: 0;
	border-left: 1px solid #666;
	width: 96px;
	height: 12px;
}

#qbLeft A#selected {
	background-color:  #FFFFFF;
	margin-left: 0px;
	border-right: 0;
	border-top: 4px solid #666;
	border-left: 1px solid #666;
	border-bottom: 1px solid #666;
	width: 96px;
	height: 12px;
} 

#qbRight {
	float: left;
	width: 430px;
	padding: 1em;
	background-color: #FFFFFF;
	color: #006699;
}

#opDrop { 
	float: left;
	width:150px;
	height:180px;
	text-align:left;
	padding: 10px;
	background-color: #F6F1DE;
}

#selBox { 
	float: left;
	width:240px;
	height:140px;
	padding: 10px;
	background-color: #F6F1DE;
}

#selBoxBottom { 
	float: left;
	width:240px;
	height:20px;
	padding-left: 10px;
	padding-right: 10px;
	text-align:center;
	background-color: #F6F1DE;
}

#qbFooter { 
	position:static;
	width:580px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#qbFooter P {
	margin-left: auto;
    margin-right: auto;
}

							/********************	  accordian     ********************/

#basic-accordian{
	border:5px solid #EEE;
	padding:5px;
	width:350px;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-175px;
	z-index:2;
	margin-top:-100px;
}

.accordion_headings{
	padding:5px;
	background:#99CC00;
	color:#FFFFFF;
	border:1px solid #FFF;
	cursor:pointer;
	font-weight:bold;
}

.accordion_headings:hover{
	background:#00CCFF;
}

.accordion_child{
	padding:15px;
	background:#EEE;
}

.header_highlight{
	background:#00CCFF;
}