/* CSS Document for Resolution Audio Video */

/* Copyright 2007-8 Bunny Hirschmann Web Services, all rights reserved. Please contact Bunny at 206-523-8016 or bhirschm@hotmail.com */
/* for permission to use any part of this script. */

/* This documents contains both layout elements and style elements. Colors and font characteristics can be changed*/
/* without causing major problems. Since this site does not rely on tables for positioning or layout, change other code */
/* with extreme caution, since it may be controlling those elements!*/

/*This style sheet is designed to center on the screen and have grey around the main content at a resolution of 1280 x 800.*/
/*It will fill the width at 1024 x 768 but should not need horizontal scroll bars.*/

/******************************layout divs */

#container{
	width: 710px;
	background-color: #ffffff;
	margin: 0 auto;
	padding: 0px;
	}
	
#masthead{
	width: 710px;	
	margin: 0 auto;
	padding: 20px 0 0 0;
	clear: both;
	background-color:#ffffff;
	}

#masthead a:link, #masthead a:visited{
	color: #003366;
	text-decoration: none;
	}
	
#masthead a:hover, #masthead a:visited:hover{
	color: #003366;
	text-decoration: none;
	}
	
#masthead a:active, #masthead a:active:hover {
	color: #003366;
	text-decoration: none;
	}
	
#masthead img {
	border: none;
	}
	
#content{
	width: 500px; 
	padding: 20px 0 0 0;	
	float: right;
	background-color: #ffffff;
	margin: 0;
	color: #666666;
	}
	
#content img{
	border: none;
	margin: -7px 15px 10px 0px;
	float: left;
	}
	

#content p{
	clear: both;
	text-align: justify;
	padding-right: 45px;
	padding-left: 10px;
	background-color: #ffffff;	
	}

#content ol {
	padding-left: 20px;
	padding-right: 60px;
	}
	
#content iframe {
	padding-left: 15px;
}
	
#navBar{	
	width: 185px;
	padding: 25px 10px 0px 12px; 
	top-margin: 5px;
	float: left;
	background-color:#ffffff;
	}
	
#navBar a:link, #navBar a:visited {
	background-color: #CC3300;
	color: #ffffff;
	text-decoration: none;
	font-size: 1.25em;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	}	
	
#navBar a:hover, #navBar a:visited:hover {
	background-color: #CC3300;
	color: #ffcc66;
	text-decoration: none;
	font-size: 1.25em;
	}

#navBar a:active {
	background-color: #CC3300;
	color: #ffffff;
	text-decoration: none;
	font-size: 1.25em;
	}

#navBar a:active:hover {
	background-color: #CC3300;
	color: #ffcc66;
	text-decoration: none;
	font-size: 1.25em;
	}

#navBar ul {
	list-style: none;
	margin: 0; 
	padding: 0;
	text-align: left;
	}
	
#navBar ul a:link, #navBar ul a:visited {
	display: block;
	}

#navBar ul li {
	margin: 3px 0px 3px 0px;/*was 8 on top and bottom*/
	}
	
#navBar img{
	border: none;
	margin: 0 auto;
	/*margin: -7px 15px 10px 0px;
	float: left;*/
	}

#botLogo{
	width: 710px;	
	margin: 0 auto;
	padding: 0px;
	clear: both;
	background-color:#ffffff;
	}
	
#botLogo a:link, #botLogo a:visited{
	color: #003366;
	text-decoration: none;
	}
	
#botLogo a:hover, #botLogo a:visited:hover{
	color: #003366;
	text-decoration: none;
	}
	
#botLogo a:active, #botLogo a:active:hover {
	color: #003366;
	text-decoration: none;
	}
	
#botLogo img {
	border: none;
	}
	
#botLogo p {
	color: #999999;
	font-size: 9px;
	font-weight: normal;
	font-style:normal;
	padding: 0px 30px 5px 20px;
	margin: 0 auto;	
	float: right;
	}
#address{
	clear: both;
	width: auto;/* was 710*/
	padding: 0px;
	margin: 0 auto;
	padding: 0; 
	background-color:#ffffff;
	}
	
#address p{
	float: left;
	color:#666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	padding: 0 45px 0 10px;/*wa 15 25 10 219*/
	margin: 0 auto;
	text-align: justify;
	}

#address h3{
	color:#cc3300;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-style: italic;
	font-weight: bold;
	margin: 0 auto;/*was 0 auto*/
	padding: 15px 40px 10px 10px;/*was 15 0 0 219*/
	}
	
#address a:link{
	color: #cc6633;
	text-decoration: underline;
	}
	
#address a:visited{
	color: #cc6633;
	text-decoration: underline;
	}

#address a:hover, #address a:visited:hover{
	color: #000000;
	text-decoration: underline;
	}
	
#address a:active, #address a:active:hover {
	color: #cc6633;
	text-decoration: underline;
	}
	
#address a:active:hover {
	color: #000000;
	text-decoration: underline;
	}
	
#address img{
	border: none;
	float: left;
	}
		
/*****************************html styles **************************************************/

body{
	background-color:#666666;
	background-image: url("images/doubleGradientBar.jpg");
	background-repeat:repeat-y;
	background-position: 50%;
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin: 0 auto;
	padding: 0;
	}
	
a:link{
	color: #cc6633;
	text-decoration:none;
	}	
	
a:visited {
	color:#cc6633;
	text-decoration: none;
	}
	
a:hover, a:visited:hover{
	color: #000000;
	text-decoration: none;	
	}
	
a:active, a:active:hover{
	text-decoration: none;
	color: #000000;
	}

h1{
	color:#000033;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	margin: 0px;
	padding-top: 1em;
	padding-bottom: .1em;
	}	
	
h2{
	color:#990000;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 19px;
	font-weight:bold;
	font-style: italic;
	margin: 0px;
	padding: 10px 0px 10px 10px;
	}
	
.tagLine{
	color:#990000;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:bold;
	font-style:italic;
	margin: 0px;
	padding: 10px 0px 0px 50px;
	}
	
h3{
	clear: both;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: bold;
	margin: 0px;
	padding: 10px 0 2px 10px;
	}
	
h4{
	clear: both;
	color:#000033;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight:bold;
	font-style: normal;
	margin: 0px;
	padding: 10px 0 2px 10px;
}

ul {
	list-style-type:disc;
	padding-left: 10px;
	margin-left: 20px;
	padding-right: 45px;
	text-align: justify;	
	}
	
ol {
	list-style-type: decimal;
	padding-top: .5em;
	padding-left: 1em;
	margin-left: 1em;
}

/***************************other divs**********************************************/
#productListRight {
	float: right;
	background-color: #ffffff;
	padding: 0px;
	margin-top: -5px;
	margin-right: 25px;
	margin-left: 10px;
	color: #cc6633;
	width: 220px;	
}

#productListRight ul {
	width: 200px;
	margin-left: 20px;
	padding: 0;
	padding-right: 0px;
	padding-left: 0;
	text-align: left;
}

#productListLeft {
	float: left;
	background-color: #ffffff;
	padding: 0px;
	margin-top: -5px;
	margin-left: 12px;
	color: #cc6633;
	width: 225px;	
}

#productListLeft ul {
	width: 205px;
	margin-left: 25px;
	padding: 0;
	padding-right: 0px;
	padding-left: 0;
	text-align: left;
}

.policy li {
	padding-bottom: 10px;
	padding-right: 15px;
}

/***************************misc. classes*******************************************/
.smaller {
	font-size: .9em;
}

.left {
	float: left;
}

.center {
	text-align: center;
	margin: 0 auto;
	}

.right {
	float:right;
	text-align: center;
	}
	

.presents {
	color: 333366;
	font-size: x-large;
	padding-left: 2em;
}

#specialEvent {
	background-color: #cc3300; 
	color: #FFFFFF;
	width: 470px;
	float: left;	
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 10px;
	padding: 0;	
	border: solid 1px #CC6600;
}
#specialEvent p {
	background-color: #cc3300;
	color: #ffffff;
	padding: 0 15px 5px 15px;
	
}

#specialEvent h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: bold;
	color:  #ffffff;
	margin: 0px;
	padding: 5px 0 0 0;
	text-align: center;
}

#specialEvent img {
	border: none;
	margin: -7px 15px 10px 0px;
	padding-bottom: 10px;
	float: left;
}

.specialGuest {
	color: #FFFF00;
	font-weight: bold;
	font-size: 17px;
}

/*Shapiro styles*/

#Shapiro {
	color: #000000;
	width: 500px;
	height: 237px;
	background-image:url(images/oboeBellsBlank462.jpg);
	background-repeat: no-repeat;
	margin-top: 15px;
	padding-top: 15px;
	}

#Shapiro h4 {
	clear: both;
	float: right;
	width: 242px;
	padding-top: 0px;
	padding-right: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #000000;
}

#Shapiro p {
	clear: both;
	float: right;
	width: 190px;
	background-color:#ffcc99;
	color: #000000;
	margin: 20px 55px 0px 0px;
	padding-right: 0px;
	padding-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align:justify;
}

#Shapiro img {
	display: none;
}



/*Sitka Tex styles */
#SitkaTex {
	color: #000000;
	width: 500px;
	height: 247px;
	background-image:url(images/SitkaTex462Blank.jpg);
	background-repeat: no-repeat;
	margin-top: 15px;
	padding-top: 15px;
	}
	
#SitkaTex h4 {
	clear: both;
	float: right;
	width: 230px;
	padding-top: 0px;
	padding-right: 40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #ffffcc;
}

#SitkaTex p {
	clear: both;
	float: right;
	width: 200px;
	background-color:#330000;
	color: #ffffcc;
	margin: 20px 55px 0px 0px;
	padding-right: 0px;
	padding-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align:justify;
}

#SitkaTex img {
	display: none;
}

/*Psychoacoustics June 5 poster styles*/
#psychoacousticsJune5 {
	color: #000000;
	width: 500px;
	height: 592px;
	background-image:url(images/PsychoacousticsPosterJune52008_462.jpg);
	background-repeat: no-repeat;
	margin-top: 15px;
	padding-top: 15px;
	margin-bottom: -15px;
	}
	
#psychoacousticsJune5 img {
	display: none;
}

/*Rick and Dave styles */

#rickDave {
	color: #000000;
	width: 500px;
	height: 247px;
	background-image:url(images/rickDaveBlank462.jpg);
	background-repeat: no-repeat;
	margin-top: 15px;
	padding-top: 15px;
	}

#rickDave h3 {
	display: none;
}
	
#rickDave h4 {
	clear: both;
	float: right;
	width: 242px;
	padding-top: 3px;
	padding-right: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #000000;
}

#rickDave p {
	clear: both;
	float: right;
	width: 190px;
	background-color:#cc9966;
	color: #000000;
	margin: 33px 55px 0px 0px;
	padding-right: 0px;
	padding-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align:justify;
}

#rickDave img {
	display: none;
}




/*funky styles */

#funky {
	color: #000000;
	width: 435px;
	height: 307px;
	background-image:url(images/funkyOutlineFoodBank.jpg);
	background-repeat: no-repeat;
	margin-top: 15px;
	padding-top: 25px;
	margin-bottom: -15px;
	margin-left: 15px;
	margin-right: 20px;
	
	}
	
#funky img {
	display: none;
}

.thanks {
	font-style:italic;
	margin-top: 20px;
	margin-bottom: 0px;
}

#ballardJazzWalk2009 {
	color: #333333;
	width: 440px;
	margin-top: 15px;
	padding-top: 0px;
	margin-bottom: 20px;
	background-color: #000000;
	padding-bottom: 15px;
	border-right: 10px solid #660000;
	border-left: 10px solid #660000; 
	}

#ballardJazzWalk2009 h3 {
	color: #66ffff;
	font-size: 35px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #000000;
	visibility: visible;
	text-align: center;
	font-style: normal;
}

#ballardJazzWalk2009 h4 {
	color: #66ffff;
	font-size: 25px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #000000;
	visibility: visible;
	text-align: center;
	font-style: normal;
	padding-top: 0px;
}
	
#ballardJazzWalk2009 h5 {
	margin-top: 0;
	padding-top: 0px;
	padding-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #ffffff;
	background-color: #000000;
	text-align: center;
}

#ballardJazzWalk2009 p {
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	text-align:justify;
	background-color: #000000;
	padding-left: 20px;
	padding-bottom: 0px;
}

#ballardJazzWalk2009 a:link, #ballardJazzWalk2009 a:visited {
	color:#99FFFF;
}

#ballardJazzWalk2009 a:hover, #ballardJazzWalk2009 a:visited:hover {
	color:#33ffff;
	text-decoration: underline;
}

#ballardJazzWalk2009 a:active, #ballardJazzWalk2009 a:active:hover {
	color: #99ffff;
	}

#specialEvent {
	background-color: #ffffff;
	margin-top: 20px;
	padding-bottom: 10px;
	border: none;
}

.flash {
	margin: 0 auto;
	padding: 0;
}

object {
	padding: 0;
	margin: 0px;
	visibility: visible;
	
}

/* ---------------- Specials styles --------------*/
table {
	border: 1px #999999 solid;
	border-collapse: collapse;
	margin: 10px;
	width: 450px;
		
}

tr{
	border: 1px #999999 solid;
	border-collapse: collapse;
}

th{
	border: 1px #999999 solid;
	border-collapse: collapse;
	color:#666666;
	font-size: 14px;
	padding: 3px 2px 3px 2px;
	
}

td{
	border: 1px #999999 solid;
	border-collapse: collapse;
	padding: 2px 3px 2px 3px;
}

.price {
	text-align: right;
}

.tiny {
	font-size: 10px;
}