!===============================================

@media screen

body {
	background-image: url(/backgrounds/background.jpg);
	background-repeat: repeat;
		}

td.color
	{
	background: Yellow;
	}

tr.subtype-header
	{
	background: #DEB887;
	color: #8B87DE;
	font-family: Arial, Helvetica, sans-serif;
		font-size: larger;
		text-align: center;
	}

tr.neighborhood
	{
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: top;
	font-size: smaller;		
	}

th.color
	{
	background: Yellow;
	}

tr.color
	{
	background: Yellow;
	text-indent: 6px;
	}

tr.header
	{
	background: #DEB887;
	color: #2B27DE;
	font-weight: normal;
	}

tr.color1
	{
	font-size: smaller;
	background-color: #98FB98;
	text-indent: 6px;
	}

tr.color2
	{
	font-size: smaller;
	background-color: transparent;
	text-indent: 6px;
	}

tr.colorhover
	{
	font-size: smaller;
	background-color: yellow;
	text-indent: 6px;
	}

table.tiles
	{
	background: url(backgrounds/tile.jpg);
	}
	
h1 {
	background: #DEB887;
	color: #2B27DE;
	font-family: Arial Narrow, Helvetica, Arial, sans-serif;
	font-size: 200%;
	margin-left: 12px;
	margin-right: 12px;
	line-height: 200%;
	text-align: center;
	border-style: outset;
	border-color: Black;
}

H2
   {
    font-family: helvetica,ariel,sans-serif;
    font-size: 110%;
    line-height: 130%;
    text-align: center;
	background: #DEB887;
	color: #2B27DE;
   }

H3
   {
    font: bold small Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: #DEB887;
	width: 95%;
   }

div.vcard
	{
	margin-left: 15px;
	margin-top: 3px;
	border-left-style: solid;
	border-left-width: thick;
	padding-left: 15px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 85%;
	}
span.street-address
	{
	padding-left: 5px;
	font-style: italic;
	font-size: 75%;
	text-transform: uppercase;
	}
	
div.framing130
	{
	"border: thick; width: 130px;"
	}

div.subtype-header
	{
	border: ridge; 
	background-color: Black; font: bold;
	font-family: sans-serif; 
	font-size: larger; 
	font-weight: bold; 
	width: 450px;
	background-color: Black; 
	color: Yellow;
	text-align: center;
	padding: 4px;
		}

div.subtype-lists
	{
	border: ridge; 
	font-family: sans-serif; 
	width: 450px;
	padding: 4px;
	text-align: left;
	font-size: small; 
	}

ul.bus-directory
	{
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: small;
		line-height: 135%
	}
	
p.website
   {
    font-family: times,serif;
    font-size: 120%;
    text-align: left;
    margin-left: 24px;
    line-height:100%;
   }

p.new-sites
   {
    font-family: times,serif;
    margin-left: 6px;
    font-size: 85%;
    text-align: left;
    line-height: 135%;
	 font-size: smaller;
   }

p.color-stripe
   {
    font-family: times,serif;
    font-size: 120%;
    text-align: left;
    color: #ffff00;
	 background: #3366FF;
    line-height: 120%;
   }

p.links
   {
    font-family: helvetica,ariel,sans-serif;
    font-size: 100%;
    margin-left: 6px;
    text-align: left;
    line-height: 160%;
   }

p.featuring
   {
    font-family: times,serif;
    font-size: 120%;
    text-align: left;
    margin-left: 24px;
    color: green;
	 background: White;
    line-height: 70%;
   }

p.city
   {
    font-family: times,serif;
    font-size: 100%;
    margin-left: 24px;
    text-align: left;
   }

p.words
   {
   border: none;
   margin-left: 3px;
   margin-right: 3px;
   text-align: justify;
	font-family: sans-serif;
	font-size: x-small;
   	}

p.text
   {
    font-family: helvetica, arial, sans-serif;
    font-size: small;
    margin-left: 24px;
    line-height: 110%;
    text-align: left;
   }

p.pano-tips
   {
    font-family: helvetica, arial, sans-serif;
    font-size: small;
	 border: ridge;
	 padding: 3px;
	 width: 400px;
    margin-left: 24px;
    line-height: 110%;
    text-align: left;
   }

p.tagline
   {
    font-family: sans-serif;
    font-size: x-small;
    margin-left: 24px;
    text-align: left;
   }
p.tagline-center
   {
    font-family: sans-serif;
    font-size: x-small;
    margin-left: 24px;
    text-align: center;
   }
p.menu
   {
    font-family: sans-serif;
    font-size: small;
    margin-left: 24px;
	 margin-right: 24px;
    text-align: center;
	 line-height: 180%;
   }

p.list
	{
		margin-left: 10px;
		line-height: 135%;
		font: sans-serif;
		font-size: small;
	}

p.list2
	{
		margin-left: 20px;
		line-height: 130%;
		font: sans-serif;
		font-size: smaller;
	}
	
p.survey
	{
		font-family: sans-serif;
		font-size: smaller;
		text-align: left;
      margin-left: 5px;
	}
p.alpha-neighbor
	{
		text-indent: -14px;
		margin-left: 14px;
	}

#button {
	border-right: 1px solid #000;
	padding: 0 0 0.5em 0;
	margin-bottom: 0.5em;
	font-family: 'Trebuchet MS', 'Lucida Grande',
	  Verdana, Lucida, Geneva, Helvetica, 
	  Arial, sans-serif;
	background-color: #DEB887;
	color: #333;
   font-size: smaller;
	}

#button ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}
		
#button li {
		border-bottom: 0.25px solid #90bade;
		margin: 0;
		}

#button li a {
		display: block;
		padding: 5px 5px 5px 0.5em;
		border-left: 6px solid #1958b7;
		border-right: 6px solid #508fc4;
		background-color: blue;
		color: #fff;
		text-decoration: none;
		width: 100%;
		}

html>body #button li a {
		width: auto;
		}

#button li a:visited {
		border-left: 6px solid #1c64d1;
		border-right: 6px solid #5ba3e0;
		background-color: #6869FF;
		color: #fff;
		}

#button li a:hover {
		border-left: 6px solid #1c64d1;
		border-right: 6px solid #5ba3e0;
		background-color: #2586d7;
		color: #fff;
		}

s.type-header
	{
		word-spacing: 15px;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		background: Yellow;
	}

a.type-anchor:link
{
	color: blue;
	background: Yellow;
	word-spacing: 15px;
	font: smaller;
	line-height: 130%;
	font: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

a.type-anchor:visited
{
	background: Yellow;
	word-spacing: 15px;
	font: smaller;
	line-height: 130%;
	font: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

a.type-anchor:hover
{
	color: yellow;
	background: black;
	word-spacing: 25px;
	font: smaller;
	line-height: 130%;
	font: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

a.type-anchor:active
{
	color: black;
	background: #ff9;
	word-spacing: 15px;
	font: smaller;
	line-height: 130%;
	font: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

a.menu-anchor:link
{
	color: blue;
	background: Yellow;
	font: smaller;
	line-height: 120%;
}

a.menu-anchor:visited
{
	background: Yellow;
	font: smaller;
	line-height: 120%;
}

a.menu-anchor:hover
{
	text-decoration: none;
	color: #000000;
	background: #ccf;
	font: smaller;
	line-height: 120%;
}

a.menu-anchor:active
{
	text-decoration: none;
	color: black;
	background: #ff9;
	font: smaller;
	line-height: 120%;
}

a.no-color:link
{
	color: blue;
	background: transparent;
	font: small Verdana, Geneva, Arial, Helvetica, sans-serif;
}

a.no-color:visited
{
	font: small Verdana, Geneva, Arial, Helvetica, sans-serif;
}

a.no-color:hover
{
	color: #000000;
	font: small Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: yellow;
}

a.no-color:active
{
	color: black;
	background: #ff9;
}

.nav-cell-float
{
	background: Yellow;
}

.nav-cell-static
{
	background: Black;
	color: yellow;
	vertical-align: middle;
	font: larger;
}

a.menu-anchor:link
{
	color: blue;
	background: Yellow;
}

a.menu-anchor:visited
{
	background: Yellow;
}

a.menu-anchor:hover
{
	text-decoration: none;
	color: yellow;
	background: black;
}

a.menu-anchor:active
{
	text-decoration: none;
	color: black;
	background: #ff9;
}


/* --- menu styles ---
note:
	not all browsers render styles the same way so try out your style sheet
	on different browsers before publishing;
*/
/* level 0 inner */
.m0l0iout {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	padding: 1px;
	color: #FFFFFF;
}
.m0l0iover {
	font: 12px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding: 1px;
	color: #FFFFFF;
}

/* level 0 outer */
.m0l0oout {
	text-decoration : none;
	border : 0.5px solid #000000;
	background: #3366FF;
}
.m0l0oover {
	text-decoration : none;
	border : 0.5px solid #FFFFFF;
	background: #5AE55A;
}

/* level 1 inner */
.m0l1iout {
	font: 12px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding: 1px;
	color: #000000;
}
.m0l1iover {
	font: 12px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration : none;
	padding: 1px;
	color: #000000;
}

/* level 1 outer */
.m0l1oout {
	text-decoration : none;
	border : 0.5px solid #FFFFFF;
	background: #5AA7E5;
;
}
.m0l1oover {
	text-decoration : none;
	border : 0.5px solid #FFFFFF;
	background: #5AE55A;
}

/* level 2 inner */
.m0l2iover {
	font: 12px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration : none;
	padding: 1px;
	color: #000000;
}

/* level 2 outer */
.m0l2oout {
	text-decoration : none;
	border : 0.5px solid #FFFFFF;
	background: #5AE55A;
}
.m0l2oover {
	text-decoration : none;
	border : 0.5px solid #FFFFFF;
	background: #5AA7E5;
}


!===============================================

@media print


!===============================================

@media projection