/* new: bg color, img files */
@charset "UTF-8";

/* SITE NAME AND MASTHEAD IMAGES */
#masthead {
	background: #4c9bce url(/hhes/socdemo/education/img/slice.gif) repeat-x left center; /*changes background color and image of header*/
	color: #fff; /*changes font color of header*/
	} 
div#masthead h1 {
	background: url(/hhes/socdemo/education/img/icon.gif) no-repeat right top; /*changes 3-image masthead*/
	} 

/* TOP NAV */
#dropdown li.selected {
	background-color: #3f81ac; /*changes background color of navbar when the selection is unclickable */
	color: #fff;  /*color of text in the top nav when the selection is unclickable */ 	
	border-color: #000 #000 #3f81ac #000; /* third color should match background-color */
	} 

ul.rMenu li a {
	background-color: #4c9bce;/* changes background color of menu items */
	border-bottom: 1px solid #3f81ac; /*color should be same as navbar background*/
	} 
ul.rMenu li a:link, ul.rMenu li a:hover, ul.rMenu li a:visited, ul.rMenu li a:active {
	color: #fff; /* changes text color for nav bar */
	}
	
ul.rMenu li:hover, ul.rMenu li.sfhover, ul.rMenu li.sfhover a:active, ul.rMenu li:hover a:active, ul.rMenu li a:hover {
	background-color: #3f81ac; /* changes background color for nav bar during hover and active modes */
	color: #fff; /* changes text color for nav bar during hover and active modes */
	}
	
ul.rMenu li a:hover {
	border-bottom: 1px solid #3f81ac; /*this needs to be the same as the hover background color */
	}

#dropmenudiv a{
	background-color: #4c9bce; /*this needs to be the same as the background color */
	color: #fff; /*this needs to be the same as the text color */
	}

#dropmenudiv a:hover{ 
	background-color: #3f81ac; /*this needs to be the same as the hover background color */
	color:#fff; /*this needs to be the same as the hover text color */
	}

/* LEFT COLUMN & RIGHT COLUMN */
.navcontainer li {
	background: url(/hhes/socdemo/education/img/on.gif) no-repeat 0.5em center; /* changes the outline image */
	}

/* MIDDLE COLUMN */
.hi-lite {
	border:2px solid #3f81ac;  /*changes color of index box border */
	}

h3.hi-litehead {
	color: #3f81ac; /*changes text color of index box title */
	}

/* TABLE STYLES */
table {
 font-family: Arial, Helvetica, verdana sans-serif;
 background-color:#000;
 border-collapse: collapse;
 width: 100%;
}
caption {
 font-size: 110%;
 color: #000;
 font-weight: bold;
 text-align: left;
 padding: 5px;
 margin-bottom: 2px;
}

thead th {
 border-right: 1px solid #fff;
 color:#000;
 text-align:center;
 padding:2px;
 text-transform:uppercase;
 height:25px;
 background-color: #4c9bce;
 font-weight: bold;
}

tbody tr {
 background-color:#fff;
 border-bottom: 1px solid #f0f0f0;
}

tbody td {
 color: #000;
 padding: 2px;
 text-align: right;
 font-weight: normal;
 border-right: 1px solid #CCC;
 border-bottom: 1px solid #CCC;
}

#texttable tbody td {
	text-align:left;
}

tbody td.rowName1 {
 color: #000;
 padding: 2px;
 text-align: center;
 font-weight: normal;
 border-right: 1px solid #CCC;
 border-bottom: 1px solid #CCC;
}

tbody td.rowName2 {
 color: #000;
 padding: 2px;
 text-align: left;
 font-weight: normal;
 border-right: 1px solid #CCC;
 border-bottom: 1px solid #CCC;
}

tbody th {
 text-align: left;
 padding: 2px;
 padding-left: 5px;
 font-weight: normal;
 border-right: 1px solid #CCC;
 border-left: 1px solid #CCC;
 border-bottom: 1px solid #CCC;
}

tbody th.rowName2 {
 text-align: left;
 padding: 2px;
 padding-left: 15px;
 font-weight: normal;
 border-right: 1px solid #CCC;
 border-left: 1px solid #CCC;
 border-bottom: 1px solid #CCC;
}

tbody th.rowName3 {
 text-align: left;
 padding: 2px;
 padding-left: 25px;
 font-weight: normal;
 border-right: 1px solid #CCC;
 border-left: 1px solid #CCC;
 border-bottom: 1px solid #CCC;
}

tbody th.rowName4 {
 text-align: left;
 padding: 2px;
 padding-left: 35px;
 font-weight: normal;
 border-right: 1px solid #CCC;
 border-left: 1px solid #CCC;
 border-bottom: 1px solid #CCC;
}

tbody th.rowName5 {
 border-right: 1px solid #fff;
 color:#000;
 text-align:center;
 padding:2px;
 text-transform:uppercase;
 height:25px;
 background-color: #4c9bce;
 font-weight: bold;
 }

tfoot td {
	color:#000;
	font-style: normal;
	text-align: left;
 	padding:2px;
 	background-color: #CCC;
	border-top: solid 1px #000;
	}