/* begin of home.css */

/****** ADJUSTMENTS TO EXISTING STYLES ******/
div#header {
	padding: 0px 0px 20px 20px;
}

/* nav main is different - all should be green with gray rollovers */
div#nav_main {
	background-image: none;
	margin-right: 0px;
	margin-left: 0px;
}
div#nav_main ul {
	border-left: none;
}
div#nav_main ul li {
	background-position: right top;
}
/* hover img is same to avoid preload another image, just shifted down to show gray */
div#nav_main ul li:hover {
	background-position: 100% -27px;
}
div#nav_main ul li a {
	background-position: left top;
}
/* hover img is same to avoid preload another image, just shifted down to show gray */
div#nav_main ul li a:hover {
	background-position: 0% -27px;
}
/* hover img dissappears because of drop down, so have to add bg image on ul */
div#nav_main ul li ul {
	background: url('/PublishingImages/bg_left_grad_gray_nav.gif') no-repeat left top;
}

/* content main is wider since no nav sec */
div#column_home div#content_main {
	margin-left: 10px;
	width: 100%;
}

/* no margins and padding on pods, since no nav above */
div.pod {
	margin-top: 0px;
	padding-top: 0px;
}

/* HOME SPECIFIC STYLES */

/* divs only used on homepage */
div#column_home {
	float: left;
	width: 568px;
	margin-right: 0px;
	margin-left: 10px;
}
div#banner {
	height: 220px;
	width: 100%;
	background-color:#f0f1f1;
	margin: 0px 0px 10px 0px;
}
div#spotlight {
	height: 170px;
	width: 100%;
	background-color:#f0f1f1;
	margin: 10px 0px 10px 0px;
}
div#intro {
	float: left;
	margin-bottom: 20px;
	padding-right: 10px;
}
div#intro h1 {
	background: none;
	color: #ff9900;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
}
span.gray {
	color: #999999;
}

/* 2 columns for events and news */
div#column_home div#content_main div.column_narrow {
	float: left;
	margin-right: 6px;
	width: 270px; 
}
div#column_home div#content_main div.column_narrow ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
div#column_home div#content_main div.column_narrow ul li {
	list-style: none;
	margin: 0;
	padding: 3px 3px 3px 40px;
}
div#column_home div#content_main div.column_narrow ul li.head {
	background: url('/PublishingImages/bg_home_colheader_arrows.gif') no-repeat left top;
	padding: 2px 0px 20px 0px;
	margin: 0px;
}
div#column_home div#content_main div.column_narrow ul li.headb {
	background: url('/PublishingImages/landingpage-btn-icon.gif') no-repeat left top;
	padding: 2px 0px 20px 0px;
	margin: 0px;
}
div#column_home div#content_main div.column_narrow ul li h2 {
	background: #f0f1f1; 
	color: #ff9900;
	margin: 0px 5px 0px 40px;
	padding: 3px;
}
div#column_home div#content_main div.column_narrow ul h2 a {
	text-decoration: none;
	margin: 0px;
	padding: 0px 3px 3px 3px;
	text-decoration: none;
	text-transform: uppercase;
}
div#column_home div#content_main div.column_narrow ul li.last {
	margin-top: 10px;
	font-size: 11px;
}
div#column_home div#content_main div.column_narrow ul li.last a {
	font-size: 11px;
	font-weight: normal;
}

/* all have margin on left - need to remove from first one since home page width is different */ 
div#nav_main ul li.first { 
        margin-left: 0px; 
} 
/* adjust padding to make tabs fill whole width */ 
div#nav_main ul li.first a { 
        padding-right: 11px; 
        padding-left: 10px; 
} 
/* clear padding on nested dropdowns */ 
div#nav_main ul li.first ul li a { 
        padding: 0px; 
} 

/* cleared border-left on home page, since it is in one column and not floated right */
div#column_home div#nav_main ul {
     border-left: none;
}
/* for homeb layout */
div#intro img.left {
	float:left;
	margin-left:-10px;
	margin-right:10px;
}
div.column_narrow div.headb p {
	margin-bottom:8px;
	margin-top:-20px;
	padding:5px 0 0 0;
}

/* begin of Sharepoint styles */

/* below is top nav restyled for the HOME page */
/* make all tabs green */
.topNav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	float:left;
	width:100%;
}
.topNavItem {
	background: #004B3A url(/PublishingImages/bg_right_nav.gif) no-repeat scroll 100% 0px;
}
.topNavItem a {
	background: transparent url(/PublishingImages/bg_left_nav.gif) no-repeat scroll 0px 0px;
	text-transform: uppercase;
	font-weight:bold;
	color:#FFFFFF;
	padding:8px 9px 5px;
}
.topNavItem a:link, .topNavItem a:hover, .topNavItem a:visited {
	color:#FFFFFF;
}

.topNavHover, .topNavSelected {
	background: #004B3A url(/PublishingImages/bg_right_nav.gif) no-repeat scroll 100% -27px;
}
.topNavHover a, .topNavSelected a {
	background: transparent url(/PublishingImages/bg_left_nav.gif) no-repeat scroll 0px -27px;
}

/* bar below the top nav */
#myTbar {
	background-image:none;
	background-color:#004B3A;
	clear:both;
	height:7px;
	font-size:0;
	margin-bottom:4px;
	margin-top:-1px;
	margin-right:2px;
	margin-left:0px;
}

/* end of home.css */