/* CSS Document */

body,
	html {
		margin:0;
		padding:0;
		background:#c9c9c9;
		width:auto;
		color:#000;
	}

.text {
font: 13px verdana;
color: #000000;
background: #FFFFFF;
text-align: left;
}

.map {
text-align: center;
}

/*link styles*/
a:link     { color: #0000FF; text-decoration: underline; font: 13px verdana; }
a:visited  { color: #0000FF; text-decoration: underline; font: 13px verdana; }
a:active   { color: #0000FF; text-decoration: underline; font: 13px verdana; }
a:hover    { color: #cc0000; text-decoration: underline; font: 13px verdana; }

.text a:link     { color: #0000FF; text-decoration: underline; font: 13px verdana; }
.text a:visited  { color: #0000FF; text-decoration: underline; font: 13px verdana; }
.text a:active   { color: #0000FF; text-decoration: underline; font: 13px verdana; }
.text a:hover    { color: #cc0000; text-decoration: underline; font: 13px verdana; }


#wrap {
	background:#fff;
	margin:0 auto;
	width:850px;
}

#header_home { background-image: url(resource/home_header2.gif); background-repeat: no-repeat; height:152px;}
#header { background-image: url(resource/header2.gif); background-repeat: no-repeat; height:152px;}
#header_uo { background-image: url(resource/uo_header2.gif); background-repeat: no-repeat; height:175px;}
#header_rights { background-image: url(resource/rr_header.gif); background-repeat: no-repeat; height:120px;}
#header_gus { background-image: url(resource/gus_header.gif); background-repeat: no-repeat; height:120px;}
#header_notice { background-image: url(resource/notice_header.gif); background-repeat: no-repeat; height:120px;}


#navigation {
	width: 100%;
	background: #903f98;
	height: 30px;
}

#leftcolumn {
	clear: both;
	float: left;
	width: 25%;
	margin-right: 2%;
	padding-left: 3%;
}

#search_wrap {
color:#fff065;
visibility: visible; 
display: block; 
padding: 5px; 
position: relative; 
z-index: 1; 
top: 7px; 
left: 40px; 
width: 210px; 
height: 20px; 
align: left; 
background-color: #fff065; 
layer-background-color: #fff065;

}

#whats_new {
visibility: visible;
display: block; 
padding: 5px; 
margin: 0px; 
position: relative; 
z-index: 1; 
top: 0px; 
left: 465px; 
width: 350px; 
height: 97px; 
overflow: auto; 
align: left;

}

#quote_one {
visibility: visible; 
display: block; 
background-color:#fff065; 
padding: 5px; 
position: relative; 
z-index: 1; 
top: -25px; 
left: 485px; 
width: 335px; 
height: 133px; 
overflow: none; 
align: left;
}

#quote_two {
visibility: visible; 
display: block; 
background-color:#fff065; 
padding: 5px; 
position: relative; 
z-index: 1; 
top: -25px; 
left: 440px; 
width: 335px; 
height: 133px; 
overflow: none; 
align: left;

}

#quote_three {
visibility: visible; 
display: block; 
background-color:#fff065; 
padding: 5px; 
position: relative; 
z-index: 1; 
top: -25px; 
left: 420px; 
width: 335px; 
height: 133px; 
overflow: none; 
align: left;

}

#quote_four {

visibility: visible; 
display: block; 
background-color:#fff065;
 padding: 5px; 
 position: relative; 
 z-index: 1; 
 top: -25px; 
 left: 420px; 
 width: 335px; 
 height: 133px; 
 overflow: none; 
 align: left;

}

#quote_five {
visibility: visible; 
display: block; 
background-color:#fff065; 
padding: 5px; 
position: relative; 
z-index: 1; 
top: -25px; 
left: 430px; 
width: 335px; 
height: 133px; 
overflow: none; 
align: left;

}

#quote_six {
visibility: visible; 
display: block; 
background-color:#fff065; 
padding: 5px; 
position: relative; 
z-index: 1; 
top: -25px; 
left: 440px; 
width: 335px; 
height: 133px; 
overflow: none; 
align: left;

}

#content { float: left; width: 100%; background-image: url(resource/home_bg3.gif); background-repeat: no-repeat; height: 388px;}
#content_links { float: left; width: 100%; background-image: url(resource/links_bg3.gif); background-repeat: no-repeat; height: 388px;}
#content_buslowfares { float: left; width: 100%; background-image: url(resource/bus_lowfares_bg3.gif); background-repeat: no-repeat; height: 388px;}
#content_bustickets { float: left; width: 100%; background-image: url(resource/bus_tickets_bg3.gif); background-repeat: no-repeat; height: 387px;}
#content_bustimes { float: left; width: 100%; background-image: url(resource/buses_times_bg3.gif); background-repeat: no-repeat; height: 387px;}
#content_nightbus { float: left; width: 100%; background-image: url(resource/nightbus_bg3.gif); background-repeat: no-repeat; height: 387px;}
#content_bustext { float: left; width: 100%; background-image: url(resource/bus_text_bg3.gif); background-repeat: no-repeat; height: 387px;}
#content_train_lowfares { float: left; width: 100%; background-image: url(resource/train_lowfares_bg3.gif); background-repeat: no-repeat; height: 387px;}
#content_train_tickets { float: left; width: 100%; background-image: url(resource/train_tickets_bg3.gif); background-repeat: no-repeat; height: 387px;}
#content_train_times { float: left; width: 100%; background-image: url(resource/train_times_bg3.gif); background-repeat: no-repeat; height: 387px;}
#content_train_running { float: left; width: 100%; background-image: url(resource/trains_running_bg3.gif); background-repeat: no-repeat; height: 387px;}
#content_tram_lowfares { float: left; width: 100%; background-image: url(resource/tram_lowfares_bg3.gif); background-repeat: no-repeat; height: 387px;}
#content_tram_times { float: left; width: 100%; background-image: url(resource/trams_times_bg3.gif); background-repeat: no-repeat; height: 387px;}
#content_doortodoor { float: left; width: 100%; background-image: url(resource/doortodoor_bg3.gif); background-repeat: no-repeat; height: 387px;}
#content_grants { float: left; width: 100%; background-image: url(resource/grants_bg3.gif); background-repeat: no-repeat; height: 387px;}
#content_safer { float: left; width: 100%; background-image: url(resource/safer_bg3.gif); background-repeat: no-repeat; height: 387px;}
#content_free_travel { float: left; width: 100%; background-image: url(resource/free_travel_bg3.gif); background-repeat: no-repeat; height: 387px;}
#content_green_env { float: left; width: 100%; background-image: url(resource/yourenv_bg3.gif); background-repeat: no-repeat; height: 387px;}
#content_greener_travel { float: left; width: 100%; background-image: url(resource/greener_bg3.gif); background-repeat: no-repeat; height: 387px;}
#content_green_links { float: left; width: 100%; background-image: url(resource/green_links_bg3.gif); background-repeat: no-repeat; height: 387px;}
#content_yoursay { float: left; width: 100%; background-image: url(resource/haveyoursay_bg3.gif); background-repeat: no-repeat; height: 387px;}
#content_swotting { float: left; width: 100%; background-image: url(resource/swotting_bg3.gif); background-repeat: no-repeat; height: 387px;}
#content_uo { float: left; width: 100%; background-image: url(resource/uo_bg3.gif); background-repeat: no-repeat; height: 409px;}
#content_rights { float: left; width: 100%; background-image: url(resource/rr_bg2.gif); background-repeat: no-repeat; height: 460px;}
#content_notice { float: left; width: 100%; background-image: url(resource/notice_bg2.gif); background-repeat: no-repeat; height: 460px;}
#content_gus { float: left; width: 100%; background: #fff; background-repeat: no-repeat; height: 350px;}
#content_school { float: left; width: 100%; background-image: url(resource/school_bg.gif); background-repeat: no-repeat; height: 655px;}
#content_college { float: left; width: 100%; background-image: url(resource/school_bg.gif); background-repeat: no-repeat; height: 655px;}

#footer {
	clear: both;
	text-align: center;
	background:#c9c9c9;
}

/** Navigation **/

#menu_wrap {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 850px;
}

#nav {
	width: 850px;
	height: 40px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	list-style-type: none;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#nav li {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #fff;
	padding: 0px;
	float: left;
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-weight: normal;
	text-transform: lowercase;
}

#nav a {
	height:18px;
	display: block;
	margin: 0px;
	float: left;
	color: #fff;
	text-decoration: none;
	text-align: center;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #fff;
	padding-top: 15px;
	padding-right: 12px;
	padding-bottom: 10px;
	padding-left: 12px;
	}

#nav a:hover, #currentpage a {
	color: #ffffff;
	background-color: #5b58a5;
}

#nav .first {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFF;
}


/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/stamp-collecting.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */


#menuWrap {float:left; height:30px; padding-right:20px; margin-left:40px;  }
#menu {margin:0; padding:0 0 0 20px; list-style:none; white-space:nowrap; text-align:left; float:left; }

#menu li {margin:0; padding:0; list-style:none; }
#menu li {display:inline-block; display:inline; }
#menu ul {padding:0; margin:0; list-style:none; position:absolute; left:-9999px; }

#menu ul.ul-one {background:#893733; }
#menu ul.ul-two {background:#a25e5b; }
#menu ul.ul-three {background:#893733; }
#menu ul.ul-four {background:#893733; }
#menu ul.ul-five {background:#893733; }
#menu ul.ul-six {background:#893733; }
#menu ul.ul-seven {background:#893733; }

#menu li.li-top {float:left; display:block;  background:url(stamp/divider.gif) no-repeat left center; z-index:500; }
#menu li.first {background:none; }

#menu a {display:block; font:normal 11px verdana,arial,sans-serif; color:#FFF; line-height:30px; text-decoration:none; padding:0 15px 0 15px; z-index:500;}

#menu :hover a:hover {background:#000; color:#fff; }



#menu li.li-top a.top {float:left; }

#menu li a.top:hover {position:relative; background:#a25e5b; color:#fff; }
#menu li.li-top:hover {position:relative; background:#a25e5b; color:#fff; }

#menu li.li-top:hover > a, #menu li.li-top:hover ul :hover > a {background:#000000; color:#fff; }

#menu li.li-top:hover ul {margin-top:25px;}

#menu :hover ul {left:0; }
#menu :hover ul a {white-space:nowrap; }
#menu :hover ul b {position:absolute; }
#menu :hover ul.right {left:auto; right:-1px; }

#menu :hover ul :hover ul, 
#menu :hover ul :hover ul :hover ul,
#menu :hover ul :hover ul :hover ul :hover ul,
#menu :hover ul :hover ul :hover ul :hover ul :hover ul,
#menu :hover ul :hover ul :hover ul :hover ul :hover ul :hover ul,
#menu :hover ul :hover ul :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90%; margin-top:-30px; }

#menu :hover ul :hover ul.left, 
#menu :hover ul :hover ul :hover ul.left,
#menu :hover ul :hover ul :hover ul :hover ul.left,
#menu :hover ul :hover ul :hover ul :hover ul :hover ul.left,
#menu :hover ul :hover ul :hover ul :hover ul :hover ul :hover ul.left,
#menu :hover ul :hover ul :hover ul :hover ul :hover ul :hover ul :hover ul.left
{left:auto; right:95%; margin-top:-30px; }

#menu :hover ul ul, 
#menu :hover ul :hover ul ul,
#menu :hover ul :hover ul :hover ul ul,
#menu :hover ul :hover ul :hover ul :hover ul ul,
#menu :hover ul :hover ul :hover ul :hover ul :hover ul ul,
#menu :hover ul :hover ul :hover ul :hover ul :hover ul :hover ul ul
{left:-9999px; }

#menu :hover ul ul.left, 
#menu :hover ul :hover ul ul.left,
#menu :hover ul :hover ul :hover ul ul.left,
#menu :hover ul :hover ul :hover ul :hover ul ul.left,
#menu :hover ul :hover ul :hover ul :hover ul :hover ul ul.left,
#menu :hover ul :hover ul :hover ul :hover ul :hover ul :hover ul ul.left
{left:-9999px; right:auto; }

#menu table {border-collapse:collapse; margin-top:-1px; }


.xsnazzy h1, .zsnazzy h1 {
margin:0; 
font-size:12px;
text-align: left; 
padding:0 10px 5px 10px; 
border-bottom:1px solid #444;
}
.xsnazzy p, .zsnazzy p {
margin:0; 
padding:5px 10px; 
font-size:12px;
text-align: left;
}
.xsnazzy {
background: transparent; 
width:500px; 
float:left; 
margin:12px 10px 0px 0px;
}

.xsnazzyleft h1, .zsnazzyleft h1 {
margin:0; 
font-size:12px;
text-align: left; 
padding:0 10px 5px 10px; 
border-bottom:1px solid #444;
}
.xsnazzyleft p, .zsnazzyleft p {
margin:0; 
padding:5px 10px; 
font-size:12px;
text-align: left;
}
.xsnazzyleft {
background: transparent; 
width:170px; 
float:left; 
margin:12px 10px 0px 5px;
}

.xtop, .xbottom {
display:block; 
background:transparent; 
font-size:1px;
}
.xb1, .xb2, .xb3, .xb4 {
display:block; 
overflow:hidden;
}
.xb1, .xb2, .xb3 {
height:1px;
}
.xb2, .xb3, .xb4 {
background:#fff; 
border-left:1px solid #444;
border-right:1px solid #444;
}
.xb1 {
margin:0 5px; 
background:#444;
}
.xb2 {
margin:0 3px;
border-width:0 2px;
}
.xb3 {
margin:0 2px;
}
.xb4 {
height:2px; 
margin:0 1px;
}

.xboxcontent {
display:block; 
border:0 solid #444; 
border-width:0 1px; 
height:auto;
}
* html .xboxcontent {
height:1px;
}

/*colour settings for rounded boxes*/
.color_a {
background:#450366;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#fff;
}
.color_b {
background:#68a639;
font-family: Verdana, Arial, Helvetica, sans-serif; 
color:#fff;
}
.color_c {
background:#008ed3;
font-family: Verdana, Arial, Helvetica, sans-serif; 
color:#fff;
}
.color_d {
background:#80338a;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#fff;
}
.color_e {
background:#75c1f6;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#fff;
}


/* new menu */

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}

ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}

/* theme */

ul.dropdown {
 font-weight: bold;
}

	ul.dropdown li {
	 padding: 7px 10px;
	 border-style: solid;
	 border-width: 1px 1px 1px 0;
	 border-color: #fff #d9d9d9 #d9d9d9;
	 background-color: #f6f6f6;
	 color: #000;
	}

	ul.dropdown li.hover,
	ul.dropdown li:hover {
	 background-color: #eee;
	 color: #000;
	}

	ul.dropdown a:link,
	ul.dropdown a:visited	{ color: #000; text-decoration: none; }
	ul.dropdown a:hover		{ color: #000; }
	ul.dropdown a:active	{ color: #ffa500; }


	/* -- level mark -- */

	ul.dropdown ul {
	 width: 150px;
	 margin-top: 1px;
	}

		ul.dropdown ul li {
		 font-weight: normal;
		}



/*-------------------------------------------------/
 * @section		Support Class `dir`
 * @level sep	ul, .class
 */


ul.dropdown *.dir {
 padding-right: 20px;
 background-image: url(images/nav-arrow-down.png);
 background-position: 100% 50%;
 background-repeat: no-repeat;
}


/* -- Components override -- */

ul.dropdown-horizontal ul *.dir {
 padding-right: 15px;
 background-image: url(images/nav-arrow-right.png);
 background-position: 100% 50%;
 background-repeat: no-repeat;
}

ul.dropdown-upward *.dir {
 background-image: url(images/nav-arrow-top.png);
}

ul.dropdown-vertical *.dir,
ul.dropdown-upward ul *.dir {
 background-image: url(images/nav-arrow-right.png);
}

ul.dropdown-vertical-rtl *.dir {
 padding-right: 10px;
 padding-left: 15px;
 background-image: url(images/nav-arrow-left.png);
 background-position: 0 50%;
}