/****** ADJUSTMENTS TO EXISTING STYLES ******/

/* nav main is different - all should be green with gray rollovers */
div#nav_main {
	margin-right: 0px;
	margin-left: 0px;
}
div#nav_main div#border {
	background-image: none;
}
div#nav_main ul li {
	background-position: right top;
}
/* 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 fit width of Flash */
div#nav_main ul li.first a {
	padding-right: 12px;
	padding-left: 12px;
}
/* clear padding on nested dropdowns */
div#nav_main ul li.first ul li a {
	padding: 0px; 
}
/* 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;
}
/* adjust padding to make fit width of Flash */
div#nav_main ul li a {
	background-position: left top;
	padding-right: 11px;
	padding-left: 11px;
}
/* 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(../images/bg_crn/bg_left_grad_gray_nav.gif) no-repeat left top;
}

/* content main is wider since no nav sec */
div#content_main {
	width: 100%;
}

div#content_main ul li {
	background: none;
}

/* no margins and padding on pods, since no nav above */
div.pod {
	margin-top: 0px;
	padding-top: 0px;
}
/* login form within pod */
div.pod form.login {
	padding: 0 5px;
	margin: 0 10px;
	background: #fff;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
div.pod form.login label {
	float: left;
	text-align: right;
	clear: both;
	width: 50px;
	font-size: 10px;
	margin-right: 4px;
	paddding-top: 2px;
}
div.pod form.login input {
	font-size: 10px;
	margin-bottom: 5px;
}

/* HOME SPECIFIC STYLES */

/* divs only used on homepage */
div#column_home {
	float: left;
	width: 568px;
	margin-right: 0px;
	margin-left: 10px;
}
div#banner {
	height: 215px;
	width: 568px;
	background-color:#fff;
	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: #CC6600;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
}
span.gray {
	color: #999999;
}

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