/* Useful information...

Colors

======

Reds:

#C4666D: maroon (Top Banner)

#95001C: Dark red (breadcrumb background)

#AA212B: Red (Navigation background)

#AC252F: Red (Headers)



BLues:

#51ADC3: Light blue (Top Banner)

#124772: Dark blue (breadcrumb background)

#376881: Blue (Navigation background)

#396B84: Blue (Headers)



*/

/*-------------- SYSTEM --------------*/


.centre {
  text-align: center;
}

.important{

  color: #AA212B

}

.detail{

  color: #009b00

}

.name-of-person{

  color: #376881

}

.news-single-img a img {
  max-width: 1000px
}


*/

/*-------------- GENERAL --------------*/



body {

  margin: 6px;

  padding: 0;

  background-color:#fff;

  font-family: Arial, Helvetica, sans-serif;

}



a {

  color: #AA212B;

}



a:visited {

  color: #963

}  





table {

  border: 0;

  border-spacing: 0px;

  padding: 0px;

}



td {

  margin: 0;

  padding: 0 1em 0 0;

  vertical-align: top;

}

50

img {

  border: 0;

}



p, li {

  font-size: 0.8em;

}



li li, li p, p li {

  font-size: 1em;

}



.Left {

  float: left;

}



.Right {

  float: right;

}



.Clear {

  clear: both;

}



h1, h2 {

  font-weight: normal;

  color: #AC252F;0

}



h1 {

  font-size: 2.3em;

  border-bottom: 1px #828282 solid;

  margin: 18px 0 18px 0;

  padding-bottom: 11px;

}



h1 span {

  color: #000;

  font-size: 65%;

}



h2 {

  font-size: 1.1em;

  margin-bottom: 0px;

}



hr {

  color:#AA212B;

}



ul, li {

/*

  padding: 0;

  margin: 0;

  list-style: none;

*/

}



.WhiteDotsRight {

  background: url(images/dotted_vertical_white.gif) repeat-y top right;

}



.dotsRight {

  background: url(images/dotted_vertical_wine.png) repeat-y top right;

}



.dotsAtBottom {

  background: url(images/dotted_horizontal.gif) repeat-x bottom right;

  padding-bottom: 9px;

}



.SeeAlso {

  margin-top: -12px;

}



.SeeAlso p{

  font-size: 0.7em;

  font-family: Arial, Helvetica, sans-serif;

}



.SeeAlso a {

  margin-left: 5px;

}



.AreaTitle {

  font-size: 0.7em;

}



.index p img, .index td img {

  margin: 0 10px 15px 0;

}



.index table {

  margin-top: 15px;



}/*-------------- TOP --------------*/

#Top {

  height: 88px;

  background: #C4666D url(images/aatg_watermark.gif) no-repeat 313px 0px;

  border-bottom: 1px #FFF solid;

} 





#Logo {

  position: absolute;

  margin-top: 9px;

  left: 9px;

}



#TopCharactersLeft {

  position:absolute;

  left: 130px;

  margin-top: -1px;

}





#TopCharactersRight {

  position: absolute;

  left: 520px;

  margin-right: 105px;

}



#Tagline {

  float: right;

  margin: 5px 5px 0 0;



}



/*-------------- BreadCrumb --------------*/



#BreadCrumb {

  background: url(images/breadcrumb-wine.png) repeat-x;

  height: 50px;

}



#BreadCrumb, #BreadCrumb a  {

  color: #fff;

  font-weight: bold;

  font-size: 13px;

  text-decoration: none;

}



#BreadCrumb a:hover {

  text-decoration: underline;

}



#BreadCrumb span {

  font-weight: normal;

}





.BreadCrumb {

  height: 50px;

  width: 100%;

  padding: 6px 0 0 10px;

}

/*-------------- CONTENT --------------*/



#MainContent {

  margin:10px 0 0 20px;

  padding:0 0 10px 0;

  color: #000;

  background-color: #fff;

  height:100%;

  width:70%;
  float:left;
  
}



#MainContent h1 {

  border-bottom: 0;

}

#MainContent h2 {
  clear: left;
  padding-top: 10px
}

#MainContent a {

  color: #AA212B;

}



#MainContent ul {

  margin: 17px 0 0 17px;

  padding: 0;

  list-style: none;

}



#MainContent li {

  background: url(images/arrow_bullet_wine.png) no-repeat 0px 5px;

  padding: 0 0 17px 12px;

  margin: 0 0 5px 0;

}



#MainContent .MainPadding {

  margin: 17px 17px 0 17px;

}



#MainContent .MainPadding ul {

  margin: 0;

}



#MainContent p {

  color: #000;

  margin-bottom: 12px;

}



#MainContent .ProudToPresent {

  color: #FF978D;

  margin-bottom: -10px;

}



/*-------------- NEWS --------------*/



#News {

  background: url(images/dotted_vertical_wine.png) repeat-y top left;

  float:left;

  width: 15em;

  top:145px;

  left: 50em;

  padding: 0 17px 0 17px;

  margin-top: 10px;

}



#News h1 {

  border: 0 none;

  padding: 0;

}



#News a {

  background: url(images/arrow_bullet_wine.png) no-repeat 0px 5px;

  padding: 0 0 0 12px;

}



#News li {

  background-image: none;

  margin-top: 5px

}



 .news-latest-morelink {

  font-size: 80%;

  font-style:italic;

}



.news-single-additional-info {

  font-size: 80%;

  font-style:italic;

}



.news-single-additional-info a {

  padding: 10px;

}



.news-single-backlink {

  font-size: 80%;

  font-style:italic;

}



.news-single-timedata{

  font-size: 10px;

  font-style: italic;

  color: #999999;

}



.news-single-category {

  font-size: 12px;

  font-style: italic;

  color: #999999;

}



.clearer {

  border-width: 1px 0 0 0;

  border-style: dotted none none none;

}





/*-------------- NAVIGATION --------------*/

#Left {

  float:left;

  width: 205px;

}



#Navigation a {

  color:#fff;

}



#Navigation li {

  background: url(images/arrow_bullet_white.gif) no-repeat 0px 5px;

  padding-left: 17px;

}



#Navigation ul {

  margin: 0 0 0 17px;

  list-style: none;

  padding: 0;

}



.Nav_body {

  background: #AA212B repeat-y;

  border-right: 5px solid #b8b8b8;

}



/*-------------- FOOTER --------------*/

#Footer {

  border-top: 1px #ccc solid;

  padding-top: 10px;

  font-family: Arial, Helvetica, sans-serif;

  font-size: 0.7em;

  color: #666;
  clear:both;

}



#Footer a {

  color: #666;

}



/*-------------- HOMEPAGE --------------*/

#Home #Logo {

  margin-top: 20px;

}



#Home #Top {

  background: #C4666D url(images/aatg_watermark.gif) no-repeat 352px 0px;

} 



#Home #Tagline {

  float: right;

  margin-top: 45px;

}



#Home #TopCharactersLeft {D

  left: 130px;

}



#Home #BreadCrumb td div {

  width: 630px; /*-- this is what gives the table a minimum size --*/

}



#Home #MainContent {

  width: 35em;

  color: #000;

  background-color: #fff;

}



/*-------------- COMMITEE --------------*/

#Committee td {

  vertical-align: top;

  padding-bottom: 25px;

}



#Committee td img {

  float:left;

  margin-right: 10px;
  
}

/*------------- Google Maps -------------*/

#MainContent .tx_lumogooglemaps_pi1_sidebar li, .tx_lumogooglemaps_pi1_sidebar li {

  padding: 0 0 0 12px;

  margin: 0;
}

 /*------------ Cast lists --------------*/ 
div.cast {
    width:25em
}
div.cast:before{
  content:"Cast:";
  font-weight:bold;
}
div.cast div.character{
  width:50%;
  float:left;
  font-size: 0.8em;
}
div.cast div.player{
  width:49%;
  font-size: 0.8em;
  float:left;
}


