/* visual highlight the sidebar navigation */
#nav {
	border: 0; 1px solid #silver;    
	background: khaki;    
	height: auto;    
	top: 100px;    
	width: 200px;
	left: 9px;   
	
	vertical-align: top;	
	background-color: #FAFAFA;					/* STYLE */
	margin: 0px;
	padding-bottom: 20px; 
}

.openfile a {
	color: #2F4F4F;								/* STYLE */
	text-decoration: none;
	font-weight: bold;
}

.openfile a:link {
	color: #2F4F4F;								/* STYLE */
	text-decoration: none;
	font-weight: bold;
}

.openfile a:visited {
	color: #2F4F4F;								/* STYLE */
	text-decoration: none;
	font-weight: bold;
}

.openfile a:hover {
	color: #CC0000;								/* STYLE */
	text-decoration: none;
	font-weight: bold;
}

.hometopic {
   margin-left:  4px;
   margin-right:  4px;
	margin-top:   0em;						/* STYLE */
	margin-bottom: 2em;						/* STYLE */
	font-size: 8pt;
	font-weight: bold;						/* STYLE */
}

.hometopic a {
	color: #2F4F4F;								/* STYLE */
	text-decoration: none;
}

.hometopic a:link {
	color: #2F4F4F;								/* STYLE */
	text-decoration: none;
}

.hometopic a:visited {
	color: #2F4F4F;								/* STYLE */
	text-decoration: none;
}

.hometopic a:hover {
   color: #CC0000;								/* STYLE */
	text-decoration: none;
}

.hometopic img {
	display: none;								/* STYLE */   /* show/hide image */
}

.maintopic {
   margin-left:  4px;
   margin-right:  4px;
	margin-top:   0.8em;						/* STYLE */
	margin-bottom: 0.2em;					/* STYLE */
	font-size: 8pt;
	font-weight: bold;						/* STYLE */
	border-bottom: 1px dotted #FFCC66;  /* STYLE */
}

.maintopic a {
	color: #2F4F4F;								/* STYLE */
	text-decoration: none;
}

.maintopic a:link {
	color: #2F4F4F;								/* STYLE */
	text-decoration: none;
}

.maintopic a:visited {
	color: #2F4F4F;								/* STYLE */
	text-decoration: none;
}

.maintopic a:hover {
	color: #CC0000;								/* STYLE */
	text-decoration: none;
}

.maintopic img {
	display: none;								/* STYLE */   /* show/hide image */
}

.subtopic {
   text-indent: 4px;						 	/* set to 0 if image is hidden */ /* STYLE */
   margin-left:  4px;			       	/* use same margin as in .maintopic*/			/* STYLE */
   margin-right:  4px;
	margin-bottom: 0.2em;					/* STYLE */
	font-size: 8pt;
}

.subtopic a {
	color: #2F4F4F;								/* STYLE */
	text-decoration: none;
}

.subtopic a:link {
	color: #2F4F4F;								/* STYLE */
	text-decoration: none;
}

.subtopic a:visited {
	color: #2F4F4F;								/* STYLE */
	text-decoration: none;
}

.subtopic a:hover {
   color: #CC0000;								/* STYLE */
	text-decoration: none;
}

.subtopic img {
	display: inline;							/* STYLE */   /* show/hide image */
}

.nav a:link {
	color: #2F4F4F;								/* STYLE */
	text-decoration: none;
}

.nav a:link {
	color: #2F4F4F;								/* STYLE */
	text-decoration: none;
}

.highlight {
	color: #E02020;
}

.content a {
	color: #2F4F4F;								/* STYLE */
	text-decoration: none;
}

.content a:link {
	color: #2F4F4F;								/* STYLE */
	text-decoration: none;
}

.content a:visited {
	color: #2F4F4F;								/* STYLE */
	text-decoration: none;
}

.content a:hover {
   color: #CC0000;								/* STYLE */
	text-decoration: none;
}


table#date_obsolete {
	background-color: #BDBFBF;
	border-bottom:	1px solid Black;
	border-right:	1px solid Black;
	border-top:		1px solid #DFDFDF;
	border-left:	1px solid #DFDFDF;
}

table#date_obsolete td {
	background-color: #BDBFBF;
	border-bottom:	1px solid #DFDFDF;
	border-right:	1px solid #DFDFDF;
	border-top:		1px solid Black;
	border-left:	1px solid Black;
}

table#date_planned {
	background-color: #FF59FF;
	border-bottom:	1px solid Black;
	border-right:	1px solid Black;
	border-top:		1px solid #DFDFDF;
	border-left:	1px solid #DFDFDF;
}

table#date_planned tr td {
	background-color: #FF59FF;
	border-bottom:	1px solid #DFDFDF;
	border-right:	1px solid #DFDFDF;
	border-top:	1px solid Black;
	border-left:	1px solid Black;
}

table#pagebody .bodyColumn tr td p#headline{
	font-size: 14pt;
	font-weight: bold;
}

table#pagebody .bodyColumn tr td p#headline2{
	font-size: 12pt;
	font-weight: bold;
}

table#pagebody .bodyColumn tr td ul li{
	font-size: 10pt;
}

table#pagebody .bodyColumn tr td p{
	font-size: 10pt;
}

table#pagebody .bodyColumn tr td table tr td{
	font-size: 10pt;
}

table#pagebody .bodyColumn tr td table tr th{
	font-size: 10pt;
}

body {
	margin: 0px; /* increase to have page float on background */
	padding: 0px; 
	font-family: Verdana;
	font-size: 10pt;
	background-image: url(./res/styles/ricebk.jpg);
	background-repeat: repeat-y;
}

#pagetitle {
	font-size: 18pt;
	font-weight: bold;
	font-style: italic;
}

#pageHeader {
	width: 100%;
	border-bottom: 3px solid #FFCC66;	/* STYLE */
	background-image: url(../images/pagehead.jpg);		/* STYLE */
	background-repeat: repeat-y;				/* STYLE */
	background-color: #50009F; 					/* STYLE */	/* same color as on right side in backgound image */
}
#pageHeader td {
	padding-left: 6px;
	padding-right: 6px;
}	
#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: 7pt;
	vertical-align: bottom;
	/*margin-right: 4px;			*/	/* to right align with commands in utilities */
}

.bodyColumn {
	padding: 0px;
	vertical-align: top;
	text-align: left;
	width: 100%;
	font-size: 10pt;
}

/* width of second body column: liquid width for content */
#pageBody col.main {
	width:auto;
}

#pageBody col.right {
	width: auto;						
}

table#pageBody {
	width: 100%;
}

/* some padding values for the core table in used page body */
table#pageBody tr td {
	padding-left: 0px;
	padding-right: 0px;
}

table#pageBody td.main {
	padding-left: 10px;			/* indent main topic content */
	padding-right: 20px;       /* and leave some space on the right */
}

table#pageBody td.breadcrumbs {
	vertical-align: top;
	padding-left: 10px;			/* indent main topic content */
}

table#pageBody td.pageNavigation {
	padding-right: 20px; /* and leave some space on the right */
}

.topicDivider {
	border-top: 1px solid #FFCC66;				/* STYLE */
	height: 0.1em;
	font-size: 2pt;				/* I need a very narrow divider */
}

/* MODULE: FOOTER  ------------------------------------------------------------*/
#pageFooter {
	width: 100%;
	background-color: #50009F;					/* 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;
}

#headline {
	font-size: 14pt;
	font-weight: bold;
	font-style: italic;
}

#headline2 {
	font-size: 12pt;
	font-weight: bold;
	font-style: italic;
	color: darkblue;
}

#content {
	font-size : 10pt;
}

/* visual highlight the sidebar navigation */
.outlineColumn {
	vertical-align: top;	
	border-right: 2px solid #6600CC;;			/* STYLE */
	background-color: #FAFAFA;					/* STYLE */
	margin: 0px;
	padding-bottom: 20px; 
}

.staticOutline {
	white-space: nowrap; 		
	vertical-align: top;
}

.staticOutline a:link {
	color: #2F4F4F;								/* STYLE */
	text-decoration: none;
}

.staticOutline a:active {
	color: #FF3300;							/* STYLE */
	text-decoration: none;
}

.staticOutline a:visited {
	color: #2F4F4F;								/* STYLE */
	text-decoration: none;
}

.staticOutline a:hover {
   color: #CC0000;								/* STYLE */
	text-decoration: none;
}

.staticOutline .hometopic a:link {
	color: #0062BF;								/* STYLE */
}

.staticOutline .hometopic a:visited {
	color: #0062BF;								/* STYLE */
}

.staticOutline .hometopic img {
	display: none;								/* STYLE */   /* show/hide image */
}

.staticOutline .hometopic {
	/*background : #0062BF; 	*/			/* STYLE */
   margin-left:  4px;
   margin-right:  4px;
	margin-top:   0em;						/* STYLE */
	margin-bottom: 2em;						/* STYLE */
	font-size: 8pt;
	font-weight: bold;						/* STYLE */
   /*padding-top: 5px;*/					/* STYLE */
}

.staticOutline .maintopic img {
	display: none;								/* STYLE */   /* show/hide image */
}

.staticOutline .maintopic {
	/*background : #0062BF; 	*/			/* STYLE */
   margin-left:  4px;
   margin-right:  4px;
	margin-top:   0.8em;						/* STYLE */
	margin-bottom: 0.2em;					/* STYLE */
	font-size: 8pt;
	font-weight: bold;						/* STYLE */
	border-bottom: 1px dotted #FFCC66;  /* STYLE */
   /*padding-top: 5px;*/					/* STYLE */
}

.staticOutline .subtopic img {
	display: inline;							/* STYLE */   /* show/hide image */
}

.staticOutline .subtopic {
   text-indent: 4px;						 	/* set to 0 if image is hidden */ /* STYLE */
   margin-left:  4px;			       	/* use same margin as in .maintopic*/			/* STYLE */
   margin-right:  4px;
	margin-bottom: 0.2em;					/* STYLE */
	font-size: 8pt;
}

.staticOutline .select {
	background-color: #FFE2A4;
}

.staticOutline .unselect {
}

.more {
	color: #FF0000;
	font-weight: bold;						/* STYLE */
}