/*--- styles for villagetheatre.org july 2006 ---*/

body {
	background-color: #FFFFFF;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 100px 0px;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: top;
}

img {
border: 0;
margin: 0px 0px 0px 0px;
padding: 0px;
vertical-align: top;
}

img.bottom {
vertical-align:text-bottom;
}


a:link {
	text-decoration: underline;
	color: #4B4776;
	font-weight: bold;
/*	border-bottom: 1px dotted #A22A30*/
}
a:visited {
	text-decoration: underline;
	color: #4B4776;	
	font-weight: bold;
}
a:hover {
	text-decoration: none;
	color: #A22A30;
	font-weight: bold;
}
a:active {
	text-decoration: underline;
	color: #4B4776;
	font-weight: bold;
}


p {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 9pt;
vertical-align: top;
margin: 0px 0px 10px 0px;
padding: 0px;
}

p.side-marg {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 9pt;
text-align: center;
vertical-align: top;
margin: 0px 20px 10px 20px;
padding: 0px;
}


p.sm-side-marg {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 7pt;
text-align: center;
vertical-align: top;
margin: 0px 20px 10px 20px;
padding: 0px;
}

p.photo {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 9pt;
text-align: center;
vertical-align: top;
margin: 0px 30px 10px 30px;
padding: 0px;
}

p.photo-pic {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 9pt;
text-align: center;
vertical-align: top;
margin: 0px 0px 10px 0px;
padding: 0px;
}

p.no-bot-mar {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 9pt;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px;
}

p.red {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 9pt;
vertical-align: top;
margin: 0px 0px 10px 0px;
padding: 0px;
color: #990033;
}

p.left-marg {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 9pt;
vertical-align: top;
margin: 0px 0px 10px 20px;
padding: 0px;
}



/*
%%%%%%%%%%%%%%%%%%%%colors for pied piper locations%%%%%%%%%%%%%%%%%%%%%
*/



p.aqua {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 9pt;
vertical-align: top;
margin: 0px 0px 10px 0px;
padding: 0px;
color: #008099;}

p.epac {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 9pt;
vertical-align: top;
margin: 0px 0px 10px 0px;
padding: 0px;
color: #008099;}

p.mey-c {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 9pt;
vertical-align: top;
margin: 0px 0px 10px 0px;
padding: 0px;
color: #660099;}

p.eca {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 9pt;
vertical-align: top;
margin: 0px 0px 10px 0px;
padding: 0px;
color: #990033;}

p.mcin-h {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 9pt;
vertical-align: top;
margin: 0px 0px 10px 0px;
padding: 0px;
color: #339900;}

p.fjg {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 9pt;
vertical-align: top;
margin: 0px 0px 10px 0px;
padding: 0px;
color: #996600;}


/*
%%%%%%%%%%%%%%%%%%%%colors for pied piper locations%%%%%%%%%%%%%%%%%%%%%
*/



p.centered {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 9pt;
text-align: center;
margin: 0px 0px 10px 0px;
padding: 0px;
}

p.small {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 7pt;
margin: 0px 0px 10px 0px;
padding: 0px;
}

p.small-ctr {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 7pt;
text-align: center;
margin: 0px 0px 10px 0px;
padding: 0px;
}

em.red {
color: #721D21;
margin: 0px 0px 0px 0px;
padding: 0px;
}

ul {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 9pt; 
margin: 0px 0px 0px 20px;
padding: 0px;
}


li {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 9pt; 
margin: 0px 0px 0px 30px;
padding: 0px;
}

ul.link {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 9pt; 
margin: 0px 0px 0px 0px;
padding: 0px;
}

li.link {
font-family: Verdana, Arial, Helvetica, sans-serif; 
list-style: none;
font-size: 9pt; 
margin: 10px 0px 15px 0px;
padding: 0px;
}

li.sm {
font-size: 7pt;
}

li.centered {
text-align: center;
}

li.no-bul {
list-style: none;
}

li.no-ind {
margin: 0px 0px 0px -20px;
}

li.half-ind {
margin: 0px 0px 0px -10px;
}

li.m-top-sm-ind {
margin: 5px 0px 0px -5px;
} 

li.ind-2x {
margin: 0px 0px 0px 70px;
}

li.ind-top {
margin: -7px 0px 0px 30px;
}

li.ind-2x-top {
margin: -7px 0px 0px 70px;
}

li.ind-solo {
margin: -7px 0px 12px 30px;
}

li.top-no-ind {
margin: -7px 0px 0px -20px;
} 

li.m-bot {
margin: 0px 0px 10px 30px;
}

li.neg-top {
margin: -9px 0px 0px 30px;
}

li.m-2xbot {
margin: 0px 0px 20px 30px;
}

li.m-top-bot {
margin: 7px 0px 10px 30px;
}

li.m-top {
margin: 7px 0px 0px 30px;
}

li.m-top-2xbot {
margin: 7px 0px 20px 30px;
}

li.m-bot-no-ind {
margin: 0px 0px 12px -20px;
}

li.m-bot-ind-2x {
margin: 0px 0px 12px 70px;
}

li.spaced {
line-height: 20px;
}

li.ind-big-m-bot {
margin: 0px 0px 20px 30px;
}


li.top-10 {
margin-top: -10px;
}

li.bot10 {
margin-bottom: 10px;
}



li.sub {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 9pt; 
margin: 0px 0px 0px 70px;
padding: 0px;
}


h1 {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 13pt; 
font-weight: bold; 
color: #721D21; 
margin: 0px 0px 0px 2px;
padding: 0px 0px 0px 0px;
}

h1.colorbar {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 13pt; 
background-color: #b2bfd1;
font-weight: bold; 
color: #721D21;
margin: 0px 0px 0px 2px;
border-bottom: 15px solid #FFFFFF;
padding: 0px 0px 0px 5px;
}


h2 {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11pt; 
font-weight: bold; 
color: #721D21;
margin: 0px 0px 0px 0px;
padding: 0px;
}

h2.colorbar {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11pt; 
background-color: #b2bfd1;
font-weight: bold; 
color: #721D21;
margin: 0px 0px 0px 0px;
border-bottom: 10px solid #FFFFFF;
padding: 0px 0px 0px 5px;
}

h2.bumpdown {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11pt; 
font-weight: bold; 
color: #721D21;
margin: 0px 0px 0px 0px;
padding: 10px 0px 0px 0px;
}

h2.white {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11pt; 
font-weight: bold; 
color: #FFFFFF;
margin: 0px 0px 0px 5px;
padding: 0px;
}

h3 {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 9pt; 
font-weight: bold; 
color: #721D21;
margin: 0px 0px 0px 0px;
padding: 0px;
}


table {
border: 0px;
}

#bottom-nav {
background-color: #b2bfd1;
margin: 0px 0px 0px 0px;
padding: 0px;
}

#bottom-nav p {
font-size: 10pt; 
font-weight: bold; 
text-align: center;
margin: 0px 0px 0px 0px;
padding: 0px;
}

#footer p {
text-align: center;
color: #721D21;
font-size: 10pt; 
padding: 0px;
margin: 0px;
}

table.main tr td {
border: 0px solid red;
}

table.middle tr td {
border: 0px solid blue;
padding: 0px;
margin: 0px;
}

.mcih {
color: #339900;
}

.eca {
color: #990033;
}

.epac {
color: #008099;
}

.meydenbauer {
color: #660099;
}

.fjg-issy {
color: #CC0066;
}

tr.photo {
background-color: #FFFFFF;
align: center;
padding: 0px 0px 30px 0px;
}

tr.colorbar {
background-color: #b2bfd1;
border-bottom: 15px solid #FFFFFF;
padding: 0px 0px 0px 5px;
}

td.colorbar {
background-color: #b2bfd1;
border-bottom: 15px solid #FFFFFF;
padding: 0px 0px 0px 5px;
}

td.colorbar-red {
background-color: #E14C5D;
border-bottom: 15px solid #FFFFFF;
}

td.colorbar-green {
background-color: #339900;
border-bottom: 15px solid #FFFFFF;
}

td.colorbar-teal {
background-color: #339999;
border-bottom: 15px solid #FFFFFF;
}

td.button {
vertical-align: top;
width: 90px;
padding: 0px 15px 20px 0px;
}


td.button-txt-top {
vertical-align: top;
text-align: left;
width: 595px;
padding: 0px 0px 0px 0px;
}


td.button-txt-ctr {
vertical-align: middle;
text-align: left;
width: 595px;
padding: 0px 0px 0px 0px;
}


td.center {
text-align: center;
}

td.bump-right150 {
padding: 0px 0px 0px 150px;
}

td.shopcart {
text-align: right;
padding: 0px 10px 0px 0px;
}



ul.left {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 9pt; 
margin: 0px 0px 0px 150px;
padding: 0px;
}


ul#nav_list {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
margin: 0;
padding: 0;
list-style-type: none;
width: 200px;
border: 0px solid green;
font-weight: normal;
}

ul#nav_list li {
border-bottom: 1px solid #721D21;
list-style-type: none;
margin: 0px 20px 5px 10px;
padding: 1px 0px 1px 20px;
}

ul#nav_list li a {
text-decoration: none;
color: #3D3D3D;
font-weight: normal;
}

ul#nav_list li a:hover {
text-decoration: none;
color: #EA6861;
}

ul#nav_list li.nav_head {
background-color: #b2bfd1;
font-size: 15px;
font-weight: normal;
vertical-align: top;
color: #721D21;
border-bottom: none;
margin: 10px 5px 5px 0px;
padding: 3px 0px 3px 20px;
}

ul#nav_list li.nav_head_top {
background-color: #b2bfd1;
font-size: 15px;
font-weight: normal;
vertical-align: top;
color: #721D21;
border-bottom: none;
margin: 0px 5px 5px 0px;
padding: 3px 0px 3px 20px;
}


/*------------------------ from original "Level1_Arial.css" file -- probably going to delete--------*/

td {
	font-family: Arial, Helvetica, sans-serif;
}

th {
	font-family: Arial, Helvetica, sans-serif;
}