/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body, html
{
	background-color:	white;
	color:				black;
	font-family: 		Arial, Verdana, Helvetica, sans-serif;
	font-size:        1.0em;
	margin: 				0;
	padding:				0;
}

body 
{
    min-width:       750px;
	 text-align:      center;     /* Hack for IE */
}

img
{
   border:           0;
}

#masthead a:visited  /* don't underline masthead link */
{
   background-color: white;
	color:            black;
}

a:link /* unvisited link */
{
	background-color: #ffc79d;
	color: 				red;
	text-decoration: 	none;
}

a:visited /* visited link */
{
	background-color: #ffc79d;
	color: 				blue;
	text-decoration: 	none;
}

a:hover 
{
	background-color: #ffa500; /* Orange */
	color: 				black; 
	text-decoration: 	none;
}



/***********************************************/
/* Layout Divs                                 */
/*                                             */
/* masthead - for top image on page            */
/*                                             */
/* navBar - navigation bar on left of page     */
/*    sectionLinks - links in navBar           */
/*    search - search box in navBar            */
/*                                             */
/* content - main content of page              */
/*    breadCrumb - bread crumb above content   */
/*    pageName - name of content page (h2)     */
/*    feature - actual content (class)         */
/*                                             */
/* siteInfo - for bottom images on page        */
/* siteEndInfo - for bottom text on page       */
/***********************************************/


#wrap 
{
   background-color: #fff8dc;/*#d8bdd8; /*thistle;*/ /*#ff9;*/
	color:            black;
   margin:           10px auto;
	text-align:       left;        /* Hack for IE */
   width:            100%
}

/**********************************************/
/* masthead - top image on page               */
/**********************************************/

#masthead
{
   background-color: white;
	border-bottom: 	10px solid #ffd700; /* gold */
	color:            black;
	margin: 				0;
	padding: 			10px 0px;
	width: 				100%;
}


/**********************************************/
/* navBar - navigation bar on left of page    */
/**********************************************/

#navBar
{
	background-color:	#4573d1;/*#ff9; /* Pale dull yellow */
	border-bottom: 	1px solid #ccc; /* Pale gray */
	border-right: 		1px solid #ccc; /* Pale gray */
	color: 				white; /*black;*/
	float:            left;
	font-size:        0.9em;
	width:            15%;  /*125px; /*margin: 				0% 79% 0% 0%;*/
	padding:				0px 0px 0px 0px;
}

#navBar ul a:link, #navBar ul a:visited 
{ 
   display:          block; 
}

#navBar ul 
{
	list-style: 		none; 
	margin: 				0; 
	padding: 			0;
}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li 
{
	border-bottom: 	1px solid #eee; /* Gray */
}

/* fix for browsers that don't need the hack */
html>body #navBar li 
{ 
   border-bottom:    none; 
}

/* sectionLinks - overrides decoration from previous rule for hovered links */

#sectionLinks
{
	border-bottom: 	1px solid #ccc;
	font-size: 			0.9em;
	margin: 				0px;
	padding: 			0px;
	position: 			relative;
}

#sectionLinks a:link
{
	background-color:	#4573d1;/*#ff9; /* Pale dull yellow */
	border-top: 		1px solid #ccc; /* Pale gray */
 	color: 				white; /*red;*/
	padding: 			2px 0px 2px 10px;
	width: 				auto;
}

#sectionLinks a:visited
{
	background-color:	#4573d1;/*#ff9; /* Pale dull yellow */
	border-top: 		1px solid #ccc; /* Pale gray */
   color: 				white; /*blue;*/
	padding: 			2px 0px 2px 10px;
}

#sectionLinks a:hover 
{
	color: 				black; 
	background-color: #ffa500; /* Orange */
	text-decoration: 	none;
}

/* search - search box in navBar */

#search
{
	border-bottom: 	1px solid #ccc; /* Pale gray */
	font-size: 			0.8em;/*85%;*/
	padding: 			5px 0px 5px 10px;
}

#search form
{
	margin: 				0px;
	padding: 			0px;
}

/* spacer - used to extend background color to bottom of navbar */

.spacer 
{
	clear: 				both;
}


/**********************************************/
/* content - main content of page             */
/**********************************************/

#content
{
	background-color: white;
   color:            black;
	float:				right;
	margin: 				2% 2% 2% 0%;
	/*padding: 			5px; 0px 10px 10px 10px;*/
	width: 				75%;
}

/* breadCrumb - for bread crumb above content */

#breadCrumb
{
	background-color: #ffc79d;
   color:            black;
	font-size: 			0.9em; /* 80% */
	padding: 			5px 0px 5px 10px;
}

/* pagename - for name of content page (below breadcrumb and above content */

#pageName
{
	font-size: 			1.0em; /*100%;*/
	padding: 			0px 0px 10px 10px;
}

/* feature - style for content */

.feature
{
	font-size: 			0.9em; /*90%*/
	padding: 			0px 10px 10px 10px;
}


/***********************************************/
/* siteInfo - for bottom images on page        */
/***********************************************/

#siteInfo
{
	background-color: white;
	border: 				1px solid #ccc; /* Pale gray */
	clear: 				both;
	color: 				black;
	font-size: 			0.7em;/*70%;*/
	margin-top: 		-1px;						/* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)
															the bottom border of the navBar in cases where they "touch" */
	padding: 			10px 10px 10px 10px;
}

#siteInfo img
{
   background-color: white;
	color:            black;
	padding: 			4px 4px 4px 0px;
	vertical-align: 	middle;
}

/**********************************************/
/* siteEndInfo - for bottom text on page      */
/**********************************************/

#siteEndInfo
{
   background-color: white;
	color:            black;
	font-size:        0.7em;/*60%;*/
	padding:          2px;
}

#siteEndInfo a
{
	background-color: white;
	color: 		      blue;
	text-decoration: 	none;
}

/************* #Added styles ******************/

#highlight
{
	background-color:	yellow;
	color:            black;      
}

.text 
{
	font-family: 		Arial, Verdana, Helvetica, sans-serif;
	font-size: 			1.0em;/*12px;*/
	text-decoration: 	none;
}

.table
{
   text-align:       center; /* Hack for IE tables */
}

.borders 
{  
	border-color: 		blue; /*#ff9; /* Pale dull yellow */
	margin-left:      auto;
   margin-right:     auto;
	text-align:       left; /* Hack for IE tables */
}

.highlightcell
{
	background-color: yellow;
	color: 				black;
}

.bold
{
	font-weight:		bold;
}