@charset "utf-8";

/* CSS Document */
* {
	padding:0;
	margin:0;
}

body {
	font-family:"Trebuchet MS", Helvetica, Arial, Serif;
	color:#000000;
	font-size:13px;
	background:#f6f4e5 url(images/header-bg.png) repeat-x top;
}

p {
	line-height:1.7em;
	margin:1.15em 0;
}

#pageContent h2 { margin:10px 0; }

h1+p { margin-top:8px; }
h2+p { margin-top:5px; }

#pageContent a:link, #pageContent a:visited, #footer-content a:link, #footer-content a:visited {
	color:#bf0024;
	text-decoration:none;
	font-weight:bold;
}

#pageContent a:hover, #footer-content a:hover { text-decoration:underline; }
#pageContent a:active, #footer-content a:active { text-decoration:none; }


/* Layout */
#container {
	width:940px;
	margin:auto;
}

#header { height:240px; }

#logo {
	background:url(images/scc-logo.png) no-repeat;
	width:386px;
	height:170px;
}

#navigation { overflow:auto; }

ul#nav {
	margin:0 auto;
	width:756px;
	padding:0;
	list-style-type:none;
	overflow:hidden;
}

ul#nav li {
	float:left;
	width:150px;
	text-align:center;
	overflow:hidden;
}

ul#nav li a {
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	width:130px;
	display:block;
	padding:10px;
	outline:none;
}

ul#nav li a:hover {
	color:#b90023;
	background:url(images/nav-bg-hover.png) no-repeat 0px 5px;
}

#content {
	width:940px;
	margin:auto;
	padding:10px 0;
	overflow:auto;
}

#sidebar {
	float:left;
	width:320px;
	margin-left:3px;
}

#sidebar h2.relatedLinks {
	background:url(images/related-links.png) no-repeat 0 5px;
	text-indent:-999em;
	height:27px;
}

ul#related {
	width:220px;
	margin:0;
	padding:5px 0 20px 0px;
	list-style-type:none;
}

ul#related li {/* background:url(images/relatedLinks-border.png) repeat-x bottom;*/ }

ul#related li a {
	display:block;
	padding:13px 0 3px 0;
	width:200px;
	color:#000000;
	text-decoration:none;
}

ul#related li a:hover { font-weight:bold; }

ul#related li ul { margin-left:10px; list-style-type:square;}

ul#related li ul li  { 
	margin-left:30px; 
	font-style:italic;
}

.sidebarContentHeader {
	background:url(images/sidebarHeader.png) no-repeat;
	width:320px;
	height:20px;
	margin:auto;
}

.sidebarContentBG {
	background:url(images/sidebarBG.png) repeat-y;
	width:280px;
	padding:0 30px;
	margin:auto;
}

.sidebarContentFooter {
	background:url(images/sidebarFooter.png) no-repeat;
	width:320px;
	height:20px;
	margin:auto;
}

#pageTitle {
	width:320px;
	margin-bottom:25px;
	overflow:hidden;
}

#pageContent {
	margin-left:350px;
	padding:0;
	margin-bottom:25px;
}

#pageContent ul {
	margin:0px;
	padding:10px 10px 10px 30px;
	background:#f7f7f7;
	border:1px solid #c4c4c4;
}
#pageContent li { 
	margin-bottom:10px; 
}

h1.welcome {
	text-indent:-999em;
	background:url(images/titles/welcome-to-the-ssc.png) no-repeat;
	height:22px;
}
.contentHeader {
	background:url(images/pageContentHeader.png) no-repeat;
	width:584px;
	height:20px;
	margin:auto;
}

.contentBG {
	background:url(images/pageContentBG.png) repeat-y;
	width:544px;
	padding:1px 20px;
	margin:auto;
}

.contentFooter {
	background:url(images/pageContentFooter.png) no-repeat;
	width:584px;
	height:20px;
	margin:auto;
}

#footer {
	background:url(images/footer-bg.png) no-repeat;
	width:930px;
	height:220px;
	margin:auto;
	overflow:hidden;
}

#footer-content {
	width:870px;
	padding:30px;
	overflow:hidden;
	position:relative;
}

span.copyright {
	position: absolute; 
	bottom: 5px; 
	right: 25px;
}
.footer-about-us {
	float:left;
	width:350px;
	font-size:12px;
}

h2.about-us {
	background:url(images/about-us.png) no-repeat;
	text-indent:-999em;
}

a.wpf {
	float:right;
	height:120px;
	width:231px;
	background:url(images/wpf-logo.png) no-repeat;
	margin:21px 5px 0 0;
	text-indent:-999em;
	display:block;
}

a.wpf:hover { background-position:0 -121px; }

a.bacp {
	float:right;
	width:185px;
	height:124px;
	background:url(images/bacp-logo.png);
	margin:15px 5px 0 0;
	text-indent:-999em;
	display:block;
}

a.bacp:hover { background-position:0 -124px; }