@charset "utf-8";

/* 	Main stylesheet */

/* 	Colour:
	#003E7E	Blue 281
	#8B0E04 Red 188
	#CBC9C2 Grey text


*/

body {
	font: 80% Georgia, Times, serif;
	margin: 0; 
	padding: 0;
	text-align: center;
	color: #000;
	background: url(images/BG-Body.jpg) center 128px repeat-x #fff;
}
a:link, a:visited {
	text-decoration: underline;
	color: #8B0E04;
}
a:hover {
	text-decoration: none;
}
td, th, table, div, input, select {
	font: Arial, Helvetica, sans-serif;
	color: #000;
}
img {
	border: 0;
	margin: 0;
	padding: 0;
}



/* 	Layout */

#container {
	width: 950px;
	margin: 0 auto; 
	text-align: left; 
}
#logo {
	height: 128px;
}
#logo p {
	float: right;
	width: 490px;
	color: #929497;
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	font-weight: bold;
} 
#logo img {	float: left; }
#logo p img { float: none; }
#navigation {
	width: 950px;	
	height: 35px;
	background: url('images/BG-Nav.gif') top left no-repeat;
}
#content {clear: both; background: url('images/BG-Content.gif') top left no-repeat #fff; width: 950px; }
#content.home {	background: url('images/BG-Content-Home.gif') top left no-repeat #fff; font-size: 0.9em;}

#left-col, #left-col-no-pic { float: left; padding: 20px 20px 35px 20px; width: 591px; border-right: 1px solid #e8e8e8; }
#left-col.home { width: 434px; }
#left-col-no-pic { border: 0;}
#left-col div.left-indent, #left-col-no-pic div.left-indent { padding-left: 82px; }
#left-col.home div.left-indent { padding-left: 200px; }
#left-col div.col-1, #left-col div.col-2,
#left-col-no-pic div.col-1, #left-col-no-pic div.col-2 { float: left; width: 260px; margin-right: 20px; }
#left-col div.col-2, #left-col-no-pic div.col-2 {	margin-right: 0; }
#left-col div.left-indent div.col-1, #left-col div.left-indent div.col-2,
#left-col-no-pic div.left-indent div.col-1, #left-col-no-pic div.left-indent div.col-2 { width: 244px; }

#right-col, #right-col-no-pic { float: left; width: 318px; }
#right-col.home { width: 446px; }
#right-col div.right-content, #right-col-no-pic div.right-content { padding: 20px; }
#right-col-no-pic { margin-top: 154px; border-left: 1px solid #e8e8e8; }
#right-col div.col-1, #right-col div.col-2 { float: left; width: 201px; padding: 20px 20px 20px 20px; }
#right-col div.col-2 {	padding: 20px 0 20px 0;  }
#right-col.home a { color: #000; text-decoration: none; }
#right-col.home a:hover { color: #8B0E04; }

#main-heading {
	height: 114px;
	position: relative;
	margin-bottom: 47px;
	width: 100%;
}
#main-heading h1 {
	position: absolute;
	left: 0; bottom: 0;
}
#footer {
	width: 950px;
	font-size: 0.8em;
	clear: both;
	margin: 0 auto;
	text-align: left;
	background: url(images/BG-Nav.gif) no-repeat top left #039;
	height: 35px;
	color: #FFF;
	line-height: 35px;
	text-transform:uppercase;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0.1em;
	overflow: hidden;
}
#footer ul { float: left; list-style-type: none; width: 490px; height: 35px; margin-left: 0; padding-left: 20px; }
#footer ul li {	float: left; margin: 0 2em 0 0; line-height: 35px; padding: 0;	}
#footer p {	float: left; width: 400px; margin-left: 20px; text-align: right; line-height: 35px; }
#footer a:link, #footer a:visited { text-decoration: none; color: #fff;  }
#footer a:hover { }

.spacer {
	clear: both;
	font-size: 1px;
	height: 1px;
}


/* Navigation */

#navigation ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: block;
	overflow: hidden;
	height: 35px;
}
#navigation ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: left;
}
#navigation ul li a {
	padding: 0 12px;
	line-height: 36px;
	display: block;
	color: #FFF;
	text-decoration: none;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	font-weight: bold;
	text-align: center;
	background-image: url('images/BG-Nav.gif');
	background-repeat: no-repeat;
	background-position: top left;
}
#navigation ul li a:hover, 
#navigation ul li a.on {
	background-position: 0 -35px;
		
}
#nav1 { width: 75px; }
#nav2 { width: 99px; }
#nav3 { width: 110px; }
#nav4 { width: 97px; }
#nav5 { width: 81px; }
#nav6 { width: 94px; } 
#nav7 { width: 87px; }
#nav8 { width: 115px; }

#nav1.on { background-position: 0 -98px; }
#nav2.on { background-position: -99px -98px; }
#nav3.on { background-position: -224px -98px; }
#nav4.on { background-position: -320px -98px; }
#nav5.on { background-position: -421px -98px; }
#nav6.on { background-position: -542px -98px; } 
#nav7.on { background-position: -678px -98px; }
#nav8.on { background-position: -775px -98px; }

#nav1:hover, #nav1.on:hover { background-position: 0 0; }
#nav2:hover, #nav2.on:hover { background-position: -99px -49px; }
#nav3:hover, #nav3.on:hover { background-position: -224px -49px; }
#nav4:hover, #nav4.on:hover { background-position: -320px -49px; }
#nav5:hover { background-position: -421px -49px; }
#nav6:hover { background-position: -542px -49px; } 
#nav7:hover { background-position: -678px -49px; }
#nav8:hover { background-position: -775px -49px; }

#navigation li ul {
	position: absolute;
	width: 240px;
	left: -999em;
	z-index: 3;
	padding-bottom: 1px;
	height: auto;
	background: url('images/BG-Nav-2-ul.jpg') top left no-repeat;
	overflow: visible;
	line-height: 1;

}
#navigation ul li ul a {
	padding: 0.7em 24px 0.7em 12px;
	width: 204px;
	text-transform: none;
	background: url('images/BG-Nav-2.gif') top left no-repeat;
	line-height: 1.4em;
	text-align: left;
	font-weight: normal;
}
#navigation li ul a:hover {
	background: url('images/BG-Nav-2.gif') left -228px no-repeat;
}
#navigation li ul.menu-narrow {	width: 138px; }
#navigation ul li ul.menu-narrow a { width: 102px; }

#navigation li:hover ul, #navigation li.sfhover ul {
	left: auto;
	margin: -1px 0 0 1px;
}
#navigation li ul ul {
    margin: -2.35em 0 0 0;
	background: url('images/BG-Nav-2-ul.jpg') 0 -268px no-repeat;
}
#navigation li ul li:hover, #navigation li ul li.sfhover {
	background: url('images/BG-Nav-2.gif') left -228px no-repeat;
}
#navigation ul ul ul li a { font-weight: normal; }
#navigation li:hover ul ul, #navigation li.sfhover ul ul {
    left: -999em;
	margin: -2.35em 0 0 0;
}
#navigation li:hover ul, #navigation li li:hover ul, #navigation li.sfhover ul, #navigation li li.sfhover ul {
    left: auto;
}
#navigation li li:hover ul, #navigation li li.sfhover ul {
    left: 240px;

}





/* Text styles, etc */


h1 {
	font: 2.4em normal;
	margin: 0;
	color: #FFF;
}
h2 {
	font: 1.3em Arial, Helvetica, sans-serif;
	margin: 2em 0 1em 0;
	font-weight: bold;
	color: #8B0E04;
	line-height: 1.6em;
}
#right-col h2, #right-col-no-pic h2, #left-col.home h2 { 
	font-size: 0.8em; 
	text-transform: uppercase; 
	letter-spacing: 0.1em; 
	color: #003E7E; 
	margin-top: 0; 
	margin-bottom: 2em;
}
#right-col h2.normal, #right-col-no-pic h2.normal  { 
	font: 1.3em Arial, Helvetica, sans-serif;
	margin: 0 0 1em 0;
	font-weight: bold;
	color: #8B0E04;
	text-transform: none; 
	letter-spacing: 0; 
}
h2 span.small { color: #000; font-weight: normal;}
h3 {
	font-size: 1em;
	margin: 0 0 1em 0;
	font-weight: bold;
	line-height: 1.6em;
}
h4 {
	font-size: 1em;
	margin: 0 0 1em 0;
	font-weight: bold;
	font-style: italic;
}
h5 {
	font-size: 1em;
	margin: 1em 0 0 0;
	font-weight: normal;
}
p {
	line-height : 1.6em;
	margin: 0 0 1em 0;
}
hr {
	color: #E6E6E6;
	height: 0;
	margin: 2em 0 2em 0;
	border: 0;
	border-top: 1px solid #E6E6E6;
	clear: both;
}
ol {
	line-height : 1.6em;
	list-style-type : decimal;
	margin: 0 0 1em 3em;	
	text-indent: 0;
	padding: 0;
}
ul {
	line-height : 1.6em;
	margin: 0 0 1em 16px;	
	text-indent: 0;
	padding: 0;
}
li {
	margin: 0 0 0.7em 16px;
}
#right-col.home ul.tick { margin: 0 0 1em 0; }
#right-col.home ul.tick li { margin: 0 0 0.4em 0; }

ul.tick, ul.bookmark-list, ul.arrow-list { list-style-type: none; padding: 0; margin: 0; }
ul.tick li { background: url(images/Icon-Tick.gif) no-repeat 0 0.3em; margin-left: 0; padding-left: 16px; }
.bookmark-link, ul.bookmark-list li {
	padding-left: 16px;
	background-image: url('images/Icon-Arrow-Down.gif');	
	background-repeat: no-repeat;
	background-position: 0 5px;
	display: block;
	margin-left: 0;
}
.arrow-right, .arrow-left, ul.arrow-list li {
	padding-left: 16px;
	background-image: url('images/Icon-Arrow-Right.gif');	
	background-repeat: no-repeat;
	background-position: 0 3px;
	display: block;
	margin-left: 0;	
}
.arrow-left {
	background-image: url('images/Icon-Arrow-Left.gif');	
}
p.top { text-align: right; padding-top: 1em;  border-top: 1px solid #e8e8e8; margin-top: 2em; margin-bottom: -1em;}
a.top, a.top:link, a.top:visited {
	padding-left: 16px;
	background-image: url('images/Icon-Arrow-Up.gif');	
	background-repeat: no-repeat;
	background-position: 0 5px;
	display: block;
	margin-left: 0;
	text-decoration: none;
	font-size: 0.8em;
	text-transform:uppercase;
	color: #CBC9C2 ;
}
a.top:hover {}
.line { padding-top: 1em;  border-top: 1px solid #e8e8e8; margin-top: 2em;}
blockquote {
	line-height : 1.6em;
	margin: 1em 0 1em 0;
	font-style: italic;
}
.small {
	font-size: 80%;
}
.box {
	border: 1px solid #333; 
	padding: 8px; 
	text-align: left; 
}
.intro {
	color: #94938d;
	font: 1.4em/1.4em Georgia, Times, serif;

}
.blue { color: #003E7E; }
.red { color: #8B0E04 }
.heading-top { margin-top: 0; padding-top: 0;}

/* Forms  */

.button {
	color: #003E7E;
	font-size: 0.8em;
	border: 1px solid #dddde0;
	border-top: 1px solid #ecedee;
	border-left: 1px solid #e6e6e8;
	background: url(images/BG-Btn.gif) top left no-repeat #FFF;
	height: 28px;
	text-transform: uppercase;
	font-weight: bold;
}
.button:hover {
	background: url(images/BG-Btn.gif) left -35px no-repeat #45bdf1;
	color: #FFF;
	border: 1px solid #002046;
	border-top: 1px solid #123c71;
	border-left: 1px solid #083876;
	cursor: pointer;
}
label.inline { font-size: 0.9em; display: inline-block; width: 80px; vertical-align: top; padding-top: 0.4em;}
label.wide { width: 160px; }
.input-col-1 { 	width: 188px; margin-bottom: 2px; }
.input-left-indent { width: 330px; margin-bottom: 2px;}
.textarea-left-indent, .select-left-indent { width: 500px;}
select.large { font-size: 1.5em; color: #8B0E04;}