/* Misc template overwrites specific to home page */
html { background: #b9c2cd; }

#header
{
background: url(/themes/scedc/images/template/masthead.jpg) no-repeat left top;
height: 106px;
}

#header-main {
	/*background: url(/themes/scedc/images/template/masthead.jpg) no-repeat left top;*/
}

#wrapper { padding-top: 0px; }

/* Since aside will likely be taller on home page than sub pages. */
#content { border-left: none; }
#aside { border-right: 1px dashed #cdccb2; }

#search, #search input
{
background: #707899;
color: #d1d6e4;
}

#search button { background: #586587; }

#nav
{
z-index: 4;/**/
}
#header-stripe {
	z-index: 3;
}
#nav li ul {
	/*z-index: 5;*/
}

/* Divs used for previous and next images. Current fades into previous image */
#previous-bg, #current-bg
{
background: url('/themes/scedc/images/template/home/rotate/1.jpg') no-repeat left top;
display: block;
height: 451px;
width: 960px;
position: absolute;
left: 0px;
top: 106px;
}

#previous-bg { z-index: 1; }
#current-bg { z-index: 2; }

#home-bg-nav
{
display: block;
list-style-type: none;
margin: 0px;
padding: 0px;
overflow: hidden;
position: absolute;
left: 420px;
bottom: 10px;
z-index: 6;
}

	#home-bg-nav li
	{
	color: #fff;
	cursor: pointer;
	display: block;
	font-size: 30px;
	line-height: 30px;
	font-weight: bold;
	float: left;
	padding: 0px 5px;
	}

	#home-bg-nav li.selected { color: #ffc; }
	
	#home-bg-nav li:hover { color: #ff9; }


/* Home quicklinks */
#home-quicklinks
{
background: #3d475e;
list-style-type: none;
margin: 0px;
padding: 10px 0px;
left: 0px;
bottom: 50px;
position: absolute;
z-index: 5;
width: 200px;
}

	#home-quicklinks li a
	{
	color: #c9ccd2;
	display: block;
	font-size: 11px;
	padding: 10px 25px;
	text-transform: uppercase;
	/*white-space: pre;  Forces menu to flex or compact depending on content. This is better than hard-coding a width: on the menu. Add <br>'s to break new lines in HTML */
	}

	#home-quicklinks li a:hover { color: #fff; }


/* Bottom bar */
#home-gutter
{
/* 0.35 = % opacity. Will probably need to adjust this depending on background's used. */
background: url(/themes/scedc/images/gutter_bg.jpg) no-repeat left top; /* IF IE */
display: block;
position: absolute;
left: 0px;
bottom: 0px;
height: 50px;
width: 100%;
z-index: 5;
}
#home-gutter .home-gutter2 {
	background: rgba(119,132,150,0.35);
	height: 50px;
}

	#home-gutter a
	{
	color: #fff;
	display: block;
	height: 50px;
	line-height: 50px;
	text-transform: uppercase;
	}

	#home-gutter-quicklinks
	{	
	float: left;
	text-indent: 27px;
	width: 176px;
	}

	#home-gutter-video
	{
	font-weight: bold;
	float: right;
	width: 238px;
	}


/* Content overlay for video */
#home-overlay
{
background: #000;
display: none;
height: 100%;
width: 100%;
position: absolute;
left: 0px;
top: 0px;
}

#header iframe
{
position: absolute;
left: 0px;
top: 75px;
height: 452px;
width: 960px;
z-index: 4;
}


/* Main content */
#container #content, #container #content h4
{
color: #3c465e;
font-size: 16px;
line-height: 30px;
}

	#container #content :first-child
	{
	margin-top: 0px;
	padding-top: 0px;
	}

	#container #content h4 { font-weight: bold;	}


/* Subnav overwrites */
#social
{ display: none; }

#subnav > li:first-child { border-top-width: 0px; }

#subnav ul { margin-left: 0px; }

	#container #subnav ul div { margin-bottom: 10px; }

	#container #subnav ul div h4 a
	{
	color: #747139;
	display: block;
	font-size: 12px;
	font-weight: bold;
	margin: 10px 0px 0px 0px;
	text-transform: uppercase;
	}

	#subnav ul div p
	{
	color: #3c465e;
	font-size: 11px;
	line-height: 16px;
	text-transform: none;
	margin: 0px;
	}

	.home-news p.subnav-date { font-style: italic; margin-top: 25px;}