html {
	margin:0;
	padding:0;
	height:100%;
	margin-bottom:1px;
	}

body {
	margin:0;
	padding:0;
	font: 12px/18px Verdana, Helvetica, Arial, sans-serif;
	background: #fff;
	color:#222;
	text-align:center;  /*** Part 1 of centering hack for IE5 and 5.5 ***/
	min-width:750px;
	}
	
.netscapeonly {
	display:none;
	}

h1,h2,h3 {
	font-family: 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Helvetica, Arial, sans-serif;
	color:#000;
	margin:0 0 0.7em 0;
	}

h1 {
	font-size:1.8em;
	}

#pagetitle {
	display:none;
	}

h2 {
	font-size:1.3em;
	color:#333;
	margin-bottom:0.1em;
	line-height:1.5em;
	clear:both;
	}

h3 {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size:1em;
	font-weight:bold;
	color:#666;
	line-height:1.5em;
	margin: 0 0 0.3em 0;
	}

h2.onpoint {
	margin: 0.3em 0 0.1em 0;
	border-top:1px solid #ddd;
	}

p, ul, ol {
	margin:0 0 1em 0;
	line-height:1.5em;
	}

ul, ol {
	margin-left:8px;
	padding-left:8px;
	}

/*________FOR LISTS FOLLOWING NORMAL TEXT. ELIMINATES LINE SPACE.________*/
ul.normal, ol.normal {
	margin-top:-1.0em;
	}

img {
	border:0;
	display:block;
	}

.inline {
	display:inline;
	}

#page {
	width:750px;
	position:relative;
	margin:auto;
	margin-top:6px;
	border-top:1px #000 solid;
	border-bottom:1px #000 solid;
	background: #4F584e url(../images/sidelines_green.gif);
	text-align:left;
	}

#maincontent {
	font-size:1em;
	margin-left:194px;
	padding: 25px 20px 0 20px;
	text-align:left;
	}

#topbox {
	width:750px;
	background:#fff;
	margin:auto;
	margin-top:14px;
	border-top:1px #000 solid;
	border-bottom:1px #000 solid;
	height:140px;
	}
	
#sidebox {
	position:absolute;
	top:0px;
	left:0px;
	font-size:1em;
	background: transparent;
	width: 194px;
	padding-top: 20px;
	}

.indent {
	margin-left:20px;
	}

#navlist {
	width:194px;
	padding:1px 0 1em 0;
	}

#navlist ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	}

/* "* html " hides the following rule from all but IE Win   */	
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #navlist ul ul {
	margin-top:-1.2em;
	}
/* End hide from IE5/mac */
	
#navlist li {
	list-style-type: none;
	}

#footer {
	text-align:right;
	width:750px;
	margin:auto;
	margin-top:6px;
	border-bottom:1px #000 solid;
	border-top:1px #000 solid;
	color:#fff;
	background: #fff url(../images/binoc_logo.jpg);
	padding:4px 0;
	font-size:0.9em;
	font-weight:bold;
	margin-bottom:15px;
	}

.copyright {
	text-align:right;
	font-weight:bold;
	font-size:0.9em;
	margin:-3px 20px -1px 20px;
	}

p.date {
	font-size:0.9em;	
	line-height:1.8em;
	margin-bottom:0.3em;
	color:#888;
	}

#maincontent a {
	text-decoration:underline;
	color:#A6684A;
	font-weight:bold;
	}

#maincontent a:hover, #maincontent a:focus {
	color:#f60;
	}

#navlist li.thispage {
	font: 1.1em/1.5em Verdana, Helvetica, Arial, sans-serif;
	font-weight:bold;
	padding: 5px 12px 7px 22px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	background: transparent url(../images/screen.gif);
	display: block;
	margin:-1px 0;
	color: #fff;
	text-decoration: none;
	width: 194px;
	/*** begin box model hack ***/
	voice-family:"\"}\"";
	voice-family: inherit;
	width:160px;
	}
html>body #navlist li.thispage  {
	width: 160px;
	}
	/*** end box model hack ***/

#navlist li li.thispage {
	font-size:1em;
	line-height:1.3em;
	padding: 5px 12px 7px 37px;
	width: 194px;
	/*** begin box model hack ***/
	voice-family:"\"}\"";
	voice-family: inherit;
	width:145px;
	}
html>body #navlist li li.thispage  {
	width: 145px;
	}
	/*** end box model hack ***/

#navlist li a {
	font: 1.1em/1.5em Verdana, Helvetica, Arial, sans-serif;
	font-weight:bold;
	display: block;
	padding: 6px 12px 8px 22px;
	margin:-1px 0;
	background: transparent;
	color: #F9A858;
	text-decoration: none;
	width: 194px;
	/*** begin box model hack ***/
	voice-family:"\"}\"";
	voice-family: inherit;
	width:160px;
	}
html>body #navlist li a	{
	width: 160px;
	}
	/*** end box model hack ***/

#navlist li li a {
	font-size:1em;
	padding: 5px 12px 7px 37px;
	color: #FADBBD;
	width: 194px;
	/*** begin box model hack ***/
	voice-family:"\"}\"";
	voice-family: inherit;
	width:145px;
	}
html>body #navlist li li a	{
	width: 145px;
	}
	/*** end box model hack ***/

#navlist li a:hover, #navlist li a:focus {
	padding: 5px 12px 7px 22px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	background: #522426 url(../images/binoc_logo.jpg) center right;
	color: #fff;
	outline: none;
	}

#navlist li li a:hover, #navlist li li a:focus {
	padding: 4px 12px 6px 37px;
	}

img.farside, div.farside {
	display: inline;
	float: right;
	margin: 5px 0 5px 20px;
	}

.nearside {
	display: inline;
	float: left;
	margin: 5px 20px 5px 0;
	}

img.farsidelink {
	display: inline;
	float: right;
	margin: 5px 0 5px 20px;
	}

img.nearsidelink {
	display: inline;
	float: left;
	margin: 5px 20px 5px 0;
	}

img.farsidetight {
	float:right;
	margin: 5px -20px 5px 10px;
	display:inline;
	}

img.returntotop {
	display: inline;
	float: right;
	margin: 5px 0 5px 20px;
	clear:both;
	}

.icon {
	display:block;
	border:0;
	margin:10px 10px 0px 0;
	background:transparent;
	}

.boxfarside {
	font-size:0.9em;
	background:#FAE0C3;
	border-top:2px #CCB57A solid; 
	border-bottom:2px #CCB57A solid;
	border-right:0;
	border-left:0;;
	margin:1em -20px 1em 20px;
	padding:10px;
	float:right;
	color:#000;
	line-height:1.5em;
	width:218px;
	/*** begin box model hack ***/
	voice-family:"\"}\"";
	voice-family: inherit;
	width:198px;
	}
html>body .boxfarside {
	width: 198px;
	}
	/*** end box model hack ***/

#maincontent a.plain:hover, #maincontent a.plain:focus {
	background:transparent;
	outline: none;
	}
	
#maincontent .fullbox {
	font-size:0.9em;
	border-top:2px #CCB57A solid; 
	border-bottom:2px #CCB57A solid;
	border-right:0;
	border-left:0;
	background:#F7ECDF;
	margin:1em 0;
	padding:0;
	color:#000;
	line-height:1.5em;
	}

.fullbox p {
	margin: 0.5em 20px;
	}

.fullbox h2 {
	margin: 0 20px;
	}
	
a#switchOriginal {
	display: none;
}
	
a#switchAlternate {
	display: inline;
}

#topbox a img {
	float:right;
	margin:5px 5px 0 0;
	}

a.plain img {
	display:inline;
	}

.hidden {
	display:none;
	}

#bottomspace {
	clear:both;
	height:12px;
	}

/************PAGE-SPECIFIC STYLES*************/

#lochness {
	background: #4f584e url(../images/squares_green.gif) fixed;
	}

#lochness #page {
	background: #ddd url(../images/sidelines_red.gif);
	}

#lochness #topbox {
	background: transparent url(../images/lochness_logo.jpg);
	}

#lochness h1 {
	color:#904848;
	}

#lochness #footer {
	color:#DB5504;
	background: #669 url(../images/lochness_logo.jpg);
	}

#lochness #maincontent {
	background-image: url(../images/lochness_reflect.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	}

#lochness #navlist li a {
	color: #F9A858;
	}

#lochness #navlist li a:hover, #lochness #navlist li a:focus {
	background: #666779 url(../images/lochness_logo.jpg) bottom right;
	color: #fff;
	}

#diner {
	background: #666 url(../images/squares_olivegray.gif) fixed;
	}

#diner #page {
	background: #ddd url(../images/sidelines_red.gif);
	}

#diner #topbox {
	background: transparent url(../images/diner_logo.jpg);
	}

#diner #footer {
	color:#580503;
	background: #f60 url(../images/diner_logo.jpg);
	}

#diner h1 {
	color:#7B2C1E;
	}

#diner #maincontent {
	background-image: url(../images/diner_reflect.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	}

#diner #navlist li a {
	color: #F9A858;
	}

#diner #navlist li a:hover, #diner #navlist li a:focus {
	background: #962714 url(../images/diner_logo.jpg) top left;
	color: #fff;
	}

#subway {
	background: #4f584e url(../images/squares_gray.gif) fixed;
	}

#subway #page {
	background: #fff url(../images/sidelines_green.gif);
	}

#subway #topbox {
	background: transparent url(../images/subway_logo.jpg);
	}

#subway #footer {
	color:#FDCB01;
	background: #963 url(../images/subway_logo.jpg);
	}

#subway h1 {
	color:#882f05;
	}

#subway #maincontent {
	background-image: url(../images/subway_reflect.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	}

#subway #navlist li a {
	color: #f9a858;
	}

#subway #navlist li a:hover, #subway #navlist li a:focus {
	background: #9c5845 url(../images/subway_logo.jpg) bottom right;
	color: #fff;
	}

#playtube {
	background: #999 url(../images/squares_mdgray.gif) fixed;
	}

#playtube #page {
	background: #ddd url(../images/sidelines_tubegreen.gif);
	}

#playtube #topbox {
	background: transparent url(../images/playtube_logo.jpg);
	}

#playtube #footer {
	color:#c60;
	background: #2c1b0b url(../images/playtube_logo.jpg);
	}

#playtube h1 {
	color:#4f3d29;
	}

#playtube #maincontent {
	background-image: url(../images/playtube_reflect.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	}

#playtube #navlist li a {
	color: #eee;
	}

#playtube #navlist li a:hover, #playtube #navlist li a:focus {
	background: #292524 url(../images/playtube_logo.jpg) center right;
	color: #fff;
	}

#landscape {
	background: #999 url(../images/squares_gray.gif) fixed;
	}

#landscape #page {
	background: #ddd url(../images/sidelines_gray.gif);
	}

#landscape #topbox {
	background: transparent url(../images/landscape_logo.jpg);
	}

#landscape #footer {
	color:#fff;
	background: #ccf url(../images/landscape_logo.jpg);
	}

#landscape h1 {
	color:#E47D3A;
	}

#landscape #maincontent {
	background-image: url(../images/landscape_reflect.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	}

#landscape #navlist li a {
	color: #fff;
	}

#landscape #navlist li a:hover, #landscape #navlist li a:focus {
	background: #ffc7a4 url(../images/landscape_logo.jpg) bottom right;
	color: #c60;
	}

#redsky {
	background: #666560 url(../images/squares_olivegray.gif) fixed;
	}

#redsky #page {
	background: #ccc url(../images/sidelines_green.gif);
	}

#redsky #topbox  {
	background: transparent url(../images/redsky_logo.jpg);
	}

#redsky #footer {
	color:#B9851C;
	background: #ceb3a2 url(../images/redsky_logo.jpg);
	}

#redsky h1 {
	color:#710f0e;
	}

#redsky #maincontent {
	background-image: url(../images/redsky_reflect.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	}

#redsky #navlist li a {
	color: #fff;
	}

#redsky #navlist li a:hover, #redsky #navlist li a:focus {
	background: #81160e url(../images/redsky_logo.jpg) top left;
	color: #f6c657;
	}

#printshop {
	background: #999 url(../images/squares_gray.gif) fixed;
	}

#printshop #page {
	background: #fff url(../images/sidelines_red.gif);
	}

#printshop #topbox {
	background: transparent url(../images/printshop_logo.jpg);
	}

#printshop #footer {
	color:#D8A182;
	background: #512424 url(../images/printshop_logo.jpg);
	}

#printshop #maincontent {
	background-image: url(../images/printshop_reflect.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	}

#printshop #navlist li a {
	color: #f9a858;
	}

#printshop #navlist li a:hover, #printshop #navlist li a:focus {
	background: #92593e url(../images/printshop_logo.jpg) top center;
	color: #fff;
	}

#spring {
	background: #4f584e url(../images/squares_green.gif) fixed;
	}

#spring #page {
	background: #fff url(../images/sidelines_red.gif);
	}

#spring #topbox {
	height:140px;
	background: transparent url(../images/spring_logo.jpg);
	}

#spring #footer {
	color:#fff;
	background: #512424 url(../images/spring_logo.jpg);
	}

#spring h1 {
	color:#7B2C1E;
	}

#spring #maincontent {
	background-image: url(../images/spring_reflect.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	}

#spring #navlist li a {
	color: #f9a858;
	}

#spring #navlist li a:hover, #spring #navlist li a:focus {
	background: #ad3a37 url(../images/spring_logo.jpg) top right;
	color: #fff;
	}

#glasses {
	background: #4f584e url(../images/squares_gray.gif) fixed;
	}

#glasses #page {
	background: #fff url(../images/sidelines_redfaded.gif);
	}

#glasses #topbox {
	background: transparent url(../images/glasses_logo.jpg);
	}

#glasses #footer {
	color:#FDCB01;
	background: #963 url(../images/glasses_logo.jpg);
	}

#glasses h1 {
	color:#882f05;
	}

#glasses #maincontent {
	background-image: url(../images/glasses_reflect.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	}

#glasses #navlist li a {
	color: #f9a858;
	}

#glasses #navlist li li a {
	color: #fadbbd;
	}

#glasses #navlist li a:hover, #glasses #navlist li a:focus {
	background: #9c5845 url(../images/glasses_logo.jpg) top right;
	color: #fff;
	}

#tunnel {
	background: #999 url(../images/squares_gray.gif) fixed;
	}

#tunnel #page {
	background: #ddd url(../images/sidelines_blue.gif);
	}

#tunnel #topbox {
	background: transparent url(../images/tunnel_logo.jpg);
	}

#tunnel #footer {
	color:#f9a858;
	background: #1fa2d0 url(../images/tunnel_logo.jpg);
	}

#tunnel h1 {
	color:#904848;
	}

#tunnel #maincontent {
	background-image: url(../images/tunnel_reflect.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	}

#tunnel #navlist li a {
	color: #f9a858;
	}

#tunnel #navlist li li a {
	color: #fadbbd;
	}

#tunnel #navlist li a:hover, #tunnel #navlist li a:focus {
	background: #01182a url(../images/tunnel_logo.jpg) bottom right;
	color: #fff;
	}

#ferris {
	background: #777a85 url(../images/squares_ferrisgray.gif) fixed;
	}

#ferris #page {
	background: #ddd url(../images/sidelines_redfaded.gif);
	}

#ferris #topbox {
	background: transparent url(../images/ferris_logo.jpg);
	}

#ferris #footer {
	color:#EAF0F5;
	background: #af8caa url(../images/ferris_logo.jpg);
	}

#ferris h1 {
	color:#B3440F;
	}

#ferris #maincontent {
	background-image: url(../images/ferris_reflect.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	}

#ferris #navlist li a {
	color: #bbb;
	}

#ferris #navlist li a:hover, #ferris #navlist li a:focus {
	background: #fb7826 url(../images/ferris_logo.jpg) bottom right;
	color: #fff;
	}

#barn {
	background: #999 url(../images/squares_ltgray.gif) fixed;
	}

#barn #page {
	background: #ddd url(../images/sidelines_gray.gif);
	}

#barn #topbox {
	background: transparent url(../images/barn_logo.jpg);
	}

#barn #footer {
	color:#aaa;
	background: #fff url(../images/barn_logo.jpg);
	}

#barn h1 {
	color:#E47D3A;
	}

#barn #maincontent {
	background-image: url(../images/barn_reflect.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	}
	
#barn #navlist li.thispage	{
	color: #F9E5C6;
	}

#barn #navlist li a {
	color: #fff;
	}

#barn #navlist li li a {
	color: #888;
	}

#barn #navlist li a:hover, #barn #navlist li a:focus {
	background: #ffc7a4 url(../images/barn_logo.jpg) top right;
	color: #c60;
	}

/* THE FOLLOWING LEFT BORDER SOLVES 2 PROBLEMS:
	FIREBIRD CENTERING WHEN VIEWPORT TOO NARROW
	AND MAC OPERA DISPLAY WEIRDNESS. GO FIGURE. */	
html>body #wrap	{
	background: transparent;
	margin: 0 auto;
	padding: 0;
	width: 750px;
	text-align:left;  /*** Part 2 of centering hack for IE5 and 5.5 ***/
	}