html {
    background:#fefeeb;
	color: #8b0000;
}

#doc {
    width:1005px;
    margin:0 auto;
}


#hd,#bd,#ft {
    position:relative;
    /* further down, we set the z-index of each element in reverse-flow order
        so that the #hd has a higher z-index than the body, allowing YUI Flydown Menus
        to sit above administrative chrome.
    */

}

/* header styles */
#hd {
    z-index:3;
	height: 140px;
	background:url(../images/header1.jpg) repeat-x;border:1px solid #8b0000;
	border:1px solid #8b0000;
	       -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
            border-radius: 5px;
	behavior: url(../js/PIE.php);
}

#logo a {
    text-decoration:none;
    font-size:38px;
    color:#ffff9c;
    text-shadow: rgba(0,0,0,0.5) -1px 0, rgba(0,0,0,0.3) 0 -1px, rgba(255,255,255,0.5) 0 1px, rgba(0,0,0,0.3) -1px -2px;
	behavior: url(../js/PIE.php);
}

/* body styles */
#bd {
    background:#fff;
    z-index:2;
    margin-top:10px;
       -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
            border-radius: 5px; 
    border:2px solid #8b0000;
       -moz-box-shadow: 0px 0px 4px #000000; 
    -webkit-box-shadow: 0px 0px 4px #000000; 
            box-shadow: 0px 0px 4px #000000; 
	min-height:500px;
	height:auto!important;
	padding: 5px;
	behavior: url(../js/PIE.php);
}

#bd .content {
    margin:10px;
	font-size: 1.1em ;
}


/* footer styles */
#ft {
    z-index:1;
}

a:link,
a:visited {
    color:#c07f00;
}

a:hover {
	color: #fba01a;
}
a:focus
 {
    color: #ffbb55;
}
a:active
  {
  color:#fa9010;
}  
/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
*/
/* base.css, part of YUI's CSS Foundation */
h1, #logo {
	/*18px via YUI Fonts CSS foundation*/
	font-size:150%;  
	color: 8b0000;
}
h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size:120%;
}
h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:108%;  
	color: #5c0606;
}
h1,h2,h3 { 
	margin: 0.5em 0; 
}
h3 {
	line-height: 0px; 
}
#logo {
	/* top & bottom margin based on font size */
	margin:1em 0;
	font-family: Arial, Helvetica, sans-serif;
}
h1,h2,h3,h4,h5,h6,strong, #logo {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
}
.item h2 { 
	color: #5c0606;  
}
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
blockquote,ul,ol,dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}
ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}
ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}
ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}
dl dd {
	/*providing spacing for definition terms*/
	margin-left:1em;
}
th,td {
	/*borders and padding to make the table readable*/
	/*border:1px solid #000;*/
	padding:.5em;
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}

img {
	padding: 5px;
}

caption {
	/*coordinated margin to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
p,fieldset,table,pre {
	/*so things don't run into each other*/
	margin-bottom:1em;
}

#menu {
	list-style            : none;
	width                 : 951px;
	margin                : 0px auto 0px auto;
	height                : 38px;
	padding               : 0px 25px 0px 25px;
	/* Background color and gradients */
	background            : #dfb8aa;
	background            : linear-gradient(#8e0000, #dfb8aa );
	/* background            : linear-gradient(-90deg, #481b1b, #fefeeb ); */
	background            : -moz-linear-gradient(top, #8e0000, #dfb8aa);
	background            : -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8e0000), to(#dfb8aa));
	/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#8e0000, endColorstr=#dfb8aa);
/* For Internet Explorer 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#8e0000, endColorstr=#dfb8aa)";
	/* Borders */
	border                : 1px solid #360e0e;
	/* Rounded Corners */
	-moz-border-radius    : 5px;
	-webkit-border-radius : 5px;
	-khtml-border-radius  : 5px;
	border-radius         : 5px;
	/* Shadow */
	-moz-box-shadow       : inset 0px 0px 1px #edf9ff;
	-webkit-box-shadow    : inset 0px 0px 1px #edf9ff;
	box-shadow            : inset 0px 0px 1px #edf9ff;
	behavior: url(../js/PIE.php);
}

#menu a.current {
	background-color      : #ffffe1;
	padding-left: 5px;
	padding-bottom: 2px;
	
		
	/* Rounded Corners */
	-moz-border-radius    : 5px;
	-webkit-border-radius : 5px;
	-khtml-border-radius  : 5px;
	border-radius         : 5px;
	/* Shadow */
	-moz-box-shadow       : inset 0px 0px 1px #edf9ff;
	-webkit-box-shadow    : inset 0px 0px 1px #edf9ff;
	box-shadow            : inset 0px 0px 1px #edf9ff;
	behavior: url(../js/PIE.php);
	}
#menu li.current {
	/* Background color and gradients */
	background            : #dfb8aa;
	background            : linear-gradient(#dfb8aa, #8e0000 );
	/* background            : linear-gradient(-90deg, #fefeeb, #481b1b ); */
	background            : -moz-linear-gradient(top, #dfb8aa, #8e0000);
	background            : -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dfb8aa), to(#8e0000));
		/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dfb8aa, endColorstr=#8e0000);
/* For Internet Explorer 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#dfb8aa, endColorstr=#8e0000)";
	/* Borders */
	border                : 1px solid #360e0e;
}
	
	
#menu li:hover {
	padding               : 4px 9px 4px 9px;
	/* Background color and gradients */
	background            : #F4F4F4;
	background            : linear-gradient(#dfb8aa, #8e0000);
	/* background            : linear-gradient(-90deg, #fefeeb, #481b1b); */
	background            : -moz-linear-gradient(top, #dfb8aa, #8e0000);
	background            : -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dfb8aa), to(#8e0000));
			/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dfb8aa, endColorstr=#8e0000);
/* For Internet Explorer 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#dfb8aa, endColorstr=#8e0000)";
	border                : 1px solid #360e0e;
	
	}	
	
.dropdown_1column,
.dropdown_2columns,
.dropdown_3columns,
.dropdown_4columns,
.dropdown_5columns {
	/* Gradient background */
	background            : #dfb8aa;
	background            : linear-gradient(#8e0000, #dfb8aa);
	/* background            : linear-gradient(-90deg, #481b1b, #fefeeb); */
	background            : -moz-linear-gradient(top, #8e0000, #dfb8aa);
	background            : -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8e0000), to(#dfb8aa));
		/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#8e0000, endColorstr=#dfb8aa);
/* For Internet Explorer 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#8e0000, endColorstr=#dfb8aa)";
	border                : 1px solid #360e0e;
		
	}
	

	
#menu p, #menu h2, #menu h3, #menu h4, #menu ul li {
	text-shadow : 1px 1px 1px #000;
	color: #faf0c9;
	}
	
#menu h4 {
	font-weight: bold;
}	
	
#menu li:hover div a:hover {
	/* color : #404040; */
	color: fff;
	text-shadow: 1px 1px 1px #000;
}

#menu .menuitem {
	border-bottom : 1px solid #8e0000;
	border-right  : 1px solid #8e0000;	
}
#menu .menuitem a:hover {
	border-bottom : 1px solid #fff;
}
/* leftcol is actually the right hand column!! */
#leftcol{
	padding-right: 1px;
	background-color: #ffffe1;
	border:1px solid #E37F00;
	max-height: 495px;
	min-height:490px;
	height:auto!important;
	-moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
            border-radius: 5px; 
    
       -moz-box-shadow: 0px 0px 4px #000000; 
    -webkit-box-shadow: 0px 0px 4px #000000; 
            box-shadow: 0px 0px 4px #000000; 
	width: 244px;
	/* position: fixed;  */
	behavior: url(../js/PIE.php);
}
#leftcol h1 { 
	font-size: 180% ; 
	text-decoration: underline;
}
#leftcol h1, #leftcol h2, #leftcol h3 {
	padding-right: 20px;
	margin: 8px 0;
}
#leftcol .display-files {
	position: absolute; 
	padding-left:35px; 
	margin-top: -50px; 
	background-color: #ffffe1;
	
}

.eucookie {
	width: 680px;
	padding: 3px;
	background-color: #ffffe1;
	border: 1px solid #E37F00;
		-moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
            border-radius: 5px; 
			margin-top:100px;
	-moz-box-shadow: 0px 0px 4px #000000; 
    -webkit-box-shadow: 0px 0px 4px #000000; 
            box-shadow: 0px 0px 4px #000000; 
}

#centercol {
	width: 738px;
	min-height:455px;
	height:auto!important;
}


.dropdown_2columns {
	width : 185px;
}		

.dropdown_3columns {
	width : 185px;
}

.dropdown_4columns {
	width : 185px;
}

.dropdown_5columns {
	width : 185px;
}	

.clear{ clear:both;
		height:0;
		font-size:0;
		margin:0;
		padding:0;
}

.msg-queue {
	display: none;
  background: #fefeeb;
  border: 2px solid #8b0000;
  color: #8b0000;
}

div.breadcrumb .crumbs {
	color: #8b0000;
	width: 988px;
	border:1px solid #8b0000;
	-moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
            border-radius: 5px;	
	behavior: url(../js/PIE.php);
}
div.breadcrumb a {
	color: #8b0000;
}
div.breadcrumb a:visited {
	color: #8b0000;
}

.search.show-form { 
	/* position of search module */
}

.yui-content {
    color: #8b0000;
}
.bodycopy {
    color: #8b0000;
}
.summary {
	color: #8b0000;
	font-size:14px;
}
.vevent a:hover {
	color:#fba01a; text-decoration: underline overline;
}
.dtstart {
	font-size:14px;
}
.dtstart:before {
	content:"-- ";
}

.not-mob-events { display: none;  }


.fleet_container{overflow:hidden;border:#8b0000 2px solid; margin:0 0 10px;padding:10px;}

.twocolcontainerleft { text-align:center; }
.twocolcontainerright {border-left: solid 1px #8b0000; padding-left: 5px; font-size: 14px;}
.twocolcontainerright h1 { font-size: 18px;}

.containermodule.full-width .veh-full-width {
    width:98%;
	
}
.full-width {
    width:98%;
}
#centercol-vehicles {
	width: 960px;
	min-height:455px;
	height:auto!important;
	font-size: 13px;
}
.content-vehicles {
    width:960px;
}

#vehicle { width: 105px; }
#built { width: 55px; }

.td-fleet td {
	padding: 2px; width: 300px;
}	
.mobile-land-msg { display: none; }
.mobile-sub { display: none; }
.red.awesome,
.red.awesome:visited {
  color:white;
} 
/* After an update some button colours changed to blue. Until we find why, this is the work-around back to red */ 
.blue.awesome,
.blue.awesome:visited {
  color:white; background-color:#bb0000;
}  
.blue.awesome:hover{ 
	background-color:#ee0000;
}
.floatright {
	float:right; font-size:12px;
}
table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sorttable_nosort):after { 
    content: " \25B4\25BE" 
}

.upcoming-events-headlines .link,
.upcoming-events-headlines .date,
.upcoming-events-summary .link,
.upcoming-events-summary .date {
    display : inline; text-decoration: none; 
}

.upcoming-events-headlines ul li,
.upcoming-events-headlines ul,
.upcoming-events-summary ul li,
.upcoming-events-summary ul {
    margin     : 0;
    padding    : 0 10px 0 0;
    list-style : none; border-bottom: 1px solid; margin-bottom : 10px;
}

.upcoming-events-headlines ul li .date,
.upcoming-events-summary ul li .date {
     position: absolute; left: 330px; color: #5c0606; text-decoration: none;
}

.events h1 {font-size: 1.3em;}
.events td ul { padding:0; margin: 0;}
.event-return { font-size: 16px; }

.event-hilight { font-size: 1.3em; padding-left: 48px;}
.event-hilight a:link { text-decoration: overline underline;}
.event-hilight a:hover { text-decoration:  underline;}
.vevent { 
	border: 1px solid #8b0000; 
	padding: 5px; 
	-moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
            border-radius: 5px;	
	behavior: url(../js/PIE.php);
	width: 100%;
 }
.itemtitle { font-size: 16px;  }

.mytopmenu ul {
    overflow: hidden;
    width                 : 950px;
}

.mytopmenu li {
    width: auto;
	margin                : 5px;
	padding               : 0px 10px 0px 10px;
	list-style-type: none;
    float: left;
	background            : #dfb8aa;
	background            : linear-gradient(#8e0000, #dfb8aa );
	/* background            : linear-gradient(-90deg, #481b1b, #fefeeb ); */
	background            : -moz-linear-gradient(top, #8e0000, #dfb8aa);
	background            : -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8e0000), to(#dfb8aa));
	/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#8e0000, endColorstr=#dfb8aa);
/* For Internet Explorer 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#8e0000, endColorstr=#dfb8aa)";
	/* Borders */
	border                : 1px solid #360e0e;
	/* Rounded Corners */
	-moz-border-radius    : 5px;
	-webkit-border-radius : 5px;
	-khtml-border-radius  : 5px;
	border-radius         : 5px;
	/* Shadow */
	-moz-box-shadow       : inset 0px 0px 1px #edf9ff;
	-webkit-box-shadow    : inset 0px 0px 1px #edf9ff;
	box-shadow            : inset 0px 0px 1px #edf9ff;
    behavior: url(../js/PIE.php);
}

.mytopmenu a:link {
     color: #ffffe1;
    font-weight: bold;
    width: auto;
	/* Rounded Corners */
	-moz-border-radius    : 5px;
	-webkit-border-radius : 5px;
	-khtml-border-radius  : 5px;
	border-radius         : 5px;
	/* Shadow */
	-moz-box-shadow       : inset 0px 0px 1px #edf9ff;
	-webkit-box-shadow    : inset 0px 0px 1px #edf9ff;
	box-shadow            : inset 0px 0px 1px #edf9ff;
	behavior: url(../js/PIE.php);
    text-align: center;
    text-decoration: none;
	text-shadow: 1px 1px #000;
}
.mytopmenu a:visited {
	 color: #ffffe1;
}

.mytopmenu a:hover {
	width: auto;
	/* Background color and gradients */
	background            : #F4F4F4;
	background            : linear-gradient(#dfb8aa, #8e0000);
	/* background            : linear-gradient(-90deg, #fefeeb, #481b1b); */
	background            : -moz-linear-gradient(top, #dfb8aa, #8e0000);
	background            : -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dfb8aa), to(#8e0000));
			/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dfb8aa, endColorstr=#8e0000);
/* For Internet Explorer 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#dfb8aa, endColorstr=#8e0000)";
    behavior: url(../js/PIE.php);
}
.mytopmenu a:active {
	width: auto;
	/* Background color and gradients */
	background            : #F4F4F4;
	background            : linear-gradient(#dfb8aa, #8e0000);
	/* background            : linear-gradient(-90deg, #fefeeb, #481b1b); */
	background            : -moz-linear-gradient(top, #dfb8aa, #8e0000);
	background            : -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dfb8aa), to(#8e0000));
			/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dfb8aa, endColorstr=#8e0000);
/* For Internet Explorer 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#dfb8aa, endColorstr=#8e0000)";
    behavior: url(../js/PIE.php);
}

.mytopmenu li.current {
	/* Background color and gradients */
	background            : #dfb8aa;
	background            : linear-gradient(#dfb8aa, #8e0000 );
	/* background            : linear-gradient(-90deg, #fefeeb, #481b1b ); */
	background            : -moz-linear-gradient(top, #dfb8aa, #8e0000);
	background            : -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dfb8aa), to(#8e0000));
		/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dfb8aa, endColorstr=#8e0000);
/* For Internet Explorer 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#dfb8aa, endColorstr=#8e0000)";
	/* Borders */
	border                : 1px solid #360e0e;
    behavior: url(../js/PIE.php);
}

.mycurrlink {  
	color: #505050;
	text-shadow: 1px 1px #fff;
}

.bkgnd-grey {
	background: rgb(238, 238, 238); 
	padding: 5px 10px; 
	border: 1px solid rgb(204, 204, 204); 
	border-image: none;
		/* Rounded Corners */
	-moz-border-radius    : 5px;
	-webkit-border-radius : 5px;
	-khtml-border-radius  : 5px;
	border-radius         : 5px;
}
/* Hide member page until login - CSS to make visible in member-docs */
.mbrhide {
	visibility: hidden;
}
.mbrshow {
	visibility: visible;
}