html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;	padding: 0;	border: 0;	outline: 0;	font-size: 100%;	vertical-align: baseline;	background: transparent; }
body {	line-height: 1; }
ol, ul {	list-style: none; }
blockquote, q {	quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {	content: '';	content: none;}

html, body {height: 100%;}


/* remember to define focus styles! */
:focus {	outline: 0;}

/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: collapse;	border-spacing: 0; }


/* ===== GENERAL ===== */

body { font: 62.5% Verdana, Arial, Helvetica, sans-serif; background: #f4f4f5 url(assets/bg-body.gif) repeat-x center top; color: #1a1818; text-align: center; }

p { font-size: 1.2em; line-height: 135%; margin: 0 0 12px; }
h1 { font-size: 1.6em; color: #18212c; margin: 12px 0 6px; font-weight: bold; }
h2 { font-size: 1.5em; color: #18212c; margin: 12px 0 6px; font-weight: bold; }
h3 { font-size: 1.4em; color: #1e164e; margin: 12px 0 6px; font-weight: bold; }
h4 { font-size: 1.3em; color: #1e164e; margin: 12px 0 6px; }
h4.strapline { line-height: 38px; clear: both; }
h5 { font-size: 1.2em; color: #3e366e; margin: 0 0 12px; font-weight: bold; line-height: 135%; }
h3.first { margin-top: 0; }

.content ul { margin: 18px 38px 18px 18px; border-top: 1px solid #d0d0d1; padding-top: 5px; }
.content li { font-size: 1.3em; color: #1e164e; line-height: 135%; margin: 0 0 5px; padding: 0 5px 5px 20px; border-bottom: 1px solid #d0d0d1; background: url(assets/bullet.gif) no-repeat 5px 6px; }
 .content li .smaller { font-size: 0.9em; color: #555; }

a, a:link { color: #d97319; font-weight: bold; text-decoration: none; }
a:visited { color: #984b08; }
a:hover, a:active, a:focus { color: #f60; text-decoration: underline; }

.mediumlink a { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow:0px 2px 4px #8985a2; -moz-box-shadow:0px 2px 4px #8985a2;  -webkit-box-shadow:0px 2px 4px #8985a2; }
.mediumlink a:link, .mediumlink a:visited { padding: 3px 8px 4px; border: 1px solid #1e164e; background: #fff; margin: 4px 0; }
.mediumlink a:hover, .mediumlink a:active, .mediumlink a:focus { color: #ff6600; border: 1px solid #d97319; text-decoration: none; }
p.mediumlink { padding: 6px 0 2px; }

.button { font-size: 1.1em; display: inline-block; height: 41px; width: auto; padding-left: 5px; margin-right: 10px; }
.button:link, .button:visited { background: url(assets/button-big.png) no-repeat left top; color: #1e164e; }
 .button span { display: inline-block; position: relative; right: -8px; height: 41px; line-height: 35px; padding: 0 30px 0 16px; text-shadow:0px 1px 3px #FFF; }
 .button:link span, .button:visited span { background: url(assets/button-big.png) no-repeat right top; }
 .button:hover, .button:active, .button:focus { text-decoration: none; background-position: left -100px; cursor: pointer; }
 .button:hover span, .button:active span, .button:focus span { background-position: right -100px; color: #211374; }


.orange { color: #ee8122; }
.grey { color: #7c756f; }

/* ===== PAGE ===== */

#container { width: 924px; background: url(assets/bg-container.gif) no-repeat 0 59px; min-height: 100%; margin: 0 auto; text-align: left; padding: 0 12px; position: relative; }

#header { width: 924px; position: absolute; background: url(assets/bg-hea333der.png) no-repeat left 152px; margin: 0; text-align: left; z-index: 10; left: 12px; top: 0; }
#header .logo { left: 48px; top: 36px; position: absolute; width: 149px; height: 35px; }
#header .strapline { left: 220px; top: 52px; position: absolute; width: 390px; height: 21px; }

h4.services { text-align: right; border-right: 1px solid #fff; color: #919396; font-weight: normal; font-size: 1.2em; position: absolute; right: 54px; top: 28px; padding: 0 8px 0 0; margin: 0; line-height: 14px; }

#nav { margin: 0 19px 10px; padding-top: 25px; width: 886px; background:url(assets/bg-nav.png) no-repeat right 22px; height: 48px; position: absolute; z-index: 10; top: 80px; left: -2px; }
 #nav ul { margin: 0 0 0 8px;  }
	 #nav li { float: left; height: 32px; border-left: 1px solid #fff; border-right: 1px solid #1e164e; }
	 #nav li.first { border-left: none; }
	 #nav li.last { border-right: none; width: 1px; }
		#nav a { font-size: 1.2em; font-weight: bold; padding: 0 8px; background:url(assets/bg-nav.png) no-repeat -50px -3px; height: 33px; line-height: 32px; color: #1e164e; text-decoration: none; text-shadow:1px 1px 1px #FFF; display: inline-block; }
		#nav a:hover, #nav a:focus { background-position: -50px -53px; color: #1e164e; }
		#nav a:active, #nav a.current { background-position: -50px -103px; color: #1e164e; }

		#nav .first a { background-position: -6px -3px; }
		#nav .first a:hover, #nav .first a:focus { background-position: -6px -53px; color: #1e164e; }
		#nav .first a:active, #nav .first a.current { background-position: -6px -103px; color: #1e164e; }

 #nav li ul { background: url(assets/bg-subnav.png); position: absolute; top: 58px; left: -9999px; margin-left: -2px;  padding: 10px 8px 2px; width: auto !important; width: 80px; min-width: 80px;
		-webkit-border-bottom-left-radius: 5px;	-webkit-border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;	border-bottom-right-radius: 5px;-moz-border-radius-bottomleft: 5px;	-moz-border-radius-bottomright: 5px;
}
 #nav li li { border: none; white-space:nowrap; float: none; display: block; height: 26px; }
 #nav li ul a { background: none; padding: 0 8px; color: #fff; text-shadow: 0px 0px 4px #000; height: 26px; line-height: 110%; display: block; }
 #nav li ul a:hover, #nav li ul a:focus, #nav li ul a.current { color: #fb8722; }

#nav li:hover ul, #nav li:focus ul, #nav li.sfhover ul {	left: auto; }

#inner { width: 831px; min-height: 400px; position: relative; left: 44px; padding-top: 138px; }
.mainimg { width: 824px; height: 260px; background:url(assets/bg-mainimg.png) no-repeat 0 0; padding-left: 7px; position: relative; }
.selectbar { position: absolute; left: 7px; width: 817px; z-index: 4; }
.selectbar a { display: block; width: 786px; background: url(assets/bg-selectbar.gif) repeat-x 0 0; height: 41px; padding: 5px 0 0 31px;  }
 .selectbar a:hover, .selectbar a:active { text-decoration: none; }
	
 #select-people { bottom: 86px;}
 #select-application, #select-people-on, #select-app-on { bottom: 36px; }
.selecttext { background: url(assets/bg-subnav.png); color: #fff; position: absolute; z-index: 2; left: 38px; padding: 10px 10px 2px; width: 745px;
		-webkit-border-bottom-left-radius: 5px;	-webkit-border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;	border-bottom-right-radius: 5px;-moz-border-radius-bottomleft: 5px;	-moz-border-radius-bottomright: 5px; }
	#selecttext-people { top: 67px; display: none; }
	#selecttext-application { top: 117px; display: none; }
	
	#select-people-on, #select-app-on { background: #21154a; }
	#select-people-on a { width: 308px; background: none; overflow: hidden;}
	#select-app-on a { width: 284px; background: none; overflow: hidden;}
	.selectbar a.goto { height: 30px; position: absolute; right: 32px; top: 8px; text-indent: -9999px; padding: 0; }
	#select-people-on a.goto { width: 202px; background: url(assets/text-go-to.png) no-repeat -223px 5px;  }
	#select-app-on a.goto { width: 212px; background: url(assets/text-go-to.png) no-repeat 0px 5px;  }
	
#l3nav { position: absolute; left: 7px; bottom: 12px; width: 793px; height: 20px; background: #000; list-style-type: none; padding: 5px 0 5px 24px; }
 #l3nav li { display: inline; padding: 0; border-right: 1px solid #ddd; }
 #l3nav li.last { border: none; }
 #l3nav a, #l3nav a:link, #l3nav a:visited { display: inline-block; padding: 1px 8px; line-height: 18px; color: #fff; }
 #l3nav.people  a:hover,  #l3nav.people a:active,  #l3nav.people a:focus,  #l3nav.people .current a { color: #249fee; text-decoration: none; }
 #l3nav.app  a:hover,  #l3nav.app a:active,  #l3nav.app a:focus,  #l3nav.app .current a { color: #ee8122; text-decoration: none; }
	
	
ul.threecol { background: url(assets/bg-threecol.gif) repeat left top; overflow: hidden; width: 780px; margin: 10px 0 20px 49px; }
ul.threecol li { width: 220px; float: left; padding: 2px 29px 0px 11px;}
ul.threecol h3 { margin-top: 0; }

.content { margin: 0 0 16px 17px; width: 795px; position: relative; border: 1px solid #838192; border-top: none; background: #fff; float: left; display: inline; }
.content h1, p.message { border-bottom: 1px solid #838192; padding: 10px 20px; margin: 0; }
.content-left { width: 552px; float: left; overflow: hidden; border-right: 1px solid #838192; margin: 0 -1px 0 0; padding: 10px 18px 10px 22px; }
.content-right { width: 176px; float: left; overflow: hidden; border-left: 1px solid #838192; margin: 0; padding: 10px 12px; }
.content-wide { width: 751px; padding: 10px 22px; }

p.message { font-size: 1.3em; padding-top: 8px; font-weight: normal; color: #0066CC; background: #e7e7e9; border-top: 1px solid #838192; margin-top: 6px; }

.content-right ul { margin: 8px 8px 12px 0; border: none; padding-top: 5px; }
.content-right li { font-size: 1.2em; color: #1e164e; line-height: 125%; margin: 0 0 2px; padding: 0 5px 3px 20px; border: none; }
	
.twocolumn { width: 354px; float: left; margin: 0 20px 12px 0; overflow:hidden; }
.indent { width: 339px; padding: 5px 0 0 15px; }

.contacts h5 { color: #888; margin: 0; }
.contacts p { margin: 0 0 16px; font-size: 1.3em; color: #4e4680; }
.contacts .telno strong { font-size: 1.4em; }
.contacts .email a { font-size: 1.3em; }

.notes { font-size: 0.9em; line-height: 125%; color: #333; padding-bottom: 4px; border-top: 1px solid #ccc;  }
.notes h4, .notes h3 { padding-top: 6px; }
.notes p { margin-bottom: 8px; }

/* ======= News ======= */

.newsdate { white-space: nowrap; }
p.newsdate { color: #444; font-style: italic; }
p.newslast { padding-top: 10px; border-top: 1px solid #ccc; }

/* ======= FORMS ======= */

form p { margin: 0 0 8px; position: relative; }
input.textinput, textarea.textinput { background: #fff; border: 1px solid #a09db4; padding: 4px; color: #4e4680; font: 1em Verdana, Arial, Helvetica, sans-serif;	border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-bottom-left-radius: 0px;	-moz-border-radius-bottomleft: 0px;	-webkit-border-bottom-left-radius: 0px;
box-shadow:0px 2px 4px #9995b2; -moz-box-shadow:0px 2px 4px #9995b2;  -webkit-box-shadow:0px 2px 4px #9995b2; line-height: 1.2em; width: 280px; max-width: 280px; }
 input.textinput.error, textarea.textinput.error { border: 1px solid #de7920; }
 input.textinput:focus, input.textinput:active, textarea.textinput:focus, textarea.textinput:active { border: 1px solid #000; color: #000; background-position: left top; }
	.stronglabel { font-size: 1.4em; font-weight: bold; color: #768ea0; padding-right: 8px; letter-spacing:-1px; }

	.generalform label, .radio span { display: block; width: 10.6em; font-weight: bold; font-size: 0.9em; margin-right: 0.8em; float: left; padding-top: 3px; clear: left; }
	.generalform .radio label { display: inline; width: auto; float: none; }
 .radio span.formsmallprint { display: block; width: auto; text-align: left; margin: 0; float: none; font-size: 0.9em; }
 .generalform p.formbutton { position: relative; left: 9.6em; text-align: center; width: 288px; margin: 0 0 6px; }	
	.signupform label { width: 10.6em; }
	
.required { color: #de7920; font-weight: bold; font-size: 1.1em;  }
select.required { color: #000; font-weight: normal; font-size: 1em; }

.content ul.formerrors { margin: 0 42px 18px 0; }

.generalform label.error, .login label.error { position: absolute; left: 746px; top: 0; color: #de7920; width: 60px; padding-top: 4px; text-align: left; display: none; clear: none; }
.signupform label.error { left: 434px; width: 280px; }

.signupform p.indent { position: relative; left: 13.6em; width: 288px; font-size: 0.9em; margin: 0 0 10px; padding: 0; }	

.content p.check { padding-left: 10.6em;}
.check input { float: left; margin-top: 12px; }
.check span { display: inline-block; width: 300px; text-align: left; margin: 0; padding-left: 6px; float: none; font-weight: normal; font-size: 0.9em;  }
.check label { display: inline; width: auto; text-align: left; margin: 0; float: none; padding: 0; font-weight: normal; }

.checkbox input { float: left; margin-right: 6px; }
.checkbox label { float: left; width: 93%; }
.checkbox { overflow: auto; }

h4.signoff{ margin-left: 32px; }
h4.signoff .button { margin-right: 14px; font-size: 0.9em; }

/* ======= FOOTER ======= */

#footer { clear: both; margin: 15px 30px 0 21px; width: 880px; height: 106px; background:url(assets/bg-footer.png) no-repeat left top; position: relative; font-size: 0.85em; padding-bottom: 8px; }
 .footer-A { position: absolute; top: 23px; left: 35px; width: 386px; }
	.footer-A span { color: #d97319; }
 .footer-A a { font-weight: normal; margin: 0 2px 0 -15px; padding: 1px 3px 1px 15px; }
 .footer-A a:link, .footer-A a:visited { color: #000; }
 .footer-A a:hover, .footer-A a:active, .footer-A a:focus { color: #f60; }
	
 .footer-address, .footer-contact { position: absolute; top: 23px; width: 200px; height: 58px; padding-left: 20px; }	
 .footer-address { left: 435px; background:url(assets/text-address.gif) no-repeat left top; }
 .footer-contact { left: 650px; padding-left: 20px; background:url(assets/text-contact.gif) no-repeat left top; }
#footer strong { font-size: 1.2em; color: #4a4848; }