/* Css */

#containerInner { border-top: none; } /* May need to be moved to main stylesheet !!! */

.hr { width: 840px; margin: 0 auto; padding: 0; text-align: left; }

#containerInner .hr{
	position: relative;
}

#hrl { width: 295px; padding: 5px 20px 0 30px; font-family: Arial, Helvetica, sans-serif; }

#hrl p {
	color: #595959;
	line-height: 1.4em;
	font-size: 0.75em; 
	margin: 0;
	padding: 0;
}

#hrl p a {
	text-decoration: none;
}

#hrl p a:hover {
	text-decoration: underline;
}

#hrl p.bigtext {
	font-size: 0.95em;
}

#hrl ul {
	margin-top: 5px;
	margin-bottom: 5px;
}

#hrl ul li {
	font-size: 0.75em; 
	padding-left: 16px;
	background-image: url(../images/hp-latest/list-style-arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 2px;
	padding-bottom: 3px;
}

#hrr { width: 477px; }

.hpLatestCol { padding: 0 10px 0 0; width: 148px; }

.hpcLast { padding: 0; width: 148px; }

.hpLatestCol h2 {
	font-size: 0.8em;
	color: #013976;
	padding: 0 0 0.2em 0;
}

.hpLatestCol p {
	margin: 0;
	padding: 0;
}

.hpLatestCol li {
	display: block;
	border-bottom: 2px solid #C0C0C0;
	padding-bottom: 2px;
	background-image: url(../images/hp-latest/list-style-arrow.gif);
	background-repeat: no-repeat;
	background-position: right;
}

li.latestMore {
	background-image: none;
}

li.latestMore a {
	color: #7F7F7F;
}

.hpLatestCol li.latestLast { border-bottom: 1px solid #7F7F7F; }

.hpLatestCol li a {
    display: block;
    font-size: 0.75em;
    line-height: 1.1em;
    padding-bottom: 2px;
    padding-top: 5px;
    text-decoration: none;
	padding-right: 15px;
}

.hpLatestCol li a:hover {
	text-decoration: underline;
}

.hpSelEl form{
	position: relative;
}

.hpSelEl form #results{
    left: 0px !important;
    top: 30px !important;
}

#quickNavBlock { padding: 0 0 15px 0; }

#search_suggest {
	clear: both;
	position: absolute; 
	color: black;
	left:0px;
	top:40px;
	width:200px;
	font-size: 12px;
	max-height:200px;
	overflow-y:scroll;
	overflow-x:none;
	background-color: #FFFFFF; 
	text-align: left; 
	border: 1px solid #999999;
	display:none;			
}	

form input#staffName { 
	width: 15em;
	border: 1px solid white; 
	font-size: 0.75em;
	padding: 2px 2px 3px 2px;
}

form.quickLinksForm input.quickLinksGoButton {
	margin: 0 0 0 0em;
	padding: 0;
	float: left;
}


form#nameSearch input#fpsGoButton { border: 1px solid white; margin-left: 1px; padding: 2px 0px 2px 0px; background-color: #1B4D84; color: white; }

.suggest_link {
	background-color: #FFFFFF;
	padding: 2px 6px 2px 6px;
	cursor:hand;
}
.suggest_link_over {
	background-color: #CCCCCC;
	padding: 2px 6px 2px 6px;
	cursor:hand;
}

#search_suggest {
	top:42px;
}

* html #search_suggest {
	
}	

/*------------------ selectDark -----------------*/ 

.selButton { 
	margin: 0 0 0 4px;
}

.inputDark { height: 25px; }

.selectDark { height: 28px; }
		
.selectDark .styleSelect_item, .inputDark, #results { width: 431px; }
		
.selectDark .styleSelect_item_start {
	height: 8px;
	background:url("/templates/images/pageStructure/sel-style-images/darkFirstNEW.jpg") no-repeat top left;
}
		
.selectDark .styleSelect_item_content {
	height: 140px;
	overflow-x: hidden;
	overflow-y: scroll;
	background: #EAEAEA;
}
		
.selectDark .styleSelect_item_end {
	height: 8px;
	background: url("/templates/images/pageStructure/sel-style-images/darkLastNEW.jpg") no-repeat top left;
}

.selectDark, .inputDark {
	background: url("/templates/images/pageStructure/sel-style-images/darkBackgroundNEW.jpg") no-repeat top left;
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-size: 0.75em;
}

.selectDark .passiveSelect,.selectDark .activeSelect {
	height: 25px;
	line-height: 2em;
	display: block;
	cursor: pointer;	
	padding-left: 10px;
	margin-right: 10px;
}
		
.selectDark .passiveSelect {
	background: url("/templates/images/pageStructure/sel-style-images/darkNormal.jpg") no-repeat right 2px;
	color: #013976;
}
		
.selectDark .activeSelect {
	background: url("/templates/images/pageStructure/sel-style-images/darkNormal.jpg") no-repeat right 2px;
	color: #013976;
}
		
.selectDark ul {
	padding: 0;
	margin: 0;
	list-style: none;
	cursor: pointer;	
}
		
.selectDark li {
	padding: 0;
	margin: 0;
	font-weight: normal;
	padding: 2px 0 2px 12px;
	color: #669;
}
		
.selectDark li:hover{ color: #00aeef; }
	
.selectDark .selected { color: #666; }

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 * jScrollPane  may not operate correctly without this.
 */

.jspContainer {
	overflow: hidden;
	position: relative;
}

.jspPane { position: absolute; }

.jspVerticalBar {
	position: absolute;
	top: 0;
	right: 0;
	width: 2px;
	margin-right:15px;
	height: 100%;
	/* background: red; */
}

.jspHorizontalBar {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	/* background: red; */
}

.jspVerticalBar *,
.jspHorizontalBar * {
	margin: 0;
	padding: 0;
}

.jspCap { display: none; }

.jspHorizontalBar .jspCap { float: left; }

.jspTrack {
	background: #a3a3a3;
	position: relative;
}

.jspDrag {
	background: #013976;
	position: relative;
	top: 0;
	right: 3px;
	cursor: pointer;
	width: 8px;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
	float: left;
	height: 100%;
}

.jspArrow {
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled {
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow { height: 16px; }

.jspHorizontalBar .jspArrow {
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus { outline: none; }

.jspCorner {
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner { margin: 0 -3px 0 0; }

/* Auto Complete for the home page */

#quickNavBlock #searchField {
	border: none;
	margin: 3px 0 0 8px;
	padding: 0 0 0 4px;
	color: #013976;
	font-size: 12px;
	background-color: #EAEAEA;
	width: 433px;
}

#quickNavBlock #results {
	background: url("/templates/images/pageStructure/sel-style-images/darkFirstNEW.jpg") no-repeat top left;
	margin-top: 3px;
	padding-top: 8px;
	font-size: 12px;
	font-family: arial;
	display: none;
}

#quickNavBlock #results div {
    padding: 3px 0 3px 10px;
}

#quickNavBlock #resFoot {
	display: block;
	height: 8px;
	background: url("/templates/images/pageStructure/sel-style-images/darkLastNEW.jpg") no-repeat top left;
}

#quickNavBlock #results .selected {
	background-color: #1B4D84;
	color: #fff;
}

#quickNavBlock #results .unselected {
	background-color: #EAEAEA;
	color: #666;
}
/* Sliding images */

#portfolio { 
	width: 780px; 
	height: 248px; 
	margin-left: auto; 
	margin-right: auto; 
	overflow: hidden; 
	text-align: left;
}