*{
	margin:  0;
	padding:  0;
}


body{
	color: #5E5650;
	background-color: #D3D3B3;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	/*font-size: 62.5%;  16px × 62.5% = 10px */
	/* margin: 20px; */
	font-size: 11px;
}

/* default font size*/
/*
@import url(xx-small.css);  */






.spaceroo{
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}

.clearfix{
	zoom : 1;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


/****************************************************************/
/* 1. BLOCKS  */
/****************************************************************/

#holder{
	margin: 20px auto 5px auto;
	width: 730px;
	border-style: solid;
	border-width: 1px;
}

#inner{
	/**/ padding: 13px 13px 0 13px; 
}

#main{
	clear: both;

}

#left{
	
	width: 140px; /* will need 10px margin-right on contents */
	float: left;
	margin: 26px 0 20px 0;
}

#right{
	width: 430px;
	float: left;
}

#performanceInfo{
	width: 122px;
	float: right;
	margin-top: 9px;
/*	border: 1px solid red; */
}



#subContent{
	position: relative;
	margin: 0px auto 0 auto;
	width: 730px; 
	border-style: solid;
	border-width: 1px;
}

#footer{
	margin: 10px auto 0 auto;
	width: 730px; 
}

div.fontsizeUp, div.fontsizeDown{
	float: left;
	margin-right: 2px;
}

div.pInfo{
	
	width: 320px;
	float: right;
}

#map{
	margin: 0 0 10px 0;
	width: 420px;
	height: 300px;
}

.splitL{
	width: 210px;
	float: left;
}

.splitR{
	width: 210px;
	float: right;
}


/****************************************************************/
/* 2. menu  */
/****************************************************************/

#header{
	
	
}

#menu{
	width: 563px;
	float: right;
	border-style: none none solid none;
	border-width: 0 0 3px 0;
}

#menu ul{
	list-style-type: none;
	width: 420px;
	float: left;
	
}
#menu ul li{
	display: inline;
}

#menu .boxOffice{
	float: right;
	
}

#menu a, #submenu a{
	margin: 0 10px 0 0 ;
}

#menu a.email{
	margin: 0;
	padding: 0;
}

#submenu a.last{
	margin-right: 0;
}

#submenu{
	clear: both;
	margin:  20px 0 0 0;
	padding: 1px 0 1px 0;
	text-align: right;
	border-style: solid;
	border-width: 1px 0 0px 0;
}

#submenu ul{
	list-style-type: none;
	
}
#submenu ul li{
	display: inline;
	
}


ul.summary, ul.summary li ul.sessions{
	list-style-type: none;
}

ul.summary li{
	margin: 0px 0 20px 0;
	
}

ul.summary li ul.sessions li{
	margin: 0 0 5px 0;
	
}

/****************************************************************/
/* 2. IMAGES  */
/****************************************************************/

img{
	border: none;
}

#header .logo{
	float: left;
}

.boxOffice img{
	margin-bottom: 4px;
}
.boxOffice img.email{
	margin-bottom: 0px;
}

#submenu img{ 
	vertical-align: top;
	padding: 7px 0 11px 0;
	
	}
	
img.thumb{
	float: left;
	margin: 0 5px 5px 0;
}
/****************************************************************/
/* 2. TEXT  */
/****************************************************************/

div, p, th, td, li, dd, form, input {
  	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 11px;
	line-height: 140%;
	color: #323232;
}


h1{
	font-size: 18px;
	border-style: solid;
	border-width: 0px 0 1px 0; 
	padding: 6px 0;
	margin: 0 0 4px 0;
	color: #5E5650;
	letter-spacing: -1px
}
h2{
	color: #5E5650;
	font-size: 16px;
	margin: 0 0 5px 0;
	letter-spacing: -1px
}
h3{
	color: #5E5650;
	font-size: 14px;
	font-weight: bold;
}
h4{/* for sub-headings e.g. Performance/art title */
	color: #5E5650;
	font-size: 12px;
	font-weight: bold;
	border-bottom: 1px solid;
	padding: 0 0 3px 0;
	margin: 0 0 6px 0;
}
h5{
	color: #5E5650;
	padding-bottom: 2px;
	font-size: 12px;
	font-weight: bold;
}
p{
	color: #5E5650;
	padding-bottom: 2px;
}

p.clearfix{
	padding-bottom: 0px;
}

ul.summary h5{
	padding-bottom: 5px;
}

#right p{
	padding-bottom: 10px;
}

#right li p{
	padding-bottom: 2px;
}

ul.visual_listings li p, ul.sessions li{
	/* what's on,  homepage, publications */
	font-size: 10px;
	
}

.noimg p{
	padding-left: 10px;
}

.caption{
	font-style: italic;
}
/****************************************************************/
/* 2. LISTS  */
/****************************************************************/

ul#supported{
	list-style-type: none;
	padding: 3px 0 0 0;
	float: right;
}

ul#supported li{
	display: inline;
	margin: 5px 13px 5px 0;
}

#left ul{
	margin-right: 10px;
	list-style-type: none;
}


#left ul.links li{
	margin: 0 0 10px 0;
}

#performanceInfo ul{
	list-style-type: none;
}

#performanceInfo ul li{
	margin: 0 0 10px 0;
}

ul.visual_listings{
	list-style-type: none;
}

ul.visual_listings li{
	clear: both;

	margin: 0 0 8px 0;
	
}
ul.visual_listings h3{
	padding: 8px 8px;
}

ul.visual_listings h5 /* event titles in list*/{
	padding: 8px 0;
}
ul.visual_listings img{
	float: left;
	margin: 0 8px 0px 0;
}

ul.sessions{
	list-style-type: none;
}

#article ul{
	
	margin-left: 25px;
}

ul#publications {
	border-top: 1px solid #bebe82;
	padding: 20px 0 0 0;
	margin-top: 10px;
	list-style-type: none;
}

ul#publications li{
	margin: 0 0 20px 0;
}

ul.contacts{
	list-style-type: none;
	margin: 0 0 20px 0;
}

ul.simple{
	list-style-type: none;
}

/****************************************************************/
/* 2. LINKS  */
/****************************************************************/
a:link, a:hover, a:visited{
	color: #5E5650;
	text-decoration: none;
}

h2 a, h3 a{
	text-decoration: none;
}

a:hover{
	color: #333;
}

#header a.logo{
	
	position: relative;
	top:  0;
	left: -13px;
	
}

a.on{
	font-weight: bold;
}

a[rel~=external] {
	/*
	padding-right: 10px;
	background: transparent url("../images/aoutside.gif") center right no-repeat;
	*/
	border-bottom: 1px dotted red;
}

a.img[rel~=external]{
	border: none;
}

a.more{
	text-decoration: none;
	font-weight: bold;
	letter-spacing: -0.5px;
	display:block;
	margin-bottom: 2px;
	
}


/****************************************************************/
/* 2. IMAGES  */
/****************************************************************/
img{
	border: none;
}
img.main{
	float: left;
	margin: 0 10px 10px 0;
}
#rotator{
	float: left;
	margin: 0 10px 10px 0;
}



/****************************************************************/
/* FORMS  */
/****************************************************************/

#footer input{
	color: #5E5650;
	background-color: #D3D3B3;
	border: none;
}


/****************************************************************/
/* CHANGE IS GOOD BANNER  */
/****************************************************************/
#newContainer {
	min-width: 900px;
}

#changeIsGoodBanner {
	position:absolute;
	top:0;
	right: 0;
	z-index:10;
}


#changeIsGood2 a p {
	display:none;
}

#changeIsGood2 a{
	width:65px;
	height:42px;
	_height:40px;
	background-color:#FFFF00;
	background-image:url(../images/change-is-good/cig2.gif);
	background-position: 6px 9px;
	background-repeat:no-repeat;

	z-index:300;
	position:absolute;
	top:33px;
	margin-left:347px;
	padding:6px 9px 0px 9px ;
	border:1px solid #BEBE82;
	border-bottom:none;

}


#changeIsGood2 a:hover{

	background-color:#000000;
		background-image:url(../images/change-is-good/cig2-over.gif);
	
	background-repeat:no-repeat;


}


/****************************************************************/
/* MAILING LIST  */
/****************************************************************/

#mailingListSelect, #mailingMainForm, #mailingSmallprint {
	background-color:#E4E3CF;
	padding:1px 10px 10px;
	margin-bottom:1em;
}

.formPanel, .formPanell {
	clear: both;
	background-color:#E4E3CF;
	padding:10px;
	margin-bottom:1em;
	text-align: center;
}
.formPanell {
	text-align: left;
}

#unsubscribe {
	clear: both;
	padding:10px 0;
	border-top: 1px dotted;
}

.formPanel .button{
	width: 100px;
	margin: 5px auto;
}

#mailingMainForm {
	padding-top:15px;
}


fieldset {
	border-width:0px;
	
}

legend {
	display:none;
}

.formfield {
	width:280px !important;
	border:none;
	padding:4px;
	height:15px;
	margin-bottom:10px !important;
	
}

.formfield:focus {
	border:2px #BEBE82 solid;
	height:15px;
	padding:2px;
}


.formfieldbox {
	width:280px !important;
	border:none;
	padding:4px;
	margin-bottom:10px !important;
	font-size:100% !important;
}


.formfieldbox:focus {
	border:2px #BEBE82 solid;
	padding:2px;
}

#mailingListSelect {
	padding-bottom:10px;
}

#mailingListSelect input {
	margin-right:15px;
}

#mailingListSelect label {
	padding: 5px 0px;
	margin:0px !important;
	display:block;
	width: 200px;
	float:left;
	
}

#mailingListSelect br.clear {
	height:0px !important;
} 

.required {
	color: #BEBE82;
	font-weight: bold;
	float: left;
	font-size: larger;
}

/****************************************************************/
/* 2.SOCIAL MEDIA ENGAGEMENT FACILITATING NODES  */
/****************************************************************/

#social {
	float: left;
	margin: 0;
}

#social ul {
	list-style: none;
	margin-left: 6px;
	width: 130px;
}

#social ul li {
	float: left;
	margin-right: 8px;
}

#twitter a {
	display: block;
	width: 17px;
	height: 20px;
	background: #000 url(../images/twitter.gif) 0 0 no-repeat;
	text-indent: -9999px;
}

#facebook a {
	display: block;
	width: 15px;
	height: 19px;
	background: #000 url(../images/facebook.gif) 0 0 no-repeat;
	text-indent: -9999px;
}

p#brochure {
	float: left;
	margin: 0 25px 0 0;
}

#brochure a {
	display: block;
	width: 144px;
	height: 49px;
	background: #000 url(../images/brochure-btn.gif) 0 0 no-repeat;
	text-indent: -9999px;
}

#sponsors {
	float: right;
	width: 360px;
}

#sponsors p {
	float: left;
}