body {
	font-family: Verdana;
	margin: 0px; /* increase to have page float on background */
	padding: 0px; 
	font-size: 8pt;
}

li {
	margin-bottom: .3em; /* make list items more compact than default */
}

img {
	border: 0; /* by default, images should not have a border */
}

.emptyImage {						/* used for special effects */
	float:left;
	margin: 0px;			/* distance to outline */
}
	

/* all headers in boxes */
.header {
	clear: both;    /* floating element below */
}

/* link styles */ 
a {
	text-decoration: underline; /* set to "none" to hide underlines on links */
}

a img {
	text-decoration: none; /* set to "none" to hide underlines on links */
}

/* remove link underline from some special elements: Header and Overview Map */
#mapPageHeader a, {
	text-decoration: none; /* set to "none" to hide underlines on links */
}

a:link {
	color: #000099;		/* STYLE */
}

a:visited {
	color: #00008B;		/* STYLE */
}

/* Note: hover selector should be last in order to take precedence in :visited AND :hover situation */
a:hover {
	color: #CC0000;		/* STYLE */
}

/* special link styles */
a.noHover:hover {
	background-color:transparent;	/* If you don't want images wrapped in <a> to have hover effect, make it <a class="noHover"> */
}

a:active {
	color: #FF3300;		/* STYLE */
}



/* MODULE: FOOTER  ------------------------------------------------------------*/
#pageFooter {
	width: 100%;
	background-color:#0062BF;
	/*background-color: #0062BF;					/* STYLE */
	border-top: 3px solid #FFCC66;			/* STYLE */
	font-size: 8pt;
	color: White;									/* STYLE */
}


#pageFooter td {
	padding-left: 6px;
	padding-right: 6px;
}

#pageFooter div {
/*	margin-bottom: .2em;	*/
}

/* link style in footer */

#pageFooter a:link {
	color: White;							/* STYLE */
}

#pageFooter a:visited {
	color: White;								/* STYLE */
}

#pageFooter a:hover {
   color: #BEDBF7;							/* STYLE */
}

#pageFooter a:active {
	color: #FF3300;							/* STYLE */
}

/* reserved for image */
#pageFooter .left {
	width: 0px;
	margin-right: 0px;
}

#pageFooter .center {
	width: 65%;					/* helps to left align text */
	text-align: left;
	vertical-align: top;
}

#pageFooter .center .footerText {
}

/* Last update and hyperlink */
#pageFooter .right {
	width: 35%;
	text-align: right;
}

#pageFooter .right .hyperlink {
	vertical-align: top;
}

#pageFooter .right .lastUpdated {
	vertical-align: bottom;
}



/* MODULE:  HEADER --------------------------------------------*/
#pageHeader {
	width: 100%;
	border-bottom: 3px solid #FFCC66;	/* STYLE */
	background-color:#0062BF;
	/*background-image: url(images/header_background.png);		/* STYLE */
	/*background-repeat: repeat-y;	*/			/* STYLE */
	/*background-color: #0062BF; 		*/			/* STYLE */	/* same color as on right side in backgound image */
}


#pageHeader td {
	padding-left: 6px;
	padding-right: 6px;
}	

#pageHeader div {
	/*margin-bottom: .2em;	*/ 
}

/* logo image on left side of header */	
#pageHeader .left {
	width: auto;
	margin-right: 8px;
	vertical-align: middle;	
}

/* header information */
#pageHeader .right {
	margin-left: 8px;
	width: 100%;					/* helps to left align text */
	color: white;					/* STYLE */
}

#pageHeader .right .utilities  {
	text-align: right;
	font-size: 8pt;
	vertical-align: top;
}

.utilities_toc {
	display: show;					/* show table of content link */
}

/* link style in header */
/* note: Order is important. If ambiguous, last has precedence. */ 
#pageHeader a:link {
	color: white;							/* STYLE */
}

#pageHeader a:visited {
	color: white;							/* STYLE */
}

#pageHeader a:hover {
   color: white;						/* STYLE */
}

#pageHeader a:active {
	color: white;						/* STYLE */
}

/* note: Order is important. If ambiguous, last has precedence. */ 
#pageHeader .right .utilities  a:link {
	text-decoration: none; /* set to "none" to hide underlines on links */
}

#pageHeader .right .utilities  a:visited {
	text-decoration: none; /* set to "none" to hide underlines on links */
}

#pageHeader .right .utilities  a:hover {
	text-decoration: none; /* set to "none" to hide underlines on links */
}
#pageHeader .right .utilities  a:active {
	text-decoration: none; /* set to "none" to hide underlines on links */
}

#pageHeader .right .mapName {
	text-align: left;
	font-family: Arial;
	font-size: 15pt;
	vertical-align: middle;
}

#pageHeader .right .contactInformation{
	text-align: right;
	font-size: 9pt;
	vertical-align: bottom;
	/*margin-right: 4px;			*/	/* to right align with commands in utilities */
}

.command {
	#0062BF-space: nowrap;
}

.command img {
	display: inline; /* set to none or inline to hide or show command icons */
	vertical-align: bottom;
	margin-left: 2px;
}

.command .label {
	display: inline;  /* set to none or inline to hide or show command text labels */
	vertical-align: middle;
}
.Itemleft
{
	text-align:left;
}
.Itemright
{
	text-align:right;
}
.ItemCenter
{
	text-align:center;			
}
.TxtAuto
{
	overflow:auto;		
}

.Tdleft
{
	text-align:left;
	width:120px;
	padding-left:20px;		
}
.Tdright
{
	text-align:left;	
}