@charset "utf-8";

body {
	background: #000 url(/villagetheater/images/webpagebackground.jpg) no-repeat fixed center top;
	width: 926px;
	margin-right: auto;
	margin-left: auto;
	font: 13px "Century Gothic", AvantGarde-Book, "Trebuchet MS", sans-serif;
}
#maincontainer {
	width: 926px;
	background: #9BC90E;
}


#maincontent {
	padding-right: 20px;
	padding-left: 20px;
	width: 706px;
	margin: 0px;
	background: #FFF;
}
#middleContent {
	margin: 0 230px 0 190px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 0 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 
#maincontent h1 {
	margin-top: 20px;
	margin-bottom: 15px;
	font: 30px/34px "Century Gothic", AvantGarde-Book, "Trebuchet MS", sans-serif;
}

h2 {
	color: #000;
	margin: 0px;
	padding-bottom: 5px;
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
}

h3 {
	color: #003399;
	margin: 8px 3px 0px;
	padding: 0px 0px 4px;
	font-size: 15px;
	line-height: 17px;
	font-weight: bold;
}

h4  {
	color: #333;
	margin: 0px;
	padding-bottom: 1px;
	padding-left: 8px;
	font-size: 15px;
	line-height: 25px;
	font-weight: bold;
}

h6 {
	font-size: 17px;
	color: #000;
	padding-left: 8px;
	margin-bottom: 5px;
	letter-spacing: 1px;
	margin-top: 10px;
	line-height: 20px;
}


p {
	padding-right: 10px;
	padding-left: 10px;
	margin: 0px;
	color: #333;
	padding-bottom: 8px;
	font-size: 13px;
	line-height: 20px;
}
td {
	color: #333;
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: 12px;
}


ul {
	list-style: square;
	margin: 0px 25px 20px;
	padding: 0px 5px;
}
ul li      {
	font-size: 13px;
	line-height: 16px;
	margin-top: 4px;
	margin-bottom: 8px;
}
a:link {
	color: #003399;
	text-decoration: none;
	font-weight: bold;
}
a:visited {
	text-decoration: none;
	color: #003099;
	font-weight: bold;
}
a:hover {
	text-decoration: none;
	color: #85B000;
	font-weight: bold;
}
#sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 167px; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0px; /* padding keeps the content of the div away from the edges */
	background: url(/villagetheater/images/background_leftcolumn.jpg);
}

#rt_sidebar {
	float: right; /* since this element is floated, a width must be given */
	width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #EBEBEB; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 10px; /* padding keeps the content of the div away from the edges */
	margin-top: 20px;
	margin-right: 10px;
}


#address {
	color: #000;
	text-align: right;
	vertical-align: middle;
	width: 180px;
	margin-right: 2px;
	margin-left: 10px;
	padding-left: 0px;
	padding-right: 0px;
	float: right;
	display: inline-block;
	margin-bottom: 3px;
	padding-bottom: 10px;
	clear: right;
	background: #FFF;
	border-bottom: 1px solid #E5E5E5;
	border-left: 1px solid #E5E5E5;
	font-size: 14px;
	line-height: 15px;
	font-weight: bold;
}

#address p {
	font-size: 14px;
	margin-top: 10px;
	font-weight: bold;
}


#attachments {
	color: #000;
	text-align: left;
	vertical-align: middle;
	width: 220px;
	margin-right: 2px;
	margin-left: 10px;
	padding-left: 0px;
	padding-right: 0px;
	float: right;
	display: inline-block;
	margin-bottom: 3px;
	padding-bottom: 10px;
	clear: right;
	background: #CEE4F7;
	border: 1px solid #003399;
	font-size: 14px;
	line-height: 14px;
}


#attachments ul {
	margin-left: 15px;
	margin-right: 5px;
	margin-top: 5px;
}

#attachments li {
	margin: 2px 5px;
	padding: 0px;
	font-size: 12px;
}


#attachments h4 {
	font-size: 13px;
	font-weight: bold;
	color: #000;
	padding-bottom: 2px;
	padding-top: 0px;
	border-bottom: 1px solid #CCC;
	margin: 3px 6px;
}

#attachments2 {
	color: #000;
	text-align: left;
	vertical-align: middle;
	width: 220px;
	margin-right: 2px;
	margin-left: 10px;
	padding-left: 0px;
	padding-right: 0px;
	float: right;
	display: inline-block;
	margin-bottom: 3px;
	padding-bottom: 10px;
	clear: right;
	background: #CEE4F7;
	border: 1px solid #003399;
	font-size: 14px;
	line-height: 15px;
	font-weight: bold;
}

#attachments2 li {
	margin: 2px 5px;
	padding: 0px;
}

#attachments2 ul {
	margin-left: 15px;
	margin-right: 5px;
	margin-top: 5px;
}
#attachments2 h4 {
	font-size: 13px;
	font-weight: bold;
	color: #000;
	padding-bottom: 2px;
	padding-top: 0px;
	border-bottom: 1px solid #CCC;
	margin: 3px 6px;
}
#attachments2 p {
	font-size: 12px;
	color: #333;
	padding-bottom: 2px;
	padding-top: 0px;
	margin: 3px 6px;
	font-weight: normal;
}
.exhibitions {
	padding: 5px;
	border: 1px solid #666;
}
.exhibitions tr td {
	padding: 5px;
	border-bottom: 1px solid #e5e5e5;
}
.exhibitions tr th {
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	padding-right: 5px;
	padding-left: 5px;
	border-bottom: 1px solid #e5e5e5;
}

#performances {
	width: 550px;
	margin-left: 15px;
}



/*Begin Footer formatting*/
#footer {
	border-top: 2px solid #95C600;
	background: #000;
	padding: 0px 5px 15px;
}

#footer p {
	color: #003399;
	font-size: 12px;
	line-height: 14px;
}

#footer2 {
	color: #FFF;
	margin-top: 5px;
	font-size: 12px;
}
#footer2 a {
	color: #FFF;
}

#footer2 a:hover {
	color: #95C600;
}

#footer2 td {
	border-right: 1px dotted #FFF;
	border-left: 1px dotted #FFF;
	margin: 0px;
	padding-top: 0px;
	padding-right: 5px;
	padding-left: 5px;
}

#footer2 h3 {
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
}

#footer2 p {
	color: #FFF;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 4px;
	font-size: 11px;
	font-style: normal;
	line-height: 12px;
	font-weight: normal;
	font-variant: normal;
}

#form1 {
	color: #000;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

#header {
	border-bottom: 2px solid #9BC90E;
	border-top: 2px solid #9BC90E;
	background: #000;
}

/*End Footer formatting*/


#horzimages {
	background: #000 url(/villagetheater/images/horizontalimages_header.jpg) no-repeat;
	border-bottom: 2px solid #000;
}

#inthespotlight {
	width: 350px;
	padding-top: 0px;
	padding-right: 25px;
	padding-left: 2px;
	margin-right: 0px;
	margin-left: 2px;
	margin-top: 0px;
}


#leftcolumn {
	width: 178px;
	border-right: 2px solid #95C600;
	background: #95C600 url(/villagetheater/images/background_leftcolumn.jpg) repeat-x left top;
	float: left;
	vertical-align: top;
	height: auto;
}

#leftcolumn h2 {
	color: #FFF;
	padding: 25px 5px 10px 8px;
	margin-right: 0px;
	margin-left: 0px;
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
}

#leftcolumn h5 {
	color: #FFF;
	padding: 0px 0px 10px;
	margin: 0px 0px 10px;
	font-size: 12px;
	line-height: 13px;
}
#body table tr td #maincontent #lftcol {
	width: 234px;
	position: absolute;
	top: 373px;
	border-right: 1px solid #95C600;
	left: 458px;
}
#body table tr td #maincontent #centercol {
	border-right: 1px solid #95C600;
	width: 220px;
	padding-left: 15px;
	position: absolute;
	left: 607px;
	top: 765px;
}
.content_box      {
	width: 675px;
	border-bottom: 2px solid #2D5BB0;
	margin-bottom: 20px;
	z-index: -1;
	margin-left: 25px;
	padding-top: 10px;
	border-right: 1px solid #2D5BB0;
	border-left: 1px solid #2D5BB0;
	border-top: 2px solid #2D5BB0;
}
.content_box h3 {
	color: #000;
	padding-left: 15px;
	margin-bottom: 10px;
	margin-top: 0px;
	border-bottom: 2px solid #95C600;
}




#container {
	width: 926px;
	margin-right: auto;
	margin-left: auto;
}
.float_rt {
	float: right;
	height: auto;
	width: 250px;
	margin: 10px 0px 10px 25px;
	background: #FFF;
	padding: 0px 0px 4px;
	clear: none;
	z-index: auto;
	border-right: 3px solid #94C700;
	border-bottom: 5px solid #94C700;
	border-left: 3px solid #94C700;
}
.float_rt h3 {
	color: #31569B;
}

.float_rt h4{
	color: #333;
	margin: 0px;
	padding-bottom: 6px;
	background: #94C700;
	padding-left: 8px;
	padding-top: 6px;
	font-size: 15px;
	line-height: 18px;
	font-weight: bold;
}

#leftnav {
	border-right: 2px solid #000;
	float: left;
	width: 200px;
}

#maincontent #featured {
	background: url(/villagetheater/images/in_the_spotlight.jpg) no-repeat;
	width: 400px;
	padding: 85px 25px 5px 10px;
	color: #FFF;
	z-index: 500;
	float: right;
	font-size: 13px;
}

#maincontent #featured h2 {
	margin-left: 10px;
	color: #FFF;
}

#maincontent #featured ul {
	width: 400px;
	padding: 0px 20px 0px 0px;
	color: #FFF;
	list-style: none;
	margin-left: 3px;
	margin-right: 10px;
}


#maincontent #featured li {
	width: 400px;
	padding: 5px;
	color: #FFF;
	list-style: none;
	margin-right: 20px;
	margin-left: 5px;
}

#maincontent #featured a:hover {
	width: 400px;
	color: #FFF;
	font-weight: bold;
	text-decoration: underline;
}

#maincontent #featured a {
	width: 400px;
	padding: 5px 5px 5px 0px;
	color: #94C700;
	font-size: 13px;
	font-weight: bold;
}

#maincontent #featured2 {
	background: #94C700;
	width: 200px;
	padding: 5px 20px 5px 10px;
	color: #FFF;
	margin-right: 0px;
	z-index: 400;
	float: right;
	font-size: 13px;
}


#news {
	width: 550px;
	margin-left: 20px;
	margin-top: 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
}

#news td  {
	padding-bottom: 7px;
	padding-top: 3px;
	font-size: 13px;
	font-weight: normal;
	line-height: 15px;
}

#news2 {
	width: 600px;
	margin-left: 20px;
	margin-top: 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
}
#news2 td {
	padding-bottom: 7px;
	padding-top: 3px;
	font-size: 13px;
	font-weight: normal;
	line-height: 15px;
}

#race {
	background: #e5e5e5;
	padding: 10px;
	border: 3px solid #000;
}

#tabs {
	position: static;
	z-index: 1000;
}

#tabs h2 {
	color: #FFF;
	padding: 5px 3px 0px;
	height: 25px;
	background: #000;
	font-size: 16px;
	font-weight: bold;
}
#uppernav {
	width: 925px;
	background: #000;
	margin: 0px;
}



#uppernav a {
	color: #FFF;
	text-align: center;
	width: auto;
	font-size: 13px;
	line-height: 25px;
	font-weight: bold;
}


#uppernav a:hover {
	color: #95c600;
	text-align: center;
	width: auto;
	font-size: 13px;
	line-height: 25px;
	font-weight: bold;
}

#uppernav p {
	color: #FFF;
	font-size: 13px;
	line-height: 14px;
	font-weight: bold;
}

#uppernav td {
	color: #FFF;
}

.right_column {
	width: 225px;
	z-index: 1;
	border-left: 1px solid #94C600;
	float: right;
	margin-right: 0px;
	margin-left: 15px;
	padding-right: 6px;
	padding-left: 6px;
}
.fb_twt  {
	height: 45px;
	width: 100px;
	margin-right: 5px;
	margin-left: auto;
	padding-left: 25px;
	display: block;
}

.emergency {
	height: auto;
	width: 325px;
	margin-right: auto;
	margin-left: 45px;
}

.emergency_text {
	width: 650px;
	margin-left: 150px;
	margin-top: 0px;
}