﻿/* --- elements --- */
strong { font-weight: bold; }
em { font-style: italic; }

/* --- headings --- */
h1 {
font-size: 1.5em;
font-weight: bold;
color: #52626f;
margin-bottom: 1.2em;
}
h2 {
color: #52626f;
font-size: 1.25em;
font-weight: bold;
margin-bottom: 1.2em;
}
h3 {
color: #52626f;
font-size: 1.15em;
font-weight: bold;
margin-bottom: .8em;
}

h1.iconOrange, h1.iconPink, h1.iconGreen, h2.iconOrange, h2.iconPink, h2.iconGreen {
	height: 34px;
	line-height: 34px;
	padding-left: 46px;
	background-position:left bottom;
	background-repeat: no-repeat;
}
h2.iconOrange, h2.iconPink, h2.iconGreen {
	font-size: 1.6em;
	font-weight:normal;
	}

h1 a, h2 a, h3 a, h4 a {
	color: #52626f!important;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
	text-decoration: none;
}

h1.iconOrange, h2.iconOrange {
background-image:url('../images/SA_icon_orange_triangle.gif');
padding-left: 26px;
margin-left: 4px;
}

h1.iconPink, h2.iconPink {
background-image:url('../images/SA_icon_pink_triangle.gif');
}

h1.iconGreen, h2.iconGreen {
background-image:url('../images/SA_icon_green_triangle.gif');
margin-left: -12px;
}


/* --- links --- */
a { color: #bf0164; text-decoration: none;}
a:link { color: #bf0164; text-decoration: none;}
a:visited { color: #bf0164; text-decoration: none;}
a:hover { color: #bf0164; text-decoration: underline;}
a:active { color: #bf0164; text-decoration: none;}
:focus { outline: #aaa dotted 1px; }

/* --- typography --- */
#skills-content p {
	margin-bottom: .8em;
}

/* --- default list styles --- */
#skills-content ul, #skills-content ol {
	margin: 0 0 2em 2em;
	
	}
#skills-content li {
	list-style-type:square;
	padding-bottom: 4px;
}

#skills-content ul ul, #skills-content ol ol  {
	margin: 0 0 .8em 2em;
}

/* --- default table styles --- */
td {
	padding: .6em;
}
tr.table-odd {
	background-color:#f9fafb;
}
tr.table-head th, tr.table-head td  {
	border-bottom: 1px solid #bf0164;
	font-weight: bold;
	font-size: 1.1em;
}


/* --- general classes --- */
.nonVisual { display: none; }
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.offLeft {
	display: block;
	position:absolute;
	left: -9999px;
	width: 8000px;
	height: 10px;
	overflow: hidden;
}
/* --- framework --- */
body {
background: #e8ecef top url('../images/SA_bg_grad.gif') repeat-x;

font-family: Arial, Helvetica, sans-serif;
line-height: 1.4;
font-size: 100%;
}
#outerlimits-shadow-left, #outerlimits-shadow-right {
max-width: 1000px;
margin: 0 auto;
}
#outerlimits-shadow-left {
background: transparent url("/images/SA_shadow_left.png");
background-position: left top;
background-repeat: no-repeat;
}
#outerlimits-shadow-right {
background: transparent url("/images/SA_shadow_right.png");
background-position: right top;
background-repeat: no-repeat;
}
#outerlimits {
max-width: 960px;
min-height: 100%;
background: #fff;
color: #002532;
margin: 0 auto;
background-image:url('../images/SA_page_grad_short.gif');
background-repeat: repeat-x;
background-position:left bottom;
}

/* --- accessbar --- */
#accessbar {
font-size: 0.7em;
height: 22px;
padding-top: 7px;
background-color:#fff;
}
#header #accessbar a {
float: left;
padding-left: 10px;
text-decoration: none;
}
#header #accessbar a:hover {
text-decoration:underline;
}
#header #skiplink {
width: 222px;
padding-right: 10px;
border-right: 1px solid #aaa;
float: left;
}
#header #skiplink a {
width: 10em;
float: right;
text-align: right;
}
/* --- header --- */
#header {
position: relative;
color: black;
/*padding-bottom: 15px;*/
z-index: 90;
}
#header a {
/* color: white; */
text-decoration: none;
}
#crest-brand {
clear: both;
max-width: 890px;
margin: 0px auto 0;
background: transparent url('../images/SA_header_background.gif') right no-repeat;
min-height: 112px;
}
#crest-brand div {
	margin-top: 22px;
}

#crest-brand a {
color: white;
}
#crest {
height: 63px;
width: 86px;
float: left;
margin: 2px 0 0;
}
#site-brand {
display: block;
float: left;
margin-top: 0px;
padding-left: 20px;
min-height: 76px;
max-width: 440px;
border-left: 1px solid white;
}

#crest:hover, #site-brand:hover {
cursor: pointer;
}
#brand-logo, #brand-type {
vertical-align: top;
}
#brand-type {
margin-top: 23px;
margin-left: 7px;
}
/* --- toptabs --- */
ul#toptabs {
	margin: 16px 0 0 35px;
	background-image: url('../images/SA_tabs_bg.gif');
	background-repeat:repeat-x;
}

#toptabs li {
float: left;
position: relative;
width: 143px;
height: 26px;
padding: 8px 0;
margin-right: 4px;
text-align: center;
background: transparent url("/images/navButtonSprite.png") no-repeat;
background-position: 0 -37px;
}
#toptabs li:hover {
background-position: 0 0px;	
}


#toptabs li a{
	color: #52626F;
}

#toptabs li:hover a {
color: #fff;	
}



/* --- feature Image (Home page only) --- */
#featureImage{
	width: 890px;
	height: 263px;
	background-image:url('../images/SA_frontpage_bigpic.jpg');
	background-repeat:no-repeat;
	margin: 6px 36px;
}

/* --- 3Col layout (Home Page Only) --- */
.homeColumn {
	width: 263px; /* 297px */
	min-height: 300px;
	padding: 12px 18px 20px;
	float: left;
	background-image:  url('../images/SA_home_3col_bg.png');
	background-repeat: no-repeat;
	margin-right: 1px;
}

#skills-pub {
	margin-right: 0px;
}

#skills-landing-body {
	margin: 10px 30px;
}

#skills-nav ul {
	margin: 0 0 18px;
	text-indent:0;
}
#skills-nav ul li {
	display: block;
	height: 50px;
	list-style:none;
	background-image:url('../images/SA_home_navDivider.gif');
	background-position:center bottom;
	background-repeat:no-repeat;
}
#skills-nav ul li a {
	line-height: 50px;
	padding-left: 36px;
	background-position:left bottom;
	background-repeat: no-repeat;
	background-image: url('../images/SA_home_navIcon.jpg');
	font-size: 1.6em;
	color: #536571;
}

#skills-nav ul li a:hover {
	color: #bf0164;
	text-decoration: none;
}

.homeColumn .rule {
	background-image:url('../images/SA_home_navDivider.gif');
	background-position: center;
	background-repeat:no-repeat;
	height: 2px;
	width: 296px;
	margin-left: -18px;
	margin-top: -20px;
	margin-bottom: 8px;
}

#skills-news ul, #skills-pub ul{
	list-style:none;
	margin-left: 0;
	text-indent: 0;
}

#skills-news ul li, #skills-pub ul li {
list-style: none;
}

#skills-content li p.news-head {
		margin-bottom: 0;
}
.news-head, .news-head a, #skills-pub li p a{
	font-weight: bold;
	color: #536571;
	text-decoration: none;
}
.news-head a:hover, #skills-pub li p a:hover{
color:#bf0164;
}


/* --- pagecontent --- */
#pagecontent {
color: #52626f;
font-size: 0.76em;
z-index: 10;
}
#pagecontent_inner {
position: relative;
max-width: 770px;
background: transparent url('../images/SA_1colBorder.png') top left no-repeat;
min-height: 153px;
margin: 7px 0 0 26px;
width: 100%;
padding: 35px;
z-index: 20;
}

/* --- news styles --- */
#skills-content ul.news {
	margin-left:0;
	list-style: none;
}
#skills-content ul.news li {
	list-style: none;
	margin-left: 0;
	margin-bottom: 20px;
	clear: both;
}
#skills-content ul.news li img {
	float:left;
	margin: 0 18px 10px 0;
}
#skills-content p.news_title {
	font-weight: bold;
	margin-bottom: 0;
	}



/* --- Footer --- */
#footer {
		background-color: #f3f4f6;
	background-image: url('../images/SA_footer.jpg');
	background-repeat: no-repeat;
	width: 890px;
	margin-left: 36px;
	min-height: 270px;
	
}

#footer_inner {
	background-image:url('../images/SA_footer_triangles.png');
	background-repeat:no-repeat;
	background-position:630px bottom;
	width: 890px;
	margin-left: 0px;
	min-height: 270px;


}

.footerColumn {
	width: 220px;
	float: left;
	padding: 36px 35px 0;
	font-size: .8em;
	color: #536571;
}

#footernav-links1, #footernav-links2 {
	background-image: url('../images/SA_footer_divider.png');
	background-repeat: no-repeat;
	background-position: right 10px;
	min-height: 200px;
}

.footerColumn a {
color: #536571;
}
.footerColumn a:hover{
color: #bf0164;
text-decoration: none;
}

.footerColumn li#deewr-link {
}

/* --- breadcrumb --- */

p.breadcrumb {
	font-size: .9em;
	color: #536571;
	padding-bottom: 12px;
}

p.breadcrumb a {
	color:#333;
	text-decoration: none;	
}



/* --- file type icons --- */
a[href$='.pdf'], a[href$='.PDF']  {
display: inline-block;
margin-left: 3px;
margin-right: 3px;
padding-left: 15px;
line-height: 18px;
background: transparent url("/images/pdf_icon.png") no-repeat;
background-position: left top;
}
a[href$='.rtf'], a[href$='.RTF'], a[href$='.doc'], a[href$='.docx'], a[href$='.DOC'], a[href$='.DOCX'] {
display: inline-block;
margin-left: 3px;
margin-right: 3px;
padding-left: 18px;
line-height: 18px;
background: transparent url("/images/rtf_icon.png") no-repeat;
background-position: left top;
}
a[href$='.xls'], a[href$='.XLS'] {
display: inline-block;
margin-left: 3px;
margin-right: 3px;
padding-left: 15px;
line-height: 18px;
background: transparent url("/images/xls_icon.png") no-repeat;
background-position: left top;
}
a.noIcon {
padding-left: 0;
background: none;
}