body{
  font: 0.7em/1.2 Verdana, sans-serif;
  margin:40px 50px;
}

p a{
  text-decoration:none;
  font-style:italic;
} 

p {
  text-decoration:none;
  font-style:normal;
  font-size:10px;  
  font-color:#226182;
}

a{
  text-decoration:none;
  color:inherit;
  font-style: italic;
}

a:hover{
  text-decoration:underline;
}

a:visited{
  color:inherit;
}


h2, h3{
  font-size:1em;
}

h2 span{
  font-weight:normal;
}

blockquote{
  margin:0 15px;
  font-style:italic;
}

#left_half, #right_half, img {
  background: #eee;
}

.flat_list{
  float:left;
  padding:0;
  margin:0;
  list-style:none;
}

.flat_list li{
  display:inline;
}

.flat_list a{
  display:block;
  float:left;
  margin-right:1em;
}

#nav a{
  text-indent:-9000px;
}

#nav a:hover{
  background-position:0 -18px;
}

#nav .static a:hover{
  background-position:0 0;
}

#nav .current_page a:hover{
  background-position:0 -36px;
}

/*menu Bar*/
#home{
  background:url("../img/Logo.gif") no-repeat;
  width:222px;
  height:18px;
}

#mission{
  background:url("../img/mission.gif") no-repeat;
  width:85px;
  height:18px;
  margin-left:30px;
}

#archive{
  background:url("../img/archive.gif") no-repeat;
  width:84px;
  height:18px;
  margin-right:40px;
}

#company_info{
  background:url("../img/company_info.gif") no-repeat;
  width:138px;
  height:18px;
}

#subscribe{
  background:url("../img/subscribe.gif") no-repeat;
  width:86px;
  height:18px;
}
/*end menu bar*/

#content{
  margin:15px 0;
  float:left;
  clear:left;
  width:1000px;
}

.left_half{
  float:left;
  width:421px;
  height:420px;
}

.right_half{
  float:left;
 width:435px;
  height:420px;
}


/*footer*/
#footer{
  font-size:0.8em;
  float:left;
  clear:both;
  width:853px;
  height:40px;
  color:#488CA7;
  border:0px;
  background-color:white;
}

#footer a{
  text-decoration:none;
}
#footer a:visited{
  color:#488CA7;
}

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

/* home / current projects */

.right_half.home {
  width:435px;
}

/*logos*/

#facebooklogo {
	float:right;
	margin-right:0px;
	border:0px;
	border-style:solid;
	border-colour:blue;
	padding:0px;
}
#facebooklogo a{
	border:0px;
	border-style:none;
	padding:0px;
	color:#fff;
}
#laplogo {
	position:absolute;
	margin-left:65px;
	top:31px;
}


.home_quarter{
  float:left;
  width:193px;
  height:34px;
  margin: 0 8px 8px 0;
  color:white;
  padding:172px 8px 0 8px;
}

.home_quarter .artist
{
  font-weight:bold;
}

.home_quarter .date
{
  color:black;
}

.home_quarter .upcoming
{
  display:block;
  font-weight:bold;
  color:#85325E;
}


.right_half.blue{
  background:#93B5C9;
}

.right_half h2, .right_half h3,
.middle_third h2{
  margin:15px 0 0 15px;
}

.right_half p,
.middle_third p{
  margin:0 15px 1em 15px;
}

/* archive */

.left_third{
  display:block;
  float:left;
  width:320px;
  height:420px;
  margin-right:0px;
  background:black;
}

.middle_third{
  float:left;
  width:320px;
  height:420px;
  margin-right:6px;
  background:#C7AE8D;
}

ul.right_third{
  float:left;
  width:230px;
  height:420px;
  margin:0;
  padding:0;
  list-style:none;
}

ul.right_third a, ul.right_third span{
  display:block;
  width:103px;
  height:67px;
  background:black;
  margin:0 3px 3px 0;
  text-indent:-9000px;
}

#archive_menu a:hover{
  background-position:103px 0;
}

.credits{
  font-size:0.9em;
  clear:left;
}

.reviewer{
  font-weight:bold;
}


/*archive menu*/

  
.right_third a.jyll{
  background:url("../img/archive-jyll-small.jpg");
  width:  100px;

}
.right_third a.tim1{
  background:url("../img/archive-tim1-small.jpg");
 width:  100px;

}
.right_third a.greta{
  background:url("../img/archive-greta-small.jpg");
  width:  100px;

}
.right_third a.bette{
  background:url("../img/archive-bette-small.jpg");
  width:  100px;
 
}

.right_third a.rose{
  background:url("../img/archive-rose-small.jpg");
  width:  100px;
 
}
.right_third a.tim{
  background:url("../img/archive-tim-small.jpg");
  width:  100px;
 
}
.right_third a.marisa1{
  background:url("../img/archive-marisa1-small.jpg");
  width:  100px;
 
}
.right_third a.mark{
  background:url("../img/archive-mark-small.jpg");
  width:  100px;
 
}
.right_third a.marisa2{
  background:url("../img/archive-marisa2-small.jpg");
  width:  100px;
  
}
.right_third a.oreet{
  background:url("../img/archive-oreet-small.jpg");
  width:  100px;
 
}
.right_third a.paka{
  background:gray; /*url("../img/archive-paka-small.jpg"); */
  width:  100px;

}
.right_third a.bette1{
  background:url("../img/archive-bette1-small.jpg");
  width:  100px;
  
}
.right_third a.bette2{
  background:gray; /*url("../img/archive-bette2-small.jpg");*/
}

.middle_third h2, .right_half h2{
  height:36px;
  text-indent:-9000px;
  margin-bottom:15px;
}

.middle_third h2.rose{
  background:url("../img/title_rose.gif") no-repeat;
}
.middle_third h2.tim{
  background: url("../img/title_tim2.gif") no-repeat;
  height:56px;
}
.middle_third h2.marisa1{
  background:url("../img/title_marisa1.gif") no-repeat;
}
.middle_third h2.mark{
  background:url("../img/title_mark.gif") no-repeat;
}
.middle_third h2.marisa2{
  background:url("../img/title_marisa2.gif") no-repeat;
}
.middle_third h2.oreet{
  background:url("../img/title_oreet.gif") no-repeat;
}
.middle_third h2.paka{
  background:url("../img/title_paka.gif") no-repeat;
}
.middle_third h2.bette1{
  background:url("../img/title_bette1.gif") no-repeat;
}
.middle_third h2.bette2{
  background:url("../img/title_bette2.gif") no-repeat;
}

.middle_third h2.jyll{
  background:transparent url(../img/title_jyll.gif) no-repeat;
}
.middle_third h2.tim1{
  background:transparent url(../img/title_tim1.gif) no-repeat;
  height:56px;
}
.middle_third h2.greta{
  background:url("../img/title_greta.gif") no-repeat;
}
.middle_third h2.bette{
  background:url("../img/title_bette.gif") no-repeat;
}

/* archive artist page*/

.middle_third.rose{
  background:#D3B996;
}
.middle_third.mark{
  background:#D3B996;
}
.middle_third.tim{
  background:#93B5C9;
}
.middle_third.marisa1{
  background:#E49F85;
}
.middle_third.marisa2{
  background:#A9CD8B;
}
.middle_third.oreet{
  background:#83A9C0;
}
.middle_third.paka{
  background:#739CB5;
}
.middle_third.bette1{
  background:#D04330;
}
.middle_third.bette2{
  background:#C0568A;
}
/* archive artist page*/


.middle_third.jyll{
  background:#C19D6C;
}
.middle_third.tim1{
  background:#fca8a8;
}
.middle_third.greta{
  background:#c46193;
}
.middle_third.bette{
  background:#79aac1;
}

/* company info*/
h2.company_info{
  background:url("../img/title_Companyinfo.gif") no-repeat;
  height:16px;
  text-indent:-9000px;
  margin-bottom:15px;
}

h2.about{
  background:url("../img/title_21stcenturyculture.gif") no-repeat;
  height:16px;
  text-indent:-9000px;
  margin-bottom:15px;
}

h2.copyrights{
  background:url("../img/title_copyright.gif") no-repeat;
  height:16px;
  text-indent:-9000px;
  margin-bottom:15px;
}

/* subscribe */
h2.subscribe{
  background:url("../img/title_Subscribe.gif") no-repeat;
  height:16px;
  text-indent:-9000px;
  margin-bottom:15px;
}

/* current pojects pages - sets background box colour on main page for each project*/
.right_half h2.cardboard{
  background:url("../img/title_cardboard.png") no-repeat;
}
.right_half.cardboard{
 	background:#ef9928;
}

.right_half.tenplagues{
  /*background:#ffcd28; old cardboard colour*/ 
  background:black; /*ten plagues colour*/
  color:#eae4d1;
  width:412px;
  
}
.left_half.quick{
	margin-right:20px;	
	}
.right_half h2.three_acts{
  background:url("../img/title_a_life_in_three_acts.gif") no-repeat;
}

.right_half.three_acts{
	background:#ef6b87;
}

.right_half h2.roscoe{
  background:url("../img/title_roscoe.gif") no-repeat;
}
.right_half.roscoe{
  background:#231F20;
}

.right_half h2.plum{
  background:url("../img/title_greta.gif") no-repeat;
}
.right_half.plum{
  background:#BD4B84;
}

.right_half h2.rock{
  background:url("../img/title_bette.gif") no-repeat;
}
.right_half.rock{
  background:#739CB5;
}

.right_half h2.blessing{
  background:url("../img/title_tim2.gif") no-repeat;
  height:38px;
}
.right_half.blessing{
  background:#fca8a8;
}

.right_half h2.upcoming{
  background:url("../img/title_upcoming.gif") no-repeat;
  height:16px;
}
.right_half.upcoming{
  background:#E8E975;
}

#upcoming{
  background:url("../img/bigpanels_Upcoming2.gif") no-repeat;
  width:856px;
  height:420px;
}

#upcoming h2{
  text-indent:-9000px;
  margin-top:0;
}

#upcoming p{
  margin:367px 0 0 438px;
}

.column_2{
  float:left;
  width:190px;
  margin:0 0 0 15px;
}
.event{
  margin:1em 0;
}
.event p{
  margin:1em 0;
}

.event .date{
  font-weight:bold;
  display:block;
}

/* subscribe */
form{
  margin-left:15px;
}

label{
  display:block;
  float:left;
  line-height:2em;
  clear:left;
  width:7em;
}

.input input{
  width:300px;
}

div.input{
  float:left;
  clear:left;
  margin-top:0.5em;
}

.submit input{
  border:none;
  background:none;
  padding:0;
  margin-top:1em;
}

cite{
  display:block;
  font-weight:normal;
  font-style:normal;
}

#photocredit {
	float:left;
	margin-top:0px;
	margin-left:575px;
	font-style:normal;
	font-size:10px;
	color:#226182;
}
#photocredit a{
	font-size:10px;
	color:#226182;
}
#photocredit a:hover{
	font-size:10px;
	text-decoration:underline;
	color:#094d74;
}

#presslink {
	float:right;
	width:278px;
	margin-top:155px;
	margin-right:0px;
	font-size:11px;
	font-style:normal;
	text-align:left;
	color:#226182;
}

presslinkstrong{
	font-size:12px;
	font-style:normal;
	font-weight:bold;
	text-align:left;
	color:#226182;
}
#presslink a{
	font-style:normal;
	text-align:left;
	color:#226182;
}
#presslink a:hover{
	color:#094d74;
	font-style:normal;
	text-align:left;
	text-decoration:underline;
}


/*home*/

#home_about{
  color:white;
  background:url("../img/home_main.jpg");
  width:853px;
  height:281px;
  float:left;
  margin-bottom: 6px;
}
#home_about a:hover{
  background-position: 0 0;
}

#home_about p{
  display:none;
}

/*home page pannel on bottom*/

#home_panels{
   clear:both;
   display:block;
   width:860px;
   height:133px;
   background:white;
   border:0px;
}

#home_panels a {
  text-decoration:none;
}

#home_panels a:hover{
  background-position: 0 133px;
}
#home_panels a:visited{
  color:white;
}
#box_1{
	background:url("../img/home_quickening.jpg");
	margin-right:6px;
	padding-top:5px;
	padding-bottom:5px;
	height:120px;
	width:281px;
	float:left;
}

#box_2{
  display:inline;
  background:url("../img/home_lifein3.jpg") #C2CD52;
  margin-right:6px;
  padding-top:5px;
  padding-bottom:5px;
  height:120px;
  width:281px;
  float:left;
}

#box_3{
  	display:inline;
  	background:url("../img/home_mincem.jpg");
  	padding-top:5px;
  	padding-bottom:5px;
	height:120px;
	width:280px;
  	float:left;
}


/* September addition */

.home_full {
	display:block;
	width:296px;
	height:34px;
	padding:386px 10px 0;
	color:white;
}

.home_full .artist{
	font-weight:bold;
}

.home_full .date{
	color:black;
}

.home_full .upcoming
{
  display:block;
  font-weight:bold;
  color:#85325E;
}

#full{
  	background:url("../img/jyll-vertical.jpg") #C2CD52;
	margin-bottom:6px;
}

#archive_menu{
  position:absolute;
  top:0;
  right:0;
}

#content.archive{
  position:relative;
  width:875px;
  height:417px;
  overflow:hidden;
}

#archive_sections{
  position:relative;
  width:656px;
  height:417px;
  overflow:hidden;
}

.archive_section{
  width:656px;
  height:417px;
  overflow:hidden;
}

#about_text{
  width:420px;
  height:292px;
  margin-left:1em;
  text-indent:-9000px;
  background: url(../img/mission_statement.gif); /* update height above if image changed! */
}


div#archive_sections blockquote{
  font-style:italic;
}

.quote blockquote{
  margin-top: 0;
}

div.right_half.three_acts{
  font-size:10px;
}


/*for blue right hand panel replace with jpg*/
.home_text {
	font-style:normal;
	font-size:15px;
	color:blue;
}

.home_quote {
	
	font-style:italic;
	font-size:12px;
	color:white;
}

.home_news{
	font-style:normal;
	font-size:12px;
	color:blue;
}

.home_photocredit{
	font-style:normal;
	font-size:12px;
	color:blue;
}

/*end*/

/* old code

#quarter_1{
  background:url("../img/jyll-panel-small.jpg") #79255A;
}

#quarter_2{
  background:url("../img/greta-panel-small.jpg") #4D7282;
}

#quarter_3{
  background:url("../img/bette-panel-small.jpg") #4D7282;
}

#quarter_4{
  background:url("../img/upcoming-panel-small.jpg") #C2CD52;
}
*/