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

@media screen

body
   {
    background: url(http://www.shopinberkeley.com/backgrounds/background.jpg);
    repeat-y;
    margin-left:24px;
    margin-right:1%;
   }

h1 {
	background: #DEB887;
	color: #8B87DE;
	font-family: "comic sans ms",helvetica,ariel,sans-serif;
	font-size: 200%;
	margin-left: 12px;
	margin-right: 12px;
	line-height: 200%;
	width: 700px;
	text-align: center;
	border-style: outset;
	border-color: Black;
}

H2
   {
    font-family: helvetica,ariel,sans-serif;
    font-size: 100%;
    text-align: left;
    margin-left:29px;
    text-indent: 15px;
   }

p.website
   {
    font-family: times,serif;
    font-size: 120%;
    text-align: left;
    margin-left: 24px;
    font-weight: bold;
    line-height:100%;
   }

p.email
   {
    font-family: times,serif;
    font-size: 100%;
    text-align: left;
    margin-left: 24px;
    font-weight: bold;
    line-height:100%;
   }

p.hours {
	background: #DEB887;
	color: Black;
	font-family: times,serif;
	font-size: 120%;
	line-height: 120%;
	width: 340px;
	margin-left: 24px;
	text-align: left;
	padding: 2px;
}

p.phone
   {
    font-family: helvetica,ariel,sans-serif;
    font-size: 120%;
    text-align: left;
    margin-left:24px;
    color: #000099;
	 width: 340px;
    line-height: 110%;
   }

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

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

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

p.words
   {
    padding: 0.75em;
    border: none;
    font-family: helvetica,ariel,sans-serif;
    font-size: smaller;
    margin-left: 24px;
	 width: 330px;
    line-height: 115%;
    text-align: justify;
   }

p.corrections
   {
    padding: 0.75em;
    border: none;
    font-family: helvetica,ariel,sans-serif;
    font-size: smaller;
    margin-left: 24px;
    line-height: 115%;
    text-align: justify;
   }

p.tagline
   {
    font-family: sans-serif;
    font-size: x-small;
    margin-left: 24px;
	 width: 340px;
    text-align: left;
   }

p.disclaimer
   {
    font-family: sans-serif;
    font-size: x-small;
    margin-left: 24px;
    text-align: center;
	 width: 560px;
   }

p.tagline-center
   {
    font-family: sans-serif;
    font-size: x-small;
    margin-left: 24px;
    text-align: left;
   }

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

p.pager
   {
    font-family: times,serif;
    font-size: 100%;
    text-align: left;
    color: #ffff00;
    margin-left: 24px;
    line-height: 100%;
    background: #3366ff
   }

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

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

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

a.menu-anchor:hover
{
	text-decoration: none;
	color: #000000;
	background: #ccf;
}

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

a.no-color:link
{
	color: blue;
	background: transparent;
}

a.no-color:visited
{
}

a.no-color:hover
{
	color: #000000;
	background: yellow;
}

a.no-color:active
{
	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 projection