body {
	margin: 0;
	padding: 0;
	text-align: center;
	height: 100%;
	font-family: arial, helvetica;
	color: #333366;
	font-size: 90%;
	background-image: url('/media/Media,4682,en.jpg');
	line-height: 90%;
}

  form {

                     display: inline; 

                        }

html {
	height: 100%;
}


h1 {
	color: #ffffff;
	font-size: 100%;
	font-weight: bold;
}

h2 {
	color: #333366;
	font-size: 110%;
	font-weight: bold;
}
h3 {
	color: #333366;
	font-size: 105%;

}
h4 {
	color: #333366;
	font-size: 100%;
}
h5 {
	color: #333366;
	font-size: 100%;
	font-style: italic;
}
h6 {
	color: #333366;
	font-size: 100%;
	font-style: italic;
}


img {
	border: 0px none;
}

td {
	vertical-align : top;
	font-size: 100%;
}

table {
	font-size: 100%;
	}

#wrapper {
	display:table; /* must put this in for FireFox. */
	width:768px;
	margin:auto; /* for IE6 and Firefox centering */
	text-align:left; /* so that IE6 and Firefox puts the text to the left */
	/*height:690px;  Have to put SOMETHING in here for the height for both browser. 
	height: 100%;*/  /*Commented out by Raewyn to fix IE7 issue */
	background-image: url('/media/Media,4676,en.gif');
}
/* Backgound on home page is transparent to allow gradient through */

#wrapper_home {
	display:table; /* must put this in for FireFox. */
	width:768px;
	margin:auto; /* for IE6 and Firfox centering */
	text-align:left; /* so that IE6 and Firefox puts the text to the left */
	/*height:670px;  Have to put SOMETHING in here for the height for both browser. 
	height: 100%;*/
	background-image: url('/media/Media,4677,en.gif');
}

#logo{
	float: left;
}

#headergfx{
	float: right;
}

#content {
	margin:auto;
	height: 100%;
	width: 760px;
}

#leftcolumn {
	width: 197px;
	float: left;

}
#rightcolumn {
	width: 560px;
	float: right;
	text-align:left;
}
#rightcolumnfull {
	width: 563px;
	float: right;
	text-align:left;
}
#fullcolumn {
	width: 757px;
	float: left;
}

/*#maincontent {
	float: left;

	border-right: 10px solid #ffffff;
	border-top: 10px solid #ffffff;
	border-bottom: 10px solid #ffffff;
	color: #303678;
	width: 370px;
	font-size: 90%;
	margin-left: 2px;
}
*/

#maincontent {
	float: left;
	border-right: 0px solid #ffffff;
	border-top: 10px solid #ffffff;
	border-bottom: 0px solid #ffffff;
	color: #303678;
	min-height:550px;
	
/*width: 370px;*/

width: 555px;
	font-size: 90%;
	margin-left: 0px;

}




.fullcontent #maincontent {
	width: 532px;
}
.fullwidthcontent #maincontent {
	width: 729px;
}
#maincontent p {
	line-height: normal;
}
#maincontent a {
	color: #6290B1;
}
#maincontent a:hover {
	text-decoration: none;
}
#maincontent ol, #maincontent ul {
	line-height: normal;
}
#rightpromos {
	float: right;
	width: 162px;
	font-size: 80%;
}

#searchbar {
	width: 560px;
	height: 30px;
	background: #6DB6E4;
	background-image:url('/media/Media,4673,en.gif');
	font-size: 80%;	
}
#searchbarfull {
	width: 560px;
	height: 30px;
	background: #6DB6E4;
	background-image: url('/media/Media,4673,en.gif');
	font-size: 80%;	
}

#breadcrumbbar {
	width: 560px;
	float:right;
	height: 100%;
	background: #CCCCCC url('/media/Media,5647,en.gif') repeat-y;
	font-size: 80%;
	line-height: 18px;
	/*margin-left: -3px;*/
	position:relative;
}
#breadcrumbbarfull {
	width: 563px;
	height: 100%;
	background: #CCCCCC url('/media/Media,5647,en.gif') repeat-y;
	font-size: 80%;
	line-height: 18px;
	margin-left: -3px;
	position:relative;
}

#search {
	font-weight: bold;
	float: right;
	padding-right: 5px;
	padding-top: 3px;
}

#breadcrumbbar_nav {
	margin: 0px;
	padding-left: 10px;
	float: left;
	font-size: 100%;
/*	overflow: hidden;*/
/*	width: 450px;*/
/*	height: 20px;*/

	}

#breadcrumbbar_language {
	margin: 0px;
	padding-right: 10px;
	float: right;
	font-weight: bold;
}

#breadcrumbbar_language a:link, #breadcrumbbar_language a:visited, #breadcrumbbar_language a:active {
	color: #333366;
	text-decoration: none;
}

#breadcrumbbar_language a:hover {
	text-decoration: underline;
}

#breadcrumbbar_nav a:link, #breadcrumbbar_nav a:visited, #breadcrumbbar_nav a:active {
	color: #333366;
	text-decoration: none;
}

#breadcrumbbar_nav a:hover {
	text-decoration: underline;
}

#searchbutton {
	top: 3px;
	position: relative;
	border: 0px;
}

#footerspacer {
	height: 26px;
	background-image: url('/media/Media,4661,en.gif');
	width: 760px;
	clear: both;
}

#footer {
	background: #ffffff;
	clear: both;
	color: #666666;
	border-left: 10px solid #ffffff;
	border-top: 3px solid #ffffff;
	height: 26px;
	}

#footer a:link, #footer a:visited, #footer a:active {
	color: #666666;
	font-weight: bold;
	text-decoration: none;
	font-size: 80%;
}
#footer #quicklinks .label {
	font-weight: bold;
	color: #6DB6E4;
	font-size: 90%;
	display: inline;
}
#footer #quicklinks {
	text-align: center;
}
#footer a:hover {
	text-decoration: underline;
}

#footerlinks {
	float: left;
}

#footerlogos {
	border-right: 10px solid #ffffff;
	border-top: 3px solid #ffffff;
	float: right;
}

.searchform {
	font-size: 100%;	
}

#leftboxes {
	background: #ffffff;
	width: 200px;
	height: 100%;
}

#leftboxes_home {
	width: 197px;
	height: 100%;
	font-size: 75%;
	padding-top: 28.1em;
}

/* Firefox padding */
html>body #leftboxes_home {
	padding-top: 27em;
}

/* Promo boxes */

.whitepromohead {
	color: #ffffff;
	padding: 2px 10px 3px 3px;
	font-weight: bold;
	border-bottom: 1px solid #6DB6E4;
	margin: 5px 5px 5px 5px;
}

.whitepromocontent {
	margin: 5px 5px 5px 5px;
	
}

.ltbluebox {
	background: #6DB6E4;
	text-align: left;
	color: #333366;
	padding-bottom: 5px;
}

.ltbluebox a:link, .ltbluebox a:visited, .ltbluebox a:active {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	text-align: right;
	width: 100%;
	padding-right: 5px;
}

.ltbluebox a:hover {
	text-decoration: underline;
}

.bluebox {
	background: #6290B1;
	text-align: left;
	color: #ffffff;
	padding-bottom: 5px;
}

.bluebox a:link, .bluebox a:visited, .bluebox a:active {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	text-align: right;
	width: 100%;
	padding-right: 5px;
}

.bluebox a:hover {
	text-decoration: underline;
}
.bluebox table.setheight {
	height: 217px;
}

.greybox {
	background: #CCCCCC;
	text-align: left;
	color: #333366;
	padding-bottom: 5px;
}

.greybox a:link, .greybox a:visited, .greybox a:active {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	text-align: right;
	width: 100%;
	padding-right: 5px;
}

.greybox a:hover {
	text-decoration: underline;
}

.bluepromohead {
	color: #333366;
	padding: 2px 10px 3px 3px;
	font-weight: bold;
	border-bottom: 1px solid #6DB6E4;
	margin: 5px 5px 5px 5px;
}

.whitebox {
	background: #ffffff;
	text-align: left;
	color: #333366;
	padding-bottom: 5px;
}

.whitebox a:link, .whitebox a:visited, .whitebox a:active {
	color: #333366;
	font-weight: bold;
	text-decoration: none;
	text-align: right;
	width: 100%;
	padding-right: 5px;
}

.whitebox a:hover {
	text-decoration: underline;
}

.linkarrow {
	vertical-align: middle;	
}

IMG.thumbnail {
	border: 2px solid #FFFFFF;
}

IMG.thumbnaillt {
	border: 2px solid #6DB6E4;
}

.spacer {
	height: 2px;
}

.endmenu {
	background-color: #ffffff;
	height: 1px;
}



/* Navigation Menu */
div#menu {
	width: 200px;
	margin-bottom: 1em;
	color: #333;
	font-size: 85%;
	margin: 0;
	float: left;
	padding: 0;

	/* Background */
	background-image: url('/media/Media,4670,en.gif');
}

#menubottomdrop{
	/* this needed to place drop shadow on bottom */
	background: #ffffff;
}

div#menu ul {
	margin-left: 0px;
	padding: 0px 0px 0px 5px;
	border: none;
	list-style: none;
	font-weight: bold;
}
		
div#menu ul li {
	border-bottom: 1px solid #6DB6E4;
	width: 180px;
	color: #333366;
	clear: both;
}

div#menu ul li a {
	padding: 5px 5px 5px 20px;
	display: block;
	text-decoration: none;
	color: #333366;
	height: 100%;
	background: #ffffff url('/media/Media,4665,en.gif') no-repeat 0.5em 0.5em;
}

div#menu ul li a:hover {
	background-color: #6DB6E4;
	color: #ffffff;
}




/* Added by t4 */
#menu li .currentbranch0 {
	padding: 5px 5px 5px 20px;
	display: block;
	text-decoration: none;
	color: #ffffff;
	height: 100%;
	background: #6DB6E4 url('/media/Media,4665,en.gif') no-repeat 0.5em 0.5em;
}
#menu li .currentbranch0 a {
	padding: 0;
	display: normal;
	text-decoration: none;
	color: #ffffff;
	background: none;
}

/*#menu ul.multilevel-linkul-0 {
	background-color: #DBDBDB;
	padding: 0;
	margin: 0px;
	}
#menu ul.multilevel-linkul-0 li {
	border: none;

}
#menu ul.multilevel-linkul-0 li a {
	padding: 4px 5px 4px 20px;
	background: #DBDBDB url('/media/Media,4666,en.gif') no-repeat 0.5em 0.5em;
}
#menu ul.multilevel-linkul-0 li a:hover {
	background: #DBDBDB url('/media/Media,4666,en.gif') no-repeat 0.5em 0.5em;
}

#menu ul.multilevel-linkul-0 li .currentbranch1 {
	padding: 4px 5px 4px 20px;
	background: #DBDBDB url('/media/Media,4666,en.gif') no-repeat 0.5em 0.5em;
	display: block;
	text-transform: uppercase;
}
#menu ul.multilevel-linkul-0 li .currentbranch1 a, #menu ul.multilevel-linkul-0 li .currentbranch1 a:hover {
	padding: 0;
	background: 0;
	text-transform: none;
}*/
#menu ul.multilevel-linkul-0 {
	background-color: #ffffff;
	width: 180px;
	color: #333;
	padding: 0;
	border-bottom: 1px solid #ffffff;
	margin: 0px;
	border: none;
	list-style: none;
	font-weight: bold;
}


#menu ul.multilevel-linkul-0 li {
	border-top: 1px solid #ffffff;
	width: 180px;
	border-bottom: 0px;
	float: left;
	display: block;
	clear: both;
}

#menu ul.multilevel-linkul-0 li a {
	background: #DBDBDB url('/media/Media,4666,en.gif') no-repeat 0.5em 0.5em;
}

#menu ul.multilevel-linkul-0 li a:hover {
	background-color: #cccccc;
	color: #ffffff;
}

#menu ul.multilevel-linkul-0 li .currentbranch1 {
	padding: 5px 5px 5px 20px;
	display: block;
	text-decoration: none;
	/*color: #6DB6E4;*/
	height: 100%;
	background: #DBDBDB url('/media/Media,4666,en.gif') no-repeat 0.5em 0.5em;
	text-transform: uppercase;
	}

#menu ul.multilevel-linkul-0 li .currentbranch1 a{
	padding: 0;
	display: normal;
	text-decoration: none;
	/*color: #6DB6E4;*/
	height: 100%;
	background: none;
	text-transform: none;
	}
#menu ul.multilevel-linkul-1 {
	background-color: #ffffff;
	padding: 0;
	margin: 0px;
}
#menu ul.multilevel-linkul-1 li {
	border: none;
}
#menu ul.multilevel-linkul-1 li a {
	padding: 4px 5px 4px 20px;
	background: url('/media/Media,5163,en.gif') no-repeat 0.5em 0.5em;
}
#menu ul.multilevel-linkul-1 li a:hover {
	color: #6DB6E4;
	background: url('/media/Media,5163,en.gif') no-repeat 0.5em 0.5em;
}
#menu ul.multilevel-linkul-1 li .currentbranch2 {
	padding: 4px 5px 4px 20px;
	display: block;
	color: #6DB6E4;
	text-transform: uppercase;
	background: url('/media/Media,5163,en.gif') no-repeat 0.5em 0.5em;
}
#menu ul.multilevel-linkul-1 li .currentbranch2 a {
	padding: 0;
	background: none;
	text-transform: none;
}
#menu ul.multilevel-linkul-1 li .currentbranch2 a:hover {
	background: none;
}
#menu ul.multilevel-linkul-2 li {
	width: 170px;
}
#menu ul.multilevel-linkul-2 li a {
	padding: 4px 5px 4px 27px;
	background: url('/media/Media,5162,en.gif') no-repeat 1em 0.5em;
}
#menu ul.multilevel-linkul-2 li a:hover {
	background: url('/media/Media,5162,en.gif') no-repeat 1em 0.5em;
}
#menu ul.multilevel-linkul-2 li .currentbranch3 {
	padding: 4px 5px 4px 27px;
	display: block;
	color: #6DB6E4;
	text-transform: uppercase;
	background: url('/media/Media,5162,en.gif') no-repeat 1em 0.5em;
}
#menu ul.multilevel-linkul-2 li .currentbranch3 a {
	padding: 0;
	background: 0;
	text-transform: none;
	color: #6DB6E4;
	background: none;
}
#menu ul.multilevel-linkul-2 li .currentbranch3 a:hover {
	background: none;
}
#menu ul.multilevel-linkul-3 li {
	width: 170px;
}

#menu ul.multilevel-linkul-3 li a {
	padding: 4px 5px 4px 35px;
	background: none;
}
#menu ul.multilevel-linkul-3 li a:hover {
	background: none;
}
#menu ul.multilevel-linkul-3 li .currentbranch4 {
	padding: 4px 5px 4px 35px;
	display: block;
	color: #6DB6E4;
	text-transform: uppercase;
}
#menu ul.multilevel-linkul-3 li .currentbranch4 a {
	padding: 0;
	background: 0;
	text-transform: none;
	color: #6DB6E4;
}
/* end added by t4 */

/* Navigation Menu Home */
#homemenu {
	width: 200px;
	margin: 0;
	margin-bottom: 1em;
	color: #333;
	font-size: 85%;
	
	/* this needed to float drop shadow on right */
	position: absolute;
	z-index: 10;
	/* Background */
	background-image: url('/media/Media,4667,en.gif');
}


#homemenu ul {
	margin-left: 0px;
	padding: 0px 5px 0px 5px;
	border: none;
	list-style: none;
	font-weight: bold;
	margin-right: 4px;
	}
		
#homemenu li {
	border-bottom: 1px solid #6DB6E4;
	width: 180px;
}

#homemenu li a {
	display: block;
	padding: 5px 5px 5px 20px;
	text-decoration: none;
	color: #333366;
	height: 100%;
	background: #ffffff url('/media/Media,4665,en.gif') no-repeat 0.5em 0.5em;
}

#homemenu li a:hover {
	background-color: #6DB6E4;
	color: #ffffff;
}


/* Home Specific */
#home_rightcontent {
	width: 275px;
	float: right;
	font-size: 75%; 
}

#home_middlecontent {
	width: 278px;
	float: left;
	padding-left: 6px;
	font-size: 75%;
	clear: both;
}

#map {
	text-align: center;	
	height: 306px;
	border: 0px none;
	padding: 0;
	margin: 0
}

/* Firefox height */
html>body #map {
	height: 316px;
}

.bluebox table {
	padding-left: 5px;
}


.bluebox table a:link, .bluebox table a:visited, .bluebox table a:active {
	color: #cccccc;
}

.whitebox table {
	padding-left: 5px;
}

div.date {
	font-weight: bold;
	color: #A9D9F7;
	width: 45px;
}
div.dateblack {
	font-weight: bold;
	color: #000000;
	width: 45px;
}

#searchactivity a:link, #searchactivity a:visited, #searchactivity a:active{
	text-decoration: none;
	font-weight: bold;
	color: #ffffff;
	float: right;
}

	


/* Templates */
#maincontent .threecol {
	display: block;
	padding-top: 10px;
	line-height: 120%;
}
			
#maincontent .threecol .col1 {
	width: 77%;
	display: block;
	float: left;
}
#maincontent .threecol .col2 {
	width: 4.0em;
	display: block;
	float: left;
}
#maincontent .threecol .col3 {
	width: 1.0em;
	display: block;
	float: left;
	
}


#maincontent .twocol {
	display: block;
	padding-top: 10px;
	line-height: 120%;
}

#maincontent .twocol .col1 {
	width: 5.0em;
	display: block;
	float: left;
}
#maincontent .twocol .col2 {
	width: 82%;
	display: block;
	float: left;
}

#maincontent .twoequalcol {
	display: block;
	padding-top: 10px;
	line-height: 120%;
}

#maincontent .twoequalcol .col1 {
	width: 40%;
	display: block;
	float: left;
}
#maincontent .twoequalcol .col2 {
	width: 60%;
	display: block;
	float: left;
}


#maincontent .sitemap {
	margin-top: -17px;
}
#maincontent .sitemap ul {
	margin-left: 0px;
}
#maincontent .sitemap ul ul {
	margin-left: 30px;
}
#maincontent .sitemap ul a {
	display: none;
}
#maincontent .sitemap ul ul a {
	display: block;
}


.transport21logo {
	padding: 23px 5px 23px 5px;
	margin: 5px 0px 0px 0px;
	background-color: #ffffff;
}


/* Form Styles */


#maincontent form {
	padding: 0px 0 0 0;
}

#maincontent label {
	float: left;
	margin: 2px 0 5px 0;
	font-weight: bold;
	
}

/*
#maincontent input {
	float: right;
	width: 200px;
	margin: 0 150px 12px 0;
	padding: 1px 1px 1px 3px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 1em;
}
*/

#maincontent input {
	float: right;
	width: 262px;
	margin: 0px 80px 12px 0;

	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.9em;
}




#maincontent input.sub {
	float: right;
	width: 75px;
	margin: 0 10px 0 0;
	padding: 0;
	font-size: 0.9em;
}

#maincontent input.sub2 {
	float: right;
	width: 75px;
	margin: 0 200px 0 0;
	padding: 0;
	font-size: 0.9em;
}







#maincontent select {
	float: right;
	width: 267px !important; width: 266px;
	margin: 0 80px 12px 0;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.9em;
}





#maincontent select.small {
	float: right;
	width: 121px !important; width: 120px;
	margin: 0 5px 12px 0;
}

#maincontent select.small2 {
	float: right;
	width: 121px !important; width: 121px;
	margin: 0 160px 12px 0;
}

#maincontent textarea {
	float: right;
	width: 241px;
	margin: 0 160px 12px 0;
	padding: 1px 1px 1px 3px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 1em;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 238px;
}

#maincontent .button {
	float: left;
	margin: 0px 0px 12px 182px;
}



.hidden {
	display: none;
}










.whitenewsbox {
	background: #ffffff;
	text-align: left;
	color: #000000;
	padding-bottom: 5px;
}

.whitenewsbox a:link, .whitenewsbox a:visited, .whitenewsbox a:active {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	text-align: right;
	width: 100%;
	padding-right: 5px;
}

.whitenewsbox a:hover {
	text-decoration: underline;
}
.whitenewsbox table.setheight {
	height: 217px;
}



.whitenewsbox table {
	padding-left: 5px;
}


.whitenewsbox table a:link, .whitenewsbox table a:visited, .whitenewsbox table a:active {
	color: #000000;
}

.blackpromohead {
	color: #000000;
	padding: 2px 10px 3px 3px;
	font-weight: bold;
	border-bottom: 1px solid #000000;
	margin: 5px 5px 5px 5px;
}