/* CSS Document */

body#vv { background-color: #f7ea44 }
body { background-color: #e0d65a; }
p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold }
p#vv { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #FFFFFF; }
a:link { color: #e73737 }
a:hover { color: #333333 }
a:visited { color: #e73737 }
h1 { color: #e73737; font-size: 14px; font-weight: bold; font-family: Arial, Helvetica, sans-serif }
h2 { color: #e73737; font-size: 18px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; text-shadow: #000000 }
h3 { color: #FFFFFF; font-size: 14px; font-weight: bold; font-family: Arial, Helvetica, sans-serif }
h4 { color: #FFFFFF; font-size: 22px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; text-shadow: #000000 }

#imageContainer {
	position: relative;
	margin: auto;
	width: 300px;
	height: 200px;
	border: 1px solid #000;
	overflow: hidden;
}

.main { width: 860px; height: 640px; background-image: url(images/Piccolo_LowPayDontPay.jpg) }
.main-about { width: 860px; height: 640px; background-image: url(images/Piccolo_Theatre-about.jpg) }
.main-maps { width: 860px; height: 640px; background-image: url(images/Piccolo_Theatre-maps.jpg) }
.main-onstage { width: 860px; height: 640px; background-image: url(images/Piccolo_Theatre-onstage09.jpg) }
.main-company { width: 860px; height: 640px; background-image: url(images/Piccolo_Theatre-company.jpg) }
.main-history { width: 860px; height: 640px; background-image: url(images/Piccolo_Theatre-history.jpg) }
.main-press { width: 860px; height: 640px; background-image: url(images/Piccolo_Theatre-onstage09.jpg) }
.main-support { width: 860px; height: 640px; background-image: url(images/Piccolo_Theatre-support.jpg) }

.upper { width: 860px; height: 104px }
.upper-bar { width: 860px; height: 25px; float: left }
.upper-left { width: 155px; height: 79px; float: left }
.upper-onstage { width: 140px; height: 79px; float: left }
.upper-company { width: 138px; height: 79px; float: left }
.upper-maps { width: 137px; height: 79px; float: left }
.upper-tickets { width: 143px; height: 79px; float: left }
.upper-right { width: 147px; height: 79px; float: left }

.middle-bar { width: 860px; height: 19px; float: left }
.main-body { width: 860px; height: 517px; float: left }

.left-bar { width: 97px; height: 517px; float: left }
.left-nav { width: 71px; height: 517px; float: left }
.left-nav_top { width: 71px; height: 52px; float: left }
.left-nav_about { width: 71px; height: 55px; float: left }
.left-nav_middle { width: 71px; height: 68px; float: left }
.left-nav_support { width: 71px; height: 54px; float: left }
.left-nav_bottom { width: 71px; height: 288px; float: left }

.center-stage { width: 531px; height: 517px; float: left }
.center-stage_body { width: 531px; height: 435px; float: left }
.center-stage_body2 { width: 531px; height: 435px; float: left; }
.center-stage_body2a { width: 531px; height: 150px; float: left }
.center-stage_body2b { width: 531px; height: 285px; float: left }
.center-stage_foot { width: 531px; height: 82px; float: left }
.center-body { width: 490px; height: 405px; text-align: center; margin-top: 16px }
.center-pic { width: 300px; height: 200px; }

.right-nav { width: 69px; height: 517px; float: left }
.right-nav_top { width: 69px; height: 52px; float: left }
.right-nav_history { width: 69px; height: 55px; float: left }
.right-nav_middle { width: 69px; height: 68px; float: left }
.right-nav_press { width: 69px; height: 54px; float: left }
.right-nav_bottom { width: 69px; height: 288px; float: left }
.right-bar { width: 92px; height: 517px; float: left }