/*  desktop.css  */
/*  updated 1/24/2018  */

 html {
	min-width: 950px;
	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif; 
	font-size: 12pt;
	}

 body {
 	margin-left: 120px;
	margin-right: 20px;
 	background-color: #DEF5FF;
	background-position: 0 0;
	background-image: url(http://www.twinplanets.com/rr/slides/img/tracks.png);
	background-repeat: repeat-y;
	}

A {
	text-decoration: none;
	}

h1.header {
	font-size: 2.5em; 
	text-shadow: 2px 2px 2px #77AAFF;
	line-height: 0.95;
	color: #0000AA;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	}

h2.header {
	font-size: 1.9em; 
	text-shadow: 2px 2px 2px #77AAFF; 
	margin-bottom: 0.5em; 
	Margin-top: 0em; 
	color: #0000AA; 
	}

div.header {
	float: right;
	}

div.buttonshowall {
	background-color: #66AAFF;
	font-style: italic;
	font-weight: bold;
	padding: 0.5em 0.7em 0.5em 0.7em;
	margin-top: 2em;
	margin-left: 4px;
	margin-bottom: 0em;
	border-radius: 8px;
	box-shadow: 3px 3px 2px #99CCFF; 
	float: left;
	}

div.buttonabout {
	background-color: #557FDF;
	font-style: italic;
	font-weight: bold;
	padding: 0.5em 0.7em 0.5em 0.7em;
	margin-top: 2em;
	margin-left: 2em;
	margin-bottom: 0em;
	border-radius: 8px;
	box-shadow: 3px 3px 2px #99CCFF; 
	float: left;
	}

div.buttonhome {
	background-color: #224499;
	font-style: italic;
	font-weight: bold;
	padding: 0.5em 0.7em 0.5em 0.7em;
	margin-top: 2em;
	margin-left: 2em;
	margin-bottom: 0em;
	border-radius: 8px;
	box-shadow: 3px 3px 2px #99CCFF; 
	float: right;
	}

div.buttonshowmap {
	background-color: #0000BB;
	font-style: italic;
	font-weight: bold;
	padding: 0.5em 0.7em 0.5em 0.7em;
	margin-top: 2em;
	margin-right: 1em;
	margin-bottom: 0em;
	border-radius: 8px;
	box-shadow: 3px 3px 2px #99CCFF; 
	float: right;
	}

.buttonshowall A:link {
	color: #FFFFFF;
	}

.buttonabout A:link {
	color: #FFFFFF;
	}

.buttonshowmap A:link {
	color: #FFFFFF;
	}

.buttonshowmap A:visited {
	color: #4444BB;
	}

.buttonhome A:visited {
	color: #FFFFFF;
	}

.buttonshowall A:visited {
	color: #FFFFFF;
	}

.buttonabout A:visited {
	color: #FFFFFF;
	}

.buttonshowall A:hover {
	color: #FFFF00;
	}

.buttonabout A:hover {
	color: #FFFF00;
	}

.buttonshowmap A:hover {
	color: #FFFF00;
	}

.buttonhome A:link {
	color: #FFFFFF;
	}

.buttonhome A:hover {
	color: #FFFF00;
	}

div.spacer {
	height: 2em;
	clear: left;
	float: left;
	}

h1.gallery {
	font-size: 2.0em; 
	text-shadow: 2px 2px 2px #77AAFF;
	line-height: 1.5;
	margin-bottom: 0em;
	color: #0000AA;
	}

h2.gallery {
	font-size: 1.6em; 
	text-shadow: 2px 2px 2px #77AAFF; 
	margin-bottom: -0.9em; 
	Margin-top: 0em; 
	color: #0000AA;
	}

h3.view {
	font-size: 1.1em; 
	text-shadow: 1px 1px 1px #77AAFF; 
	}

H1 A:link {
	text-decoration: none; 
	color: #0000AA; 
	}

H2 A:link {
	text-decoration: none; 
	color: #0000AA; 
	}

H1 A:visited {
	text-decoration: none; 
	color: #4444BB; 
	}

H2 A:visited {
	text-decoration: none; 
	color: #4444BB; 
	}

H1 A:hover {
	text-decoration: none; color: #0099FF; 
	}

H2 A:hover {
	text-decoration: none; color: #0099FF; 
	}

IMG.navbutton {
	border: none; 
	float: right;
	margin-top: 0.5em;
	margin-right: 1em;
	box-shadow: 3px 3px 2px #99CCFF; 
	background-color: #6699EE; 
	}

IMG.slide {
	display: block;
    	margin-left: auto;
    	margin-right: auto; 
	border: 3px solid #000066;
	width: 850px;
	height: 950px;
	}

IMG.thumb {
	margin-bottom: -2px;
	}

a.thumblink {
	display: block;
	border: solid; 
	border-width: 1px;
	border-color: #6699EE;
	width: 107px;
	background-color: #6699EE; 
	margin: 10px;
	margin-right: 1em; 
	margin-bottom: 0;	
	box-shadow: 3px 3px 2px #99CCFF; 
	float: left;
	}

a.thumblink:hover {
	transform: scale(1.2);
	}

div.thumbcaption {
	font-face: Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	font-weight: bold;
	height: 9.2em;
	color: black;
	background-color: #CCEEFF;
	margin-top: -3px;
	padding: 2px;
	}

IMG.header {
	box-shadow: 3px 3px 2px #99CCFF; 
	background-color: #6699EE; 
	margin: 10px;
	margin-right: 2em; 
	margin-bottom: 0.5em;	
	box-shadow: 3px 3px 2px #99CCFF; 
	background-color: #6699EE; 
	margin: 10px; 	
	}

DIV.info {
	font-family: sans-serif; 
	font-size: 1.2em; 
	font-weight: bold;
	color: #000099; 
	border: 1px solid #BBDDEE ; 
	box-shadow: 3px 3px 2px #6699EE; 
	background-color: #CCEEFF; 
	margin-top: 1em;
	margin-bottom: 2em;
	padding-left: 0.5em;
	float: left;
	width: 50%; 
	}

DIV.caption {
	font-family: Verdana, Georgia, serif; 
	font-size: 0.8em;
	font-weight: bold;
	color: #000066;  
	border: 1px solid #BBDDEE ; 
	box-shadow: 3px 3px 2px #6699EE; 
	background-color: #CCEEFF; 
	width: 755px;
	text-align: left; 
	padding: 0em 1em 0em 1em ;
    	margin-left: auto;
    	margin-right: auto;
	}

DIV.photoright {
	float: right;
	color: #000066;  
	border: 1px solid #BBDDEE ; 
	box-shadow: 3px 3px 2px #6699EE; 
	background-color: #CCEEFF; 
	width: 450px;
	text-align: left; 
	padding: 1em 1em 1em 1em ;
    	margin-left: 1em;
    	margin-right: auto;
	}

DIV.navigationbar {
	width: 100%; 
    	margin-left: auto;
    	margin-right: auto;
	}

DIV.topbar {
	background-color: #CCEEFF;
	background-image: linear-gradient(to right, #CCEEFF, #557FDF);
	padding-left: 1em;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	border: 1px solid #BBDDEE ; 
	box-shadow: 3px 3px 2px #6699EE; 
	}

ADDRESS {
	color: #0000AA; 
	font-family: Arial, sans-serif;
	font-style: normal;
	font-size: 0.75em;
    	margin-left: auto;
    	margin-right: auto;
	text-align: center; 
	}

TABLE {
	font-weight: bold; 
	font-style: italic; 
	font-size: 1.1em; 
	clear: left;
	}

TD.navbarcol1 {
	background-color: #557FDF;
	}

TD.navbarcol2 {
	background-color: #3355BB;
	}

TD.navbarcol3 {
	background-color: #224499;
	}

TD.navbarcol4 {
	background-color: #003366;
	}

TD.navbarcol0 {
	background-color: #66AAFF;
	}

TD A:link {
	text-decoration: none; 
	color: #FFFFFF; 
	}

TD A:visited {
	text-decoration: none; 
	color: #99EEFF; 
	text-shadow: 3px 3px 2px #003366; 
	}

TD A:hover {
	text-decoration: none; 
	color: #FFFF00; 
	}

div.mainmenulistleft {
	font-size: 1.9em; 
	text-shadow: 2px 2px 2px #77AAFF; 
	color: #0000AA; 
	background-color: #CCEEFF; 
	padding-left: 0.5em;
	padding-bottom: 0.5em;
	width: 60%;
	height: 8em;
	clear: left;
	float: left;
	margin-left: 2em;
	margin-right: 0.25em;
	margin-top: 1em;
	border: 1px solid #BBDDEE ; 
	box-shadow: 3px 3px 2px #6699EE; 
	background-color: #CCEEFF; 
	box-sizing: border-box;
	overflow: auto;
	}

div.mainmenulistright {
	font-size: 1.9em; 
	text-shadow: 2px 2px 2px #77AAFF; 
	color: #0000AA; 
	background-color: #CCEEFF; 
	padding-left: 0.5em;
	padding-bottom: 0.5em;
	width: 20%;
	height: 8em;
	float: right;
	margin-right: 2em;
	margin-left: 0.25em;
	margin-top: 1em;
	border: 1px solid #BBDDEE ; 
	box-sizing: border-box;
	box-shadow: 3px 3px 2px #6699EE; 
	overflow: auto;
	clear: right;
	}

div.mainmenulistwide {
	font-size: 1.9em; 
	text-shadow: 2px 2px 2px #77AAFF; 
	color: #0000AA; 
	background-color: #CCEEFF; 
	padding-left: 0.5em;
	padding-bottom: 0.5em;
	width: 80%;
	height: 8em;
	clear: left;
	float: left;
	margin-left: 2em;
	margin-right: 2em;
	margin-top: 1em;
	border: 1px solid #BBDDEE ; 
	box-shadow: 3px 3px 2px #6699EE; 
	background-color: #CCEEFF; 
	box-sizing: border-box;
	overflow: auto;
	}

div.mainmenulistupdate {
	font-size: 1.9em; 
	text-shadow: 2px 2px 2px #77AAFF; 
	color: #0000AA; 
	background-color: #CCEEFF; 
	padding-left: 0.5em;
	padding-bottom: 0.5em;
	width: 25%;
	height: 8em;
	float: left;
	margin-left: 2em;
	margin-right: 0.25em;
	margin-top: 1em;
	border: 1px solid #BBDDEE ; 
	box-shadow: 3px 3px 2px #6699EE; 
	background-color: #CCEEFF; 
	box-sizing: border-box;
	overflow: auto;
	clear: left;
	}

div.goog {
	font-size: 1.9em; 
	text-shadow: 2px 2px 2px #77AAFF; 
	color: #0000AA; 
	background-color: #CCEEFF; 
	padding-left: 0.5em;
	padding-bottom: 0.5em;
	padding-right: 0.5em;
	width: 55%;
	height: 8em;
	float: right;
	margin-right: 2em;
	margin-left: 0.25em;
	margin-top: 1em;
	border: 1px solid #BBDDEE ; 
	box-sizing: border-box;
	box-shadow: 3px 3px 2px #6699EE; 
	overflow: auto;
	clear: right;
	}

span.googtext {
	font-family: "Arial wide", Helvetica, sans-serif; 
	font-weight: bold;
	}

span.g1 {
	font-size: 2.1;
	color: #0000FF;
	text-shadow: 2px 2px 2px #77AAFF; 
	}

span.o1 {
	color: #EE0000;
	text-shadow: 2px 2px 2px #AA6666; 
	}

span.o2 {
	color: #EE8800;
	text-shadow: 2px 2px 2px #AA8833; 
	}

span.g2 {
	color: #0000FF;
	text-shadow: 2px 2px 2px #77AAFF; 
	}

span.l1 {
	color: #00AA00;
	text-shadow: 2px 2px 2px #779977; 
	}

span.e1 {
	color: #EE0000;
	text-shadow: 2px 2px 2px #AA6666; 
	}

div.disclaimer {
	font-size: 0.4em;
	font-family: Arial, Helvetica, sans-serif; 
	line-height: 0.9em;
	}

div.place {
	font-size: 0.5em;
	font-weight: bold;
	}

div.place a {
	padding-left: 2px;
	padding-right: 2px;
	}

div.place a:hover {
	color: #FFFF00; 
	background: #0066DD;
	text-decoration: none;
	box-shadow: 1px 1px 1px #77AAFF; 
	}

div.mainmenulistleft ul {
	list-style-type: none;
	}

div.mainmenulistright ul {
	list-style-type: none;
	}

div.mainmenulistwide ul {
	list-style-type: none;
	}

div.mainmenulistupdate ul {
	list-style-type: none;
	}

li {
	font-size: 0.7em;
	font-weight: bold; 
	margin-left: 0em;
	text-indent: -1em;
	text-shadow: 1px 1px 1px #77AAFF; 
	color: #0000AA; 
	}

li a:link {
	color: #0000AA; 
	text-decoration: none;
	}

li a:visited {
	color: #5555CC;
	text-decoration: none;
	}

li a:hover {
	color: #FFFF00; 
	background: #0066DD;
	text-decoration: none;
	box-shadow: 1px 1px 1px #77AAFF; 
	}