body{
  background-color:#FFF;
  margin:0;
  padding:0;
  font-family:Georgia,"Times New Roman",serif;
  font-size:12px;
  line-height:18px;
}
h1,h2,h3,h4,h5{
  font-family:Helvetica,Arial,sans-serif;
  text-transform:capitalize;
}
h3{
  text-transform:capitalize;
}
h1{
  margin-top:0px;
  margin-bottom:0px;
  font-size:18px;
  line-height:54px;
  height:54px;
  background-image:url(images/header.gif);
  background-position: 8px 0;
  background-repeat: no-repeat;
  text-indent:-9000px;
}
h5{
  margin-top:0px;
  margin-bottom:0px;
  font-size:18px;
  line-height:54px;
  height:54px;
  background-image:url(images/yppheader.gif);
  background-position: 8px 0;
  background-repeat: no-repeat;
  text-indent:-9000px;
}
h2{
  margin: 0;
  margin-top:0;
  margin-bottom:18px;
  font-size:14px;
  line-height:18px;
  text-align:center;
}
h3{
  margin:0px;
  margin-top:18px;
  font-size:14px;
  line-height:18px;
  height:17px;
  border-bottom:1px solid #AAA;
}
div{
  margin:0;
}
ul{
  margin:0;
  padding-left:0;
}
li{
  list-style-type:none;
  margin-left:0;
  padding-left:0;
}
a{
  color:#111;
  font-weight:bold;
  line-height:18px;
}
a:hover{
  color:#CC0022;
}
#header{
  height:90px;
}
#works,#content{
  width:624px;
  margin:60px auto 0 146px;
  padding-left:10px;
}
#works{
  color:#222;
}
#works h3{
  font-size:12px;
}
/************************************************************navigation styles*/
ul#nav{
  font-family:Helvetica, Arial, sans-serif;
  width:670px;
  margin:0px;
  padding:0px;
  padding-left:156px;
  padding-top:35px;
  float:left;
  border-top:none;
}
ul#nav li{
  padding:0px;
  margin:0px;
  width:104px;
  height:18px;
  line-height:25px;
  font-size:15px;
  text-align:center;
  float:left;
}
ul#nav a{
  height:18px;
  display:block;
  float:left;
  width:104px;    
  text-decoration:none;
  border-bottom:none;
  color:#555;
  outline:none;
  letter-spacing:0.1em;
}
ul#nav a:hover{
  color:#2222FF;
  text-decoration:none;
}
ul#nav a.current,ul#nav a:hover.current{
  background-color:#CC0022;
  color:#FFFFFF;
  cursor:default;
  text-decoration:none;
}
/********************************************************end navigation styles*/
/******************************************************************news styles*/
body#news #content{
  background-image: url(images/news.jpg);
  background-repeat:no-repeat;
  background-position: 10px top; 
  padding-top:576px; 
}
body#news table{
  margin-top:18px;
  border-collapse:collapse;
}
body#news table *{
  padding:0px;
}
body#news td{
  padding-bottom:18px;
}
.performanceDate{
  font-family:Helvetica;
  width:117px;
  font-weight:bold;
  letter-spacing: 0.01em;  
  color:#444;
}
body#news #content a{
  color:#CC0022;
  font-weight:normal;
  text-decoration:none;
}
body#news #content a:hover{
  text-decoration:underline;
}

/**************************************************************end news styles*/
/*******************************************************compositon page styles*/
body#composition{
  background-image:url(images/music.jpg); 
  background-position: 200px bottom;
  background-repeat:repeat-x, repeat-y;
}
body#composition h2#ensemble{
  margin-top:18px;
}
body#composition  h3{
  border-bottom:none;
  height:18px;
}
body#composition  h3 a{
  border-bottom:1px dotted #000;
  text-decoration:none;
  font-weight:bold;
}
body#composition  h3 a:hover{
  color: #CC0022;
  border-bottom:1px solid #CC0022;
}
}
a.audio{
  text-decoration:none;
  /* border-bottom:1px dotted #222; */
  font-weight:bold;
  outline:none;
  background-image:url(images/play_button_sprite.gif);
  background-position: 0px -2px;
  background-repeat:no-repeat;
  padding-left:18px;
}
a.audio:hover{
  text-decoration:none;
  color:#CC0022;
}
a.paused,a.audio.paused:hover{
  color:#9999FF;
}
a.playing{
  color:#CC0022;
  background-position: 0px -20px;
}
}
#MP3_Player{
  text-align:center;
  height:36px;
  line-height:36px;
}
/***************************************************end compositon page styles*/
/*************************************************************film page styles*/
body#film{
  background-image:url(images/video.jpg);
  background-repeat:no-repeat;
  background-position: 23px 150px;
}
body#film h3{
  margin-bottom:18px;
}

embed,object{
  margin:0;
}
body#film .mov{
  height:252px;
}
body#film .authors{
  margin-bottom:36px;
}
/*********************************************************end film page styles*/
/******************************************************************journal page styles*/
body#news #content{
  background-image: url(images/news.jpg);
  background-repeat:no-repeat;
  background-position: 10px top; 
  padding-top:576px; 
}
body#news table{
  margin-top:18px;
  border-collapse:collapse;
}
body#news table *{
  padding:0px;
}
body#news td{
  padding-bottom:18px;
}
.performanceDate{
  font-family:Helvetica;
  width:117px;
  font-weight:bold;
  letter-spacing: 0.01em;  
  color:#444;
}
body#news #content a{
  color:#0000cc;
  font-weight:normal;
  text-decoration:none;
}
body#news #content a:hover{
  text-decoration:underline;
}

/**************************************************************end journal page styles*/
/************************************************************audio page styles*/
body#journal{
  background-image: url(images/.jpg);
  background-position: 250px bottom;
  background-repeat:repeat-x;
  background-color:#FFF;
}
body#journal h3{
  margin-bottom:18px;
}
a.audio{
  text-decoration:none;
  /* border-bottom:1px dotted #222; */
  font-weight:bold;
  outline:none;
  background-image:url(images/play_button_sprite.gif);
  background-position: 0px -2px;
  background-repeat:no-repeat;
  padding-left:18px;
}
a.audio:hover{
  text-decoration:none;
  color:#0033CC;
}
a.paused,a.audio.paused:hover{
  color:#0033CC;
}
a.playing{
  color:#0033CC;
  background-position: 0px -20px;
}
#aboutTrack{
  font-style:italic;
}
#MP3_Player{
  text-align:center;
  height:36px;
  line-height:36px;
}
/********************************************************end audio page styles*/
/********************************************************education page styles*/
body#education{
  background-color:#FFF;
  background-image:url(images/ypp.jpg);
  background-repeat:no-repeat;
  background-position: 0px 54px;
}
body#education #header{
  background-color:transparent;
  background-image:url(images/ypp_top.jpg); 
  background-repeat:no-repeat;
  background-position:bottom left;
}
/****************************************************end education page styles*/
/**************************************************************bio page styles*/
body#bio{
  background-color:#FFFFFF;
  background-image:url(images/bio.jpg);
  background-repeat:no-repeat;
  background-position: 0px 36px;
}
body#bio h3{
  height:54px;
}
body#bio #header{
  background-image:url(images/bio_top.jpg);
  background-position:bottom left;
  background-repeat:no-repeat;
}
/**********************************************************end bio page styles*/
/********************************************************apv project page styles*/
body#apvproject #content{
  background-image: url(images/apvproject.jpg);
  background-repeat:no-repeat;
  background-position: 10px top; 
  padding-top:576px; 
}
body#apvproject table{
  margin-top:18px;
  border-collapse:collapse;
}
body#apvproject table *{
  padding:0px;
}
body#apvproject td{
  padding-bottom:18px;
}
.performanceDate{
  font-family:Helvetica;
  width:117px;
  font-weight:bold;
  letter-spacing: 0.01em;  
  color:#444;
}
body#apvproject #content a{
  color:#CC0022;
  font-weight:normal;
  text-decoration:none;
}
body#apvproject #content a:hover{
  text-decoration:underline;
}
}
#MP3_Player{
  text-align:left;
  height:36px;
  line-height:36px;
}

/****************************************************end apv project page styles*/
/********************************************************novel project page styles*/
body#novelproject #content{
  background-image: url(images/novel1.jpg);
  background-repeat:no-repeat;
  background-position: 10px top; 
  padding-top:576px; 
}
body#novelpreojct table{
  margin-top:18px;
  border-collapse:collapse;
}
body#novelproject table *{
  padding:0px;
}
body#novel td{
  padding-bottom:18px;
}
.performanceDate{
  font-family:Helvetica;
  width:117px;
  font-weight:bold;
  letter-spacing: 0.01em;  
  color:#444;
}
body#novelproject #content a{
  color:#CC0022;
  font-weight:normal;
  text-decoration:none;
}
body#novelproject #content a:hover{
  text-decoration:underline;
}
}
#MP3_Player{
  text-align:left;
  height:36px;
  line-height:36px;
}

/****************************************************end novel page styles*/
/********************************************************bethabe page styles*/
body#bethabe #content{
  background-image: url(images/tough.jpg);
  background-repeat:no-repeat;
  background-position: 10px top; 
  padding-top:576px; 
}
body#bethabe table{
  margin-top:18px;
  border-collapse:collapse;
}
body#bethabe table *{
  padding:0px;
}
body#bethabe td{
  padding-bottom:18px;
}
.performanceDate{
  font-family:Helvetica;
  width:117px;
  font-weight:bold;
  letter-spacing: 0.01em;  
  color:#444;
}
body#bethabe #content a{
  color:#CC0022;
  font-weight:normal;
  text-decoration:none;
}
body#bethabe #content a:hover{
  text-decoration:underline;
}
}
#MP3_Player{
  text-align:left;
  height:36px;
  line-height:36px;
}

/****************************************************end bethabe page styles*/
/********************************************************ahau page styles*/
body#ahau #content{
  background-image: url(images/ahau.jpg);
  background-repeat:no-repeat;
  background-position: 10px top; 
  padding-top:576px; 
}
body#ahau table{
  margin-top:18px;
  border-collapse:collapse;
}
body#ahau table *{
  padding:0px;
}
body#ahau td{
  padding-bottom:18px;
}
.performanceDate{
  font-family:Helvetica;
  width:117px;
  font-weight:bold;
  letter-spacing: 0.01em;  
  color:#444;
}
body#ahau #content a{
  color:#CC0022;
  font-weight:normal;
  text-decoration:none;
}
body#ahau #content a:hover{
  text-decoration:underline;
}
}
#MP3_Player{
  text-align:left;
  height:36px;
  line-height:36px;
}

/****************************************************end ahau page styles*/
/*******************************************************ypp page styles*/
body#ypp{
  background-image:url(images/ypptitle.jpg);
  background-repeat:no-repeat;
  background-position: 268px 33px;
}
body#ypp h2#ensemble{
  margin-top:18px;
}
body#ypp  h3{
  border-bottom:none;
  height:18px;
}
body#ypp  h3 a{
  border-bottom:1px dotted #000;
  text-decoration:none;
  font-weight:bold;
}
body#ypp  h3 a:hover{
  border-bottom:1px solid #0033CC;
}
}
#MP3_Player{
  text-align:center;
  height:36px;
  line-height:36px;
}
/***************************************************end ypp page styles*/
/*******************************************************viv page styles*/
body#viv{
  background-image:url(images/vivhead.jpg); 
  background-repeat:no-repeat;
  background-position: 268px 33px;
}
body#viv h2#ensemble{
  margin-top:18px;
}
body#viv  h3{
  border-bottom:none;
  height:18px;
}
body#viv  h3 a{
  border-bottom:1px dotted #000;
  text-decoration:none;
  font-weight:bold;
}
body#viv  h3 a:hover{
  border-bottom:1px solid #44CCFF;
}
}
#MP3_Player{
  text-align:center;
  height:36px;
  line-height:36px;
}
/***************************************************end viv page styles*/
p{
  margin:0;
  margin-top:18px;
}
#footer{
  height:108px;
}
#footer p{
  line-height:108px;
  height:108px;
  text-align:center;
}

/*for testing vertical grid*/

/* body#news,body#film,body#composition,body#audio,body#education,body#bio{
  background-image:url(images/col.gif);
  background-repeat:repeat;
  background-position: 0 0;
}   */

/*for testing basline*/

/*body#news,body#film,body#composition,body#audio,body#education,body#bio{
  background-image:url(images/baseline.gif);
  background-repeat:repeat;
  background-position: 0 0;
} */