/* ##### Common Styles ##### */
@import url(x-small.css);

body {
  color: black;
  background-color: white;
  font-family: verdana, arial, helvetica, sans-serif;
/*  font-size: 75%; */ /* Enables font size scaling in MSIE */
  margin: 0;
  padding: 0;
text-align:center;
}

html > body {
/*  font-size: 8.5pt;*/
}

/* Netscape 4 safe font sizes */
body, div, p, th, td, li, dd {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
}

acronym, .titleTip {
  border-bottom: 1px dotted rgb(153,153,153);
  cursor: help;
  margin: 0;
  padding: 0 0 0.4px 0;
}

.doNotDisplay {
  display: none;
}

.smallCaps {
  font-size: 110%;
  font-variant: small-caps;
}

#content {
	/*position: absolute;*/
	/*width:750px;*/
	width:85%;
	/*left: 50%;*/
	/*margin-left: -375px;*/
	border:1px #000099 solid;
	text-align:left;
	margin:0px auto;


}

/* ##### Header ##### */
/* Super header not used for Trinity */
#header {

/*	background-image: url("images/th150.jpg");*/
	background-image: url("images/header_bg.jpg");
	background-repeat: repeat-x;
/*	height:150px;*/
	border-bottom:1px solid #000099;
/*	text-align:right;*/
/*padding-right:20px;*/
/*	text-indent:120px;*/
	text-align:center;
	
}

#header img.left {
	float:left;
}


.midHeader {
  	font-size: 90%;
  	color: #000099;
/*  background-image: inherit;*/
	background-image: url("images/header_bg.jpg");
	background-repeat: repeat-x;
	width:100%;
float:left;
}

.midHeaderInner {
  background-color: transparent;
  clear:both;
}

/* Title text overlayed on image */
h1.headerTitle {
  font-size: 200%;
  font-weight: bold;
  font-style:italic;
  margin: 0 0 0 4mm;
  padding: 0.5ex 0 0.25ex 0;
}
h2.headerTitle {
  font-size: 150%;
  font-weight: normal;
  font-style:italic;
  margin: 0 0 0 6mm;
  padding: 0.25ex 0;
}
h3.headerTitle {
  font-size: 120%;
  font-weight: normal;
  font-style:italic;
  margin: 0 0 0 8mm;
  padding: 0.25ex 0;
}

/* subHeader holds the breadcrumbs */
.subHeader {
  color: white;
  background-color: #000099; 
  margin: 0;
  padding: 1ex 1ex 1ex 1.5mm;
  clear:both;
}

.subHeader a {
  color: white;
  background-color: transparent;
  text-decoration: none;
  font-weight: bold;
  margin: 0;
  padding: 0 0.75ex 0 0.5ex;
}  

.subHeader a:hover {
  text-decoration: underline;
}

.superHeader .highlight, .subHeader .highlight {
  color: rgb(253,160,91);
  background-color: transparent;
}


/* ##### Side Boxes, Menu stuff ##### */

#side-bar {
  width: 20%;
  margin: 0.5em 0 0 0mm;
  float: left;
  clear: left;
}

body > #side-bar {
  margin-left: 0mm;  /* Circumvents a rendering bug in MSIE (6.0) */
}

.sideBarTitle {
  color: white;
  background-color: #000099; 
  font-weight: bold;
  margin: 0;
  padding: 0.4ex 0 0.4ex 0.6ex;
}

#side-bar ul {
  list-style-type: none;
  list-style-position: outside;
  margin: 0;
  padding: 0 0 0 0;
}

#side-bar li {
  margin: 0;
  padding: 0.0ex 0 0.0ex 0;  /* Circumvents a rendering bug (?) in MSIE (6.0) */
	list-style: none;
	border-bottom: 1px gray solid;
	border-right: 1px gray solid;
	text-align: left;
}

#side-bar a, .thisPage {
  color: rgb(0,102,204);
  background-color: transparent;
  text-decoration: none;
  font-weight: bold;
  margin: 0;
  padding: 1.1ex 2ex;
  display: block;
}

.thisPage {
  color: black;
  background-color: transparent;
}

#side-bar a:hover {
  color: white;
  background-color: rgb(100,135,220);
  text-decoration: none;
}

.sideBarText {
  line-height: 1.5em;
  margin: 0 0 2.5em 0;
  padding: 1ex 0.5ex 0 0.5ex;
  display: block;
}

.sideBarText + .sideBarText {  /* Not recognised by MSIE (6.0) */
  margin-top: -1.5em;
}

#side-bar .sideBarText a {
  text-decoration: underline;
  font-weight: normal;
  margin: 0;
  padding: 0;
  display: inline;
}

#side-bar .sideBarText a:hover {
  color: rgb(0,102,204);
  background-color: transparent;
  text-decoration: none;
}

#side-bar li a:link {
     color: #3366cc;
}
#side-bar li a:visited { 
     color: #3366cc;
}

#side-bar li a:hover,
#side-bar li a.current
{
	background: #f1f1f1 url(images/lined-bg.png);
	border-left: 3px #333399 solid;
	text-indent:-3px;
 	text-decoration: none;
     	color: #3366cc;
}
#side-bar li a.current
{
	font-weight:bold;
}



/* Sub Menu Stuff */

#side-bar li.current ul {
  list-style-type: none;
  list-style-position: outside;
  margin: 0;
  padding: 0 0 0 0;
}

#side-bar li.current li {
  margin: 0;
  padding: 0.0ex 0 0.0ex 0;  /* Circumvents a rendering bug (?) in MSIE (6.0) */
	list-style: none;
	border-top: 1px gray solid;
	border-bottom: 0px gray solid;
	border-right: 0px gray solid;
	text-align: left;
}

#side-bar li.current li a:link {
	background: #f1f1f1 url(images/lined-bg.png);
	border-left: 6px #333399 solid;
	text-indent:-6px;
     color: #3366cc;
}
#side-bar li.current li a:visited { 
	background: #f1f1f1 url(images/lined-bg.png);
	border-left: 6px #333399 solid;
	text-indent:-6px;
     color: #3366cc;
}

#side-bar li.current li a:hover,
#side-bar li.current li a.current
{
	background: #cccccc url(images/lined-bg-current.png);
	border-left: 8px #333399 solid;
	text-indent:-8px;
}
#side-bar li.current li a.current
{
	font-weight:bold;
}

/* ##### Main Page Content ##### */

#main{
	margin-left:20%;
	padding:0;
	margin:0;
}
#main-copy {
  color: black;
  background-color: transparent;
/*  text-align: justify;*/
  line-height: 1.5em;
/*  margin: 0 0 0 15em;*/
padding-left:1%;
padding-right:1%;
  float:left;
  width:77%;
}

#bodyText {
  margin: 0 0 0 15.5em;
  padding: 2mm 5mm 2mm 5mm;
}


#main-copy p {
  margin: 1em 1ex 2em 1ex;
  padding: 0;
}

#main-copy a {
  color: rgb(0,102,204);
  color: #3366cc;
  background-color: transparent;
  text-decoration: underline;
}

#main-copy a:hover {
  text-decoration: none;
}

#main-copy h2 {
  color: #3366cc;
  background-color: transparent;
  font-size: 145.5%;
  font-weight: bold;
  margin: 0.5em 0 0 0;
  padding: 0.5ex 0 0.5ex 0.6ex;
  border-bottom: 1px solid rgb(0,102,204);
}

#main-copy .topOfPage {
  color: rgb(0,102,204);
  background-color: transparent;
  font-size: 91%;
  font-weight: bold;
  text-decoration: none;
  margin: 1ex 1ex 0 0;
  padding: 0;
  float: right;
}


/* ##### Footer ##### */

#footer {
  color: white;
  background-color: rgb(100,135,220);
  font-size: 91%;
  margin: 0;
  padding: 1em 2.5mm 2.5ex 2.5mm;
  clear: both;
}

#footer .left {
  text-align: left;
  line-height: 1.45em;
  float: left;
  clear: left;
}

#footer .right {
  text-align: right;
  line-height: 1.45em;
}

#footer a {
  color: white;
  background-color: transparent;
  text-decoration: underline;
}

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

a img {
	border:1px solid #000099;
}

/* div.item, div.itemcontent and h2 hold the main stuff for the articles */
div.item {
	float:left;
	margin-top:1px;
	margin-bottom:1px;
	margin-left:1px;
	margin-right:1px;
	width:100%;
}

div.item img.left{
	float:left;
	padding-right:1em;
	border:0px;
}
div.item img.right{
	float:right;
	padding-left:1em;
	border:0px;
}

div.item h2 {
  color: #3366cc;
  background-color: transparent;
  font-size: 145.5%;
  font-weight: bold;
  margin: 0.5em 0 0 0;
  padding: 0.5ex 0 0.5ex 0.6ex;
  border-bottom: 1px solid rgb(0,102,204);
}

div.item h3 {
  color: #3366cc;
  margin: 0.5em 0 0 0;
  padding: 0.5ex 0 0.5ex 0.6ex;
}

div.item h4 {
  color: #3366cc;
  margin: 0.5em 0 0 0;
  padding: 0.5ex 0 0.5ex 0.6ex;
}

div.itemcontent {
	clear:both;
	padding:5px 5px 2px 5px;
}


div.photo {
  float: left;
  padding-left:4px;
  padding-top:2px;
  }
  
div.photo p {
   text-align: center;
   }

span.fontswitcher {
	border:0;
	margin:0;
	padding:0;
	float:right;
}
span.nav {
	float:left;
}


/* Form Stuff */

form div.row {
  clear: both;
  padding-top: 10px;
  }
form div.row span.label {
  float: left;
  width: 29%;
  text-align: right;
  }
form div.row span.formw {
  float: right;
  width: 69%;
  text-align: left;
  } 

div.spacer {
	clear:both;
}

/* Hide what's on dates initially*/
/*
div#WhatsOn {
	display:none;
}
*/

#demotip {
	display:none; 
	background:transparent url(/tools/img/tooltip/black_arrow.png); 
    font-size:12px; 
    height:70px; 
    width:160px; 
    padding:25px; 
    color:#fff;     
	
}

#googlesearchbox {
	border:1px #000000 solid;
}
#googlesearchbox .text {
	width:10px;
	border:1px #ff0000 solid;
}
#googlesearchbox form {
	width:100%;
}


#googlesearchresults iframe {
	width:99%;
}

/* extensions */
a[href$='.pdf'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(images/icons/icon_pdf.gif) no-repeat center right;
}

/* email */
a[href ^="mailto:"] {
	padding: 5px 20px 5px 0;
    background: transparent url(images/icons/icon_mailto.gif) no-repeat center right;
}

li.media {
	padding-top:5px;
}


/* use a semi-transparent image for the overlay */ 
#overlay { 
    background-image:url(http://static.flowplayer.org/img/overlay/transparent.png); 
    color:#efefef; 
    height:450px; 
} 
 
/* container for external content. uses vertical scrollbar, if needed */ 
.contentWrap { 
    height:441px; 
    overflow-y:auto; 
}
/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#333;
	
	width:675px;	
	min-height:200px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(../img/overlay/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}