/* hsl.css 
	Copyright © 2005-2006, Hanson-Smith, Ltd. All rights reserved. */

body {
	color: Navy;
	background: #FBFEFE url(/images/bkgd-b.jpg) repeat-x 0 0; /* #F4F4FF */
	font-family: Georgia, Fritz Quadrata, Caslon, Book Antiqua, Garamond, serif;
	font-size: 10pt;
	text-align: left;
	margin: 0;
	padding: 0;
	}
	
#footing {
	margin: 30px 0 0 0;
	padding: 0 0 0 6px;
	background: #FBFEFE url(/images/bkgd-b2-inv.jpg) repeat-x 0 0; /* #F4F4FF */
	width: 100%;
	left: 0;
	position: absolute;
	}

a {
	color: Blue;
}
pre {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	}
strong {
	color: Red;
	font-weight: bold;
}
h1 {
	font-family: Fritz Quadrata, Georgia, Caslon, Book Antiqua, Garamond, serif;
	font-variant: small-caps;
	font-size: 18pt;
}
h2 {
	font-size: 16pt;
}
h3 {
	font-size: 14pt;
}
h4 {
	font-size: 12pt;
}

ol li {	padding: 6pt; }

ul.faq li {
	margin: 12pt 0;
}

ol#faqHead li {
	margin: 2pt 0;
	font-size: 10pt;
	padding: 0;
}

ul.loose li {
	margin: 5pt 0;
}

a:hover {
	color: #009001;
	/* background-color: #E1FFE1; */
}
img {
	border: none;
	width: 120px;
}
p img {
	width:300px; }

img#logoBig {
	background: url(/images/hsl100.png);
}
img#logo {
	background: url(/images/hsl50.png);
}
img#logo32 {
	background: url(/images/hsl32.png);
}
img#logo200 {
	background: url(/images/hsl.png);
}

#page {
	width: 800px;
	margin: 6px;
	padding: 6px;
}

#banner, #bannerbig {
	border-color: navy;
	border-width: 2px;
	border-style: ridge;	
	height:72px;
	color: #404080;
	margin: 6pt 6pt;
	padding: 0 12pt;
	background: white;
}

#bannerbig {
	height:100px;
}
#banner {
	margin: 6pt 72pt 6pt 6pt;
}

#banneroverlay, #banneroverlaybig {
	position: absolute;
	top: 30px;
	left: 170px;
	color: navy;
	padding: 0;
	margin: 0;
}

	#banneroverlaybig h1, #banneroverlaybig h3 {
		margin: 6pt;
		padding: 0;
		}

	#banneroverlay h1 {
		font-size: 16pt;
		margin: 3pt;
		padding: 0;
		}

	#banneroverlay h3 {
		font-size: 12pt;
		margin: 2pt;
		padding: 0;
		}

#strip {
	position:absolute;
	top:0;
	left:140px;
	background: url(/images/DiscoveryBaySanJuansSunsetStrip.png) no-repeat;
	filter:alpha(opacity=45);
	opacity:.45;
	margin:1em 0;
	width:800px;
	height:92px;
}

#topbar, #leftbar, #leftnav {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/* new */
#topbar {
	margin: 6pt 0;
	position: relative;
	width: 888px;
}
	#topbar #topnavlinks {
	  width:888px;
	  padding:0; 
	  margin:0 auto; 
	  }
	#topbar #topnavlinks span.navitem {
	  float:left;
	  width:auto;
	  }

#leftnav {
	width: 180px;
	float: left;
	margin: 9pt 0 0 0;
}

	#leftnav #leftnavlinks {
	  width:150px;
	  padding:0; 
	  margin:0; 
	  }
	  
	#leftnav #leftnavlinks span.navitem {
	  float:left;
	  width:auto;
	  display:block;
	  }

/* new */

/*
#topbar {
	margin: 6pt 0;
} */

#topbar a, 	#leftnav a { /* common */
	background: #E9F3FF url(../images/but-submenu2.gif) repeat-x 0 -3px; /* #EAEAFF */
	display:block;
	float:left; 
	text-align:center; 
	text-decoration: none;
	vertical-align: middle;
	border-style: solid;
	font-size: 8pt;
	font-weight: bold;
	margin: 2pt;
}

	#topbar a { /* topbar specific */
		color: red;
		border-color: #E2E2EA #606080 #A0A0B0 #E2E2EA;
		border-width: 1.5px;
		border-style: solid;
		min-height: 18px;
		padding: 5pt 8pt 2pt 8pt;
	}
	#leftnav a { /* leftbar specific */
		display: block;
		text-align: center;
		/* background: #E9F3FF url(../images/but-submenu2.gif) repeat-x 0 -3px; /* #E0D0FF  */
		color: navy;
		border-color: #D0D0FF #6060C0 #A0A0F0 #D0D0FF;
		border-width: 1px;
		min-height: 16px;
		width: 150px;
		padding: 4pt 2pt 4pt 2pt;
		border-width: 1px;
	}
	#leftnav a.left2ref { /* leftnav a.left2ref specific */
		background: #E9F3FF url(../images/but-submenu2.gif) repeat-x 0 -3px; /* but-special.gif */
		width: 136px;
		margin: 1pt 1pt 1pt 14pt;
		padding: 3pt 1pt 2pt 1pt;
		min-height: 14px;
		font-weight: normal;
	}		
	/* topbar */
	#topbar a:hover {
		background: rgb(253,235,244)  url(../images/but-submenu.gif) repeat-x 0 -3px; /* #F0FFF0 */
		color: Green;
	}
	#topbar a.me {
		background: #E6F8EE url(../images/but-o.gif) repeat-x 0 -3px; /* #C3FFC4 */
		color: Green;
		border-color: #B0B0F0 #D0D0FF #D0D0FF #A0A0D0 ; /* had been FFFFFF */
	}
	#topbar a.me:hover {
		background: rgb(253,235,244)  url(../images/but-submenu.gif) repeat-x 0 -3px; /* #F0FFF0 */
		color: Green;
	}
	/* leftbar */
	#leftnav a:hover {
		background: rgb(253,235,244)  url(../images/but-submenu.gif) repeat-x 0 -3px; /* #F0FFF0  */
		color: Green;
	}
	#leftnav a.me {
		background: #E6F8EE url(../images/but-o.gif) repeat-x 0 -3px; /* #C3FFC4 */
		color: green;
		border-color: #B0B0F0 #E0E0FF #E0E0FF #A0A0D0 ;
	}
	#leftnav a.me:hover {
		background: rgb(253,235,244)  url(../images/but-submenu.gif) repeat-x 0 -3px; /* #E6E6E6/#C3FFC4  */
		color: Green;
	}








#bodyblock, #body {
	float: left;
	/* margin-right: -200px; enable if rightbar in use */
	margin: 9pt 0 0 0;
	width: 600px;
}
#bodyblock {
	display: none;
}
/* #rightbar {
	float: right;
	width: 180px;
	color: black;
	background: #B5B5FF;
} */
#gallery, #galleredit {
	padding: 0;
	margin: 0;
	}
	
	#gallery td {
		font-size: 7pt;
		text-align: center;
		vertical-align: baseline;
		}

	#galleryedit td {
		cursor: pointer;
		font-size: 7pt;
		text-align: center;
		vertical-align: baseline;
	}	
	
	#gallery a, #galleryedit a {
		width: 140px;
		display: block;
	}

	#galleryedit td .ed {
		width: 16px;
	}

	#gallery td img, #galleryedit td img {
		width: 140px;
	}
	
	#gallery td img.tall, #galleryedit td img.tall {
		width: 100px;
	}
	
	#gallery hr, #galleryedit hr {
		border: 0;
		color: #c0c0c0;
		background-color: #c0c0c0;
		height: 1px;
		width: 80%;
	}

.tinydate {
	font-size: 8pt;
	color: #606080;
	text-decoration:underline;
	}
	
.tiny {
	font-size: 8pt;
	}
.small {
	font-size: 8pt;
	}
.tight {
	padding: 0;
	margin: 0;
	}
.center {
	text-align: center;
	}
.right {
	text-align: right;
	}
.clear {height:0; clear:both;}  /* used with float div columns */

.col1of3 {
	width: 120px;
	float: left;
	font-size: 8pt;
	}
.col2of3 {
	width: 320px;
	float: left;
	font-size: 8pt;
	}
.col3of3 {
	width: 220px;
	float: left;
	font-size: 8pt;
	}
.col1of2 {
	width: 310px;
	float: left;
	font-size: 9pt;
	}
.col2of2 {
	width: 310px;
	float: left;
	font-size: 9pt;
	}
.col1A {
	width: 220px;
	float: left;
	font-size: 9pt;
	}
.col1B {
	width: 90px;
	float: left;
	font-size: 9pt;
	}


.teeny {font-size: 7pt;}

.AlL {text-align: left;}
.AlR {text-align: right;}
.AlC {text-align: center;}


#home .col1of2, #home .col2of2, 
	#prizes .col1of2, #prizes .col2of2 {
	/* prize list */
	font-size: 8pt;
	}
#home .col1of2 {
	width: 240px;
	text-align: right;
	padding: 0 9pt 0 0;
	}
#home .col2of2 {
	width: 240px;
	text-align: left;
	padding: 0 9pt 0 0;
	}
#home .col1of3 {
	width: 70px;
	text-align: right;
	padding: 0 3pt 0 0;
	}
#home .col2of3 {
	width: 100px; 
	text-align: center;
	}
#home .col3of3 {
	width: 240px; 
	text-align: left;
	}

#prizes .col1of2 {
	width: 250px;
	text-align: right;
	padding: 0 9pt 0 0;
	}
#home .col2of2, #prizes .col2of2 {width: 370px; }

#prizes .col1of3 {
	width: 60px;
	text-align: right;
	padding: 0 3pt 0 0;
	}
#prizes .col2of3 {
	width: 340px; 
	text-align: center;
	}
#prizes .col3of3 {
	width: 240px; 
	text-align: left;
	}


#links .col1of2, #links .col2of2 {
	width: 390px;
	font-size: 8pt;
	}

#links .col1of2 a, #links .col2of2 a {
	display: block;
	margin: 9pt 9pt 9pt 0;
	border-color: navy;
	border-width: 2px 0 0 0;
	border-style: solid;
	clear: right;
	font-size: 8pt;
	}

#links .col1of2 a img, #links .col2of2 a img  {
	float: right;
	width: 100px;
	}

#links img { margin:0 0 10px 0; }

#links a img.wide {
	float: right;
	width: 160px;
	}

#links a img.xwide {
	float: right;
	width: 240px;
	}

#links .col1A { /* for special two-column subblocks */
	width: 280px;
	float: left;
	font-size: 8pt;
	}

#links .col1AwideImage {
	width: 220px;
	float: left;
	font-size: 8pt;
	}

#links .col1B, #links .col1BwideImage {
	float: right;
	margin: 0 4.5pt 0 0;
	}

#links .col1B                        { width: 100px; }
#links .col1BwideImage               { width: 160px; }
#links .col1A a, #links .col1AwideImage a   { margin: 0; border: none; display: inline;}
#links .col1B a, #links .col1BwideImage a   { margin: 0; border: none; display: inline;}

#links .col1B img, #links .col1BwideImage img  {
	float: none;
	display: block;
	}

#links .col1B img                    { width: 100px; }
#links .col1BwideImage img           { width: 160px; }

#imgcntpref {
	font-size: 8pt;
	}

#formprelogin {
	width: 256px;
	top: 244px;
	left: 520px;	
	text-align: center;
	}
#formlogin {
	width: 256px;
	top: 0px;
	left: 520px;
	height: 300px;
	}
#formedit {
	width: 800px;
	top: 0px;
	left: 140px;
	height: 314px;
	}
#formlogin, #formedit, #formprelogin {
	position: absolute;	/* see above for position */
	margin: 6pt 1em;
	padding: 6pt 1em;
	background: #FBFEFE url(/images/bkgd-b2.jpg) repeat-x 0 0; /* #E0E0FF  */
	border-color: navy;
	border-width: 2px;
	border-style: ridge;
	font-size: 8pt;
	}

	#formedit td {
		text-align: right;
		vertical-align: top;
		height: 23px;
		}

	#formedit td+td {
		text-align: left;
		vertical-align: top;
		height: 23px;
		}

	#formedit #imagenote, #formedit #bychanged, #formedit #datechanged, #formedit #titlechanged {
		color: red;
	}
	
	.changed, .selected, #confirm {
		background: #ffc0c0;
	}	
	
	#formedit #imagenote #instruct {
		color:black;
		}

.box, .boxbig { /* #formedit .box */
	border-color: navy;
	border-width: 2px;
	border-style: ridge;
	}

.box {
	padding: 0 6pt;
	font-size: 8pt;
	}

.boxbig {
	padding: 6pt 12pt;
	}

.boxbig h3, .boxbig h4 {
	margin: 2pt 0 0 0;
	}
	

/* end of hsl.css */