body {
	margin:0; 
	padding:0; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	color:#036; }

body p {
    margin:0 0 0 0;
    font-size: 12px;
    font-family: Georgia, times new roman;
    font-color: navy;

}

body h1 {
    margin:0 0 0 0;
    font-size:11px;
    font-weight:normal;
    font-family: times new roman, Georgia;
    font-color: navy;
}

#textbox1 {
    Xposition:relative;
    float: center;
    text-align: center;
    margin:2px;
    border: 3px double black;
    padding: 0;
    width: 100%;
    font-size:15px;
    font-weight:bold;
    font-family: arial,times new roman, Georgia;
    font-color: navy;
}

#textbox2 {
    Xposition:relative;
    float: center;
    text-align: center;
    margin:2px;
    border: 1px solid black;
    padding: 0;
    width: 100%;
    font-size:15px;
    font-weight:bold;
    font-family: arial,times new roman, Georgia;
    font-color: navy;
}


body h2 {
    margin:0 0 0 0;
    text-align:center;
    line-height:1.5em;
    font-weight:bold;
    font-size:15px;
    font-weight:bold;
    font-family: verdana,arial,times new roman, Georgia;
    font-color: navy;
}

body h3 {
    margin:0 0 0 0;
    text-align:justify;
    line-height:1.5em;
    font-size:12px;
    font-weight:normal;
    font-family: verdana,arial,times new roman, Georgia;
    font-color: navy;
}

body h4 {
    margin:0 0 0 0;
    text-align:center;
    line-height:1.5em;
    font-weight:bold;
    font-size:11px;
    font-weight:bold;
    font-family: verdana,arial,times new roman, Georgia;
    font-color: navy;
}



body h3 a:link {		color:#039; }
body h3 a:visited {	color:#936; }
body h3 a:active {	color:#f00; }

body h3 em {
    margin:0 0 0 0;
    text-align:justify;
    line-height:1.5em;
    font-size:12px;
    font-style:normal;
    font-weight:normal;
    font-family: verdana,arial,times new roman, Georgia;
    color: black;
}

#print-logo {display:none; }

#banner {
	padding:0 0 0 0;
	border:0; /* border:1px dashed green; */
	margin:10px 0 0 10px; 
	width:800px;
	height:98px; /* needs to be 100px,  but need to subtract 2px of padding */
	background:#97a25e url(./dsid.jpg) no-repeat; 	 }
#banner #Logo {	display:none; }
#banner h1 {	display:none; }
#banner h2 {
	margin:65px 0 0 230px;  
	font-size:16px; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-color:#ffc;}
#banner h2 em {
	position:relative; 
	left:5px; 
	font-size:18px; 
	font-weight:bold; 
	font-style:italic; 
	font-color:#ff9; 
	font-variant:small-caps;}

#zone1 {    /* clickable area */
float: left;
width : 156px;
height: 98px;
margin-left: 0px;
margin-top: 0px;
Xborder: 1px dotted white;
}
								
#zone2 {    /* clickable area */
float: left;
width : 546px;
height: 98px;
margin-left: 156px;
margin-top: -98px;
Xborder: 1px dotted red;
}
								
#zone3 {    /* clickable area */
float: left;
width : 98px;
height: 98px;
margin-left: 702px;
margin-top: -98px;
Xborder: 1px dotted black;
}
								
/* Start LeftNavCSS.txt */

/* Multi-level left navigation menu */
ul#LeftNav {
        clear:both;
		float:left;
		width:160px;
		font-size:small;
		list-style:none; 	
		margin:0 0 0 0;	
		border:0;
		padding:0 0 0 10px; 
        background-color:white;
}

/* Generic colors for links */
ul#LeftNav a:link {
		color:white;
 }
ul#LeftNav a:visited {
       	color:white;
}

ul#LeftNav li {
		margin:1px 0; 
		border:0; 
		border-top:0; border-right:0; border-bottom:1px solid #ccc; border-left:0;
		padding:0; 
		font-family:Verdana, Arial, Helvetica, sans-serif; 
        font-size:normal;
        /*font-weight:bold;*/
		color:#039;
}

ul#LeftNav li.MenuTitle { 
        /*margin:1em 0 0 0; /*blank space between Menu Title groups */
		border:0; 
		padding:0.25em 5px /*padding inside cells*/; 
		font-family:Verdana, Arial, Helvetica, sans-serif; 
		background:#20558a; 
		color:white;
}

ul#LeftNav li a {
		display:block;
		/* 160 - 0 (a margin-left) - 10 (a padding-left) - 4 (a padding-right) - 5 (a border-right) = 160 - 19 = 141px */
		/* BrokenBox calculation (for IE5 and 5.5):  160 - 0 (a margin) = 160px = 144 */
		width:145px;	/* *** BrokenBox *** */
		margin:0;
		/*border-top:0; border-right:1px solid #8B4500; border-bottom:0; border-left:0;*/
		/*padding:2px 4px 4px 10px /*padding for links only;*/
		/*font-family:Arial, Helvetica, sans-serif; font-variant:normal; font-weight:bold; reset the font styling (used for menu title items) */
		text-decoration:none;
}

ul#LeftNav li a:hover {
		text-decoration:underline; 
		border-top:0; border-right:1px solid #c96; border-bottom:0; border-left:0;
        color:#825873;
		background:#c3d3df;
}

ul#LeftNav li a.CrumbTrail {
		background:#fff;
		border-top:0; border-right:5px solid #c96; border-bottom:0; border-left:0;}
		
/* Sub-list items */										
ul#LeftNav ul {		
		width:160px;	/* match width of top-level li */
		font-size:small;
		margin:0;
        border:0;
		padding:0;
		list-style:none;
}

ul#LeftNav ul li {
		margin:0; 
		border:0; 
		padding:2px 4px 4px 10px; 
		border-top:0; border-right:1px solid #ccc; border-bottom:1px solid #fff; border-left:0;
		/*background:#c7b37f;*/
		background:#E5DBC0;
		font-family:Verdana, Arial, Helvetica, sans-serif; /*font-variant:small-caps; font-weight:bold;*/
		color:#039;
}
								   
ul#LeftNav ul li a {    
/* 160 - 0 (a margin-left) - 30 (a padding-left) - 4 (a padding-right) - 5 (a border-right) = 160 - 39 = 121px */
/* BrokenBox calculation:  160 - 0 (a margin-right) = 160 = 144 */
		margin:0;
		display:block;
		/*border-top:0; border-right:1px solid #8B4500; border-bottom:0; border-left:0;*/
		font-family:Arial, Helvetica, sans-serif; font-variant:normal; font-weight:bold; /* reset the font styling (used for menu title items) */
		text-decoration:none;
}

ul#LeftNav ul li a:hover {
		text-decoration:underline; 
		border-top:0; 
                border-right:1px solid #c96; border-bottom:0; border-left:0;
		background:#fff url(../images/0200_small_arrow_in_box.png) 10px 50% no-repeat; 
                color:#015941;
}

ul#LeftNav ul li a.CrumbTrail { 
		background:#fff url(../images/TripleBullet_Small.gif) 10px 50% no-repeat;
		border-top:0; border-right:5px solid #c96; border-bottom:0; border-left:0;}

ul#LeftNav ul li a:link {
		color:#039;
}

ul#LeftNav ul li a:visited {
		color:#039;
}

/* End LeftNavCSS.txt */			

																
ul#FooterNav {
		Xborder:1px solid red;
		clear:both;
		background:#369;
		margin:0;
		padding:0.25em 0; 
		width:740px; 
		text-align:center;
		list-style:none; 
		font-size:small; }
ul#FooterNav li {
		Xbackground:yellow;
		display:inline; 
		margin:0;
		border:0; border-left:1px solid #ccc;
		padding:0; }
ul#FooterNav li#FooterLastItem { 
		border-right:1px solid #ccc; }
ul#FooterNav li a {
		background:#369;
		color:#fff;
		margin:0;
		border:0;
		padding:0.25em 1em; 
		text-decoration:none; }
ul#FooterNav li a:hover {
		background:#69c;
		text-decoration:underline; }
ul#FooterNav li h4 {
		background:#369;
		color:#fff;
		margin:0;
		border:0;
		padding:0.25em 1em; 
		text-decoration:none; }
						
#Footer {
		margin:0.5em auto; border:0; padding:0;
		text-align:center;
		font-size:small;
		width:760px;}
			
			
#LeftNav {
		border:1px solid green; 
		margin:0; padding:0;
		background:#ffc;
		width:160px;
		float:left; }
			
/* Content area styles - these apply directly to the page content region */
#content {
		margin:0; 
		/* 	Setting a margin on the Content region kicks over the "Internet Explorer
		Doubled Float-Margin Bug". The fix for this bug is to set the Content region
		to display:inline.  
		See http://www.positioniseverything.net/explorer/doubled-margin.html */
		/* 	display:inline; */ 
		padding:10px; /* Need to adjust the Content region width for IE5 and 5.5 later */
		background:#fff;
		width:590px; 
                Xposition: relative;
		float:left; }

#content p {
        font-family: Arial, Helvetica, sans-serif;
        text-align: left;
        font-size: small;
        font-style: normal;
        list-style-image: none;
        text-indent: 0px;
        padding-left: 10px;
        padding-top: 10px;
        color: #000000;
        font-weight: normal;
        font-variant: normal;
}

#content h3{
        font-family: Arial, Helvetica, sans-serif;
        text-align: left;
        xfont-size: small;
        font-size: 16px;
        font-style: normal;
        list-style-image: none;
        text-indent: 5px;
        color: #660066;
        line-height: 16px;
        font-weight: bold;
        vertical-align: middle;
}

#content h7{
        font-family: Arial, Helvetica, sans-serif;
        text-align: left;
        font-size: small;
        xfont-size: 16px;
        font-style: normal;
        list-style-image: none;
        text-indent: 5px;
        color: #660066;
        line-height: 16px;
        font-weight: bold;
        vertical-align: middle;
}

 
#content ul  {
        text-align: left;
        padding: 0px;
        margin: 0px;
}

#content ul  li{
        font-family: Arial, Helvetica, sans-serif;
        text-align: left;
        font-size: small;
        font-style: normal;
        text-indent: 0px;
        padding: 0px;
        padding-left: 10px;
        margin: 0px;
        margin-left: 30px;
        margin-top: 10px;
        color: #000000;
        font-weight: normal;
        font-variant: normal;
}


ul#quicklink {
    Xheight: 1em;
    float: right;
    width: 800px;
    background: #660066;
    border: 1px solid #fff;
    border-width: 1px 10px;
    border-bottom:0;
    margin:0 0 0 0;
    padding:0 0 0 0;
}

ul#quicklink li {
    display: inline;
    padding: 0;
    margin: 0;
    border:0;
}

ul#quicklink a:link,
ul#quicklink a:visited {
   color: #fff;
   background:#660066;
   padding: 2px 10px 2px 10px;
   float: right;
   width: auto;
   border-right:1px solid #fff;
   text-decoration: none;
   font: bold 12px Arial,Helvetica,sans-serif;
   /*
   text-shadow:2px 2px 2px #555;
   */
}


ul#quicklink a:hover {
   color: #000;
   background:#e3cbd7;
}

ul#quicklink li:first a {
   border-left:1px solid #fff;
}

input#searchbox{
     width: 100px;
     border:1px solid #ccc;
     color: black;
     height: 1em;
     font-family:Verdana, Arial, Helvetica, sans-serif; 
     padding:1px 5px 2px 5px;
     font-size: 10px;
     letter-spacing: -1px;
     line-height:1.1;
}

input#submitbutton {
   height: 0.7em;
   background:#333;
}

input#searchbox_main{
     width: 230px;
     border:1px solid #ccc;
     color: black;
     height: 1.5em;
     font-family:Verdana, Arial, Helvetica, sans-serif; 
     xpadding:1px 5px 2px 5px;
     font-size: 16px;
     letter-spacing: -1px;
     line-height:1.1;
}

input#submitbutton_main {
   height: 2em;
   background: white;
   padding: 0 0 0 5px;
   position:absolute;
}
label {
   color: #fff;
   background:#333;
   padding-left: 10px;
   text-decoration: none;
   font: bold 12px Arial,Helvetica,sans-serif;
}

table#nobordertablealt { 
   padding: 10px;
}

table#nobordertablealt th{ 
   font-size: 12px; 
   border: none; 
   background-color: #8a6291; color: white;
   vertical-align: top; 
   text-align: center; 
   padding: 5px; 
   cellpadding: 5px; 
   font-weight: bold; }

table#nobordertablealt td#title{ 
   font-size: 12px; 
   border: none; 
   background-color: #8a6291; color: white;
   vertical-align: top; 
   text-align: center; 
   padding: 5px; 
   cellpadding: 5px; 
   font-weight: bold; }

table#nobordertable { 
   padding: 10px;
}

table#nobordertablealt td { 
   font-size: 12px; 
   color:black;
   border: none; 
   font-color: navy;
   vertical-align: top; 
   text-align: left; 
   padding: 5px; 
   font-weight: normal; }

table#nobordertablealt tr#d0 {
   background-color: #d8d3dd;
}


table#nobordertable td#title{ 
   font-size: 12px; 
   border: none; 
   xbackground-color: #97a25e; color: white;
   background-color: #015941; color: white;
   vertical-align: top; 
   text-align: center; 
   padding: 5px; 
   cellpadding: 5px; 
   font-weight: bold; }

table#nobordertable td { 
   font-size: 12px; 
   border: none; 
   font-color: navy;
   vertical-align: top; 
   text-align: left; 
   padding: 5px; 
   font-weight: normal; }

table#thinbordertable td { 
   font-size: 12px; 
   border: 1px solid black; 
   vertical-align: middle; 
   text-align: center; 
   padding: 1px; 
   font-color: navy;
   font-weight: normal; }

table#thinbordertable tr#title th{ 
   font-size: 12px;
   border: 1px solid black;
   text-align: center;
   padding: 1px;
   font-color: navy;
   font-weight: bold;
}
			
#Content a:link,
#Content a:visited {
   Xpadding: 0 0 1px 4px;
   padding: 0;
   width: auto;
   text-decoration: underline;
   font: normal 12px Verdana, Arial,Helvetica,sans-serif;
}
#Content a:hover {
   color: blue;
}


#footer
{
        width: 100%;
	xheight: 47px;
	xline-height: 47px;
        padding-left:10px;
	text-align:left;
        clear:both;
}


#footer h3 {
        font-size: 10px;
        font-family: verdana,arial,sans-serif;
        color:black;
}

#footertext
{
	xposition: absolute;
	white-space:nowrap;
	left: 30%;
	padding-top: 20px;
	padding-left: 40px;
}

#footertext ul 
{
	margin: 0px;
        border:0;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

#footertext li
{
	float:left;
	list-style-type:none;
	font-size:10px;
        margin: 0px;
	padding:0px;
        border:0;
	padding-top: 0px;
	padding-bottom: 0px;
}

#footertext ul li a:link {
        font-family: Arial, Helvetica, sans-serif;
        font-size: small;
        xcolor:#8B4500;
        color:#660066;
        font-style: normal;
        margin: 0px;
	padding:0px;
        border:0;
}

#footer img 
{
	margin-top: 10px;
	margin-bottom: 10px;
	border: 0px;
}


table#authortable td { 
   font-size:10px;
   font-family: verdana,arial,sans-serif;
   background-color: white;
   border: none; 
   vertical-align: middle; 
   text-align: center; 
   padding: 4px; 
}

#anchorlinks UL LI A:link {
	FONT-WEIGHT: normal;
        FONT-SIZE: small;
        COLOR: #036;
        FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
        TEXT-DECORATION: underline
    line-height:2em;
}
#anchorlinks UL LI A:visited {
	FONT-WEIGHT: normal; 
        FONT-SIZE: small; 
        FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
        TEXT-DECORATION: underline
    line-height:2em;
}
#anchorlinks UL {
	PADDING-RIGHT: 1px; 
        PADDING-LEFT: 1px; FONT-SIZE: small; 
        PADDING-BOTTOM: 1px; MARGIN: 1px; 
        PADDING-TOP: 1px;
        FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
        TEXT-ALIGN: left; Xlist-style-position: inside
}
#anchorlinks UL LI {
	list-style-image: url("../images/grayarrow2.gif");
        PADDING-RIGHT: 0px; 
        DISPLAY: list-item; 
        PADDING-LEFT: 10px; 
        PADDING-BOTTOM: 5px; 
        MARGIN: 1px 0px 0px 10px; 
        WIDTH: auto; PADDING-TOP: 1px; 
        Xlist-style-position: inside
}
#anchorlinks UL UL {
	PADDING-RIGHT: 0px; 
        PADDING-LEFT: 10px; 
        PADDING-BOTTOM: 0px; 
        MARGIN: 1px 0px 0px 10px; 
        PADDING-TOP: 1px; 
        Xlist-style-position: inside; 
        Xdisplay: list-item
    line-height:2em;
}
#anchorlinks UL UL LI {
	PADDING-RIGHT: 0px; 
        PADDING-LEFT: 10px; 
        PADDING-BOTTOM: 0px; 
        MARGIN: 1px 0px 0px 10px; 
        PADDING-TOP: 1px; 
        Xlist-style-position: inside; 
        Xdisplay: list-item
    line-height:2em;
}

.inputfont {
	font-size:0.70em;
	color: #999999;
}


.FooterText {
	FONT-FAMILY: Verdana;
	font-size : 10px;
	font-weight : normal;
	color : #000099;
	border-bottom: 1px solid #000000; 
	
	}

.footerSepartorLine{
	color: navy;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size :10px;
	text-decoration: none;
	}

.footertable
{
	border-top-width: 1px;
	border-top-color: #B8B8B8;
	border-top-style: solid;
	background-color:FFFFFF;
        padding:0;
        cellpadding:0;
        cellspacing:0;
}

.footertable tr{ 
   text-align:left;
   padding: 0;
}

.footertable td{ 
   font-size: 10px; 
   border: none; 
   font-color: navy;
   vertical-align: top; 
   text-align: left; 
   margin:0px;
   line-height:1em;
   padding: 0px; 
   font-weight: normal; }


.footertable td a {
   text-decoration:underline; 
   border:0; 
   padding:0;
   color:#039;
}

.style5 {
        xbackground-image: url('css_other/arrowru.gif');
   xtext-decoration:underline; 
   xborder:0; 
   xpadding:0;
   color:#039;
}

.style20 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: small;
        font-style: normal;
}
.style21 {
        color: #8B4500;
}
.style22 {
        font-family: Arial, Helvetica, sans-serif;
        text-align: left;
        font-size: small;
        font-style: normal;
        list-style-image: none;
        text-indent: 0px;
        color: #000000;
        font-weight: normal;
        font-variant: normal;
}
.style26 {font-family: Arial, Helvetica, sans-serif}

.style23 {
        font-family: Arial, Helvetica, sans-serif;
        text-align: left;
        font-size: small;
        font-style: normal;
        list-style-image: none;
        text-indent: 1.5px;
        color: #660066;
        line-height: 12px;
        font-weight: bold;
        vertical-align: middle;
}

.style28 {
        font-family: Arial, Helvetica, sans-serif;
        text-align: left;
        font-size: 16px;
        font-style: normal;
        list-style-image: none;
        text-indent: 1.5px;
        color: #660066;
        line-height: 12px;
        font-weight: bold;
        vertical-align: middle;
}

.style25 {
        font-family: Arial, Helvetica, sans-serif;
        text-align: left;
        font-size: small;
        font-style: normal;
        list-style-image: none;
        xtext-indent: 1.5px;
        color: black;
        line-height: 1.5em;
        font-weight: 1em;
        vertical-align: middle;
}

.style27 {
        font-family: Arial, Helvetica, sans-serif;
        text-align: left;
        font-size: small;
        font-style: normal;
        list-style-image: none;
        text-indent: 1.5px;
        color: #660066;
        line-height: 1em;
        font-weight: normal;
        vertical-align: middle;
}

.style24 {
        font-family: Arial, Helvetica, sans-serif;
        text-align: left;
        font-size: small;
        font-style: normal;
        list-style-image: none;
        text-indent: 1.5px;
        color: #000000;
        line-height: 12px;
        font-weight: bold;
        vertical-align: middle;
}

.stylePOPUP {
        font-family: Arial, Helvetica, sans-serif;
        text-align: left;
        font-size: small;
        font-style: normal;
        list-style-image: none;
        text-indent: 0px;
        color: #000000;
        font-weight: bold;
        font-variant: normal;
}


table#canvas {
        background-position: top;
        background-repeat: repeat-x;
        xbackground-color: #D2E5EC;
        width: 100%;
        height: 100%;
		border: 1px solid transparent;
        cellpadding=0;
        cellspacing=0;
}
 
table#canvas th {
        border-top:solid 3px black;
        border-bottom: solid 2px black;
}


/****************************************
  Dialog Box, Model
 ****************************************/
#modalPage{
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
}

.modalBackground{
	filter: alpha(opacity=50);
	opacity: 0.5;
	width: 100%;
	height: 100%;
	background-color: #EEEEEE;
	position: fixed;
	z-index: 50;
	top: 0px;
	left: 0px;
}

.modalContainer
{
	background-color: white;
	border: solid 1px rgb(55, 94, 178);
	position: relative;
	top: 35%;
	left: 20%;
	z-index: 100;
	width: 500px;
	height: 220px;
	padding: 0px;
}

.modalTitle
{
	width: 500px;
	background-color: rgb(61,96,180);
	color: #ffffff;
	cursor: pointer;
	text-align: right
}

.modalBody
{
	padding: 10px;
}