
<!-- @import url("handheld.css") handheld; @import url("screen.css") screen; -->

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

@media screen


div.banner-logo
	{
		background-image: url(images/sib-banner.png);
		height: 100px;
		width: 741px;
		border-width: 0;
		padding-left: 2px;
	}

span.bus-type
	{
		 
	}
div.menu
	{
		height: 20px;
	}
div.banner
	{
	padding-top: 1.15em;
	padding-bottom: .05em;
	padding-right: .5em;
	padding-left: .5em;
	background-color: #7C8A5A;
}
div.contact
	{
		vertical-align: top;
		width: 400px;
		float: left;
	}
div.hours
	{
		
	}
div.map
	{
		width: 360px;
		height: 340px;
		border: outset;
		background-color: White;
	}
div.footer
	{
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	}
div.description
	{
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 85%;
		text-align: justify;
		min-width: 64px;
		max-width: 400px;
		padding-right: 2px;
		margin-left: 2px;
		float: left;
	}
div.photo
	{
		border: outset;
	}

div.google
	{
		width: 120px;
	}	
	
h1 {
	background: #DEB887;
	color: #8B87DE;
	font-family: "comic sans ms",helvetica,ariel,sans-serif;
	font-size: 170%;
	line-height: 180%;
	max-width: 741px;
	text-align: center;
	border-style: outset;
	border-color: Black;
}
H2
   {
		font-family: helvetica,ariel,sans-serif;
		font-size: 100%;
		max-width: 741px;
		text-align: center;
   }

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

td.hours {
	color: Black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 80%;
	line-height: 90%;
	text-align: left;
	padding: 0px;
	width: 7em;
}

td.hours_days {
	color: Black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 80%;
	line-height: 90%;
	text-align: left;
	padding: 0px;
	width: 3em;
}

td.hours_high {
	color: Black;
	background-color: #CBE56B;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 80%;
	line-height: 90%;
	text-align: left;
	padding: 0px;
	width: 7em;
}

td.hours_high_days {
	color: Black;
	background-color: #CBE56B;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 80%;
	line-height: 90%;
	text-align: left;
	padding: 0px;
	width: 3em;
}

p.hours_notes {
	color: Black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 80%;
	line-height: 100%;
	text-align: left;
	vertical-align: top;
	margin-right: 3px;
}

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-family: sans-serif;
    font-size: 75%;
    text-align: left;
   }

p.tagline-center
   {
    font-family: sans-serif;
    font-size: 75%;
    text-align: center;
   }

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

p.menu
   {
    font-family: sans-serif;
    font-size: 75%;
    text-align: center;
	 line-height: 120%;
   }

a:hover
{
	color: #000000;
	background: yellow;
}


/* --- 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;
}