/*
	Theatre of Image Screen Styles November 2008

	Table of Contents:
		layout
		typography
		miscellaneous

/* layout
----------------------------------------------- */

body {
	margin:0;
	padding:0;
	background:url(../images/bg.gif) repeat;
	font-size:.725em;
	font-family:"Lucida Grande","Tahoma","Helvetica","Arial",sans-serif;

	line-height:150%
	}

#container {
	background:url(../images/top.jpg) no-repeat 0 0;
	padding-top:103px;
	width: 1004px;
	margin-right:auto;
	margin-left:auto;
	}

#middle {
 	background:url(../images/main_bg.jpg) 0 0 no-repeat;
  	width: 1004px;
 	height:661px;
	}
	
#middle-pixel {
 	background:url(../images/pixel_bg.jpg) 0 0 no-repeat;
  	width: 1004px;
 	height:661px;
	}

#content {padding:100px 220px 30px 185px;}


#nav-bar {width:122px; float:right; margin:0; padding:0;}

#footer {color:#AFC596; text-align:center; font-size:1em;}


/* typography
----------------------------------------------- */
h2 {margin-bottom:10px;	 font-family:Georgia, "Times New Roman", Times, serif; line-height:1.8em}

h3 {margin-bottom:5px; margin-top:0px; padding-top:0px;padding-bottom:3px; color:#c1334e; font-size:1.4em; text-transform:; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold;}
h4 {margin-bottom:0px; margin-top:2px; padding-bottom:3px; color:#c1334e; font-size:1.15em;  font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold;line-height:1.8em}
h5 {margin-bottom:0px; margin-top:5px; padding-bottom:10px; color:#c1334e; font-size:1.10em;  font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold;line-height:1.8em}

table p {margin:0 0!important; padding:0 0;}
table h4 {margin-top:0px;margin-bottom:0px; padding-top:0;}
table {padding-bottom:10px;}

p {margin-top:0px; margin-bottom:10px; line-height:1.6em;}

a:link, a {color:#0fa5cd}
a:hover {color: #c1334e}

table {margin-top:0; margin-bottom:5px; padding-top:0}

ul {padding-left:10px;}

li {background:url(../images/bullet.gif) no-repeat 0 2px; padding-left:18px; padding-bottom:5px; list-style-type:none;}

.rollover a.home {
display:block;
width: 122px;
height:43px;
background:url(../images/home.jpg) 0 0 no-repeat;

}
.rollover a:hover.home { 
 background-position: -145px 0px;
}

.rollover a.workshops {
display:block;
width: 122px;
height:42px;
background:url(../images/workshops.jpg) 0 0 no-repeat;

}
.rollover a:hover.workshops { 
background-position: -145px 0px;
}

.rollover a.coming {
display:block;
width: 122px;
height:40px;
background:url(../images/coming.jpg) 0 0 no-repeat;

}
.rollover a:hover.coming { 
background-position: -145px 0px;
}

.rollover a.teachers {
display:block;
width: 122px;
height:43px;
background:url(../images/teachers.jpg) 0 0 no-repeat;

}
.rollover a:hover.teachers { 
 background-position: -145px 0px;
}


.rollover a.curriculum {
display:block;
width: 122px;
height:44px;
background:url(../images/curriculum.jpg) 0 0 no-repeat;

}
.rollover a:hover.curriculum { 
 background-position: -145px 0px;
}

.rollover a.repertoire {
display:block;
width: 122px;
height:46px;
background:url(../images/repertoire.jpg) 0 0 no-repeat;

}
.rollover a:hover.repertoire { 
 background-position: -145px 0px;
}

.rollover a.sponsors {
display:block;
width: 122px;
height:46px;
background:url(../images/sponsors.jpg) 0 0 no-repeat;

}
.rollover a:hover.sponsors { 
 background-position: -145px 0px;
}

.rollover a.about {
display:block;
width: 122px;
height:43px;
background:url(../images/about.jpg) 0 0 no-repeat;

}
.rollover a:hover.about { 
 background-position: -145px 0px;
}

.rollover a.contact {
display:block;
width: 122px;
height:47px;
background:url(../images/contact.jpg) 0 0 no-repeat;

}
.rollover a:hover.contact { 
 background-position: -145px 0px;
}

/* misc
----------------------------------------------- */

 .off-left {
    position: absolute;
    left: -1000px;
    width: 100px;
 }
 
.float-right {
	float:right;
	width:200px;
	margin-left:30px;
	margin-bottom:20px;
}

.float-right-up {
	float:right;
	width:200px;
	margin-left:30px;
	margin-bottom:20px;
	margin-top:-20px;
}

.float-left {
	float:left;
}

.space-for-title {
	margin-top:165px;
}

.space-top {
	padding-top:10px;
	}

.space-right-15 {
	margin-right:15px;
	margin-top:15px;
}

.space-bottom {
	padding-bottom:10px;
	}

 ul.pageMenu {
	margin-left:0px;
	margin-top:0px;
	margin-bottom:5px;
	padding:0;
	text-align:center
	}

.pageMenu li {
	display: inline;
	list-style-type: none;
 	margin:0;
	padding:0;
	}

.centerText {
	text-align:center;
	}

.quote {font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;  font-size:1.15em;}
.quote-orange {font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;  font-size:1.15em; background-color:#ffdecc; padding:5px;}
.quote-aqua {font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;  font-size:1.15em; background-color:#baf4e4; padding:5px;}
.quote-blue {font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;  font-size:1.15em; background-color:#c7f1ff; padding:5px;}
.quote-red {font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;  font-size:1.1em; background-color:#ffcdd9; padding:10px;}
.quote-purple {font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;  font-size:1.15em; background-color:#f9deff; padding:5px;}

.quote-green {font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;  font-size:1.15em; background-color:#BCE492; padding:5px;}

.orange {color:#ff5e06;}
.grey {color:#999;}
.blue {color:#0fa5cd;}
.blue-bright {color:#0066CC;}
.blue-desaturated {color:#008ac8;}
.purple {color:#b35dc3;}
.aqua {color:#1cbaa9;}
.red {color:#c1334e;}
.red-blood {color:#FF3333;}
.green {color:#65B23F;}
.brown {color:#cc3300;}

.smalltext {font-size:.9em;}