* {
	margin:0;
	}
html {
	height:100%;
	}
a {
	color:#1e77d3;
	font-family:corbel, verdana, sans-serif;
	font-size:14px;
	font-weight:600;
	text-decoration:none;
	}
a:link {
	color:#1e77d3;
	}
a:visited {
	color:#07a;
	}
a:hover {
	background-color:#ffccff;
	}
/* give each absolute path an external icon for modern browsers */
a[href^="http:"]:after {content: ' ' url('/pictures/assets/link_external.gif')}
/* but not those in my domain */
a[href^="http://www.richardlewis.is-a-geek.com"]:after {display: none}

/* note the [att^=val] selector is CSS 3, but implemented by firefox */

/* other (overriding) icons usage */
a[rel~=external]:after {content: ' ' url('/pictures/assets/link_external.gif')}
a[rel~=pdf]:after {content: ' ' url('/pictures/icons/link_pdf.gif'); display: inline;}
a[rel~=doc]:after {content: ' ' url('/pictures/icons/link_doc.gif'); display: inline;}
body {
	color:#333;
	background-color:#EEEEEE;
	background-image:url(../pictures/assets/bg1.gif);
	font:14px/20px corbel, verdana, arial, helvetica, sans-serif;
	margin:20px;
	padding:0px;
	}
blockquote {
	width:400px;
	margin: 1em auto 1em auto;
	left:50%;
	padding:10px;
	border:1px solid #D6D6D6;
	background-color:#F7F7F7;
	quotes:"\201C" "\201D";
	font-family:cambria, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:large;
	}
blockquote:before {
	content: open-quote;
	font-size: 200%;
	font-weight: bold;
	}
blockquote:after {
	content: close-quote;
	font-size: 200%;
	font-weight: bold;
	margin: 350px;
	}
h1 {
	color:#FF0000;
	font: cambria, Georgia, "Times New Roman", Times, serif;
	font-weight:900;
	font-size:28px;
	font-stretch:extra-expanded;
	margin:0px 0px 15px 0px;
	padding:0px;
	}
h2 {
	color:#666666;
	font: cambria, Georgia, "Times New Roman", Times, serif;
	font-weight:bolder;
	font-size:16px;
	font-stretch:expanded;
	margin:0px 0px 5px 0px;
	padding:0px;
	text-transform:lowercase;
	}
p {
	margin:0px 0px 16px 0px;
	padding:0px;
	}
img {
	border:0;
	}
/* experimental display classes */
.item {
	border-bottom: 1px dashed #B2B2B2;
	}
.thumbnail {
	float: left;
	text-align: center;
	width: 110px;
	height: 90px; /* to make float more predictible no other purpose (from www.satzansatz.de) */
	margin: 0 5px 5px 0;
	padding: 5px;
	position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
	z-index:3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
	/* ...and incidentally required for IE6 not to block child divs under the parent div. */
	}
.thumbnailbig {
	float: left;
	text-align:center;
	width: 150px;
	height: 110px;
	margin: 0 5px 5px 0;
	padding: 5px;
	position: relative;
	z-index: 3;
	}
/* specifications list thumbs */
.thumbright {
	float: right;
	width: 110px;
	height: 80px;
	margin: 0 5px 5px 0;
	padding: 5px;
	position:relative;
	z-index:3;
	}
.thumbrightbig {
	float: right;
	width: 150px;
	height: 110px;
	margin: 0 5px 5px 0;
	padding: 5px;
	position:relative;
	z-index:3;
	}
/* clearfix necessary for floats within divs coz IE6 does not fully enclose the float
within the parent div thanks to http://positioniseverything.net */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
.clearfix {
	display: inline-table;
	clear:both;
	}
/* Hides clearfix fix from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.center {
	text-align:center;
	}
.strikethru {
	text-decoration:line-through; 
	color:#999999;
	}
/* approved text replacememt method */
#sitename {
	margin:0;
	padding:0;
    position:relative;
    width:326px;
	height:84px;
    overflow:hidden;
	}
#sitename span {
	display:block;
    position:absolute;
	left:0;
	top:0;
	z-index:1;
    width:326px;
	height:84px;
    margin:0;
	padding:0;
    background:url("../pictures/assets/logo_rlo.jpg") top left no-repeat;
	}
#busname {
	margin:0;
	padding:0;
    position:relative;
    width:157px;
	height:64px;
    overflow:hidden;
	}
#busname span {
	display:block;
    position:absolute;
	left:0;
	top:0;
	z-index:1;
    width:157px;
	height:64px;
    margin:0;
	padding:0;
    background:url("../pictures/assets/logo_nos.jpg") top left no-repeat;
	}
#navBeta {
	position:absolute;
	width:180px;
	top:20px;
	right:20px;
	border:0;
	background-image:url(../pictures/assets/bg1.gif);
	padding:10px;
	z-index:5;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-radius: 10px;
    border-radius: 10px;
	}
/* Again, "be nice to Opera 5". */
body>#navBeta {width:180px;}

.navbetalist {
	margin:0; 				/* for lists within the right hand menu */
	padding:0;
	list-style-type: none; 	/*turns off display of UL bullet*/
	list-style: none;
	}
/* content boxen including hacks to allow the footer to behave properly */
#container {
	position: relative;		/* to gain control of stacking order (z-index) */
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0px 210px 0px 170px;
	min-width: 120px;
	width: auto;
	background-color: white;
	background-image:url(../pictures/assets/bg1.gif);
	z-index: 3;				/* This allows the content to overlap the right menu in narrow windows in good browsers. */
							/* ...and incidentally required for IE6 not to block divs under the parent div. */
	}
* html #container {
	height: 100%;
	}
#content {
	position: relative;		/* to gain control of stacking order (z-index) */
	min-height: 100%;
	height: auto !important;
	height: 100%;
	border:0;
	padding: 10px 10px 10px 10px;
	margin: 0px 20px 0px 20px;
	/* margin: 20px 0 -20px;	cannot use margin-top due to page scoll effect */
	width: auto;
	z-index: 3;
	}
/* experimental magic header and footer hacks */
#header {
	height:20px;
	}
#footer {
	position: absolute; 	/* required when footer inside container div */
/* 	position: relative; 	required when footer outside container div */
/*	z-index:10;				required when footer outside container div */
	left: 50%;				/* for centering works with left margin */
	bottom: 0;				/* required CSS 2.1 for modern browsers */
	height: 4em;
/*	margin: -4em auto 0;	*/
	margin-left: -230px;	/* left margin set to half of footer width to center */
	width: 460px; 			/* need to know exact width and its required */
	}
/* * html #footer	{
	margin-top: -28px;
	} */
#footer img {
	width:88px;
	height:31px;
	}
#buffer {
	height: 5em;			/* leave a space below content >= footer height */
							/* or if using a border add the footer margin width */
							/* or if using a bottom margin on footer reduce size! */
	}
#push {
	height:31px;
	}
/* Start Vertical CSS Popout Menu */

#menu9 {
	margin: 10px;
	position:absolute;
	width:130px;
	list-style-type: none; /*turns off display of UL bullet*/	
	top:10px;
	left:10px;
	border:0;
	background-image:url(../pictures/assets/bg1.gif);
	padding:12px;
	z-index:5;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-radius: 10px;
    border-radius: 10px;
	
/* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity. 
Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it. 
IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style 
declaration. The incorrect IE5/Win value is above, while the correct value is 
below. See http://glish.com/css/hacks.asp for details. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:130px;
	}
/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct 
length values to user agents that exhibit the parsing error exploited above yet get 
the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */
body>#menu9 {width:130px;}

#menu9 li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
#menu9 li a:link, #menu9 li a:visited {
	color: #666666;
	display: block;
	background:  url(../pictures/assets/menu16.gif);
	padding: 8px 0 0 35px;
	}
#menu9 li a:hover {
	color: #666666;
	background:  url(../pictures/assets/menu16.gif) 0 -32px;
	padding: 8px 0 0 35px;
	}
#menu9 ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
/* flyout menu styles for good browsers - not seen by LE IE60 */
#menu9 li:hover ul, li.over ul {
	display: block;
	}
#menu9 ul li {
	position: relative;
	}
#menu9 li ul {
	position: absolute;
	left: 129px; /* 1px less than menu width */
	top: 0;
	display: none;
	}
#menu9 li ul li a { /* sub menu styles */
	width: 75px;
	margin: auto auto auto -4px;
	z-index:5;
	}
.dark {
	background-color:#F7F7F7;
	}
.hide {
	visibility:hidden;
	}
.photo {
	text-align:center;
	margin:0 0 10px 0;
	border-bottom:solid;
	border-bottom-color:#D6D6D6;
	border-bottom-width:thin;
	}
.photoflickr { 
	background: #f5f5f5; 
	margin-bottom: 10px; 
	}
.photoflickr p { 
	float: left; 
	padding: 4px 4px 12px 4px; 
	border: 1px solid #ddd; 
	background: #fff; 
	margin: 8px; 
	}
.photoflickr span { 
	float: left; 
	padding: 4px 4px 12px 4px; 
	border: 1px solid #ddd; 
	background: #fff; 
	margin: 8px; 
	}
.photoflickr img { 
	border: none; 
	}
.historic {
	margin:0 10px 10px 0;
	float: left;
	}
/* zebra style for table data */
.zebratable table {
	overflow:hidden;
	}
.zebratable tbody tr.even td {
	background-color: #eee;
    }
.zebratable tbody tr.odd  td {
	background-color: #fff;
    }