/*------id must be unique------*/
/*------DTM colour #43A0FF----------*/

body {
text-align: center;
padding: 0;
margin: 0;
border-top: 0;
background-color: #43A0FF;
font: small Verdana, Arial, sans-serif;
color: #262c30;
scrollbar-face-color:#CCCCCC;
scrollbar-highlight-color:#C0C0C0;
scrollbar-shadow-color:#000000; 
scrollbar-3dlight-color:#C0C0C0;
scrollbar-arrow-color:#FFFFFF; 
scrollbar-track-color:#FFFFFF;
scrollbar-darkshadow-color:#FFFFFF;
}

p {
font-size: 95%;
line-height: 1.3em;
margin: 0 0 1em;
}

#mainContent ul {
font-size: 95%;
line-height: 1.3em;
margin: 0 0 1em 5em;
}

#mainContent ul li a:hover {
color: red;
}

h1{
font-size: 120%;
text-transform: uppercase;
font-weight: normal;
margin: 0 0 5px;
}


#mainContent h1 {
color: #0000CC;
width: 400px;
border-bottom: 1px solid #43A0FF;
padding-bottom: 3px;
margin-bottom: 10px;
}

.resourceBarTitle h1 {
font-size: 95%;
color: #ffffff;
}


h2{
color: #0000CC;
font-size: 110%;
font-weight: normal;
margin: 0 0 5px;
}

h3{
font-size: 105%;
font-weight: normal;
margin: 0 0 5px;
}

h4{
font-size: 103%;
font-weight: normal;
margin: 0 0 5px;
}


#wrapper {
width: 795px;
border: 1px solid #43A0FF;
margin: 0 auto;
text-align: center;
background-color: #FFFFFF;
}

#masthead {
height: 120px;
border-bottom: 4px solid #43A0FF;
}


#mastheadNews {
height: 120px;
}

#bannerContainer {
float: left;
margin: 15px 10px 10px 0px;
}



#dateStamp {
float: right;
padding-top: 3px;
padding-right: 3px;
font-size: 75%;
color: #000033;
}

#contactBox {
position: absolute;
top: 1px;
left: 70em;
font-size: 85%;
margin-right: 28px;
padding: 5px 2px 5px 5px;
color: #0000CC;
background-color: #ffffff;
border-bottom: dotted 1px #0000CC;
border-left: dotted 1px #0000CC;
} 

#contactBoxHome {
position: absolute;
top: 4.5em;
left: 70em;
font-size: 85%;
padding: 5px 30px 5px 5px;
color: #FFFFFF;
background-color: #43A0FF;
} 

#logoContainer {
}

#pageTitleContainer {
color:#3333CC;
background-color: #FFFFFF;
text-transform: uppercase;
text-decoration: none;
font: bold "Candara", Verdana, Helvetica, Ariel, sans-serif;
font-size: 150%;
padding: 8px 0px 0 5px;
margin-right: 175px;
margin-top: 5px;
}

#masthead2 {
height: 120px;
margin-bottom: 10px;
}

#bannerDTM {
position: absolute;
top: 25px;
left: 232px;
}

#pageTitle {
color:#3333CC;
background-color: #FFFFFF;
text-transform: uppercase;
text-decoration: none;
font: bold "Candara", Verdana, Helvetica, Ariel, sans-serif;
font-size: 150%;
position: absolute;
top: 40px;
left: 550px;
}

.imgCallUs {
position: absolute;
top: 35px;
left: 830px;
}

#topNav {
position:relative;
top:100px;
	height: 25px;
	border-bottom: solid 4px #43A0FF;
	border-top: none;
	}


#topNav ul {
list-style-type: none;
padding: 0;
margin: 0 0 0 25px;
}

#topNav li {
float:left;
margin: 0;
padding: 0;
text-align: center;
display: inline;
background: #33C;
}

#topNav a {
display: block;
padding: 5px 0 0 0;
height: 20px;
width: 120px;
font: bold 9px Verdana, Ariel, Helvetica, sans-serif;
text-transform: uppercase;
color: #FFFFFF;
text-decoration: none;
border-left: 2px solid #FFFFFF;
border-right: 2px solid #FFFFFF;
}

#topNav li.youAreHere {
float: left;
margin: 0;
padding: 0px 0px 0px 0px;
text-align: center;
display: inline;
background: #43A0FF;
}

#topNav a:hover {
background: #000;
color: #FFFFFF;
}

#topNav li.youAreHere a:hover {
background: #43A0FF;
color: #FFFFFF;
}

#topNav a:active {
background: #ffffff;
color: red;
}





#navigation {
	margin-left: 50px;
	height: 25px;
	padding-top: 7px;
	border-bottom: none;
	margin-bottom: 0px;
}





#navigationNews {
position: absolute; top: 7.2em;
height: 25px;
padding-top: 0px;
margin-left: 1.4em;
bbborder-bottom: 2px solid #43A0FF;
}


.resourceBarTitle {
text-align: center;
color: #ffffff;
background-color: #990033;
width: 167px;
float: right;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
padding-top: 7px;
margin-top: 10px;
margin-right: 8px;
margin-left: 10px;
}


.resourceBar {
text-align:left;
background-color: #CDE3F7;
width: 165px;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
clear: right;
float: right;
margin-right: 8px;
margin-left: 10px;
margin-bottom: 10px;
border-top: 0;
border-right: 1px dotted #990033;
border-left: 1px dotted #990033;
border-bottom: 1px dotted #990033;
}



#bookingsPuff {
background-color: #FFFFFF;
padding: 4px;
border: 1px inset blue;
margin-bottom: 4px;
color: #898989;
font-size: 85%;
}

#bookingsPuff h1 {
color: #0000CC;
font-size: 110%;
text-transform: uppercase;
}

#bookingsPuff p {
color: #0000CC;
font-size: 100%;
}

#bookingsPuff ul {
margin: 0 10px 3px 0;
float:right;
color: #0000CC;
list-style-type: inherit;
}

#bookingsPuff li {
font-size: 95%;
line-height: 1.3em;
margin: 0;
padding: 0;
}

#bookingsPuff a:hover {
color: red;
}


#bookingsPuff a {
color: #0000CC;
text-decoration: underline;
}


#traineeLogin{
background-color: #FFFFFF;
padding: 4px;
border: 1px inset blue;
margin-bottom: 4px;
font-size: 75%;
}

#traineeLogin h1 {
color: #0000CC;
font-size: 110%;
text-transform: uppercase;
}

#traineeLogin p {
color: #0000CC;
font-size: 100%;
}

#traineeLogin ul {
margin: 0 0px 5px 18px;
color: #0000CC;
}

#traineeLogin li {
font-size: 100%;
line-height: 1.3em;
margin: 0;
padding: 0;
}

#traineeLogin a {
color: #0000CC;
text-decoration: underline;
}


#traineeLogin a:hover {
color: red;
}

#newsletterPuff{
background-color: #FFFFFF;
padding: 4px;
border: 1px inset blue;
margin-bottom: 4px;
font-size: 75%;
}


#blogWindow{
background-color: #ffffff;
padding: 4px;
border: 1px inset blue;
margin-bottom: 4px;
font-size: 75%;
}



#blogWindow h1 {
color: #0000CC;
font-size: 110%;
text-transform: uppercase;
}

#blogWindow h2 {
color: #0000CC;
font-size: 110%;
}

#blogWindow p {
color: #0000CC;
font-size: 100%;
}

#blogWindow ul {
margin: 0 0px 5px 18px;
color: #0000CC;
}

#blogWindow li {
font-size: 95%%;
line-height: 1.3em;
margin: 0;
padding: 0;
}

#blogWindow a {
color: #0000CC;
text-decoration: underline;
}


#blogWindow a:hover {
color: red;
}

#searchBox{
background-color: #ffffff;
padding: 4px;
border: 1px inset blue;
margin-bottom: 4px;
font-size: 75%;
}




#linkPuff {
background-color: #FFFFFF;
padding: 4px;
border: 1px inset blue;
margin-bottom: 4px;
color: #898989;
font-size: 75%;
}

#linkPuff h1 {
color: #0000CC;
font-size: 110%;
text-transform: uppercase;
}

#linkPuff p {
color: #0000CC;
font-size: 100%;
}

#linkPuff ul {
margin: 0 10px 3px 0;
float:right;
color: #0000CC;
list-style-type: inherit;
}

#linkPuff li {
font-size: 95%;
line-height: 1.3em;
margin: 0;
padding: 0;
}

#linkPuff a:hover {
color: red;
}


#linkPuff a {
color: #0000CC;
text-decoration: underline;
}


#newsPuff {
float: left;
margin: 1em 1em 1em 0;
}


.newsWindow{
background-color: #FFD3E3;
border: 1px solid;
width: 148px;
float: left;
clear: left;
padding: 4px;
margin: 0px 8px 0px 3px;
font-size: 75%;
align: left;
}

.newsWindowTitle {
color: #FFFFFF;
background-color: blue;
width: 150px;
float: left;
padding: 4px;
margin: 4px 8px 0px 3px;
font-size: 85%;
align: left;
}



.newsWindowTitle h1 {
color: #0000CC;
font-size: 110%;
text-transform: uppercase;
border-bottom: none;
}

.newsWindow h1 {

color: #000000;
font-size: 110%;
text-transform: uppercase;
}

.newsWindow h2 {
color: #000000;
font-size: 110%;
margin: 0.2em 0 0.2em 0;
}

.newsWindow p {
color: #0000CC;
text-align: left;
font-size: 105%;
}

.newsWindow td {
color: #0000CC;
text-align: left;
font-size: 100%;
}

.newsWindow ul {
margin: 0 0px 5px 18px;
color: #0000CC;
}

.newsWindow li {
font-size: 95%%;
line-height: 1.3em;
margin: 0;
padding: 0;
}


.newsWindow a:hover {
color: red;
}

.newsWindow hr {
text-align: center;
width: 100px;
color: blue 1px;
margin: 0 0 0.3em 0;
}


#mainContent {
text-align: justify;
padding: 15px 20px 10px 20px;
}

#mainContent hr {
color: #026DB0;
height: 1px;
}

#mainContent a {
color: #0000CC;
text-decoration: underline;
}

#mainContent a:hover {
color: red;
}


.testimBoxout{
float: left;
width: 130px;
border-top: 2px ridge #000000;
border-right: 2px ridge #000000;
padding: 10px 0 10px 10px;
background-color: #CDE3F7;
margin-left: 5px;
margin-bottom: 10px;
}

.separator{
clear: both;
height: 0;
}

.testimPuff {
align: center;
height: 8em;
width: 780px;
background-color: #CDE3F7;
margin-left: 4px;
margin-right: 4px;
margin-bottom: 4px;
padding: 2px 2px 2px 2px;
clear: both;
}

.testimPuff ul {
list-style-type: none;
padding: 0px 2px 2px 5px;
margin: 0;
}

.testimPuff li {
float: left;
width: 140px;
margin: 0px;
padding: 0px 0px 0px 0px;
display: inline;
background: #CDE3F7;
}

#footer{
background-color: #ffffff;
text-align: center;
font-size: 75%;
padding: 5px 5px;
color: #000000;
}

#footer a {
color: blue;
}

#footer a:hover {
color: red;
}


#footer hr {
height: 1px;
color: #0000CC;
}

#footer p {
color: #000000;
font-size: 95%;
}

#navigation ul {
list-style-type: none;
padding: 0;
margin: 0;
}

#navigationNews ul {
list-style-type: none;
padding: 0;
margin: 0;
}

#navigation li {
float: left;
margin: 0;
padding: 0px 0px 0px 0px;
text-align: left;
display: inline;
background: url(nav/nav_background_43a0ff.gif) no-repeat #43A0FF;
}

#navigationNews li {
float: left;
margin: 0;
padding: 0px 0px 0px 0px;
text-align: left;
display: inline;
background: url(nav/nav_background_43a0ff.gif) no-repeat #43A0FF;
}

#navigation a {
display: block;
padding: 5px 0 0 8px;
height: 20px;
width: 130px;
font: bold 9px Verdana, Ariel, Helvetica, sans-serif;
text-transform: uppercase;
color: #FFFFFF;
text-decoration: none;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
}

#navigationNews a {
display: block;
padding: 5px 0 0 8px;
height: 20px;
width: 130px;
font: bold 9px Verdana, Ariel, Helvetica, sans-serif;
text-transform: uppercase;
color: #FFFFFF;
text-decoration: none;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
}

#navigation a:hover {
background: url(nav/nav_background_336699.gif) no-repeat #336699;
color: #FFFFFF;
}


#navigationNews a:hover {
background: url(nav/nav_background_336699.gif) no-repeat #336699;
color: #FFFFFF;
}

#navigation a:active {
background: #ffffff;
color: red;
}

#navigationNews a:active {
background: #ffffff;
color: red;
}

a {
color: #555555;
}


.newsWindowFooter {
color: #FFFFFF;
background-color: blue;
width: 150px;
float: left;
clear: left;
padding: 0px 4px 4px 4px;
margin: 0px 5px 3px 3px;
font-size: 75%;
text-align: right !important;
}

.newsWindowFooter a {
color: #FFFFFF !important;
text-decoration: underline !important;
}

.newsWindowFooter a:hover {
color: red !important;
}


#logoContainer a{
color: #ffffff;
}

#theatreFestBox {
border: solid 1px blue;
margin: -1em 0 0 1em;
background: #CDE3F7;
}

#theatreFestBox h1 {
border: none;
text-decoration: bold;
font-size: 110%;
}