/* background-color: #FFFFFF (white) */
/* trim-color: #1A4F9B ("sky" blue) */
/* sub-background-color: #EEEEEE (very lt gray) */
/* highlight-color: #1A4F9B ("sky" blue) */
/* link color: #716360 ("road" gray) */
/* menu-selected color: #FA0B0B ("route" red) */


<!--

body {
	scrollbar-face-color: #fff;
	scrollbar-shadow-color: #fff;
	scrollbar-highlight-color: #fff; 
	scrollbar-3dlight-color: #fff;
	scrollbar-darkshadow-color: #fff; 
	scrollbar-track-color: #fff; 
	scrollbar-arrow-color: #1A4F9B;
}
body {
	background-image: url(/images/site_bg.jpg);
	background-repeat: no-repeat;
}
frame 
{
	FONT-FAMILY: Verdana, Tahoma, Helvetica, sans-serif, arial; color: #000000; 
	font-size: 10pt; background-color: #EEEEEE;
}
#frame
{
	background-color: #F2F5FF;

	font-family: Verdana, Tahoma, Helvetica, sans-serif, arial; 
	color: #000;
 	font-size: 10pt;

	margin: 0;
	padding: 5px;
	border: 0;
}

#container
{
	background-color: #fff;
	border: 1px solid #999;

	position: absolute; left: 18px; top: 18px;
	padding: 10px 12px 10px 12px;
	width: 730px; height: 560px;
}

#container
{
	\width: 770px;
	w\idth: 770px;
}

#iframe_holder
{
	position: absolute; 
	top: 65px; left: 35px; 
	
	height: 450px; width: 710px;
	
	padding: 10px; margin: 0;
	background-color: #f6f6f6;
}
iframe 
{
	FONT-FAMILY: Verdana, Tahoma, Helvetica, sans-serif, arial; color: #000000; 
	font-size: 10pt;
	height: 100%;
	width: 100%;

	margin: 0;
	padding: 0;
	border: 0;
}
#iframe
{
	padding-right: 10px;
	background-color: #f6f6f6;
	background-image: none;
}


#topmenu
{
	height: 18px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #999;
}

#menulinks
{
	float: left;
}

#slfloat
{
	float: right;
	font-weight: bold;
	color: black;
}

#maincontent
{
	width: 770px; height: 505px; margin: 0;
}


#setselect
{
	position: absolute; left: 25px; top: 516px; font-size:8pt;
}

#mapselect
{
	position: absolute; left: 25px; top: 435px; border: 0; padding: 0; margin: 0;
	height: 116px;
	z-index: 3;
}

#map
{
	position: absolute; left: 20px; top: 430px; border: 0; padding: 0; margin: 0;
	z-index: 2;
}

#overlay
{
	display: block; 
	background-color: white; border: 1px gray solid;
	position: absolute;	
	left:227px; top:152px; 
	width:350px; height:225px;
	padding: 15px;
	filter:alpha(opacity=90); -moz-opacity:0.90; opacity: 0.90; z-index: 20;
	cursor: pointer;
}

#overlay-static
{
	background-color: white; border: 1px gray solid;
	padding: 5px 15px 5px 15px;
	filter:alpha(opacity=70); -moz-opacity:0.70; opacity: 0.70; z-index: 10;
}


#copy
{
	font-size: 10px; color: #666; float: left; padding-top: 5px;
}

#designby
{
	font-size: 10px; color: #666; float: right; padding-top: 5px;
}

#loading
{
	display: none; position: absolute; left: 375px; top: 230px; z-index: 30;
}



A:link, A:active, A:visited
{
	text-decoration: none; color: #716360;
}
A:hover
{
	text-decoration: underline; color: #000000;
}

A.selected:link, A.selected:active, A.selected:visited
{
	text-decoration: none; color: #FA0B0B;
}
A.selected:hover
{
	text-decoration: none; color: #FA0B0B;
}


IMG
{
	color: black;
}
IMG.clean
{
	BORDER-STYLE: none; margin: 3px;
}
HR {
	border-width: 1px; border-bottom-style: dotted; border-left-style: dotted; border-right-style: dotted; border-top-style: dotted; color: #666666; margin-top: 6pt; margin-bottom: 6pt; width: 100%; 
}
DIV
{
	color: black; FONT-FAMILY: Verdana, Tahoma, Helvetica, sans-serif, arial;
	font-size: 10pt;
}
TABLE 
{
	FONT-FAMILY: Verdana, Tahoma, Helvetica, sans-serif, arial; color: #000000;
 	font-size: 10pt; 
}
table.cv
{
	margin-bottom: 15px;
}
TD
{
	vertical-align: top;
}
UL 
{
	font-size: 10pt; margin-top: 3px; margin-left: 1.25em; padding-left: 0px; 
	list-style-type: square; color: red; color: black; 
}
LI
{
	color: black; font-size: 10pt; padding-left: 0px;
	margin-top: 3px; margin-bottom: 3px; margin-left: 0em;
}
LI.image 
{
	LIST-STYLE: none; margin-top: 3px; margin-bottom: 3px; 
	padding: 0 0 0 20px;
	background: url(images/bullet.gif) no-repeat 0px 0px; font-size: 10pt; 
	color: black;
}
OL 
{
	margin-top : 5px; margin-bottom : 5px; padding: 0px; font-size: 10pt;
}
P 
{
	margin-bottom : 15px; margin-top : 15px; font-size: 10pt;
	FONT-FAMILY: Verdana, Tahoma, Helvetica, sans-serif, arial; color: #000000;
}
FORM
{
	margin : 0px; font-size: 10pt;
}

.menu
{
	font-weight : normal; font-size: 10pt;
}


/* begin portrait & landscape/spaces thumbpages, thumbnails and album */

.thumbpage
{
	margin: 0px 9px 0px 5px;
	LIST-STYLE: none; 
	background: url(http://www.sarahlyon.com/images/tpinactive.gif) 0 0 no-repeat;
}
.selectedthumbpage
{
	margin: 0px 9px 0px 5px;
	LIST-STYLE: none; 
	background: url(http://www.sarahlyon.com/images/tpactive.gif) 0 0 no-repeat;
}
.thumbpagehover
{
	margin: 0px 9px 0px 5px;
	LIST-STYLE: none; 
	background: url(http://www.sarahlyon.com/images/tphover.gif) 0 0 no-repeat;
	cursor: pointer;
}



.thumbpage5
{
	margin: 0 9px 0 1px;
	LIST-STYLE: none; 
	background: url(http://www.sarahlyon.com/images/tpinactive.gif) 0 0 no-repeat;
}
.selectedthumbpage5
{
	margin: 0 9px 0 1px;
	LIST-STYLE: none; 
	background: url(http://www.sarahlyon.com/images/tpactive.gif) 0 0 no-repeat;
}
.thumbpage5hover
{
	margin: 0 9px 0 1px;
	LIST-STYLE: none; 
	background: url(http://www.sarahlyon.com/images/tphover.gif) 0 0 no-repeat;
	cursor: pointer;
}




.thumbset
{
	position:absolute; left:22px; top:60px; font-size:8pt;
}

.thumb
{
	padding: 3px; height: 100px;

border-bottom-color: white; border-bottom-style: solid; border-bottom-width: 1px;
border-top-color: white; border-top-style: solid; border-top-width: 1px;
border-left-color: white; border-left-style: solid; border-left-width: 1px;
border-right-color: white; border-right-style: solid; border-right-width: 1px;
}
.thumbhover
{
	padding: 3px; height: 100px;

border-bottom-color: #894F2A; border-bottom-style: solid; border-bottom-width: 1px;
border-top-color: #894F2A; border-top-style: solid; border-top-width: 1px;
border-left-color: #894F2A; border-left-style: solid; border-left-width: 1px;
border-right-color: #894F2A; border-right-style: solid; border-right-width: 1px;
	cursor: pointer;
}


.album
{
	position:absolute; left:260px; top:80px; font-size:8pt;
}

/* end portrait & landscape/spaces thumbpages, thumbnails and album */


/* begin journey mapsets, thumbnails and album */

.mappage
{
	filter: alpha(opacity=50); 
	-moz-opacity: 0.5; 
	opacity: 0.5; 

	background-color: white;
	color: white;

	height: 100%;

	margin:0; padding: 0;

	float: left;
}
.selectedmappage
{
	filter: alpha(opacity=10); 
	-moz-opacity: 0.1; 
	opacity: 0.1; 

	background-color: red;
	color: red;

	height: 100%;

	margin:0; padding: 0;

	float: left;
}
.mappagehover
{
	filter: alpha(opacity=0); 
	-moz-opacity: 0; 
	opacity: 0; 

	background-color: white;
	color: white;

	height: 100%;

	margin:0; padding: 0;

	float: left;
}
.smappagehover
{
	filter: alpha(opacity=5); 
	-moz-opacity: 0.05; 
	opacity: 0.05; 

	background-color: red;
	color: red;

	height: 100%;

	margin:0; padding: 0;

	float: left;
}


#arrowselect
{
	position: absolute; left: 710px; top: 58px;
	text-align: center;
	width: 60px;
}
.ltarrow
{
	margin: 0px 9px 0px 0px;
	LIST-STYLE: none; 
	background: url(http://www.sarahlyon.com/images/ltarrow.gif) 0 0 no-repeat;
}
.ltarrowhover
{
	margin: 0px 9px 0px 0px;
	LIST-STYLE: none; 
	background: url(http://www.sarahlyon.com/images/ltarrow_hov.gif) 0 0 no-repeat;
}
.ltarrowclick
{
	margin: 0px 9px 0px 0px;
	LIST-STYLE: none; 
	background: url(http://www.sarahlyon.com/images/ltarrow_click.gif) 0 0 no-repeat;
}
.rtarrow
{
	margin: 0px;
	LIST-STYLE: none; 
	background: url(http://www.sarahlyon.com/images/rtarrow.gif) 0 0 no-repeat;
}
.rtarrowhover
{
	margin: 0px;
	LIST-STYLE: none; 
	background: url(http://www.sarahlyon.com/images/rtarrow_hov.gif) 0 0 no-repeat;
}
.rtarrowclick
{
	margin: 0px;
	LIST-STYLE: none; 
	background: url(http://www.sarahlyon.com/images/rtarrow_click.gif) 0 0 no-repeat;
}



.jthumbset
{
	position:absolute; left:20px; top:58px; font-size: 0; line-height: 0;
}

.jthumb
{
	filter: alpha(opacity=70); 
	-moz-opacity: 0.7; 
	opacity: 0.7; 

	padding: 1px; height: 36px; width: 36px;

border-bottom-color: white; border-bottom-style: solid; border-bottom-width: 1px;
border-top-color: white; border-top-style: solid; border-top-width: 1px;
border-left-color: white; border-left-style: solid; border-left-width: 1px;
border-right-color: white; border-right-style: solid; border-right-width: 1px;
}
.selectedjthumb
{
	filter: alpha(opacity=100); 
	-moz-opacity: 1; 
	opacity: 1; 

	padding: 1px; height: 36px; width: 36px;

border-bottom-color: #894F2A; border-bottom-style: solid; border-bottom-width: 1px;
border-top-color: #894F2A; border-top-style: solid; border-top-width: 1px;
border-left-color: #894F2A; border-left-style: solid; border-left-width: 1px;
border-right-color: #894F2A; border-right-style: solid; border-right-width: 1px;
}
.jthumbhover
{
	filter: alpha(opacity=100); 
	-moz-opacity: 1; 
	opacity: 1; 

	padding: 1px; height: 36px; width: 36px;

border-bottom-color: white; border-bottom-style: solid; border-bottom-width: 1px;
border-top-color: white; border-top-style: solid; border-top-width: 1px;
border-left-color: white; border-left-style: solid; border-left-width: 1px;
border-right-color: white; border-right-style: solid; border-right-width: 1px;

}

.jalbum
{
	position: absolute; left: 160px; top: 58px;
	font-size: 0; line-height: 0;
	margin: 0; padding: 0;
	width: 538px;
}

.jcommentrt
{
	position: absolute; left: 640px; top: 240px;
	width: 120px;
}
.jcommentbtm
{
	margin-top: 5px;
}
.jcommentbtmttl
{
	float: left;
	text-align: left;
	font-size: 8pt;
	line-height: 1.2;
}
.jcommentbtmcmt
{
	float: right;
	text-align: right;
	font-size: 8pt;
	line-height: 1.2;
}



/* end journey mapsets, thumbnails and album */


.report
{
	position:absolute; left:210px; top:90px; font-size:8pt;
}
.comment
{
	font-size: 8pt;
}
.review
{
	margin-top: 15px;
	width: 650px;
}
.sig
{
	color: #633;
	margin-bottom: 15px;
}
.divdots
{
	font-size: 0;
	text-align: center;
	border-top: 2px dotted #aaa;
	border-bottom: 2px dotted #aaa;
	width: 650px;
	height: 1px;
}


-->