/* ----- SPC NAME HOME PAGE SPECIFIC STYLESHEET ------*/

/* ------------------------------------------- */
/* -- specific styles for home page -- */

/* ------------------------------------------- */
/* -- head styles -- */

#headercontent {
	background: #003366;
	height:33px;
}

#topnav {
	margin: 8px 20px 0 0;
}

#topnav li {
	margin: 0 10px 0 0;
	display:inline;
}
#sitemap {
	border-left: #ffffff solid 1px;
	padding:0 0 0 12px;
}

#topnav li a {
	color: #ffffff; 
}

#SPCFunctionalLinks, #SPCQuickLinks, #SPCSearch, #topnav {
	float:right;
	display:inline;
}

#SPCFunctionalLinks, #SPCQuickLinks {
	margin: 5px 10px 0 10px;
}

#SPCSearchText {
	margin:5px;
}

/* ------------------------------------------- */
/* -- Branding area styles -- */

#sitelogo, #flashcontent,#brandingwrapper {
	float:left;
	display:inline;
}

#flashcontent {
	background: url('/mediafiles/slideshow/1.jpg') top left;
	height: 300px;
	width: 820px;
}

ul#noflashnav {
	list-style:none;
	margin:25px;
	width:200px;
	padding:5px;
        color: #fff;
}
ul#noflashnav a:hover {
        background: #0066cc
}
ul#noflashnav li a {
        margin: 1px 0 0 0;
        background: #003366;
        display: block;
        padding: 10px;
        color: #fff;
        text-decoration: none;
}
ul#noflashnav ul {
       list-style-type: none;
}

ul#noflashnav ul a {
	width: 180px;
        padding: 5px 0 5px 20px;
        margin: -1px 0 0 0;
        list-style-type: none;
}



/* ------------------------------------------- */
/* -- middle nav styles -- */
#middlenavwrapper {
	clear: both;
	width:965px;
	height:27px;
	background: #003366;
	display:inline;
	float:left;
}

#middlenav li {
	display:inline;
	list-style: none;
}

#middlenav li a{
	padding: 5px 0 0 0;
	color:#ffffff;
	font-size: 12pt;
	height:22px;
	text-align: center;
	display:block;
	float:left;
	width:120px;
}

#middlenav li#middlenavlast a{
	width:125px;
}

#middlenav li a:hover {
	background: #0066cc;
	text-decoration: none;
}

/* ------------------------------------------- */
/* -- application blocks styles -- */
#applicationswrapper {
	background: #ffffff;
	padding: 0 0 20px 0;
}

#application1content,
#application2content,
#application3content,
#application4content {
	display:inline;
	width: 205px; 
	float: left;
	margin: 29px 0 0 29px;
}

span.apphead {
	color: #0066cc;
	font-size: 12pt;
}

.homerss {
	font-size: 8pt;
	font-weight: normal;
	background: url('/images/system/v2/icon_rss.gif') right no-repeat;
	padding-right: 15px;
}
/* spacing for the RSS links */
#application1content a.homerss { margin: 0 0 0 127px; } 
#application2content a.homerss { margin: 0 0 0 119px; } 
#application3content a.homerss { margin: 0 0 0 105px; } 
#application4content a.homerss { margin: 0 0 0 88px; } 
/*
#application1content span a { margin: 0 0 0 119px; } 
#application2content span a { margin: 0 0 0 119px; } 
#application3content span a { margin: 0 0 0 105px; } 
#application4content span a { margin: 0 0 0 88px; } 
*/
#app1image {
	margin:3px 0;
}

/* <emergencyNotifications> */

table.ContentBoundingBox td.MainContent div.EmergencyNotificationArea {
    background-color: #FFFFFF;
    color: #000000;
    font-size: 8pt;
    margin: 0 3px 0 3px;
    border: 1px solid #CC0000;
}

table.ContentBoundingBox td.MainContent div.EmergencyNotificationArea div.EmergencyNotificationHeader {
    text-align: center;
    font-weight: bold;
    font-size: 8pt;
    background-color: #CC0000;
    color: #FFFFFF;
    padding-top: 2px;
    padding-bottom: 3px;
}

table.ContentBoundingBox td.MainContent div.EmergencyNotificationArea ul {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    list-style-type: none;
}

table.ContentBoundingBox td.MainContent div.EmergencyNotificationArea ul li {
    padding: 5px 5px 5px 5px;
    border-bottom: 1px solid #FF0000;
}

/* </emergencyNotifications> */