@charset "UTF-8";
/* CSS Document */

/*
	Colours:
	#2c419a - Blue Headings - 20May09 (to check exact Corporate hue)
*/

/* Consider alternate IE6/7 css hack:   * html tag   */



/* ------------ Centre the Page ------------ */

/* 
	Centre page vertically has CSS issues. Consider outer tables.
	And/or Javascript to calculate browser dimensions and SET DIV/Table heights.
	"main-tables.html"
*/
/*
	CSS2 browsers honour right/left margin of 'auto' on #pageshell.
	IE5/win needs  
		text-align:center;
	which unfortunately cascades so set
		text-align:left;
	on #pageShell

	To add a top margin to body as:
	margin:50px 0px;

*/	
html {
	height:100%;
}
body {
	height:100%;
	margin:0px 0px;
	padding:0px;
	text-align:center;
	background-color:#FFF;
}

#pageshell {
	position: relative;
	width: 970px;
	/* height: 600px; */
	margin: 0px auto;
	background: #fff;
	overflow:visible;
	text-align:left;
	
	
	min-height:550px;
	height:550px;
	height:100%;
}
* html #pageshell {
	/*  *height:550px;  */ /* Not used & css unfriendly */
}

img {
	border:none;
	margin:0px;
	padding:0px;
}

.skiplink {display:none}

/* ------------ FONT Settings (ensure no nesting) ------------ */

body {
	/* Caution: body font-size affects ALL children measurements! */
	font-size:1em;  /* LEAVE it at 100%, 1em, 16px and set fonts within each section Div */

/*
	MAIN MENU tweaked for: 
	font-family:Tahoma,Arial,sans-serif;  - FF
	_font-family:Arial,sans-serif;  - IE
*/
	font-family:Tahoma,Arial,Helvetica,sans-serif;   
	/* _font-family:Arial,sans-serif; */

	color:#000000;
	color:#666666;

	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:150%;
}
a { 
	color:#0033FF;
	text-decoration:underline;
}
a:hover, a:active {
	text-decoration:none;
}

.bluetext {
	color:#0000FF !important;
}

/* ------------ Home Pages - old ------------ */
/* Used by website planning/dev pages for a short time */

div#bodytext, div#bodytext2 {	
	position:relative;
	top:10px;
	margin:0px auto;
	text-align:center;
	background:#FFFFFF;
	border:none;
	padding:10px 30px;
	width:594px;
	/* _width:654px; */  /* No longer used & unfriendly css */

	/* Font Info */
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000000;
}
div#bodytext2 {	
	margin-top:12px; /* Match top gap */
}
div#bodytext p, div#bodytext2 p {	
	margin-top:0px;
	margin-bottom:8px;
}
div#bodytext p.last, div#bodytext2 p.last {	
	margin-bottom:2px;
}

#bodytext span {
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000000;
	margin:10px 30px;
}

/* ------------ HOME PAGE - New Navigation ------------ */

#centreContainer {
	/* upper content & nav can position within this */
	text-align:left;
	width:660px;
	position:relative;
}
#centreContainer {
	_width:664px;
}

#home-navigation {
	position:relative;
	left:138px;  /* slight right but centred under logo */
	text-align:left;
	padding:0px;
	margin:0px;
	width:400px;
}

#home-navigation img {
	margin-right:1px;
}

#contact-reveal {
	position:relative;
	top:73px;
	left:1px;
}
/* IE6 put contact number 146px to the right! */
#contact-reveal {
	_margin-left:73px !important;
}

/* ------------ HOME PAGE - LocalScroll ------------ */

ul, li, h3, h2, h1, p{
	padding:0;
	margin:0;
	list-style:none;
}
h1{
	color:#2c419a;
	margin:20px 0pt;
	font-size:14px;
}

#contentWindow, .row{
	text-align:left;
	padding:0;
	margin:0;
	list-style:none;
}
#contentWindow{
	overflow:hidden;  /* visible - while editing, hidden - when Live */
	width:660px;
	background-color:white;
	position:relative;
	height:350px;   /* or 400px? */
}
#contentWindow{
	_width:664px;
}
#contentWindow.va-longer {
	height:550px;	
}
	
	/* Was color:#993333; */
	#contentWindow h2{
		color:#2c419a;
		margin:20px 0pt;
	}	
	#contentWindow a{			/* Home Page LINKS */
		/* color:#111; */
		/* color:#0000FF; */ /* Too simple blue against Logo */
		color:#2c41FF;   /* A touch more stylish blue */
		/* font-weight:bolder; */
		font-weight:normal;
		text-decoration:none;
	}
	#contentWindow a:hover, #contentWindow a:active {
		text-decoration:underline;
	}

.dark {
	color:#111;
	}
.bolddark {
	color:#333;
	font-weight:bold;
	}
.italic {
	font-style:italic;
	}

.row{
	width:2640px; /* 660 x 4 */
	position:relative;
}
.row{
	_width:2840px; /* Extra for IE6 */
}
	.row .cell{
		position:relative;
		float:left;
		/* padding:9px 21px 42px 45px; */
		/* width:594px; */
		width:660px;
		height:350px;
	}
	.row .cell{
		_width:650px; /* Extra for IE6 */
	}
	.va-longer .row .cell{
		height:550px;
	}
		.row .cell p{
			width:550px;
			margin:16px 0;
			font-size:85%;
			line-height:1.4em;
		}
		.row .cell p.firstline {
			margin-top:0px;
			padding-top:0px;
		}
		.row .cell p.breakline {
			margin-top:0px;
			padding-top:15px;
		}
		.row .next, .row .prev{
			font-size:18px;
			position:absolute;
			bottom:15px;
			letter-spacing:-2px;
		}
		.row .next{
			right:30px;
		}
		.row .prev{
			left:30px;
		}

/* ----- Forms ----- */

#formcontainer label,
#formcontainer input,
#formcontainer .notes {
	font-size:85%;
	line-height:1.4em;
	}
#formcontainer input.narrow { width:70px; }
#formcontainer input.medium { width:200px; }
#formcontainer input.wide   { width:400px; }
#formdivision {height:18px;}

#formcontainer input,
#formcontainer textarea {
	background-color:#F8F8F8 !important;
}
#formcontainer #countdown {
	color:#666;
}
#formcontainer #submit {
	padding:1px 20px;	
}

#formcontainer {
    width:600px;
    margin:25px auto;
    padding:0px;
 }
.labelcol {
    width:165px;
    line-height:30px;
    padding-left:0px;
	padding-right:5px;
    float:left;
 }
.fieldcol {
    width:430px;
    line-height:30px;
    padding-left:0px;
    float:left;
 }
.floatleft {
	float:left;
}
#clear {
   clear:both;
 }


/* ------------ Custom Scrollbars ------------ */

			.holder {
				float: left;
				margin: 10px 20px 10px 40px;
			}
			.scroll-pane {
				width: 600px;
				overflow: auto;
				background: #ccc;
				float: left;
			}
			#paneAwards, #paneWork, #paneAbout {
				text-align:left;
				height: 320px;
			}
			#paneAwardsVA {
				text-align:left;
				height: 520px;
			}
					
			#paneAwards em, #paneWork em, #paneAbout em,
			#paneAwardsVA em {
				/* color:#333333; */
				color:#555;
				font-style:normal;
			}
			
			a.jScrollArrowUp {
				background: url(basic_arrow_up.gif) no-repeat 0 0;
			}
			a.jScrollArrowUp:hover {
				background-position: 0 -15px;
			}
			a.jScrollArrowDown {
				background: url(basic_arrow_down.gif) no-repeat 0 0;
			}
			a.jScrollArrowDown:hover {
				background-position: 0 -15px;
			}
			a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
				background-position: 0 -30px;
			}

			.orange-bar .jScrollPaneTrack {
				background: #ececec;
			}
			.orange-bar .jScrollPaneDrag {
				background: #b2b2b2 url(/images/riggs-digital-scrollbar-handle.gif) no-repeat 50% 50%;
			}
			.orange-bar .scroll-pane {
				background: #ffffff;
			}

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}


/* ------------ Client Pages ------------ */

#cl-content {
	float:left; /* */
	
	position:relative;
	left:100px;
	top:50px;
	margin-bottom:70px;
	padding-bottom:70px;
	
	width:690px;  /* Table is 690px */
	/* float:left;  - will auto size to content & keep in the flow */
	
	font-size:.8125em; /* 13px - Set for ALL sub text. */
}

#cl-content h1 {
	font-size:125%;
	color:#111111;
	line-height:110%;
	margin:0px 0px 40px 0px;
	padding:0px;
}
#cl-content h2 {
	font-size:100%;
	color:#111111;
	line-height:110%;
	margin:0px 0px 5px 0px;
	padding:0px;
}
#cl-content .altText {
	color:#555555;
}
#cl-content .todo {
	color:#000;
}

#cl-content ul li {
	padding-left:0px; /* no good FF, Safari, IE */
	margin-left:15px;
	list-style:circle;
}
#cl-content ul ul li {
	padding-left:0px; /* no good FF, Safari, IE */
	margin-left:30px;
	list-style:circle;
}

#version-div {
	position:relative;
	top:0px;
	left:0px;
}
#version-table .head {
	color:#000000;
	background-color:#E8E8E8;
}
#version-table .odd {
	background-color:#F8F8F8;	
}
#version-table .relcol {
	text-align:right;
	margin:2px 15px 2px 10px;
	width:120px;
}
#version-table .vscol,
#version-table .vscol-norm {
	text-align:center;
	margin:2px 10px 2px 10px;
	color:#000;
	width:100px;
}
#version-table .vscol {
	font-weight:bold;
}
#version-table .vscol-norm {
	font-weight:normal;
}
#version-table .keycol {
	text-align:left;
	margin:2px 10px 2px 15px;
	padding:4px 0px;
	width:470px;
	line-height:120%;
}

.endfloating {
	clear:both;
	height:0;
	margin:0px;
	padding:0px;
}

#cl-logo {
	position:absolute;
	margin-top:50px;
	left:92px;
	bottom:0px;
}
#cl-logo-after {
	position:relative;
	left:92px;
}