


/* Lily Lake - www.lilylake.com */
/* Copyright (c) 2008 Lily Lake. All rights reserved. */
/* Created for Lily Lake by Open Development, May 2008, 
    during the emergence of Brood XIV. Dang things sound 
    like alien spaceships landing. */





/* -------------- GENERAL ----------------- */



	
body
	{
    margin: 0;
    padding: 0;
    border: 0;
    background: #5163a0 url(../images/tile_background.jpg) repeat-x;
    font: normal 11px Lucida Grande, Verdana, sans-serif;
    line-height: 16px;
    text-align: left;
    color: #333;
		}
	


/* -------------- TYPOGRAPHY ----------------- */



h1
	{
	font: bold 2.5em Georgia, serif;
    color: #703e1e;
		}

h2
	{
    font: normal 2em Georgia, serif;
    color: #57b;
    margin: 0;
    line-height: 1em;
		}

h3
	{
    font: bold 1.5em Georgia, serif;
    line-height: 24px;
    color: #359;
    margin-bottom: 0;
		}

h4
	{
	font: bold 1.25em Georgia, serif;
    font-style: italic;
    margin-top: 0;
		}

h5
	{
    font-size: 1em;
    font-family: Georgia, serif;
		}

h6
	{
    font-size: .9em;
		}

strong
	{
    font-weight: bold;
		}

em
	{
    font-style: italic;
		}

pre,code
	{
    font: normal 100% courier,monospace;
		}
		
		
		
		
		
		
		

/* -------------- HORIZONTAL NAVIGATION ----------------- */



#mainNav
	{
    margin: 0 auto;
    padding: 0;
    background: #fff;
    width: 830px;
    height: 26px;
		}

#mainNav span
	{
    display: none;
		}

#mainNav ul
	{
    margin: 0;
    padding: 0;
    background: transparent url(../images/navbar.jpg);
    height: 26px;
    width: 830px;
    position: relative;
		}

#mainNav li
	{
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 0;
		}

#mainNav li, #mainNav a
	{
    height: 26px;
    display: block;
		}

#mainNav1
	{
    left: 127px;
    width: 73px;
		}

#mainNav1 a:hover
	{
    background: transparent url(../images/navbar.jpg) -127px -26px no-repeat;
		}

#mainNav2
	{
    left: 200px;
    width: 112px;
		}

#mainNav2 a:hover
	{
    background: transparent url(../images/navbar.jpg) -200px -26px no-repeat;
		}

#mainNav3
	{
    left: 312px;
    width: 60px;
		}

#mainNav3 a:hover
	{
    background: transparent url(../images/navbar.jpg) -312px -26px no-repeat;
		}

#mainNav4
	{
    left: 372px;
    width: 94px;
		}

#mainNav4 a:hover
	{
    background: transparent url(../images/navbar.jpg) -372px -26px no-repeat;
		}

#mainNav5
	{
    left: 466px;
    width: 144px;
		}

#mainNav5 a:hover
	{
    background: transparent url(../images/navbar.jpg) -466px -26px no-repeat;
		}

#mainNav6
	{
    left: 610px;
    width: 94px;
		}

#mainNav6 a:hover
	{
    background: transparent url(../images/navbar.jpg) -610px -26px no-repeat;
		}

#mainNav7
	{
    left: 704px;
    width: 98px;
		}

#mainNav7 a:hover
	{
    background: transparent url(../images/navbar.jpg) -704px -26px no-repeat;
		}
		
		
		
		
		
		
		

/* -------------- LAYOUT ----------------- */



#logo
	{
	width: 830px;
	height: 90px;
	margin: 0 auto;
	text-align: left;
    background: url(../images/logo.jpg) no-repeat;
		}
		
#logo h1, #logo p
	{
	display: none;
		}
		
#shadow
	{
	margin: 0 auto;
	padding: 0;
	width: 830px;
	text-align: left;
	background: url(../images/tile_shadow.gif) top center repeat-y;
		}
		
#pageBackground
	{
	width: 830px;
	background: url(../images/background.jpg) top center no-repeat;
		}
		
#flash
	{
	width: 800px;
	height: 247px;
	margin: 0 auto;
	padding: 0;
		}
		
#mainGraphic
	{
	width: 800px;
	height: 175px;
	margin: 0 auto;
	padding: 0;
		}
		
#page
	{
	width: 800px;
	margin: 0 auto;
	padding: 0 0 10px 0;
	background: url(../images/tile_page.gif) repeat-y;
	border-bottom: 1px solid #ee2162;
	position: relative;
		}
		
#resultsPage
	{
	width: 800px;
	margin: 0 auto;
	padding: 0 0 10px 0;
	background: #fff;
	border-bottom: 1px solid #ee2162;
		}
		
#page #topShadow
	{
	width: 800px;
	height: 20px;
	margin: 0 auto;
	padding: 0;
	background: url(../images/topshadow.gif) no-repeat;
	border-top: 1px solid #fff;
		}
		
#page #resultsShadow
	{
	width: 800px;
	height: 20px;
	margin: 0 auto;
	padding: 0;
	background: url(../images/resultsshadow.gif) no-repeat;
	border-top: 1px solid #fff;
		}
		
#pageContent
	{
	width: 770px;
	margin: 0 0 0 30px;
	padding: 18px 0 0 0;
		}
		
#pageContent a:hover
	{
	background: #ccf;
		}
		
#resultsContent
	{
	width: 730px;
	margin: 0 auto;
	padding: 0;
	
		}
		
#left
	{
	float: left;
	width: 202px;
	margin: 0 60px 0 0;
		}
		
		
#main
	{
	float: left;
	width: 440px;
	margin: 0;
		}
		
#right
	{
	float: left;
	width: 202px;
	margin: 0;
		}
		
#homeSearchBox
	{
	width: 198px;
	margin: 0;
		}
		
#homeSearchBox #homeSearchContent
	{
	width: 198px;
	margin: 0 auto;
		}
		
#homeSearchBox #homeSearchContent h3
	{
	line-height: 1.2em;
	margin-top: 0;
		}
		
#bulletBox
	{
	width: 198px;
	margin: 0;
		}
		
#bulletBox #bulletBoxContent
	{
	width: 198px;
	margin:0 auto;
		}
		
#bulletBox #bulletBoxContent h3
	{
	line-height: 1.2em;
		}
		
#bulletBox #bulletBoxContent ul
	{
	margin-left: 22px;
	padding: 0;
	font-weight: bold;
		}
		
.searchTable
	{
	font-size: 10px;
	line-height: 13px;
	background: transparent;
		}
		
.searchTable  td
	{
	padding: 3px 0;
		}
		
.headline
	{
	width: 530px;
	height: 45px;
	margin: 0 0 -10px 0;
	padding: 0;
		}
		
.headline h3
	{
	display: none;
		}
		
		
.photoTour
	{
	width: 440px;
	text-align: left;
		}
		
.photoTour img
	{
	margin: 0 7px 8px 0;
	float: left;
		}
		
		
		

		
#footer
	{
	width: 800px;
	background: #ececf5;
	margin: 0 auto;
		}
		
#footerContent
	{
	width: 760px;
	margin: 0 auto;
	text-align: center;
	padding-top: 12px;
		}
		
#bottom
	{
	width: 830px;
	margin: 0 auto;
	height: 45px;
	background: url(../images/bottom.gif) top center no-repeat;
		}
		
		
		
		
		
		
		

/* -------------- MISCELLANEOUS ----------------- */



.clear
	{
    clear: both;
    height: 0;
    margin: 0;
    padding: 0;
    line-height: 0;
    font-size: 1px;
		}
		

.select
	{
	background: #e9ecf9;
	color: #333;
	font: normal .9em Lucida Grande, Verdana, sans-serif;
	border: 1px solid #999;
	margin: 0 0 14px 10px;
		}
		
.button
	{
	background: #1a2a66;
	color: #fff;
	font: normal 1em Verdana, sans-serif;
	padding: 3px;
	margin-bottom: 4px;
	border: none;
	cursor: pointer;
		}
		
.textbox
	{
	background: #e9ecf9;
	color: #333;
	font: normal .9em Lucida Grande, Verdana, sans-serif;
	padding: 2px;
	border: 1px solid #999;
	margin: 0 0 10px 0;
		}
		
.floatLeft
	{
	float: left;
	margin: 0 20px 10px 0;
		}
		
.floatLeft p
	{
	margin-top: 4px;
	color: #900;
		}

.required
	{
	color: #c00;
	font-weight: bold;
		}
		
hr
	{
	color: #999;
		}
		
		
#dividerTop
	{
	width: 100%;
	line-height: 0;
	font-size: 0;
	border-bottom: 1px solid #fff;
		}
		
		
#dividerBottom
	{
	width: 100%;
	line-height: 0;
	font-size: 0;
	border-top: 1px solid #99b;
	margin-bottom: 18px;
		}



















