/**** To make dropdown menus work in IE 6 ****/
body { behavior: url("/depts/cdc/includes/csshover3.htc"); text-align: center; }

/**** Updated style UC Web Team 8-20-2009 ****/

div#container p     { padding: 1em 0 0 0; font-size: 12px; color: #666666; line-height: 18px; }
div#contentWrapper ul li{ font-size: 12px; color: #666666; line-height: 18px; }
div#container       { width: 750px; margin: 0 auto; padding: 0; background-color: #fff; text-align: left; }
html body div#header{ margin-bottom: 0; }
html body div#contentWrapper  { float: left; background-color: #fff; }
html body div#footer{ float: left; margin-top: 0; background-color: #e5e4e0; }

/************* Specific code to replace font color issues - added 11-30-2009 *************/
html body em { color: #666666; }
html body b  { color: #666666; }
html body u  { color: #666666; }
html strong  { color: #666666; }
html td      { color: #666666; }

/************* Main column code *************/
div#mainContent   { float: left; padding: 0px 0 10px 20px; width: 500px; background-color: #fff; }
div#mainContent h1{ padding-top: 20px; color: #6b0809; }
div#mainContent h2{ color: #6b0809; padding-bottom: 7px; font-size: 16px; }
div#mainContent div#about    { float: left; margin-bottom: 2em; }
div#mainContent div#about img{ margin-right: 15px; border: solid 4px #ece0c8; }
div#mainContent div#about p  { font-size: 12px; line-height: 18px; }

div.primaryFeatures          { float: right; margin: 0em; padding: 0 2em 0 0; width: 220px; }
div#container div.primaryFeatures p     { background-color: #f2ecdc; padding: 7px; font-size: 11px; line-height: normal; min-height: 50px; }

div.secondaryFeatures     { float: left; margin: 0 0 0 1em; padding: 2em 1em 2em 0; width: 220px; }
div.secondaryFeatures h2  { color: #6b0809; padding-bottom: 5px; font-size: 16px; }
div.secondaryFeatures ul  { margin: 0; padding: 0; }

div#contact      { float: left; margin-bottom: 2em; }
div#rightColumn div#contact p    { padding-top: 1em; font-size: 11px; line-height: 18px; text-transform: none; }
div#rightColumn div#contact a    { padding-top: 0em; font-size: 11px; line-height: 18px; text-transform: none; }

/************* Right column code *************/
div#rightColumn       { width: 200px; float: right; line-height: normal; padding: 0 10px 0 20px; background-color: #fff; }
div#rightColumn h3    { padding: 23px 0 0 0; margin: 0; color: #333; text-transform: uppercase; font-size: 11px; }
div#rightColumn ul    { margin: 0; padding: 0; }
div#rightColumn p     { font-size: 11px; line-height: 14px; }
div#rightColumn li    { margin: 1em 0 0 0; padding: 0; font-size: 12px; line-height: 18px; color: #666666; }
div#rightColumn strong{ color: #ce9931; font-weight: normal; }

div#resources ul{ margin: 1em 0 0 0; padding: 0; }
div#resources li{ margin: 0; padding: 0; }

div#rightColumn #share ul{ margin: 0; padding-top: 7px; }
#share ul li    { margin-bottom: .3em; list-style-type: none; }
#share ul li img{ padding-bottom: .3em; vertical-align: middle; }
#share a { font-weight: normal; text-decoration: none; color: #666666; }

/************* navigation *************/
#topNav {
	background-color: #d5ad4e;
	height: 35px;
	width: 750px;
}

#topNav ul { background-color: #d5ad4e;
	margin:0px;
	padding:0px;
}
#topNav ul li {
	display:inline;
	height:35px;
	float:left;
	margin-top:10px;
	margin-left:10px;
	padding:0 22px 0 11px;
	position:relative;
	text-transform:uppercase;
	font-size:10px;
}
#topNav li a {
	color:#fff;
	text-decoration:none;
	font-weight: normal;
}
#topNav li a:hover {
	color:#000;
}
#topNav li ul a {
	padding: 7px 12px;
	display:block;
	color:#000;
	text-decoration:none;
	font-weight: normal;
}
#topNav li ul a:hover {
	color:#fff;
	background-color: #d5ad4e;
}
#topNav li ul {
	margin:0;
	padding:0;
	display:none;
	position:absolute;
	left:-2px;
	top:25px;
	background-color:#f2deac;
	opacity:0.97;
}
#topNav li:hover ul {
	display:block;
	width:160px;
}
#topNav li:hover ul li {
	display:block;
	width:160px;
}
#topNav li li {
	width: 150px;
	font-size:11px;
	list-style:none;
	text-transform:none;
	margin:0;
	padding:0;
	height: auto;
}

/************* Old/original CSS code *************/

p
{
	color: black;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
td
{
	color: black;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a
{
	color: #B57A05;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
a u
{
	color: #660000;
	font-weight: bold;
	text-decoration: none;
}
a strong
{
	color: #660000;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
a:hover
{
	color:#B57A05;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
}
a:active
{
	color:#B57A05;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.leftlinks
{
	color: #B57A05;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
}
.home
{
	color: #B57A05;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.home:hover
{
	color:#B57A05;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
}
.home:active
{
	color:#B57A05;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.events
{
	color: #976602;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
}
.navigation
{
	color: white;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.navigation:hover
{
	color: #660000;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.navigation:active
{
	color: #660000;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.navigation2
{
	color: white;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.navigation2:hover
{
	color: #660000;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.navigation2:active
{
	color: #660000;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.websitelinks
{
	/* changed due to too many link color variations 10-149-2009 color: #B57A05; */
	color: #660000;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/* text-decoration: none; */
	font-weight: bold;
}
.websitelinks:hover
{
	color: #660000;
	/* color:#B57A05; 
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;*/
	font-size: 11px;
	font-weight: bold;
}
.websitelinks:active
{
	color:#B57A05;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
}
.formTitle
{
	color: #FFFFFF;
	font-size: 11px;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform: capitalize;
}
.menulink
{
	display: block;
	width: 400px;
	height: 78px;
	text-align: left;
	text-decoration: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #000000;
	BORDER: none;
	border: solid 0px #FFFFFF;
}
.menulink:hover
{
	border: solid 0px #FFFFFF;
	background-color:#EFEFF0;
}
.navlink
{
	align:left;
	background-color: #DCE5E8;
	border: 1px solid #B8CBD1;
	color: #976602;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	height: 20px;
	padding-top: 2px;
	padding-left: 4px;
	text-align: center;
	text-decoration: none;
	width:160px;
	vertical-align:center;
}
.navlink:hover
{
	align:left;
	background-color: #E9EDEE;
	border: 1px solid #B8CBD1;
	color: #976602;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	height: 20px;
	padding-top: 2px;
	padding-left: 4px;
	text-align: center;
	text-decoration: underline;
	width: 160px;
	vertical-align:center;
}