/* CSS Document */

/* 
	COLORS:

	Tan 		#dbb060
	Lt. Tan 	#eeca70
	Yellow		#ffd631
	Off-white	#ffed91
	Blue		#006699
*/

html, body, form, fieldset {
	margin: 0;
	padding: 0;
}

body {
	background: #7F001F url(http://www.barrelofmonkeys.org//images/interface/gradientbg.gif) repeat-x;
	font-family: "Trebuchet MS", Trebuchet, "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	font-size: 62.5%
}

h1, h2, h3, h4, h5, h6, p, pre, label, ul, ol, dl, address {
	margin: 0;
	padding: 0;
}

p, .small, .footnote, .smallnote, blockquote, cite, ul, ol, dl, pre, label, address {
	color: #2E2E2E;
}

p {
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 18px;
}

strong {
	color: #000;
}

.rightalign {
	text-align: right;
}

blockquote {
	font-size: 14px;
	line-height: 18px;
	margin: 20px 30px 18px 30px;
}

cite {
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 18px;
}

ul {
	list-style-type: none;
}

.small {
        font-size: 12px;
        margin: 0;
}

.footnote, .smallnote {
	font-size: 12px;
	font-style: italic;
}

.caption {
        font-size: 10px;
        line-height: 12px;
        font-style: italic;
        text-align: center;
}

.note {
	background: #ffed91;
	padding: 10px;
	border: 1px solid #000;
	font-size: 12px;
	line-height: 18px;
}

h1, h2, h3, h4, #mainnav ul a, #schoolsubnav ul a, #performancessubnav ul a, #aboutsubnav ul a  {
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h1 {
	font-size: 22px;
	line-height: 30px;
	margin: 22px 0 14px 0;
}

img + h1 {
	margin: 0 0 14px 0;
}

h2 {
	font-size: 18px;
	line-height: 18px;
	margin: 12px 0 6px 0;
}

h3 {
	font-size: 15px;
	line-height: 18px;
	margin: 12px 0 6px 0;
}

.subhead {
	color: #555;
	font-weight: normal;
	font-style: italic;
	font-family: "Trebuchet MS", Trebuchet, "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
}

.yellowbar {
	padding: 12px 10px;
	margin: 6px -10px;
	background: #FFCC00 url(http://www.barrelofmonkeys.org//images/interface/yellowbarbg.gif);
	clear: both;
}

.starleft {
	padding-left: 15px;
	margin-left: -15px;
	background: url(http://www.barrelofmonkeys.org//images/interface/starbullet.gif) no-repeat 0;
}

.dottedline {
border-bottom: 2px dotted #DBB060;
}

a {
	outline: none;
}

a:link, a:visited {
	color: #006699;
	text-decoration: none;
	font-weight: bold;
}

a:hover, a:active {
	text-decoration: underline;
	font-weight: bold;
}

.hide {
	display: none;
        visibility: hidden;
}

#wrapper {
	width: 850px;
	margin: 0pt auto;
}

#topleftbanner {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	height: 125px;
	width: 125px;
	background: url(http://www.barrelofmonkeys.org//images/interface/10thyear.png) no-repeat;
	text-indent: -999em;
	text-decoration: none;
	z-index: 1;
	behavior: url(iepngfix.htc);
}

img {
	vertical-align: bottom;
}

#header {
	position: relative;
}

#home #header {
	background: url(http://www.barrelofmonkeys.org//images/interface/headerbg.png) no-repeat 0 0;
	height: 300px;
	behavior: url(iepngfix.htc);
}

#header h1 {
	margin-left: -9999px;
}

#utilitynav {
	background: url(http://www.barrelofmonkeys.org//images/interface/unavbg.gif) top left no-repeat;
	padding: 0 10px 0 15px;
	border-right: 3px solid;
	font-size: 1.2em;
	position: absolute;
	bottom: 0;
	right: 0;
}

#utilitynav ul {
	list-style: none;
}

#utilitynav ul a {
	padding: 0.7em 0.7em 0.3em;
	text-decoration: none;
	float: left;
}

#utilitynav ul a:hover {
	text-decoration: underline;
}

#mainnav {
	background: #00487b url(http://www.barrelofmonkeys.org//images/interface/mainnav-g-bg.gif) repeat-x;
	width: 844px;
	border: 3px solid;
	border-style: solid solid none solid;
	font-size: 1.8em;
	float: left;
	clear: both;
}

#mainnav ul {
	margin: 0 auto;
	width: 41em;
	max-width: 844px;
	list-style: none;
}

#mainnav ul a {
	display: block;
	padding: 0.5em 0.6em;
	text-decoration: none;
	color: #fff;
	float: left;
}

#mainnav ul a:hover {
	text-decoration: underline;
}

#mainnav li, #utilitynav li {
	float: left;
}

.current, 
#mainnav ul a:hover {
	background: #003E78;
}

#subnav, #schoolsubnav, #performancessubnav, #storiesubnav, #aboutsubnav {
	background: #003E78;
	font-size: 1.5em;
	width: 844px;
	border-left: 3px solid;
	border-right: 3px solid;
	float: left;
}

#subnav ul, #schoolsubnav ul, #performancessubnav ul, #storiesubnav ul, #aboutsubnav ul {
	margin: 0 auto;
	max-width: 844px;
	list-style-type: none;
}

#schoolsubnav ul { 
    width: 45em;
}

#performancessubnav ul {
	width: 46em;
}

#aboutsubnav ul {
	width: 45em;
}

#subnav ul li, #schoolsubnav ul li, #performancessubnav ul li, #storiesubnav ul li, #aboutsubnav ul li {
	float: left;
	display: inline;
}

#subnav ul a, #schoolsubnav ul a, #performancessubnav ul a, #storiesubnav ul a, #aboutsubnav ul a {
	color: #fff;
	padding: 0.5em 1em;
	text-decoration: none;
	float: left;
        font-weight: normal;
}

#subnav ul a:hover, #schoolsubnav ul a:hover, #performancessubnav ul a:hover, #storiesubnav ul a:hover, #aboutsubnav ul a:hover {
	background: #002251;
	text-decoration: underline;
}

.subcurrent {
	background: #002251;
}

#middle {
	background: #dbb060;
	width: 844px;
	overflow: hidden;
	clear: both;
	border: 3px solid;
	border-style: solid solid none solid;
}

.content {
	background: #DBB060;
	width: 660px;
	float: left;
	padding: 0;
	overflow: hidden;
	clear: both;
}

#schoolbox, #twgbox {
	width: 285px;
	min-height: 340px;
	margin: 10px 0;
	padding: 15px;
}

#schoolbox {
	background: #ffcc00 url(http://www.barrelofmonkeys.org//images/interface/schoolboxbg.gif);
	float: right;
	margin-left: 5px;
	margin-right: 10px;
}

#twgbox {
	background: #ff9900 url(http://www.barrelofmonkeys.org//images/interface/twgboxbg.gif);
	float: left;
	margin-right: 5px;
	margin-left: 10px;
}

.news {
	background: #ffed91 url(http://www.barrelofmonkeys.org//images/interface/newsbg2.gif) no-repeat bottom;
	width: 547px;
	margin: 0pt auto;
	margin-bottom: 15px;
	padding: 10px 20px 50px;
	clear: both;
}

#home .news {
	width: 600px;
}


/* ryznar gilder/levin image replacement for page headers */

.replace {
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.replace span {
	display: block;
	position: absolute;
	top: 0px; left: 0px;
	z-index: 1;
}

#twgbox h1, #twgbox h1 span {
	width: 289px;
	height: 105px;
}

#twgbox span {
	background: url(http://www.barrelofmonkeys.org//images/interface/twgbox.gif) no-repeat 0 0;
}

#schoolbox h1, #schoolbox h1 span {
	width: 285px;
	height: 66px;
}

#schoolbox span {
	background: url(http://www.barrelofmonkeys.org//images/interface/schoolbox.gif) no-repeat 0 0;
}

.pagetitle h1, .pagetitle h1 span {
	width: 264px;
	height: 100px;
}

.wide h1, .wide h1 span {
width: 545px;
height: 85px;
}

.pagetitle #aboutbom span {
	background: url(http://www.barrelofmonkeys.org//images/interface/aboutbom.gif) no-repeat 0 4px;
}

.pagetitle #aboutschool span {
	background: url(http://www.barrelofmonkeys.org//images/interface/aboutschool.gif) no-repeat 0 4px;
}

.pagetitle #afterschool span {
        background: url(http://www.barrelofmonkeys.org//images/interface/afterschool.gif) no-repeat 0 -14px;
}

.pagetitle #blogtitle span {
        background: url(http://www.barrelofmonkeys.org//images/interface/blog.gif) no-repeat 0 0;
}

.pagetitle #companymembers span {
	background: url(http://www.barrelofmonkeys.org//images/interface/companymembers.gif) no-repeat 0 3px;
}

.pagetitle #contactus span {
	background: url(http://www.barrelofmonkeys.org//images/interface/contactus.gif) no-repeat 0 -14px;
}

.pagetitle #datesdirections span {
	background: url(http://www.barrelofmonkeys.org//images/interface/datesdirections.gif) no-repeat 0 0;
}

.pagetitle #faq span {
	background: url(http://www.barrelofmonkeys.org//images/interface/faq.gif) no-repeat 0 -16px;
}

.pagetitle #funders span {
	background: url(http://www.barrelofmonkeys.org//images/interface/funders.gif) no-repeat 0 -22px;
}

.pagetitle #gallery span {
	background: url(http://www.barrelofmonkeys.org//images/interface/gallery.gif) no-repeat 0 0;
}

.pagetitle #gettickets span {
	background: url(http://www.barrelofmonkeys.org//images/interface/gettickets.gif) no-repeat 0 0;
}

.pagetitle #inthepress span {
	background: url(http://www.barrelofmonkeys.org//images/interface/inthepress.gif) no-repeat 0 0;
}

.pagetitle #mailinglist span {
	background: url(http://www.barrelofmonkeys.org//images/interface/mailinglist.gif) no-repeat 0 0;
}

.pagetitle #othervenues span {
	background: url(http://www.barrelofmonkeys.org//images/interface/othervenues.gif) no-repeat 0 0;
}

.pagetitle #reservations span {
	background: url(http://www.barrelofmonkeys.org//images/interface/reservations.gif) no-repeat 0 0;
}

.pagetitle #results span {
	background: url(http://www.barrelofmonkeys.org//images/interface/results.gif) no-repeat 0 -13px;
}

.pagetitle #schoolcurriculum span {
	background: url(http://www.barrelofmonkeys.org//images/interface/schoolcurriculum.gif) no-repeat 0 -17px;
}

.pagetitle #schoolhistory span {
	background: url(http://www.barrelofmonkeys.org//images/interface/schoolhistory.gif) no-repeat 0 -15px;
}

.pagetitle #storyarchive span {
	background: url(http://www.barrelofmonkeys.org//images/interface/storyarchive.gif) no-repeat 0 0;
}

.pagetitle #support span {
	background: url(http://www.barrelofmonkeys.org//images/interface/support.gif) no-repeat 0 3px;
}

.pagetitle #twgbanner span {
	background: url(http://www.barrelofmonkeys.org//images/interface/twgbanner2.gif) no-repeat 0 0;
}


/* end IR */

.pagebanner {
	width: 547px;
	height: 9.5em;
	overflow: visible;
	padding: 10px 0 5px 0;
	margin-bottom: 10px;
	border-bottom: 2px dotted #dbb060;
}

.pagetitle {
	margin-right: 10px;
	padding-right: 10px;
	float: left;
	width: 244px;
}

.bannerimage {
	padding: 14px 0 10px 10px;
	float: left;
}

.pagequote {
	width: 283px;
	float: left;
}

.pagequote blockquote {
	background: #ffd631;
	padding: 5px 10px;
	margin: 0;
}

.pagequote blockquote p {
	font-size: 11px;
	line-height: 18px;
	margin: 0;
	padding: 0;
}

.pagequote cite {
	background: transparent url(http://www.barrelofmonkeys.org//images/interface/pagequotecitebg.gif) no-repeat 50px 0;
	position: relative;
	top: 6px;
	padding: 10px 10px 30px 0;
	margin: 0;
	font-weight: bold;
	font-size: 11px;
}

.dialog {
	width: 547px;
	margin: 0pt auto;
	margin-top: 15px;
	padding: 10px 20px;
	clear: both;
	background: #DBB060 url(http://www.barrelofmonkeys.org//images/interface/dialogbg.gif) no-repeat top;
}

.dialog ul li, #schoolbox ul li, #twgbox ul li {
	background: url(http://www.barrelofmonkeys.org//images/interface/starbullet.gif) no-repeat 30px 5px;
	padding-left: 50px;
	font-size: 14px;
	line-height: 24px;
}

.dialog ol, .dialog ul {
	margin-bottom: 18px;
}

.dialog ol li {
	font-size: 14px;
	line-height: 18px;
	margin-left: 50px;
	margin-bottom: 6px;
	
}

ul.columns {
	float: left;
	width: 62em;
}

li.column {
	float: left;
	width: 18em;
}

.mp3embed {
	background: #ffed91;
	padding: 11px 14px 9px 14px;
	width: 300px;
	margin: 0pt auto;
	margin-bottom: 10px;
	border: 1px solid #000;
	font-size: 12px;
}

.imageborder {
	background-color: #fff;
	padding: 5px;
	border: 1px solid #a9a9a9;
	margin-top: 5px;
}

.imageblog {
        max-width: 525px;
        max-height: 788px;
        margin-bottom: 5px;
}

.imageleft {
	float: left;
	margin-right: 14px;
}

.imageright {
	float: right;
	margin-left: 10px;
}

.imagecenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}

.sidebar {
	background: #eeca70 url(http://www.barrelofmonkeys.org//images/interface/sidebarbg.gif) no-repeat bottom;
	width: 154px;
	padding: 5px 15px 20px 15px;
	float: right;
}

.sidebar p {
	margin: 0;
	padding-bottom: 0.5em;
	font-size: 1.2em;
	line-height: 1.5em;
}

.sidebar h1 {
	margin: 0;
	font-size: 14px;
	line-height: 18px;
	font-style: italic;
}

#sidebarsearch, #sidebarfaq, #sidebarmailinglist, #sidebarsupport, #sidebarcurrent, #sidebartwg, #sidebarcd {
	padding: 10px 0;
	border-bottom: 2px dotted #DBB060;
}

#sidebarcontact {
	padding: 10px 5px;
}

#inputform .text {
	width: 100px;
	border: 1px solid #999999;
}

#footer {
	background: #004679 url(http://www.barrelofmonkeys.org//images/interface/footer-g-bg.gif) repeat-x;
	color: #FFFFFF;
	font-size: 12px;
	width: 844px;
	border: 3px solid #000;
	float: left;
}

#footer a:hover {
	text-decoration: underline;
}

#footer p {
	font-size: 12px;
	padding: 10px 0 0 15px;
	color: #e6e6e6;
	float: left;
}

#footer p a {
	color: #fff;
}

#footer ul {
	float: right;
	padding-right: 10px;
	list-style-type: none;
	margin-top: 15px;
}

#footer li {
	float: left;
}

#footer li a {
	color: #ffffff;
	text-decoration: none;
	padding: 8px;	
}


/* Mailing List Styles */

        .mailinglistcontent {
        background-color:#FFFFFF;  /* #1# Editable Foreground */
        padding:20px;  /* #3# Editable */
        }

        .formText {
        font-size:1.4em;  /* #3# Editable */
        line-height: 1.6em;  /* #3# Editable */
        }

        .alert {
        font-size:2em;  /* #3# Editable */
        line-height:Double;  /* #3# Editable */
        color:#FF0000;  /* #3# Editable */
        font-weight:bold;  /* #3# Editable */
        }

        div.errorText {
        font-size: 1.4em;  /* #3# Editable */
        line-height:1.6em;  /* #3# Editable */
        font-weight:bold;  /* #3# Editable */
        color:#FF0000;  /* #3# Editable */
        background-color:#FFEEEE;  /* #3# Editable */
        padding:5px;  /* #3# Editable */
        margin:3px;  /* #3# Editable */
        }
		
		label {
		font-size: 1.2em;
		}

        a.poweredBy {
        font-size:1.2em;
        color:#CC9900;  /* #4# Editable */
        text-decoration: none;
        }

        div.headerTextOn {
        	display: none;
        }
        
        div.headerImgOff {
        	display: none;
        }

/* End Mailing List Styles */

/* Company Member Pages */

.companymember {
min-height: 364px;
padding: 10px 10px 50px 10px;
background: #ffed91 url(http://www.barrelofmonkeys.org//images/interface/newsbg2.gif) no-repeat bottom;
}

.companymember p {
margin-bottom: 12px;
margin-left: 258px;
}

.membertitle {
text-align: center;
font-size: 18px;
line-height: 30px;
margin-top: 0px;
margin-bottom: 18px;
padding-left: -8px;
background: #FFCC00 url(http://www.barrelofmonkeys.org//images/interface/yellowbarbg.gif);}

.membertitle:before {
content: url(http://www.barrelofmonkeys.org//images/interface/starbullet.gif) " ";
}

.membertitle:after {
content: " " url(http://www.barrelofmonkeys.org//images/interface/starbullet.gif);}

.companymember .imageborder {
margin-top: 0px;
}

.companymember .imageleft {
margin-right: 0px;
}


/* ExpressionEngine Stuff */

.blogbackground {
background: #eeca70 url(http://www.barrelofmonkeys.org//images/interface/blogdialogbg.gif) no-repeat top;
}

.blogtitle, .categoryheading {
border-bottom: 2px dotted #DBB060;
}

.entry {
margin-top: 10px;
padding: 0 10px 10px 10px;
border-bottom: 2px dotted #DBB060;
width: 485px;
overflow: auto;
}

.entry .imagecenter {
margin-bottom: 0;
}

.date {
margin-bottom: 0px;
font-size: 14px;
font-weight: normal;
font-style: italic;
color: #666;
}

.title {
margin-top: 0.5em;
color: #000;
}

.posted {
margin-bottom: 10px;
font: 12px lucida grande, verdana, arial, helvetica, sans-serif;
color: #666;
}

.comments {
margin: 10px;
padding: 10px;
background: #ffed91;
border: 1px solid #000;
}

.sidetitle {
font-size: 14px;
line-height: 18px;
padding-top: 5px;
border-top: 2px dotted #DBB060;
}

.noborder {
border-style: hidden;
}

.spacer {
clear: both;
}

li ul {
margin-left: 15px;
}

.paginate {
 font-size:			12px;
 font-weight: 		normal;
 padding:			10px 6px 10px 4px;
 margin:			0;
}

.pagecount {
 font-size:			10px;
 color:				#666;
 font-weight:		normal;
 background-color: transparent;
}

.calendarBG {
 background-color: #000;
}

.calendarBlank {
 background-color: #9DB7A7;
}

.calendarHeader {
 font-weight: bold;
 color: #fff;
 text-align: center;
 background-color: #000;
}

.calendarMonthLinks {
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         11px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 color:             #fff;
 background-color:  transparent;
}

.calendarMonthLinks a {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}

.calendarMonthLinks a:visited {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}

.calendarMonthLinks a:hover {
 color:             #ccc;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarDayHeading {
 font-weight: bold;
 font-size:	11px;
 color: #fff;
 background-color: #195337;
 text-align:  center;
 vertical-align: middle;
}

.calendarToday {
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         12px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 text-align:  center;
 vertical-align: middle;
 color:             #000;
 background-color: 	#ccc;
}

.calendarCell {
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         12px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 text-align:  center;
 vertical-align: middle;
 color:             #666;
 background-color:  #fff;
}

.calendarCell a {
 color:             #000;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarCell a:visited {
 color:             #000;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarCell a:hover {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}

.input {
border-top: 1px solid #999999;
border-left: 1px solid #999999;
background-color:  #fff;
color: #000;
font-size: 1.2em;
height: 1.6em;
padding: .3em 0 0 2px;
margin: 3px 0;
}

.textarea {
border-top: 1px solid #666;
border-left: 1px solid #666;
background-color: #fff;
color: #000;
font-size: 1em;
margin-top: 3px;
margin-bottom: px;
}

.checkbox {
background-color:  transparent;
margin:            3px;
padding:           0;
border:            0;
}

.submit {
background-color:  #fff;
font-size: 1em;
font-weight: bold;
padding: 1px 3px 1px 3px;
margin-top: 6px;
margin-bottom: 4px;
color: #000;
}

/* ExpressionEngine Search Stuff */

.storiessearch {
background: #ffed91;
border: 1px solid #000;
margin-bottom: 10px;
padding: 10px;
}

.storiessearchsubmit {
font-size: 12px;
text-align: center;
padding: 1px 5px;
margin-top: 2px;
}

.searchSubmit {
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:         11px;
 color:             #000;
 text-align: center;
 padding:           6px 10px 6px 6px;
 border-top:        1px solid #4B5388;
 border-bottom:     1px solid #4B5388;
 background-color:  #C6C9CF;
}

.fieldset {
 border:        1px solid #999;
 padding: 10px;
}

.default, .defaultBold {
 font-family:		Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:			11px;
 color:				#000;
 padding:			3px 0 3px 0;
 background-color:	transparent;
}

.defaultBold {
 font-weight:		bold;
}

/* Search Results */

.resultRowOne {
 font-family:		Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:			12px;
 padding:           6px 6px 6px 8px;
 background-color:	#ffed91;
}

.resultRowTwo {
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:         12px;
 padding:           6px 6px 6px 8px;
 background-color:  #ffe875;
}

.resultHead {
 font-family:		Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size: 		14px;
 font-weight: 		bold;
 padding: 			8px 0 8px 8px;
border-bottom: 2px dotted #DBB060;
 background-color:	transparent;
}