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

/* SITE NAME AND MASTHEAD IMAGES */
#masthead {
	background: #F07059 url(/hhes/www/socdemo/voting/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/www/socdemo/voting/img/icon.gif) no-repeat right top; /*changes 3-image masthead*/
	} 

/* TOP NAV */
#dropdown li.selected {
	background-color: #F38D7A; /*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 #F38D7A #000; /* third color should match background-color */
	} 

ul.rMenu li a {
	background-color: #F07059;/* changes background color of menu items */
	border-bottom: 1px solid #F38D7A; /*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: #F38D7A; /* 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 #F38D7A; /*this needs to be the same as the hover background color */
	}

#dropmenudiv a{
	background-color: #F07059; /*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: #F38D7A; /*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/www/socdemo/voting/img/on.gif) no-repeat 0.5em center; /* changes the outline image */
	}

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

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