
<style type="text/css">


/* CSS Document */

/*Zero out styles */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font,  ins, kbd, q, s, samp,
small, strike,  sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*end zero out styles */


body {
background: #000;
font-family:Arial, Helvetica, sans-serif;
color: #333;
}

h1 {
font-size: 16px;
}

h2 {
font-size:14px;
}

h3 {
font-size: 12px;
} 

p {font-size: 12px;
}

a:link, a:active, a:hover, a:visited {
color: #333;
}

#pageleft {
margin: 0 auto;
width: 998px;
position: relative;
background: #72674c url(/images/border-left.gif) top left repeat-y;
}


#pageright {
width: 998px;
position: relative;
background:  url(/images/border_right.gif) top right repeat-y;
padding-bottom: 100px;
}

.bordertop {
position: absolute;
top:0;
left:0;
}

.borderbottom {
position:absolute;
bottom:0;
left: 0;
}

.borderleft {
position:absolute;
top: 39px;
left: 0;
}

.borderright {
position:absolute;
right: 0;
top: 39px;
}


#contentholder {
width: 922px;
margin: 0 auto;
background: #72674c;
position: relative;
top: 39px;
}

#branding {
height: 100px;
background:url(/images/branding_bg.gif) top left repeat-x;
position:relative;
}

#logo {
position:absolute;
width: 260px;
height: 86px;
top: 10px;
left: 8px;
}

#auxNav {
width: 350px;
position: absolute;
right: 10px;
top: 22px;

}

#search {
width: 350px;
position: absolute;
right: 10px;
top: 45px;
text-align: right;
}

.searchfield {
width: 277px;
height: 20px;
}

#auxNav ul{
list-style: none;
	margin: 0;
	padding: 0 0 4px 0;
	font-family:Arial, Helvetica, sans-serif;
	width: 350px;
	float: left;
}

#auxNav ul li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}

#auxNav ul li {
	padding: 0 4px 2px 6px;
	margin: 0;
	background: url(/images/nav_divider.gif) left no-repeat;
}

#auxNav ul li.menu-first {
	background: none;
}

#auxNav ul li a:link, #auxNav ul li a:active, #auxNav ul li a:visited, #auxNav ul li a:hover {
	color: #fff;
	text-decoration: none;
	font-size: 11px;
}

#auxNav ul li a:hover {
	text-decoration: underline;
}

#mainnav {
height: 29px;
background: url(/images/nav_bg.jpg) repeat-x;
width: 922px;
}

#mainnav ul {
list-style: none;
margin: 0;
padding: 0;
}

#mainnav ul ul {
position: absolute;
top: 135px;
right: 15px;
background-color: #72674c;

}
#mainnav ul ul a {
color: #FFF;
text-decoration: none;
font-size: 12px;
width: auto;
padding: 6px;
height: auto;
}


#mainnav li {
float: left;
}

#mainnav a {

display: block;
}

.n1 a{
position:relative;
background: url(http://ridgefieldtheaterbarn.org/images/nav_home.gif) top left no-repeat;
width:64px;
height:29px;
text-indent: -9000px;
}

.n5 a{
position:relative;
background: url(http://ridgefieldtheaterbarn.org/images/nav_mainstage.gif) top left no-repeat;
width:146px; 
height:29px;
text-indent: -9000px;
}
.n4 a{
position:relative;
background: url(http://ridgefieldtheaterbarn.org/images/nav_events.gif) top left no-repeat;
width:105px;
height:29px;
text-indent: -9000px;
}

.n6 a {
position:relative;
background: url(http://ridgefieldtheaterbarn.org/images/nav_classes.gif) top left no-repeat;
width:149px;
height:29px;
text-indent: -9000px;
}

.n7 a{
position:relative;
background: url(http://ridgefieldtheaterbarn.org/images/nav_calendar.gif) top left no-repeat;
width:72px;
height:29px;
text-indent: -9000px;
}

.n8 a{
position:relative;
background: url(http://ridgefieldtheaterbarn.org/images/nav_news.gif) top left no-repeat;
width:51px; 
height:29px;
text-indent: -9000px;
}

.n9 a{
position:relative;
background: url(http://ridgefieldtheaterbarn.org/images/nav_directions.gif) top left no-repeat;
width:78px; 
height:29px;
text-indent: -9000px;
}

.n10 a{
position:relative;
background: url(http://ridgefieldtheaterbarn.org/images/nav_about.gif) top left no-repeat;
width:75px; 
height:29px;
text-indent: -9000px;
}

.n10 li a {
background: none;
text-indent: 0;
} 

.n11 a{
position:relative;
background: url(http://ridgefieldtheaterbarn.org/images/nav_photo.gif) top left no-repeat;
width:101px; 
height:29px;
text-indent: -9000px;
}



.n67 a{
position:relative;
background: url(http://ridgefieldtheaterbarn.org/images/nav_calendar.gif) top left no-repeat;
width:72px; 
height:29px;
text-indent: -9000px;
}

#mainnav a:hover {

background-position:left bottom;
}

#mainnav .menu-current a, #mainnav .menu-parent a, #mainnav a.menu-current, #mainnav a.menu-parent {
background-position:left bottom;
}

/* end MAIN nav */

#footer {
margin: 0 auto;
width: 998px;
color: #666666;
}

#footer a,
#footer a:hover,
#footer a:visited {
color: #666666;
}

.n1 li a, .n4  li a, .n5  li a, .n6  li a, .n7 li a, .n8  li a, .n9 li a, .n10 li a, .n11 li a, .n67 li a {

position: inherit;
background: none;
width:auto; 
height:auto;
text-indent: 0;
}




.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

#sitetools {
	float:right;
	margin: 6px 6px 0 0;
}
#emailtool, #printtool {
	float:left;
}
#emailtool a, #printtool a {
	display:block;
	height:19px;
	float:left;
	margin-left:5px;
}

#emailtool a {
	background: url(/images/icon_email.gif) left top no-repeat;
	width:27px;
}
#printtool a {
	background: url(/images/icon_print.gif) left top no-repeat;
	width:27px;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */






 div, img { behavior: url(/iepngfix.htc) }












</style>
