
/* Reset CSS start */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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, img, ins, kbd, q, s, samp,
small, strike,  sub, sup, tt, var, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* Reset CSS end */


* {
	margin:0;
	padding:0;
	outline-color: #FFF;
	}

body {
	font-family:Verdana, Arial, Helvetica, Sans Serif;
	font-size:50%;
	background:#fff;
	}

#everything {
	font-size:125%;
	color:#000;
	width:1105px;
	margin:0 auto 20px auto;
	}

#skipToContent {
	position:absolute;
	top:-200px;
	}

a:link,
a:visited {
	color:#1f2557;
	text-decoration:underline;
	}

a:hover,
a:active {
	color:#788fba;
	text-decoration:underline;
	}

#commonHeader {

  width: 1105px;
display: block;
background: none repeat scroll 0% 0% #1d1d1b;
z-index: 2;
position: relative;
left: 1px;
top: 1px;
height: 118px;
margin-left: auto;
margin-right: auto;
margin-bottom: 8px;
	}
 
#heading {

color: #fff;
font-weight: bold;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 2.5em;
width: 200px;
height: 90px;
display: block;
padding-top: 50px;
}

#logo {
	float:left;
	display:inline;
	margin:20px 0 10px 0;
	width:163px;
	}

#contentalign
{
	margin-top:11px;
		 	font-family:Verdana, Arial, Helvetica, Sans Serif;
	font-size:small;
	background:#fff;
	width: 1105px;
display: block;
margin-left: auto;
margin-right: auto;
	}


#commonHeader #logo img {
	border:0;
	 
    width:163px; /* you can use % */
    height: auto;
padding-left: 25px;
	}

#commonHeader #headerImage {
	float:left;
	display:inline;
	width:600px;
	height:100px;
	overflow:hidden;
	}

#commonHeader #toolsMenu {
	float:left;
	display:inline;
	width:208px;
	}

#commonHeader #toolsMenu #links {
	float:right
	display:inline;
	clear:right;
	font-size:1.1em;
	margin:25px 0 14px 0;
	text-align:right;
	color:#fff;
	}

#commonHeader #toolsMenu #links a {
	color:#fff;
	}

#commonHeader #toolsMenu #links a:hover,
#commonHeader #toolsMenu #links a:active {
	color:#de7823;
	}

#commonHeader #toolsMenu #search .myLinksLink {
	display:block;
	margin-top:10px;
	}

#commonHeader #toolsMenu #search a.mylinks img {
	display:none;
	}

#commonHeader #toolsMenu #search {
	float:right;
	display:inline;
	white-space:nowrap;
	text-align:right;
	font-size:1.1em;
	}

/*\*/
html*#commonHeader #toolsMenu #search * {

[display:inline;/*required by Safari so that [] is correctly begun. associated with the property, yet hiding it. seen by IE6*/
display:inline;
]display:inline;/*Reset IE6 properties and hide from Safari. required by Safari so that [] is correctly ended. associated with the property, yet hiding it. seen by IE6*/
_display:inline;
}/**/

#commonHeader #toolsMenu #search #searchBox {
	margin-bottom:8px;
	display:block;
	color:#FFF;
	}

#commonHeader #toolsMenu #search label {
	color: #FFF;
	}

#commonHeader #toolsMenu #search input {
	font-size:1em;
	height:1.3em !important;
	margin-right:4px;
	}

#commonHeader #toolsMenu #search a.advSearch {
	color:#4d4f4e;
	}

#commonHeader #toolsMenu #search a.advSearch:hover,
#commonHeader #toolsMenu #search a.advSearch:active {
	color:#de7823;
	}

#commonHeader #toolsMenu #search img {
	border:0;
	}

#commonHeader #toolsMenu #search a.Button {

	}

#commonHeader #toolsMenu #search a.Button img {
	padding-top:3px;
	vertical-align:bottom;
	margin-bottom:2px;
	}

#main {
	position:relative;
	z-index:1;
	}

#main #crumbtrail {

	}

#main #crumbtrail p {
	font-size:1.1em;
	}

#subNav {
	float:left;
	display:inline;
	width:170px;
	overflow:hidden;
	}

#subNav h3 {
	float:left;
	display:inline;
	background:#7f7d7c;
	color:#fff;
	padding:4px 11px 5px 11px;
	width:148px;
	margin:0;
	}

#subNav div {
	margin:0;
	}

#subNav div {
	list-style:none;
	display:inline;
	font-size:1em;
	line-height:auto;
	margin:0;
	}

#subNav div a {
	float:left;
	display:inline;
	background:#1F2557;
	color:#fff;
	border-top:1px solid #fff;
	padding:4px 11px 5px 11px;
	width:148px;
	font-size:1em;
	text-align: center;
	text-decoration: none;
	margin-bottom: 8px
	}

 /*
 #subNav div a {
	background:#9a8a81;
	padding:3px 11px 4px 21px;
	width:138px;
	font-size:1.1em;
	}
 
#subNav div a {
	background:#816f64;
	padding:3px 11px 4px 31px;
	width:128px;
	font-size:1em;
	}
*/

#subNav div a:hover,
#subNav div a:active {
	background:#555;
	}
 
#subNav div .LinkButtonSelected
{
 background: #555;
 
}

/*
#subNav div a {
	background:#1F2557;
	padding:3px 11px 4px 41px;
	width:118px;
	font-size:1em;
	margin-bottom: 8px;
	}


#subNav div a:hover,
#subNav div a:active {
	background:#555;
	}


#subNav div a {
	background:#1F2557;
	padding:3px 11px 4px 51px;
	width:108px;
	font-size:1em;
	}
*/
 
#subNav #subNavExtraContent {
	float:left;
	display:inline;
	width:170px;
	overflow-x:hidden;
	padding:20px 0;
	}

#main #content {
	float:left;
	display:inline;
	width:553px;
	overflow:hidden;
	padding:18px 20px;
	}

#main #extraInfo {
	float:left;
	display:inline;
	width:185px;
	overflow:hidden;
	}

/* no subnav template ----------------------*/
#main.no-subnav #content { width:618px; padding:18px 0; }
#main.no-subnav #extraInfo { width:310px; margin-left:20px; }

#main #extraInfo h2 {
		margin-top:1em;
	}

#main #extraInfo ul {
	list-style-image:url(../images/greyarrow.gif);
	margin-bottom:1em;
	}

#main #extraInfo li,
#main #extraInfo p {
	font-size:1.1em;
	}

#main #extraInfo li {
	padding-bottom:0.2em;
	}

#main #extraInfo ul,
#main #extraInfo p {
	margin-bottom:2em;
	}

#footer {
	clear:both;
		width:100%;
height:80px;
position:relative;
bottom:0;
left:0;
 
	}

#footer #footerLinks {
	width:900px;
	background: #1d1d1b;
	padding:3px 10px 4px 10px;
	color:#fff;
	text-align:center;
	display: block;
margin-left: auto;
margin-right: auto;
margin-top: 25px;
	}

#footer #footerLinks a {
	color:#fff;
	font-size:1.1em;
	text-decoration:none;
	}

#footer #footerLinks a:hover,
#footer #footerLinks a:active {
	text-decoration:underline;
	}

#footer #copyright {
	text-align:center;
	padding-top:10px;
	}

#footer #contact {
	text-align:center;
	padding-top:6px;
	}

#footer #copyright p,
#footer #contact p {
	font-size:1.1em;
	color:#000;
	margin-bottom:0;
	}

.clear {
	clear:both;
	}


/* Styles for Immediacy Search Plugin HTML */

.searchPage {
	font-size:1.1em;
	}

.searchPage table {
	margin-bottom:0.8em;
	}

.searchPage td {
	padding:0.2em;
	font-size:100%;
	}

.searchPage td table {
	margin:-0.2em;
	margin-top:1em;
	}

.searchPage td table td table td table {
	margin:0 !important;
	}

.searchPage td table td table td {
	}

.searchPage td table td {

	}

.searchPage td table td label {
	width:45px !important;
	padding-top:2px;
	}

.searchPage td table td table input {
	font-size:1em;
	padding:2px 4px;
	margin-right:5px;
	}

.searchPage td table td table select {
	width:80px !important;
	}

.searchPage input, .searchPage select, .searchPage textarea {
	font-size:1em;
	}

.searchPage select {
	}

.searchPage .radPopupImage_Default {
	margin-left:8px;
	}

.searchResult {
	margin-bottom:1em;
	border:1px solid #ccc;
	padding:0.6em;
	}

.searchResult a {
	font-weight:bold;
	}

.searchResult .relevance {
	float:right;
	font-weight:bold;
	color:#7aa0b7;
	}

.searchResult .summary {
	margin-top:0.6em;
	}

.searchhi0 {
	background:#fcffac !important;
	}

.searchhi1 {
	background:#91ef7f !important;
	}

.searchhi2 {
	background:#ffd76b !important;
	}

.searchhi3 {
	background:#6bd7ff !important;
	}

/* Styles for WAM Search */

.formSection {
	margin:0 0 1.5em 0;
	}

.dateRange {
	float:left;
	display:inline;
	width:8em;
	height:4em;
	font-weight:bold;
	}

.DateSelectorLabel {
	width:3em !important;
	font-weight:normal !important;
	text-align:right;
	padding-right:0.8em;
	padding-top:0.2em;
	}

.DateSelectorControl {
	margin:0 0 0.5em 0 !important;
	display:block !important;
	clear:none !important;
	}


/* Site Map Styles */

.sitemap {
	line-height:2em;
}

.sitemap a {
	padding-left:20px;
	background:url(../images/greyarrow.gif) 10px center no-repeat;
}

.sitemap .level0 {
	font-size:1.3em;
	font-weight:bold;
	}

.sitemap .level1 {
	font-size:1.2em;
	margin-left:30px;
	}

.sitemap .level2 {
	font-size:1.1em;
	margin-left:60px;
	}

.sitemap .level3 {
	font-size:1em;
	margin-left:90px;
	}

.sitemap .level4 {
	font-size:0.9em;
	margin-left:120px;
	}

/* A-Z Plugin Styles */

.atozPage td {
	font-size:1.1em;
	}

.atozPage div {
	font-size:1.1em;
	}

.AtoZBG {
	display:block;
	visibility:hidden;
	overflow:hidden;
	/* Immediacy adds non-brealing spaces to the letters, so we enlarge this cell to accomodate those, too */
	width:920px;
	}

#everything #main .AtoZBG a {
	visibility:visible;
	float:left;
	display:inline;
	z-index:99;
	color:#fff;
	background:#7aa0b7;
	font-size:1.1em;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	border-right:1px solid #fff;
	padding:0.3em 0.1em;
	margin:0;
	width:2.2em !important;
	height:1.1em;
	}

#everything #main .AtoZBG a:hover {
	color:#fff;
	background:#4EAD99;
	}

.AtoZTitle1 {
	font-family:Verdana;
	color:#7aa0b7;
	font-size:1.8em !important;
	font-weight:bold;
	margin-bottom:0.8em;
	border-bottom:1px solid #7aa0b7;
	}

.atozBrowser td {
	font-size:1.2em;
	padding:3px 5px;
	}

/* FAQ Styles */

.faqSearchBox td,
.faqSearchBox td input,
.faqSearchBox td select,
.searchtop {
	font-size:1.1em;
	}

.searchtop {
	border-bottom:1px solid #666;
	margin-bottom:10px;
	}

.faqQuestion {
	font-size:1.1em;
	font-weight:bold;
	}

.faqSearchTableBackground td,
.faqSearchTableBackground td input,
.faqSearchTableBackground td select {
	font-size:1em;
	}

td p {
	font-size:0.9em;
	}

/* Blog Plugin Styles */

.BloggingAboutBox {
	padding:10px;
	     }

.BloggingAboutBox h3 {
		}

.BloggingAboutBox a {
	display:block;
	}

.RSSFeedLink {
	float:right;
	margin-top:-30px;
	margin-right:5px;
	}

.BlogItem {
	margin-bottom:30px;
	}

.BlogItem .CreatedDate {
	color:#7aa0b7;
	font-size:1.2em;
	border-bottom:1px dashed #7aa0b7;
	padding-bottom:10px;
	margin-bottom:10px;
	}

.BlogItem h1.Title {
	font-size:1.6em;
	font-weight:bold;
	color:#7aa0b7;
	padding:10px;
	}

.BlogItem .Content {
	margin-bottom:10px;
	}

.CommentItem {
	border-bottom:1px lightgrey dashed;
	padding-bottom:10px;
	margin-bottom:10px;
	}

.CommentItem .Title {
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:5px;
	}

.CommentItem .MetaData {
	font-style:italic;
	color:gray;
	margin-bottom:10px;
	}

.CommentItem .Content {
	margin-bottom:10px;
	font-size:1.1em;
	}

.CommentItem .CreatedDate {
	font-weight:bold;
	color:#7aa0b7;
	font-size:1.2em;
	}

/* New comment form layout */
.BlogEntryNewCommentForm fieldset {
  margin-bottom:10px;
	}

.BlogEntryNewCommentForm legend {
	padding:0 2px;
	font-size:1.1em;
	font-weight:bold;
	_margin:0 -7px; /* IE Win */
	}

/*\*//*/ form.cmxform legend { display:inline-block; } /* IE Mac legend fix */

.BlogEntryNewCommentForm fieldset ol,
.BlogEntryNewCommentForm fieldset ul {
  margin:0;
  padding:0;
	}

.BlogEntryNewCommentForm fieldset li {
  list-style:none;
  list-style-image:none;
  padding:5px;
  margin:0;
  clear:both;
  border:0;
	}

.BlogEntryNewCommentForm fieldset li input,
.BlogEntryNewCommentForm fieldset li textarea {
  width:350px;
	}

.BlogEntryNewCommentForm fieldset li div.captcha {
	line-height:1.8em;
	margin-bottom:5px;
	float:left;
	}

.BlogEntryNewCommentForm fieldset label, .captchaLabel {
	width:120px; /* Width of labels */
	vertical-align:top;
	line-height:1.8em;
	float:left;
	margin-right:5px;
	font-size:1.1em;
	}

.BlogEntryNewCommentForm fieldset li div.captcha span {
	font-size:1.1em;
	}

.BlogEntryNewCommentForm fieldset li div.captcha img {
	padding-top:6px;
	}

.BlogEntryNewCommentForm fieldset li div.captcha a img {
	position:relative;
	top:2px;
	}

.BlogEntryNewCommentForm fieldset li div.captcha input {
	width:300px;
	}

/* Form styles */

.BlogEntryNewCommentForm legend {
	padding-left:0;
	color:#333;
	}

.BlogEntryNewCommentForm fieldset {
	border:none;
	/*border-top:1px solid #C9DCA6;*/
	}

.BlogEntryNewCommentForm fieldset li {
	padding:5px 10px 7px;
	}

/* Styles for RSS */

.rssFeed {
	font-size:1em;
	margin-left:2em;
	}

.rssFeed p.desc {
	font-size:1em;
	}

a.item:link{font-weight:bold;}
a.item:visited{font-weight:bold;}
a.item:active{font-weight:bold;}
a.item:hover{font-weight:bold;}

.topbox{width:100%;}
.banbox{width:100%; border:1px solid #999;}

.mainbox{margin-top:30px; width:100%;padding-top:10px; border:1px solid #999;}
.itembox{width:50%;float:left;padding-top:10px;}
.rhsbox{border-left:1px dashed #999;width:36%;float:right;}
.footerbox{clear:both;width:100%;border-top:1px solid #000;}

#item ul {list-style:none;margin:0px;padding:0px;border:none;}
#item li {margin:0;padding:5px 0px;}
.rhsbox ul {list-style-type:disc;margin:0px 20px;padding:0px;border:none;}
.rhsbox li {margin:0;padding:5px 0px;}

.padtopbox{padding:10px;border:1px solid #999;}
.paditembox{padding:10px 5px 10px 10px;}
.padbanbox{padding:20px 10px 10px 10px;}
.padrhsbox{padding:10px 0px 20px 10px;}

.subhead{font-weight:bold;}
.disclaim{font-size:11px;color:#999;}

.mvb{margin-bottom:5px;}
.fltl{float:left;}
.fltclear{clear:both;}

/* End RSS Styles */

/* Article Index Style */

.articleItem {
	margin:1.2em 0 !important;
	clear:both;
	padding:0;
	}

.articleItem .articleImage {
	float:left;
	display:inline;
	margin-right:1em;
	width:60px;
	height:60px;
	overflow:hidden;
	border:1px solid #ccc;
	}

.articleItem h2,
.articleItem p {
	margin:0.2em 0 0.4em 70px;
	}

.articleItem .readmore {
	text-align:right;
	font-size:1.1em;
	}

/* End Article Index Style */


/* Main Events Calendar Style */
.eventCalendar {
	font-size:1.1em;
	padding:3px;
	width:100%;
	}

 /* Month Section */
 .eventMonth {
 	background-color:#fff;
 	border:1px solid #7aa0b7;
 	padding:0px;
 	vertical-align:top;
 	width:21%;
 	}

 .eventMonthTitle {
 	color:#fff;
 	font-weight:bold;
 	background-color:#7aa0b7;
 	padding:3px;
 	text-align:center;
 	}

 .eventMonthContent {
 	height:7em;
 	overflow:auto;
 	scrollbar-arrow-color:000066;
 	scrollbar-base-color:#ccc;
 	border-top:1px solid #7aa0b7;
 	padding:0 5px 0 5px;
 	}

 .eventMonthItem a {
 	display:block;
 	margin-top:4px;
 	margin-bottom:4px;
 	}

 .eventMonthItem br {
 	display:none;
 	}

 /* Details Section */
 .eventArea {
 	background-color:#D3DCE1;
 	border:1px solid #7aa0b7;
 	padding:0px;
 	vertical-align:top;
 	width:37%;
 	}

 .eventDetails {
 	margin:7px;
 	}

 .eventHeader {
 	margin-bottom:4px;
 	}

 /* Key Section */
 .eventFooter {
 	border:1px solid #7aa0b7;
 	}

 .eventList {
 	list-style-type:square;
 	margin-top:3px;
 	margin-bottom:0px;
 	line-height:1.1em;
 	padding-bottom:0;
 	white-space:nowrap;
 	}

 .eventList li {
 	list-style-type:none;
 	line-height:1.1em;
 	white-space:nowrap;
 	padding:1px 3px;
 	}

 .eventKey {
 	float:left;
 	display:inline;
 	}

/* calendar key types */
.eventKeyDefault				{ color:#666; }
.eventKeyFinancial				{ color:#c50000; }
.eventKeyGeneral				{ color:#007828; }
.eventKeyInternal						{ color:#0058b3;  }
.eventKeyTrade				{ color:#8300b3; }


/* MyLinks styles */

#mnu {
	width:34em;
	overflow:hidden !important;
	}

#mnu div.mnu {
	margin:10px 0;
	}

#mnu .mnu {
	font-size:1.2em;
	margin-bottom:5px;
	}
#mnu div.mnu {
	margin-bottom:10px;
	}

#mnu table {
	margin:10px 0;
	}

#mnu td.mnu_bullet_nc1 {
	background:url(../images/greyarrow.gif) 2px center no-repeat;
	}

#mnu td a {
	font-size:1.2em;
	}

.mnu input {
	margin-right:4px;
	}

/* Styles for Job Vacancies Plugin */

table { border-collapse:collapse; }

.VacanciesLightBg2 {
 font-size:1.4em;
 padding:0.4em 8px;
 margin-top:8px;
 color:#fff;
 background:#7aa0b7;
 font-weight:bold;
 border:1px solid #7aa0b7;
 }

.VacanciesLightBg3 td {
 font-size:1.2em;
 border:1px solid #7aa0b7;
 font-weight:bold;
 padding:0.4em 8px;
 vertical-align:top;
 }

.VacanciesLightBg3 td a{
 font-weight:normal;
 }

/* Styles for Community events plugin */

/* Events Calendar */

.communityEvents table table,
.communityEvents table table table {
	border-collapse:collapse !important;
	}

.communityEvents td td {
	font-size:1.1em;
	}

.eventsborder {
	background-color:#4ead99;
	color:#ffffff;
	fontfamily:Arial,Verdana,Helvetica;
	font-weight:bold;
	padding:2px;
	margin-left:1em;
	}

table.eventsboxbg {
	background-color:#e7e7e7;
	font-size:100%;
	color:#4ead99;
	padding:2px 4px;
	width:160px;
	}

.eventsboxbg td,
.eventsboxbg td td {
	font-size:1em !important;
	}

table.eventsboxbg table {
	margin-top:0.4em;
	}

table.eventsboxbg table input {
	margin:0;
	}

.eventsbullet {
	background-image:url(../../images/documenticon.gif);
	}

#Template_ctl13_ctl00_tbl_EventRegisterTable input,
#Template_ctl13_ctl00_tbl_EventRegisterTable select,
#Template_ctl13_ctl00_tbl_EventRegisterTable textarea {
	margin:0.3em 0;
	}

#content select {
	width:304px !important;
	}

/* eWorld UI Calendar Control */
.calCtrl {font-size:100%; font-weight:normal; fontfamily:Verdana,tahoma,arial,sans-serif;}
.calCtrlDayHeader {background-color: #ddd; color: Black;font-size:120% !important; font-weight:normal; font-family:Verdana,tahoma,arial,sans-serif;}
.calCtrlMonthHeader {background-color: #fff; color: Black;font-size:120% !important; font-weight:normal; font-family:Verdana,tahoma,arial,sans-serif;}
.calCtrlWeekDay {background-color: #FFFFFF; color: Black;font-size:120% !important; font-weight:normal; font-family:Verdana,tahoma,arial,sans-serif; padding:1px 2px;}
.calCtrlOffMonth {background-color: #aaa; color: Black;font-size:120% !important; font-weight:normal; font-family:Verdana,tahoma,arial,sans-serif;}
.calCtrlGoToToday {background-color: #FFFFFF; color: Black;fon-tsize:120% !important; font-weight:normal; font-family:Verdana,tahoma,arial,sans-serif;}
.calCtrlTodayDay {background-color: #4ead99; color: #fff;font-size:120% !important; font-weight:normal; font-family:Verdana,tahoma,arial,sans-serif;}
.calCtrlWeekend {background-color: #D3D3D3; color: Black;font-size:120% !important; font-weight:normal; font-family:Verdana,tahoma,arial,sans-serif;}
.calCtrlSelectedDate {background-color: #FFFF00; color: Black;font-size:120% !important; font-weight:normal; font-family:Verdana,tahoma,arial,sans-serif;}
.calCtrlClearDate {background-color: #FFFFFF; color: Black;font-size:120% !important; font-weight:normal; font-family:Verdana,tahoma,arial,sans-serif;}
.calCtrlHoliday {background-color: #FFFFFF; color: Black;font-size:120% !important; font-weight:normal; font-family:Verdana,tahoma,arial,sans-serif;}


/* Styles for News Scroller Plugin */

#divscroller0	{
	z-index:1;
	padding:0 0 0 53px;
	height:135px;
	}

#divscroller0	#idscr0 {
	height:135px !important;
	width:500px !important;
	}

#divscroller0	#idscr0 * {
	width:auto !important;
	}

.scrollertitle {
	z-index:1;
	color:#DE7922;
	font-size:1.2em;
	font-weight:bold;
	}

.scrollerbody {
	z-index:1;
	color:#333;
	font-size:1.1em;
	font-weight:normal;
	}

#divscroller0	a {
	text-decoration:none;
}

#divscroller0	.scrollertitle a {
	color:#DE7922;
}

#divscroller0	img {
	display:block;
	border:0!important;
	padding:6px 0 2px 0;
}


/* = Alternate left column width:
-------------------------------------------------------------------*/
.alt-left-column #main #subNav,
.alt-left-column #main #subNav #subNavExtraContent {
	width: 200px;
}

.alt-left-column #main #subNav ul li a {
	width: 174px;
}

.alt-left-column #main #content {
	width: 708px;
}


/* = ILS
-------------------------------------------------------------------*/
.ils-section #commonHeader {
	background-color: #ffa319;
}
	
.ils-section #footer #footerLinks
 {
	background-color: #555555;
}

.ils-section #main #subNav ul li a {	background-color:#555555; }
.ils-section #main #subNav ul li ul li a { background-color: #555555; color: #ffffff;  }
.ils-section #main #subNav ul li ul li ul li a { background-color: #dddddd; color: #333333; color: #000000;  }
.ils-section #main #subNav ul li ul li ul li ul li a { background-color: #f7f7f7; color: #333333; }
.ils-section #main #subNav ul li ul li ul li ul li ul li a { background-color: #dddddd; color: #333333; }

/* = VIP
-------------------------------------------------------------------*/

.vip-section #commonHeader {
	background-color: #1f2557;
}
	
.vip-section #footer #footerLinks
 {
	background-color: #555555;
}

.vip-section #main #subNav ul li a {	background-color:#555555; }
.vip-section #main #subNav ul li ul li a { background-color: #555555; }
.vip-section #main #subNav ul li ul li ul li a { background-color: #dddddd; color: #333333; }
.vip-section #main #subNav ul li ul li ul li ul li a { background-color: #f7f7f7; color: #333333; }
.vip-section #main #subNav ul li ul li ul li ul li ul li a { background-color: #dddddd; color: #333333; }


/* Navigation bar */
 

/*TEST*/


#commonHeader #navigation {
float: left;
width: 1105px;
clear: both;
background-color: #555;
height: 23px;
margin-top: 25px;
font-weight: bold;
	}

#commonHeader #navigation #navInner {
display: block;
width: 1105px;
	}

#commonHeader #navigation ul {
	list-style-type:none;
	margin:3px;
	}

#commonHeader #navigation ul li {
	float:left;
	position:relative;
	font-size:1em;
	line-height:auto;
	margin-left: 93px;
	}

#commonHeader #navigation ul li a {
	color:#fff;
	float:left;
	display:block;
	padding:3px 8px 5px 8px;
	text-decoration:none;
	font-size:1.5em;
	overflow:hidden;
	}

#commonHeader #navigation ul li.selected a,
#commonHeader #navigation ul li a:hover {
	/* background:#7f7d7c; */
	background-color:#555;
	}
	
#commonHeader #navigation ul li ul {
	display:none;
	z-index:999;
	margin-top:2px;
	}

#commonHeader #navigation ul li ul li {
	border:solid #fff 1px;
	border-collapse:collapse;
	margin-bottom:-1px;
	clear:left;
	 margin-left: 0px;
	height: 22px;
background-color: #555;
height: auto;
	
	}

#commonHeader #navigation ul li ul li a {
	height:auto;
	padding:7px 0.8em 9px 0.8em;
	font-size:1.1em;
	font-weight:bold;
	text-align: left;
    line-height: 11px;
	}

#commonHeader #navigation ul li:hover ul {
	display:block;
	position:absolute;
	top:2.2em;
	left:-1px;
	}

 

#commonHeader #navigation ul li:hover ul li ul {
	display:none;
	}

#commonHeader #navigation ul li ul li:hover ul {
	display:block;
	position:absolute;
	left:11.7em;
	top:-1px;
	}

#commonHeader #navigation ul #navsubmenu ul li ul{
	padding-left: 62px;
	}

#commonHeader #navigation ul #navsubmenu ul li ul li a{
	background-color:#555;
	}

#commonHeader #navigation ul #navsubmenu ul li ul li a:hover{
	background-color:#1f2557;
	}

/*\*/
html*#everything #commonHeader #navigation ul li ul li:hover ul {

[top:-1px; left:11.5em; /*required by Safari so that [] is correctly begun. associated with the property, yet hiding it. seen by IE6*/
top:-1px; left:11.5em;
]top:-1px; left:11.5em; /*Reset IE6 properties and hide from Safari. required by Safari so that [] is correctly ended. associated with the property, yet hiding it. seen by IE6*/
_top:-1px; left:11.5em;
}/**/

#commonHeader #navigation ul li:hover ul li a {
	display:block;
	height:auto;
	width:18em;
	/* background:#7f7d7c; */
	background-color: #555;
	color:#fff;
	
	
	}

#commonHeader #navigation ul li ul li:hover ul li a {
	/* background:#7f7d7c; */
    
	background-color: #1F2557;
	color:#fff;
	}

#commonHeader #navigation ul li:hover ul li a:hover {
	/* background:#7f7d7c; */
   
	background-color: #1F2557;
	color:#fff;
	}

#commonHeader #navigation ul li ul li:hover ul li a:hover {
	/* background:#7f7d7c; */
     
	background-color: #1F2557;
	color:#fff;
	}


	#commonHeader #navigation ul li span {
 	 
		font-weight: bold;
		margin-left: 93px;
	}


	#commonHeader #navigation ul li ul li span {
 	 
		font-weight: bold;
		margin-left: 0px;
	}



#crumbtrail {
display: block;
margin-top: 48px;
width: 700px;
margin-left: 20px;
margin-bottom: 20px;
}

 #crumbtrail a {
	color:#555;
	}
 #crumbtrail p {
	font-size:1.1em;
	color:#1F2557;
	}
.timetablepanel {

width: 250px;
height: 635px;
float: right;
overflow: hidden;
position: relative;
margin-right: 16px;
font-family: Verdana,Arial,Helvetica,Sans Serif;
font-size: 16px;
margin-bottom: 70px;
line-height: 25px;
}

#thumb {
overflow:auto;
height: 131px;
margin-bottom: 40px;
display:block;
    padding: 0px;
    margin: 0px;
    width: 5000px;
    list-style: none outside none;
   

}


.imageforthumb {
 
display: block;
width: 640px;
height: 480px;
float: left;
margin-left: 30px;
margin-bottom:40px;
}
.imageforthumbs {
 
 
width: 640px;
height: 480px;
 
}
#descriptionofimage {
 
display: block;
width: 400px;
height: 480px;
float: right;
margin-left: 22px;
margin-right: 20px;
 
text-align: left;
border-left: 1px solid black;
padding-top: 52px;
padding-left: 39px;
}

#descriptionofimage p{

    font-weight: bold;
font-size: 1.5em;
font-family: Verdana,Arial,Helvetica,Sans Serif;

}

    #descriptionofimage ul {

        list-style: circle;
font-size: 1.3em;
width: 250px;
display: block;
margin-top: 15px;
margin-left: 25px;
font-weight: bold;

line-height: 17px;
    }

 

#scrollContainer {
height: 153px;
overflow: auto;
width: 1105px;
margin-right: auto;
margin-left: auto;
margin-bottom: 25px;
}
#scrollbox {
margin: 0px;
width: 5864px;
list-style: none outside none;
height: 132px;
padding: 0px;
}
#scrollbox li {
float: left;
width: 140px;
height: 90px;
margin-right: 10px;
    
}



.button-section
{
display: block;
overflow: hidden;
position: relative;
width: 100%;
float: left;
margin-top: 30px;
/*height: 110px;*/
}

#timetablebuttons a:hover{
   text-decoration:underline;
   
}

#wrbbuttons a:hover{
   text-decoration:underline;
   
}

#newtimetable {
    width: 200px;
height: 70px;
border-radius: 5px;
background: none repeat scroll 0% 0% #0A5D66;
border: 0px;
color: #fff;
font-weight: bold;
font-family: Verdana,Arial,Helvetica,Sans Serif;
font-size: 1.4em;
display:block;
  
text-decoration: none;
text-align: center;
padding-top: 27px;
}

 #newtimetable:hover {
        background: none repeat scroll 0% 0% #084a51;
    }
	
#newtimetable2 {
    width: 200px;
height: 70px;
border-radius: 5px;
background: none repeat scroll 0% 0% #0A5D66;
border: 0px;
color: #fff;
font-weight: bold;
font-family: Verdana,Arial,Helvetica,Sans Serif;
font-size: 1.4em;
display:block;
  
text-decoration: none;
text-align: center;
padding-top: 27px;
}

 #newtimetable2:hover {
        background: none repeat scroll 0% 0% #084a51;
    }	


#oldtimetable {
    width: 200px;
height: 70px;
border-radius: 5px;
background: none repeat scroll 0% 0% #666;
border: 0px;
color: #fff;
font-weight: bold;
font-family: Verdana,Arial,Helvetica,Sans Serif;
font-size: 1.4em;
display:block;
text-decoration: none;
text-align: center;
padding-top: 27px;
margin-bottom: 50px;
}

    #oldtimetable:hover {
        background: none repeat scroll 0% 0% #404040;
    }

#oldwrb {
    width: 200px;
height: 70px;
border-radius: 5px;
background: none repeat scroll 0% 0% #666;
border: 0px;
color: #fff;
font-weight: bold;
font-family: Verdana,Arial,Helvetica,Sans Serif;
font-size: 1.4em;
display:block;
text-decoration: none;
text-align: center;
padding-top: 27px;
margin-bottom: 50px;
}
    #oldwrb:hover {
        background: none repeat scroll 0% 0% #404040;
    }

	#oldwrb a
	{
	    color: white;
    text-decoration: none;
}

#newwrb {
    width: 200px;
height: 70px;
border-radius: 5px;
background: none repeat scroll 0% 0% #008C99;
border: 0px;
color: #fff;
font-weight: bold;
font-family: Verdana,Arial,Helvetica,Sans Serif;
font-size: 1.4em;
display:block;
margin-bottom: 50px;
text-decoration: none;
text-align: center;
padding-top: 27px;
}

    #newwrb:hover {
        background: none repeat scroll 0% 0% #00707a;
    }

#newwrbnextyear {
    width: 200px;
height: 70px;
border-radius: 5px;
background: none repeat scroll 0% 0% #008C99;
border: 0px;
color: #fff;
font-weight: bold;
font-family: Verdana,Arial,Helvetica,Sans Serif;
font-size: 1.4em;
display:block;
margin-bottom: 50px;
text-decoration: none;
text-align: center;
padding-top: 27px;
}

    #newwrbnextyear:hover {
        background: none repeat scroll 0% 0% #00707a;
    }

#timetablebuttons {
margin-right: 135px;
margin-left: 130px;
overflow: hidden;
height: 70px;
display: inline-block;
width: 200px;
}

#wrbbuttons {
overflow: hidden;
width: 200px;
height: 70px;
display: inline-block;
}


#NOB {
width: auto;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
font-family: Verdana,Arial,Helvetica,Sans Serif;
font-size: 1.6em;
margin-bottom:10px;
line-height:130%;
}

#NOB {
max-width:1000px;

}

#NOB h2 {
text-decoration:none;
font-weight:bold;
}


#FAQaccordion {
width: auto;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
font-family: Verdana,Arial,Helvetica,Sans Serif;
font-size: 1.6em;
margin-bottom:70px;
}

#FAQaccordion {
max-width:1000px;

}

#WRBhowtoaccordion {
width: auto;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
font-family: Verdana,Arial,Helvetica,Sans Serif;
font-size: 1.6em;
margin-bottom:70px;
}

#WRBhowtoaccordion {
max-width:1000px;

}

#faqheading {
   
    width: 150px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 26px;
    font-family: inherit;
    font-size: 2em;
    font-weight: bold;
    color: #1F2557;
}

#NOBheading {
   
    width: 200px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 26px;
    font-family: inherit;
    font-size: 2em;
    font-weight: bold;
    color: #008C99;
}

#wrbhowtoheading {
   
    width: 267px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 26px;
    font-family: inherit;
    font-size: 2em;
    font-weight: bold;
    color: #1F2557;
}

#WRBhowtoaccordion a {
text-decoration:none;
font-weight:bold;
}

#FAQaccordion a {
text-decoration:none;
font-weight:bold;
}

.locationimageactive {
border: 1px solid #1F2557;
}

.divviewactive {
    visibility:visible;
}

.defaultvisibility {

visibility:hidden;
}
#stafffaqlist {

    display: block;
margin-left: 30px;
margin-bottom: 5px;
line-height: 22px;
list-style: circle;
}

 

.content
{
    display: none;
 
 
}

#qrheading {
   
width: 280px;
margin: 34px auto 0px;
font-family: inherit;
font-size: 2em;
font-weight: bold;
color: #1F2557;
}

#descriptionofqr {

    width: 671px;
float: right;
display: block;
margin-top: 101px;
margin-right: 120px;
font-family: Verdana,Arial,Helvetica,Sans Serif;
font-size: 1.6em;
line-height: 15px;
}

#QRimg {
width: 200px;
overflow: hidden;
display: block;
margin-left: 80px;
margin-top: 30px;
float: left;
margin-bottom: 250px;

}

.white, .white a {
  color: #fff;
  margin-top: 5px;
}

.errorText {

display: block;
width: 350px;
height: 550px;
margin-right: auto;
margin-left: auto;
margin-top: 100px;
text-align: center;
font-family: Arial;
font-size: 1.6em;
font-weight: bold;
}

#timetablebuttons2 {
 

margin-right: 135px;
margin-left: 130px;
overflow: hidden;
height: 70px;
display: inline-block;
width: 200px;

}

#wrbbuttons2 {
overflow: hidden;
width: 200px;
height: 70px;
display: inline-block;

}
.labeltop {
    font-family: inherit;
font-size: 2em;
font-weight: bold;
margin-bottom: 10px;
height: 20px;
margin-left: 20px;
background-image: linear-gradient(90deg, #1F2557, transparent);

    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#000), to(transparent));
    background-image: 
        -webkit-linear-gradient(90deg, #1F2557, transparent);
    background-image: 
        -moz-linear-gradient(90deg, #1F2557, transparent);
    
    background-image:
        -o-linear-gradient(90deg, #1F2557, transparent);
    background-image: 
        linear-gradient(90deg, #1F2557, transparent);
    -moz-background-size: 100% 1px;
    background-size: 100% 1px;
    background-position: 0 15px, 0 100%;
    background-repeat: no-repeat;

 }

.labelbottom {
    font-family: inherit;
font-size: 15px;
font-weight: bold;
margin-bottom: 10px;
height: 20px;
color: #2D5BA9;
margin-left: 20px;
background-image: linear-gradient(90deg, #1F2557, transparent);

    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#000), to(transparent));
    background-image: 
        -webkit-linear-gradient(90deg, #1F2557, transparent);
    background-image: 
        -moz-linear-gradient(90deg, #1F2557, transparent);
    
    background-image:
        -o-linear-gradient(90deg, #1F2557, transparent);
    background-image: 
        linear-gradient(90deg, #1F2557, transparent);
    -moz-background-size: 100% 1px;
    background-size: 100% 1px;
    background-position: 0 15px, 0 100%;
    background-repeat: no-repeat;
}
    .button-section2 {
display: block;
overflow: hidden;
position: relative;
width: 100%;
float: left;
margin-top: 10px;
height: 110px;
margin-bottom: 50px;
}

#timetablebuttons2 a:hover{
   text-decoration:underline;
   
}

#wrbbuttons2 a:hover{
   text-decoration:underline;
   
}

.maincarousel {

    width: 750px;
     height: 300px; 
     margin-left: 20px; 
     display: inline-block;
}


#sidepanel {
    height: 635px;
     border-radius:0px!important; 
     border-color:#555;
}

#panelheading {
    border-color: #555; border-radius: 0px; 
    color: #fff; 
    text-align: center; 
    font-weight: bold; 
    background-color: #555; 
    font-size: 1em !important;
}

#panelbody {
padding: 22px; 
font-size: 0.9em; 
height: 588px; 
 
}




@media (min-width: 1025px) and (max-width: 1202px) {


        #scrollContainer {
 
        width: auto;
    }

    #timetablebuttons {
        margin-right: 100px;
        margin-left: 76px;
    }

        #timetablebuttons2 {
        margin-right: 100px;
        margin-left: 76px;
    }

        .timetablepanel {
   height: 635px;
    float: right;
    overflow: hidden;
    position: relative;
    margin-right: 0px;
    font-family: Verdana,Arial,Helvetica,Sans Serif;
    font-size: 16px;
    margin-bottom: 70px;
    width: 250px;
    line-height: 25px;
}
 

    .button-section {
    display: block;
    overflow: hidden;
    position: relative;
    width: 670px;
    float: left;
    height: 111px;
    margin-top: 30px;
}

    .button-section2 {
 
        width: 670px;
    }
    #descriptionofimage {
    display: block;
    width: 228px;
    height: 480px;
    float: right;
    margin-left: 22px;
    margin-right: 20px;
    text-align: left;
    border-left: 1px solid #000;
    padding-top: 52px;
    padding-left: 39px;
}

    .maincarousel {
        width: 620px;
        height: 250px;
    }

#commonHeader {
    width: 940px;
}

#commonHeader #navigation {
     
    width: 940px;
	}
	
	#crumbtrail {
    
    width: 830px;
	}

	#contentalign {
 
    width: 931px;
	}
	
		#commonHeader #navigation ul li {
    float: left;
    position: relative;
    font-size: 1em;
    margin-left: 59px;
}
	
	
	
	#commonHeader #navigation #navInner {
    display: block;
    width: 940px;
}
}

@media (min-width: 992px) and (max-width: 1024px) {

    #descriptionofimage {
         
        width: 35%;
        height: 377px;
    }

    .imageforthumb {
    width: 500px;
    height: 380px;
}

    .imageforthumbs {
    width: 500px;
    height: 380px;
}
    #scrollContainer {
 
        width: auto;
    }

    #timetablebuttons {
        margin-right: 100px;
        margin-left: 76px;
    }

        #timetablebuttons2 {
        margin-right: 100px;
        margin-left: 76px;
    }

        .timetablepanel {
   height: 635px;
    float: right;
    overflow: hidden;
    position: relative;
    margin-right: 0px;
    font-family: Verdana,Arial,Helvetica,Sans Serif;
    font-size: 16px;
    margin-bottom: 70px;
    width: 250px;
    line-height: 25px;
}
 

    .button-section {
    display: block;
    overflow: hidden;
    position: relative;
    width: 670px;
    float: left;
    height: 111px;
    margin-top: 30px;
}

    .button-section2 {
 
        width: 670px;
    }
 
    .maincarousel {
        width: 620px;
        height: 250px;
    }

#commonHeader {
    width: 940px;
}

#commonHeader #navigation {
     
    width: 940px;
	}
	
	#crumbtrail {
    
    width: 830px;
	}

	#contentalign {
 
    width: 931px;
	}
	
		#commonHeader #navigation ul li {
    float: left;
    position: relative;
    font-size: 1em;
    margin-left: 59px;
}
	
	
	
	#commonHeader #navigation #navInner {
    display: block;
    width: 940px;
}
}

@media (min-width: 900px) and (max-width: 992px) {

        #descriptionofimage {
         
        width: 34%;
        height: 377px;
    }

    .imageforthumb {
    width: 500px;
    height: 380px;
}

    .imageforthumbs {
    width: 500px;
    height: 380px;
}

       #scrollContainer {
 
        width: auto;
    }

        #timetablebuttons {
        margin-right: 100px;
        margin-left: 76px;
    }

        #timetablebuttons2 {
        margin-right: 100px;
        margin-left: 76px;
    }

.timetablepanel {
   
    margin-right: 15px;
    
    width: 240px;
 
}

    .button-section {
 
    width: 584px;
 
}

    .button-section2 {
 
          width: 584px;
    }
 
.maincarousel {
    width: 577px;
        height: 250px;
    }

#commonHeader {
    width: 845px;
}

#commonHeader #navigation {
     
    width: 845px;
	}
	
	#crumbtrail {
    
    width: 820px;
	}

	#contentalign {
 
    width: 830px;
	}
	#commonHeader #navigation ul li {
    float: left;
    position: relative;
    font-size: 1em;
    margin-left: 47px;
}
	#commonHeader #navigation #navInner {
    display: block;
    width: 844px;
}
#commonHeader #navigation ul {
    list-style-type: none;
    margin: 2px;
}
}

@media (min-width: 741px) and (max-width: 899px)
{
        #descriptionofimage {
         
        width: 30%;
      height: 300px;
    }

    .imageforthumb {
width: 56%;
height: 87%;
}

    .imageforthumbs {
width: 88%;
height: 87%;
}

       #scrollContainer {
 
        width: auto;
    }
   #timetablebuttons {
       margin-left: 16px;
        margin-right: 0px;
    }

        #timetablebuttons2 {
       margin-left: 16px;
        margin-right: 0px;
    }

.timetablepanel {
   
    margin-right: 15px;
  width: 25%;
 
}
 

    .button-section {
 
    width: 60%;
     margin-top: 0px;
 
}

    .button-section2 {
  
    width: 60%;
     margin-top: 0px;
    }
 
.maincarousel {
 
    width: 69%;
        height: 250px;
    }

#commonHeader {
    width: auto;
}

#commonHeader #navigation {
     
    width: auto;
    font-weight: normal;
	}
	
	#crumbtrail {
    
    width: 820px;
	}

	#contentalign {
 
    width: 830px;
	}
	#commonHeader #navigation ul li {
    float: left;
    position: relative;
    font-size: 1em;
    margin-left: 47px;
}
	#commonHeader #navigation #navInner {
    display: block;
    width: auto;
}
#commonHeader #navigation ul {
    list-style-type: none;
    margin: 2px;
}
} 

@media (max-width: 750px)
{




            #descriptionofimage {
         
        width: 30%;
      height: 300px;

 
float: left;
margin-left: 22px;
margin-right: 20px;
text-align: left;
border-left: none;
padding-top: 52px;
padding-left: 39px;
    }
                .imageforthumb {
width: 100%;
 
}

    .imageforthumbs {
width: 100%;
}

       #scrollContainer {
 
        width: auto;
    }
 #timetablebuttons {
       margin-left: 16px;
        margin-right: 0px;
    }

        #timetablebuttons2 {
       margin-left: 16px;
        margin-right: 0px;
    }

.timetablepanel {
   
    margin-right: 15px;
  width: 25%;
 
}
 

    .button-section {
 
    width: 60%;
     margin-top: 0px;
 height: auto;
}

    .button-section2 {
  
    width: 60%;
     margin-top: 0px;
     height: auto;
    }
    #wrbbuttons {
    overflow: hidden;
    width: 200px;
    height: 70px;
    margin-top:10px;
    display: inline-block;
    margin-left: 15px;
}

    #wrbbuttons2 {
    overflow: hidden;
    width: 200px;
    height: 70px;
    display: inline-block;
    margin-top:10px;
        margin-left: 15px;
}
.maincarousel {
 
    width: 69%;
        height: 250px;
    }

#commonHeader {
    width: auto;
}

#commonHeader #navigation {
     
    width: 100%;
    font-weight: normal;
	}
	
	#crumbtrail {
    
    width: 820px;
	}

	#contentalign {
 
    width: 830px;
	}
	#commonHeader #navigation ul li {
    float: left;
    position: relative;
    font-size: 1em;
  margin-left: 1%;
}
	#commonHeader #navigation #navInner {
    display: block;
width: 100%;
}
#commonHeader #navigation ul {
    list-style-type: none;
    margin: 2px;
}
 
}

 .tooltip-inner
 {
     max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #000;
    border-radius: 4px;
    font-size: 11px;
 }