/* Layout Elements / Console Styles  */
.lhs {float:left;}
.rhs {float:right;}
.col200 {width:200px;}
.col300 {width:300px;}
.col460 {width:460px;}
.col490 {width:490px;}
.col590 {width:590px;}
.col610 {width:610px;}
.col660 {width:660px;}
.col690 {width:690px;}
.col720 {width:720px;}
.left10 {margin-left:10px;}	
.left20 {margin-left:20px;}	
.left30 {margin-left:30px; display:inline;}	
.top10 {margin-top:10px;}
/* ==================== HOMEPAGE ==================== */

/* tagline */
#tagline {width:910px; padding-left:10px; display:block; clear:both;}
#tagline p {font-family:FrutigerLight; font-weight:normal; font-size:2.4em; line-height:30px; color:#1b1a53; margin:20px 0 0 0;  letter-spacing:-1px;}
	#tagline p a:link, #tagline p a:visited {color:#1B1A53; text-decoration:none;}
	#tagline p a:hover, #tagline p a:active, #tagline p a:focus {color:#1B1A53; text-decoration:underline;}
#tagline img {display:block;}

/* banner */
#banner {width:920px; padding:0 20px; height:200px; display:block; position:relative;}
	#banner ul {margin:0; position:relative;}
	#banner ul li {list-style:none; display:block; clear:left; width:920px; height:200px; overflow:hidden;}
	#banner .col300 {width:280px; height:180px; padding:10px; display:block; background:#1B1A53; float:left;}
		#banner .col300 img {display:block; margin-bottom:10px;}
		#banner .col300 h3 {color:#FFF; font-size:1.7em; font-weight:normal; letter-spacing:-1px;}
			#banner .col300 h3 a:link, #banner .col300 h3 a:visited {color:#FFF; text-decoration:none;}
			#banner .col300 h3 a:hover, #banner .col300 h3 a:active, #banner .col300 h3 a:focus {color:#FFF; text-decoration:underline;}
	.banner-nav {width:19px; height:29px; display:block; position:absolute;}
		.banner-nav p {margin:0; text-indent:-3000px; cursor:pointer; width:19px; height:29px;}
		#prev {background:url(../../../images/arrow_back.gif) no-repeat 0 0; top:85px; left:0;}
		#next {background:url(../../../images/arrow_forward.gif) no-repeat 0 0; top:85px; right:0;}

/* style top border */
.bordertop {border-top:10px solid #EFEFEF; padding-top:15px;}

/* hp panels */
.panel300 h1 {font-family:FrutigerLight; font-size:2.4em; font-weight:normal; color:#1b1a53; letter-spacing:-1px;}
	.panel300 h1 a:link, .panel300 h1 a:visited {color:#1b1a53; text-decoration:none;}
	.panel300 h1 a:hover, .panel300 h1 a:active, .panel300 h1 a:focus {color:#1b1a53; text-decoration:underline;}
.panel300 h2 {font-family:FrutigerLight; font-size:2.4em; font-weight:normal; color:#1b1a53; padding-right:40px; letter-spacing:-1px;}
	.panel300 h2 a:link, .panel300 h2 a:visited {color:#1b1a53; text-decoration:none;}
	.panel300 h2 a:hover, .panel300 h2 a:active, .panel300 h2 a:focus {color:#1b1a53; text-decoration:underline;}
.panel300 p {padding-right:40px;}
.panel300 p.more {color:#1b1a53; line-height:25px;}
	.panel300 p.more span {padding:5px 10px; background:#FDD329;}
	.panel300 p.more a:link, .panel300 p.more a:visited {color:#1b1a53; text-decoration:none;}
	.panel300 p.more a:hover, .panel300 p.more a:active, .panel300 p.more a:focus {color:#1b1a53; text-decoration:underline;}
.panel300 p.date {color:#1b1a53; margin:0; padding-right:40px;}
.panel300 h3 {font-size:1.2em; margin-bottom:10px; font-weight:normal; padding-right:40px;}
	.panel300 h3 a:link, .panel300 h3 a:visited {color:#1B1A53; text-decoration:none;}
	.panel300 h3 a:hover, .panel300 h3 a:active, .panel300 h3 a:focus {color:#1B1A53; text-decoration:underline;}

/* rss feed */
p.rssfeed {margin:0; padding:0; float:right; line-height:29px;}
	p.rssfeed a:link, p.rssfeed a:visited {display:block; line-height:29px; color:#1B1A53; text-decoration:none; padding-right:35px; background:url(../../../images/icon_rss.gif) no-repeat right center;}
	p.rssfeed a:hover, p.rssfeed a:active, p.rssfeed a:focus {display:block; line-height:29px; color:#1B1A53; text-decoration:underline; padding-right:35px; background:url(../../../images/icon_rss.gif) no-repeat right center;}

/* ==================== SUBPAGES ==================== */

/* section tagline */
#tagline-section {width:920px; height:94px; padding:20px 0; display:block; clear:both; background:#FFF url(../../../images/bg_tagline_section.gif) no-repeat right center; border-bottom:10px solid #EFEFEF;}
	#tagline-section p {font-family:FrutigerLight; font-weight:normal; font-size:2.4em; line-height:30px; color:#1B1A53; margin:0; letter-spacing:-1px;}
		#tagline-section p a:link, #tagline-section p a:visited {color:#1B1A53; text-decoration:none;}
		#tagline-section p a:hover, #tagline-section p a:active, #tagline-section p a:focus {color:#1B1A53; text-decoration:underline;}

/* rotating banner */
#banner-section {width:920px; height:134px; display:block; clear:both; background:#FFF; border-bottom:10px solid #EFEFEF; overflow:hidden;}
	#banner-section ul {margin:0; width:920px; height:134px; display:block;}
	#banner-section ul li {list-style:none; width:920px; height:134px; display:block;}


/* content bg colours */
.bg_lhs920 {width:920px; display:block; clear:both; background:#FFF url(../../../images/bg_lhs200.gif) repeat-y 0 0;}
.bg_lhs930 {width:920px; display:block; clear:both; background:#FFF url(../../../images/bg_lhs300.gif) repeat-y 0 0;}

/* page title */
.page-title {width:100%; display:block; margin-bottom:10px;}
	.page-title h1 {font-family:FrutigerLight; font-size:2.4em; font-weight:normal; color:#1B1A53; letter-spacing:-1px;}

/* content styling */
#csub #content h2 {font-family:FrutigerLight; font-weight:normal; letter-spacing:-1px;}
	#csub #content h2 a:link, #csub #content h2 a:visited {color:#1B1A53; text-decoration:none;}
	#csub #content h2 a:hover, #csub #content h2 a:active, #csub #content h2 a:focus {color:#1B1A53; text-decoration:underline;}

/* promo */
.promo {width:200px; display:block;}
	.promo img {border:10px solid #EFEFEF; display:block; margin-bottom:8px;}
	.promo h3 {font-size:1.2em; color:#1B1A53; margin-bottom:8px; padding-left: 18px; background:url(../../../images/bg_promo.gif) no-repeat 0 3px;}
		.promo h3 a:link, .promo h3 a:visited {color:#1B1A53; text-decoration:none;}
		.promo h3 a:hover, .promo h3 a:active, .promo h3 a:focus {color:#1B1A53; text-decoration:underline;}
	.promo p {font-size:1.2em; color:#1B1A53; margin-bottom:8px; padding-left: 18px;}
		.promo p a:link, .promo p a:visited {color:#1B1A53; text-decoration:underline;}
		.promo p a:hover, .promo p a:active, .promo p a:focus {color:#1B1A53; text-decoration:none;}

/* contact details */
.contact-info {width:260px; padding:8px 20px; display:block; background:#efefef url(../../../images/bg_contactinfo.gif) repeat-x 0 0; margin-top:-8px;}
	.contact-info h2 {font-size:1.7em;}
.contact-info p.more {color:#1b1a53; line-height:50px;}
	.contact-info p.more span {padding:10px 20px; background:#1b1a53;}
	.contact-info p.more a:link, .contact-info p.more a:visited {color:#FFF; text-decoration:none;}
	.contact-info p.more a:hover, .contact-info p.more a:active, .contact-info p.more a:focus {color:#FFF; text-decoration:underline;}

/* google map */
#map_canvas {width:570px; height:400px; display:block; border:10px solid #efefef; margin-bottom:10px;}
	.gmap2 {font-size:12px; line-height:19px;}
	.gmap2 span {font-weight:bold;}

/* contact form */
.contact-bg {width:630px; padding:20px; border:10px solid #EFEFEF; margin-bottom:15px;}
	.contact-bg hr {float: none; width: 100%; height: 1px; margin: 0 0 10px 0; border:1px dotted #666; border-width:1px 0 0 0; background: none; color: #CCC; clear: both;}
		.contact-bg	fieldset.sml {width:400px; display:block;}
	.contact-bg	label {float: left; display: block; width: 200px; line-height:24px;}
		.contact-bg	label.sml {width:100px;}
		.contact-bg label.med {width:150px;}
	.contact-bg	input {width: 300px; border: 1px solid #CCC; padding:4px; font-family:Arial; font-size:1em;}
		.contact-bg input.sml {width:100px;}
		.contact-bg	input.med {width:175px;}
		.contact-bg	input.date {width:84px;}
	.contact-bg	select {width: 310px; border: 1px solid #CCC; padding:3px 0 3px 4px; font-family:Arial; font-size:1em;}
		.contact-bg	select.sml {width:110px;}
		.contact-bg	select.med {width:180px;}
	.contact-bg	textarea {width: 300px; height: 100px; border: 1px solid #CCC; padding: 4px; font-family:Arial; font-size:1em;}
	.contact-bg	input.rad {width: auto; border: none; float: left; display: block; margin-bottom: 0; padding:3px 4px;}
	.contact-bg	input.chk {width: auto; border: none; float: left; display: block; margin-bottom: 0; padding:3px 4px;}
	.contact-bg input.btn {width: auto; padding:6px 20px; background: #1b1a53; color: #FFF; margin:0 0 0 200px; border: 1px solid #1b1a53; cursor:pointer;}
	.contact-bg	ol {margin: 0 0 10px 0;}
	.contact-bg	ol li {list-style: none; display: block; clear: left; margin-bottom:5px;}

/* ==================== COMMON ==================== */

/* logo */
#logo img {display:block;}

/* footer */
#footer ul {margin:0; float:left;}
#footer ul li {list-style:none; float:left; display:inline; position:relative; font-size:1.2em; line-height:1.4em; padding:0 5px; background:url(../../../images/bg_footer_nav.gif) no-repeat right center;}
	#footer ul li a:link, #footer ul li a:visited {color:#1B1A53; text-decoration:none;}
	#footer ul li a:hover, #footer ul li a:active, #footer ul li a:focus {color:#1B1A53; text-decoration:underline;}
	#footer ul li.start {padding-left:0;}
	#footer ul li.end {background:none;}
	/* active */
	body#legal li#n7 a {text-decoration:underline;}
	body#terms li#n8 a {text-decoration:underline;}
	body#sitemap li#n9 a {text-decoration:underline;}
	body#accessibility li#n10 a {text-decoration:underline;}
#footer p {float:right; margin:0; font-size:1.2em; line-height:1.4em;}
	#footer p a:link, #footer p a:visited {color:#1B1A53; text-decoration:none;}
	#footer p a:hover, #footer p a:active, #footer p a:focus {color:#1B1A53; text-decoration:underline;}

/* back to top links */
p.b2t {clear:both; margin:10px 0;}
	p.b2t a:link, p.b2t a:visited {color:#1B1A53; text-decoration:underline;}
	p.b2t a:hover, p.b2t a:active {color:#1B1A53; text-decoration:none;}