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

@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%;
	text-align: center;
	border-style: outset;
	border-color: Black;
}

H2
   {
    font-family: helvetica,ariel,sans-serif;
    font-size: 100%;
    text-align: center;
   }


tr
   {
    font-family: helvetica,ariel,sans-serif;
    font-size: 90%;
    text-align: left;
    vertical-align: middle;
    line-height: 100%;
   }

tr.none
   {
    font-size: 80%;
    padding: 0.5px 0.5px 0.5px 3.5px;
    line-height: 90%;
   }

tr.closed
   {
    font-size: 70%;
    padding: 0.5px 0.5px 0.5px 6.5px;
    line-height: 80%;
    background-color: #aaaaaa;
   }

tr.public
   {
    font-size: 80%;
    padding: 0.5px 0.5px 1.5px 2.5px;
    line-height: 110%;
   }

tr.guest
   {
    font-size: 90%;
    margin-left: 1px;
    line-height: 100%;
    background: #ffff00;
    padding: 1.0px 0.5px 1.5px 1.5px;
   }

tr.member
   {
    font-size: 110%;
    padding: 1.5px 1.5px 1.5px 0.5px;
    line-height: 120%;
    background: #ffff00
   }


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

p.words
   {
    background: rgb(214,214,255);
    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;
   }
p.tagline-center
   {
    font-family: sans-serif;
    font-size: x-small;
    margin-left: 24px;
    text-align: center;
   }

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 print


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

@media projection