/* General styles */
* {
margin: 0px;
padding: 0px;
}
	
body {
        margin:0;
        padding:0;
        border:0;			/* This removes the border around the viewport in old versions of IE */
       /* width:974px;*/
        background:#fff;
		font-size:90%;
text-align: center;
    }

#map2{
background-color:transparent;
width: 500px;
height: 500px;
margin: 0px 0px 2px 2px;
overflow:hidden;
}	

#b1602{
width: 250px;
margin-left: 5px;
margin-right:5px;
}

div.infowindow{
background-color: #FFFFFF;
height: 110px;
width: 268px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
border: 1px solid #999999;
overflow:hidden;
}

div.infowindowphoto{
height: 100px;
width: 100px;
margin:2px 4px 4px 2px;
float: left;
overflow: hidden;
vertical-align: middle;
border: 1px solid #999999;
}
	
/*Wrapper*/
	#wrapper{
	
 margin: 0 auto; 
 padding: 0; 
 width: 974px; 
 text-align: left; 

	}

	
	/* Header styles */
    #header {
        clear:both;
        float:left;
        width:100%;
    }
	#header {
		/*border-bottom:1px solid #000;*/
	}
	
	/* css required for header contents*/
	#navcontainer{
		width: 974px;
		margin:0px 0px 0px 0px;
	}
	
	#logo{
        width: 974px;
        height: 189px;
		background: url('../images/logo-banner-oxford2b.jpg') no-repeat top; 
	}
	
	#logotext{
		position: relative;
		top: 15px;
		left: 100px;
		width: 700px;
		height: 189px;
	}
	
	#newsTicker2{
		color: #ffffff;
		position: absolute; top:152px; 
		
		text-align: center;
		margin-left: 210px;
        height: 30px;
width: 504px;
		font-weight: bold; 
        font-color: #fff; 
		overflow: hidden;
		color:#fff;
	}
	
	#newsTicker2 a {
		color:#fff;
	}

	#newsScroller{
		position: absolute;
		position:relative;
		height:30px;
		line-height: 30px;
		white-space: nowrap;
		
	}	
	
	h1 { 
		font-size: 4.3em; 
		font-weight: bold;
		padding: 50px 120px; 
		text-align: left; 
		color: #ffffff;
		font-family: "Helvetica", sans-serif; 
	} 
	
	/* column container */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:974px;				/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/*TIAD 3 column settings */
	.tiad {
	   /* background:#ff9; */   	/* Right column background colour */
	}
    .tiad .colmid {
        float:left;
        width:200%;
        margin-left:-250px; 	/* Width of right column */
        position:relative;
        right:100%;
        /*background:#fff;*/    	/* Centre column background colour */
    }
    .tiad .colleft {
        float:left;
        width:100%;
        margin-left:-50%;
        position:relative;
        left:450px;         	/* Left column width + right column width */
        /*background:#FFD8B7; */   	/* Left column background colour */
    }
    .tiad .col1wrap {
        float:left;
	    width:50%;
	    position:relative;
	    right:205px;        	/* Width of left column */
	    padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
	}
	.tiad .col1 {
        margin:0 215px;     	/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
        position:relative;
	    left:200%;
	    overflow:hidden;
		width:504px;
	}
    .tiad .col2 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:200px;        	/* Width of left column content (left column width minus left and right padding) */
        position:relative;
        right:0px;         	/* Width of the left-had side padding on the left column */
    }
    .tiad .col3 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:250px;        	/* Width of right column content (right column width minus left and right padding) */
        margin-right:0px;  	/* Width of right column right-hand padding + left column left and right padding */
        position:relative;
        left:50%;
    }
	
	/*css required for centre column */
	.descbox3{width: 504px;
background: url('../images/504-heading.png') no-repeat left bottom;
}
	
	.descbox3 h3 {
/*height: 35px;*/
		width: 504px;
		
		/*background: #08519C;*/
		/*text-indent: 5px;*/
margin-left: 10px;
		font-size: 16px;
		font-weight: bold;
		color: #fff;
		overflow:hidden;
	}
	.descbox1 {
		width: 504px;
	}

	.descbox1 h3{
		height: 24px;
		width: 504px;
		background: #fff;
		text-indent: 5px;
		font-size: 14px;
		font-weight: bold;
		color: #08519C;
		overflow:hidden;
	}
	
	div.buttonBox {
		position:relative;
		width:200px;
		height:65px;
		left:5px;
		overflow:hidden;
		background: url(/images/bg.png) no-repeat;
	}

	.buttonImage {
		float:left;
		margin:4px 0 4px 5px;
		padding:0px;
		border: medium none ;
	}
	a.product {
		float:left;
		width:90px;
		padding: 5px 0 0 5px;
		padding-bottom /**/: 10px;
		margin:5px 0 0 0;
		font-size:14px;
		text-align:left;
		font-weight:bold;
        line-height: 18px;
		text-decoration: none;
	}

	a.product:hover{
		font-weight:bold;
		text-decoration:underline;
		color:red;
	}

	img.productGoButton {
		float:left;
		padding:0;
		position:absolute;
		bottom:17px;
		right:8px;
		border: medium none ;
	}
	.clear {
		clear: both;
	}
	
	.box160b {
		width: 160px;
		background: #AFC6E9 url('../images/bottom-left2.gif') no-repeat left bottom;
	}

	.box160b h2{
		color: #000080;
		background: url('../images/top-right2.gif') no-repeat right top;
		font-size: 19px;
		width: 150px;
		margin-left:10px;
	}

	.box160b h2, .box160 p{

	}
	.box-outer2 {
		background: url('../images/bottom-right2.gif') no-repeat right bottom;
	}
	.box-outer3 {
		background: url('../images/bottom-right2.gif') no-repeat right bottom;
		display:hidden;
	}
	
	.box-inner{
		overflow:hidden;
		background: url('../images/top-left2.gif') no-repeat left top;
	}
	.box-inner p{
margin: 0px 10px 0px 10px;
}
	.box200 {
		width: 200px;
		background: #ffffff url('../images/bottom-left2.gif') no-repeat left bottom;
	}
	
	.box200 h2{
		color: #000080;
		background: url('../images/top-right2.gif') no-repeat right top;
		font-size: 19px;
		width: 190px;
		margin-left: 10px;
	}

	.box200 h2, .box200 p{
	}
	.box-outer {
		background: url('../images/bottom-right2.gif') no-repeat right bottom;
		padding-bottom: 5%;
	}
	
	.box250 {
		width:250px;
	}
	
	
	/* Footer styles */
	#footer {
        clear:both;
        /*float:left;*/
text-align: center;
        width:100%;
		border:1px solid #004990;
    }
    #footer p {
        padding:10px;
        margin:0;
    }

	/* Leftnav 
----------------------------------------------- */
ul {
   list-style-type:none; 
}

#leftnav ul li.new a {
   height:1em;
   width:158px;
   padding-bottom:7px;
}
span.new_icon {
   width:50px;
   height:33px;
   margin:-10px -20px 0 0;
   padding:0;
   float:right;
}
span.new_left {
   width:100px;
   float:left;
}
#leftnav {
   position:static;
   width:200px;
   background-color:#fff;
   background-image:url("../images/leftnavbg.gif");
   background-repeat:no-repeat;
   background-position:0 0;
}
#leftnav .pad {
   padding:0 3px 0 0;
}
#leftnav ul li a {
   color:#fff;
   width:159px;
   display:block;
   background-image:url("../images/leftnav01.gif");
   background-repeat:no-repeat;
   background-position:0 0;
   padding:5px 5px 0.3em 26px;
   margin:0;
   text-decoration:none;
}
#leftnav ul li a:hover {
   color:#ffdc54;
   background-color:#0e59a8;
   background-image:url("../images/leftnav01a.gif");
}
#leftnav ul li a.active {
   color:#ffdc54;
   font-weight:bold;
   background-color:#0e59a8;
   background-image:url("../images/leftnav01a.gif");
}


#leftnav ul li.first a {
   border-top:none;
}
#leftnav ul li.first a {
   background-position:13px 9px;
   background-image:url("../images/leftnav01_first.gif");
}
#leftnav ul li.first a:hover {
   background-color:transparent;
   background-image:url("../images/leftnav01a_first.gif");
}
#leftnav ul li.first a.active {
   color:#ffdc54;
   font-weight:bold;
   background-color:transparent;
   background-image:url("../images/leftnav01a_first.gif");
}


#leftnav ul li ul {
   width:190px;
   padding:0 0 0.5em 0;
   background-image:url("../images/leftnavbg2.gif");
   background-repeat:repeat-y;
   background-position:0 0;
}
#leftnav ul li ul li a {
   width:146px;
   color:#000;
   background-color:#d1e2fb;
   background-image:url("../images/leftnav02.gif");
   background-position:0 0;
   padding:4px 5px 0.3em 39px;
}
#leftnav ul li ul li.ul2first a {
   border-top:1px solid #00386c;
   background-position:0 -1px;
   padding-top:3px;
}
#leftnav ul li ul li.ul2first ul li a {
   border-top:none;
}
#leftnav ul li ul li a:hover {
   color:#004990;
   background-color:#5f9ad7;
   background-image:url("../images/leftnav02a.gif");
}
#leftnav ul li ul li a.active {
   color:#fff;
   background-color:#5f9ad7;
   background-image:url("../images/leftnav02a_active.gif");
}


#leftnav ul li ul li ul li a {
   width:134px;
   padding:4px 5px 0.3em 51px;
   background-image:url("../images/leftnav03.gif");
}
#leftnav ul li ul li ul li a:hover {
   background-image:url("../images/leftnav03a.gif");
}
#leftnav ul li ul li ul li a.active {
   background-image:url("../images/leftnav03a_active.gif");
}



/* My station button  
----------------------------------------------- */

#highlightmenu {
   width:193px;
   background-color:#fc1e3f;
   background-image:url("../images/stationbutbg.gif");
   background-position:left bottom;
   background-repeat:no-repeat;
   margin:0 0 1em 0;
}
#highlightmenu a {
   color:#fff;
   text-decoration:none;
   text-transform:uppercase;
}
#highlightmenu a:hover {
   color:#ffdc54;
}
#highlightmenu div.top {
   width:193px;
   height:2px;
   overflow:hidden;
   background-image:url("../images/stationbutbit.gif");
   background-position:0 0;
   background-repeat:no-repeat;
}
#highlightmenu div.link {
   padding:0.7em 0 1.2em 19px;
}
#highlightmenu table td {
   padding:0 6px 0 0;
}

/* Css for 504px central col items*/
.box504 {
width: 504px;
background: #ffffff url('../images/bl.png') no-repeat left bottom;
}

.box504 h2{
color: #ffffff;
background: url('../images/tr.png') no-repeat right top;
font-size: 19px;
margin-left: 10px;
}

.justext{
overflow:hidden;
margin-right: 10px;
text-align: justify;
}

/* Css for 250px menu box*/
.box250 {
width: 250px;
background: #ffffff url('../images/bl.png') no-repeat left bottom;
}

.box250yellow {
width: 250px;
background: #ffffff url('../images/bl-yellow.png') no-repeat left bottom;
}

.box-outer {
background: url('../images/br.png') no-repeat right bottom;
}

.box-outer-yellow{
background: url('../images/br-yellow.png') no-repeat right bottom;
}

.box-inner{
overflow:hidden;
background: url('../images/tl.png') no-repeat left top;
}

.box250 h2{
color: #ffffff;
background: url('../images/tr.png') no-repeat right top;
font-size: 19px;
margin-left: 10px;
}

.box250yellow h2{
color: #ffffff;
background: url('../images/tr.png') no-repeat right top;
font-size: 19px;
margin-left: 10px;
}

/* New button box - Start*/
	div.plannerBox {
		position:relative;
		width:240px;
		height:55px;
		left:5px;
		overflow:hidden;
	}

	.plannerImage {
		float:left;
		margin:4px 0 4px 5px;
		padding:0px;
		border: medium none ;
	}
	a.plannerTxt {
		float:left;
		width:130px;
		position:absolute;
		bottom:18px;
		font-size:14px;
		text-align:center;
		font-weight:bold;
        line-height: 18px;
		text-decoration: none;
	}

	a.plannerTxt:hover{
		font-weight:bold;
		text-decoration:underline;
		color:red;
	}

	img.plannerGoBt {
		float:left;
		padding:0;
		position:absolute;
		bottom:7px;
		right:8px;
		border: medium none ;
	}
hr.plannerHr {
position:center;
width:240px;
margin: 0px 0px 0px 5px;
color:#004990;
}
/*New button box - End */


/*Floating Images - Start*/

img.floatLeft{
 float: left; 
    margin: 0px 8px; 
}
img.floatRight { 
    float: right; 
    margin: 0px 0px 0px 8px; 
}

img.floatRight2 { 
    float: right; 
    margin: 8px 8px 8px 8px; 
}

img.floatRight3 { 
    float: right; 
    margin: 5px 0px 5px 5px; 
}

/*Floating Images - Start*/

/*Paragraphs - start*/
p {
/*text-indent: 20px;*/
text-align: justify;
}
/*Paragraphs - end*/

/*this item controls the map images in tour map*/
.mapleft {
width: 120px;
height: 120px;
float: left;
margin: 5px 5px 5px 0px;
display: inline;
}

.mapright{
width: 120px;
height: 120px;
float: right;
margin: 5px 5px 5px 5px;
display: inline;
}

#tourmap {
width: 510px;
height:455px;
}

#hint {
background-color:#ffffcc;
font-weight:bold;

}
div.infowindow{
background-color: #FFFFFF;
height: 110px;
width: 268px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
border: 1px solid #999999;
overflow:hidden;
}
div.infowindowphoto{
height: 100px;
width: 100px;
margin:2px 4px 4px 2px;
float: left;
overflow: hidden;
vertical-align: middle;
border: 1px solid #999999;
}
div.infowindowtext{
	background-color: #FFFFFF;
	height: 102px;
	width: 146px;
	margin:2px 2px 4px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	overflow: auto;
	float: right;
	text-align: center;
}
div.infowindowtext2{
	background-color: #FFFFFF;
	height: 102px;
	width: 264px;
	margin:2px 2px 4px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	overflow: auto;
	float: right;
	text-align: center;
}
div.infowindowtext3{
	background-color: #FFFFFF;
	height: 102px;
	width: 264px;
	margin:2px 2px 4px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	overflow: auto;
	float: right;
	text-align: left;
}
div.hint {
background-color:#ffffcc;
font-weight:normal;
border:2px #cccccc solid;
white-space: nowrap;
}
div.smalltext{text-align: center;}
.button
{
width:192px;
height:52px;
overflow:hidden;
}
div.panelHolder {
width:430px;
}

div.panelRight {
	float:left;
	top:5px;
	left:50px;
	width:210px;
	/*height:540px;*/
}