body
{
	background:#fff url(/images/layout/menu_bg.gif) repeat-y top left;
	margin:0;
	FONT-SIZE: 75%;
	COLOR: #000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}
A
{
    FONT-WEIGHT: 700;
    COLOR: #f83e74;
    TEXT-DECORATION: none;
}
A:hover
{
    TEXT-DECORATION: underline;
}
H1,H2,H3,H4,H5,H6
{
	margin:0;
	margin-bottom: 10px;
}
H1
{
	color:#f83e74;
	font-weight:400;
    FONT-SIZE: 210%
}
H2
{
	color:#f83e74;
	font-weight:400;
    FONT-SIZE: 160%
}
H3
{

    FONT-SIZE: 140%
}
H4
{
    FONT-SIZE: 130%
}
H5
{
    FONT-SIZE: 120%
}
H6
{
    FONT-SIZE: 110%
}
IMG
{
    BORDER: none;
}
TABLE
{
    BORDER:none;
}
TABLE TD
{
    VERTICAL-ALIGN: top;
    PADDING:0;
}
TABLE TH
{
    TEXT-ALIGN: left
}
form td
{
	padding:2px 0;
}

/* ################################ Bespoke Classes ############################ */

form .label
{
	text-align:right;
	padding-right:6px;
}
.focussed
{
	background-color:#eee;
}
.list
{
    MARGIN-BOTTOM: 5px;
    PADDING: 5px 0;
    BORDER-BOTTOM: #dedede 1px solid;
}
.list H3
{
    MARGIN-TOP: 0px;
    FONT-SIZE: 120%;
    MARGIN-BOTTOM: 10px;
}
.list H4
{
    FONT-SIZE: 100%;
    margin:0;
}
.list P.venue
{
	margin-bottom:10px; 
}
.list .date
{
    FONT-weight:700;
    COLOR: #999;
    margin-bottom:10px;
}
.list IMG.thumbnail
{
    MARGIN-BOTTOM: 10px;
    MARGIN-LEFT: 10px
}
.list .terminus, .detail .terminus, .morelink, .backlink
{
	clear:right;
}

.detail H2
{
    FONT-SIZE: 210% !important;
    margin-bottom:20px;
}
.detail H3
{
    FONT-SIZE: 110%;
}
.detail .date
{
	FONT-SIZE: 160%;
	color:#f83e74;
}
.detail IMG.picture
{
	MARGIN-BOTTOM: 10px;
	MARGIN-LEFT: 15px
}

.box
{
	border: #ccc 1px solid;
}
.box H2.boxTitle
{
	margin-bottom: 0;
	BORDER-BOTTOM: #ccc 1px solid;
	font-size: 130%;
	font-weight: 700;
	text-align: left;
	color: #333;
	padding: 5px 5px 5px;
}
.box .content
{
    padding: 8px
}


.backlink
{
    TEXT-ALIGN: right;
    margin-top: 8px;
}
.morelink
{
    TEXT-ALIGN: right
}
.label
{
    FONT-WEIGHT: bold
}

.stepper
{
    BORDER: #000 1px solid;
    PADDING: 5px;
}
.stepper P
{
    MARGIN: 0;
    TEXT-ALIGN: right
}
.ghosted
{
    COLOR: #bbb
}
.detail .address
{
}

/* ################################ Bespoke IDs ############################ */

#header
{
    PADDING-bottom: 10px;
    margin-bottom:10px;
    background:url(/common/images/layout/dotline_black_3px.gif) left bottom repeat-x;
}
#footer
{
    PADDING-top: 10px;
    margin-top:10px;
    background:url(/common/images/layout/dotline_black_3px.gif) left top repeat-x;
}
#sentMessage
{	
	border:1px solid #999;
	background:#FEF1F5 url(/images/layout/sent_bg.gif) 50px 10px no-repeat;
	text-align:center;
	color:#666;
	padding:50px 20px;
}

#mainTable
{
BORDER-top: #b8b8b8 1px solid;
margin-top:24px;
}

#mainHeader
{
position:absolute;
top:37px;
right:20px;
color:#999;
}
#mainHeader a
{
COLOR: #f83e74;
}
#mainHeader P
{
margin-bottom:7px;
text-align:right;
}
#mainHeader SPAN#telNumber
{
color:#000;
font-weight:700;
}

#location
{
	position:absolute;
	top:0;
	left:0;
	color:#999;
	background:#fff;
	padding:5px 50px 5px 5px;
	FONT-SIZE: 90%;
}
#location A
{
	color:#f83e74;
}

#mainTitle
{
	margin-left:170px;
	height:59px;
	padding:0 20px;
	border-bottom:1px solid #b8b8b8;
}
#mainTitle H1
{
line-height:2.1em;
font-size:160%;
}

h1#homeTitle
{
color:#000;
}

h2#noEvents
{
width:350px;
margin:20px 20px 20px 190px;
}

#leftColumn
{
float:left;
width:230px;
padding:20px;
}
#leftColumn H2
{
float:none;
}

#mainLayout
{
padding:20px;
}

#mainFooter
{
	clear:both;
	margin-bottom:15px;
}
#mainFooter A
{
	color:#f83e74;
}
#mainFooter div#copyright 
{
	float:left;
	width:130px;
	text-align: left;
	line-height:38px;
	padding:0 20px;
	color:#fff;
	background:#333;
}
#mainFooter div#footerInfo
{
	margin-left:170px;
	text-align: right;
	padding:4px 20px;
	background:#dcdcdc;
}
#mainFooter div#footerInfo P
{
margin:0;
}


/* ################################## Menu setup ################################### */


#mainMenu
{
	float:left;
	background:#000 url(/images/layout/menu_rule.gif) no-repeat 0 88px;
	width:169px;
	border-right:1px solid #000;
	border-bottom:1px solid #333;
	margin-bottom:20px;
}
#mainMenu UL
{
    padding: 0;
    margin: 0;
    list-style-type: none;
}
#mainMenu LI
{
    display: inline;
    list-style-type: none;
}
#mainMenu A.active, LI.on a
{
	color:#fff !important;
	background:#f83e74;
}
#mainMenu LI.on a
{
	padding:1px 10px 1px 5px;
	margin-right:10px;
}
LI.on a:hover
{
background:#F96590 !important;
}
#mainMenu A.active
{
	margin:0 !important;
	padding-right:20px;
}
#mainMenu UL A
{
	color:#f83e74;
	font-weight:400;
    padding:6px 20px 6px 5px;
    FONT-SIZE: 120%;
    display:block;
    text-align:right;
}
#mainMenu UL A:hover
{
	color:#fff;
	background:#f83e74;
    text-decoration:none;
}

/* =================== Menu section 'on' ================== */

#mainMenu LI.on a.active
{
	padding-right:20px;
}
#mainMenu LI.on UL a
{
	font-size:100%;
	padding-right:20px;
}
#mainMenu LI.on UL a.active
{
	padding-right:30px;
}
#mainMenu LI.on UL UL a
{
	font-size:90%;
	padding-right:30px;
}
#mainMenu LI.on UL UL a.active
{
	padding-right:40px;
}
#mainMenu LI.on UL UL UL a
{
	padding-right:40px;
}

#mainMenu UL UL
{
	margin:0;
}
#mainMenu UL UL A
{
	margin:0;
    padding:1px 20px 1px 5px;
}

/* =================== Colour menu setup ================== */


#mainMenu .AboutTrinity A, #mainMenu .Film A
{
	color:#fff;
}
#mainMenu .AboutTrinity A.active, #mainMenu .AboutTrinity A:hover, .AboutTrinity LI.on a, #mainMenu .Film A.active, #mainMenu .Film A:hover, .Film LI.on a
{
	color:#000 !important;
	background:#fff;
}
.AboutTrinity LI.on a:hover, .Film LI.on a:hover
{
background:#ddd!important;
}

#mainMenu .ComedyandSpokenWord A
{
    COLOR: #72c902;
}
#mainMenu .ComedyandSpokenWord A.active, #mainMenu .ComedyandSpokenWord A:hover, .ComedyandSpokenWord LI.on a
{
	background: #72c902;
}
.ComedyandSpokenWord LI.on a:hover
{
background:#8ED435!important;
}

#mainMenu .Dance A
{
    COLOR: #ffc000;
}
#mainMenu .Dance A.active, #mainMenu .Dance A:hover, .Dance LI.on a
{
    background: #ffc000;
}
.Dance LI.on a:hover
{
background:#FFCD33!important;
}

#mainMenu .Education A
{
    COLOR: #009590;
}
#mainMenu .Education A.active, #mainMenu .Education A:hover, .Education LI.on a
{
	background: #009590;
}
.Education LI.on a:hover
{
background:#33AAA6!important;
}

#mainMenu .LocalCompaniesandHires A, #mainMenu .Diary A
{
	color: #888;
}
#mainMenu .LocalCompaniesandHires A.active, #mainMenu .LocalCompaniesandHires A:hover, .LocalCompaniesandHires LI.on a, #mainMenu .Diary A.active, #mainMenu .Diary A:hover, .Diary .on a
{
	background: #888;
}
.LocalCompaniesandHires LI.on a:hover,.Diary LI.on a:hover
{
background:#a0a0a0 !important;
}
#mainMenu .Music A
{
    COLOR: #0077d4;
}
#mainMenu .Music A.active, #mainMenu .Music A:hover, .Music LI.on a
{
    background: #0077d4;
}
.Music LI.on a:hover
{
background:#3392DD!important;
}

#mainMenu .TriniteesChildrensTheatre A
{
    COLOR: #f60;
}
#mainMenu .TriniteesChildrensTheatre A.active, #mainMenu .TriniteesChildrensTheatre A:hover, .TriniteesChildrensTheatre LI.on a
{
    background: #f60;
}
.TriniteesChildrensTheatre LI.on a:hover
{
background:#FF8533!important;
}

#mainMenu .VisualArts A
{
    COLOR: #A25AE4;
}
#mainMenu .VisualArts A.active, #mainMenu .VisualArts A:hover, .VisualArts LI.on a
{
	background: #309;
}
.VisualArts LI.on a:hover
{
background:#5C33AD!important;
}


/* =================== */

#logo
{
	padding:0 !important;
	display:block;
	border-bottom:1px solid #333;
}
P#sponsor
{
	border-top:1px solid #333;
	padding:8px 0;
	text-align:center;
	margin:0;
}
P#sponsorLinks
{
	padding:8px 0;
	text-align:center;
	margin:0;
	border-top:1px solid #333;
}
P#sponsorLinks A
{
	color:#fff;
	font-weight:400;
	font-size:90%
}


/* ##################################################################### */


#template_Home_Variant #column1
{
	width:190px !important;
}
#template_Home_Variant #column1 h3, #template_Home_Variant #column1 h4
{
	color:#f83e74;
}
#template_Home_Variant #column2
{
	margin-left:200px !important;
}
#template_Home_Variant H3
{
	font-size:210%;
	margin-bottom:25px;
}
#template_Home_Variant H3 A
{
	font-weight:100 !important;
}
#template_Home_Variant H3.parentPage
{
	margin-bottom:40px;
}

TABLE#subPageTable
{
    BORDER-TOP: #000 1px solid;
    BORDER-LEFT: #000 1px solid
}
TABLE#subPageTable .col1
{
    WIDTH: 30%
}
TABLE#subPageTable .col2
{
    WIDTH: 40%
}
TABLE#subPageTable .col3
{
    WIDTH: 30%
}
TABLE#subPageTable TH.heading
{
    BORDER-RIGHT: #000 1px solid;
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    FONT-WEIGHT: 400;
    FONT-SIZE: 120%;
    PADDING-BOTTOM: 5px;
    COLOR: #fff;
    PADDING-TOP: 5px;
    BORDER-BOTTOM: #000 1px solid;
    BACKGROUND-COLOR: #228b22
}
TABLE#subPageTable TD.cell
{
    BORDER-RIGHT: #000 1px solid;
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 5px;
    VERTICAL-ALIGN: middle;
    PADDING-TOP: 5px;
    BORDER-BOTTOM: #000 1px solid
}
TABLE#subPageTable TR.alternate
{
    BACKGROUND-COLOR: #ccc;
}

#template_sitemap UL
{
padding:0;
margin-left:40px;
}
#template_sitemap A
{
	FONT-SIZE: 120%;
	TEXT-DECORATION: none
}
#template_sitemap A:hover
{
text-decoration:underline;
}
#template_sitemap UL UL
{
	margin-left:30px;
}
#template_sitemap UL UL A
{
    FONT-SIZE: 100%;
}
#template_sitemap LI
{
	color:#ccc;
	PADDING: 0.15em 0;
    LIST-STYLE-TYPE: square
}

#template_Products_Grouped .backlink
{
    PADDING: 2%;
    WIDTH: 96%;
    BACKGROUND-COLOR: #999;
    TEXT-ALIGN: right
}
#template_Products_Grouped .backlink A
{
    COLOR: #fff;
}
TABLE#productList
{
    BORDER-TOP: #000 1px solid;
    MARGIN: 10px 0;
}
TABLE#productList TD.list
{
    PADDING:0 5px;
}
.dropDown, .textArea, .textBox
{
	font-family:Arial, sans-serif;
    FONT-SIZE: 100%;
    WIDTH: 200px;
    background:#FDD0DD;
    border:1px solid #666;
}
#template_Mailform_Left #column1
{
    width: 340px !important; /* Changed to accomdate long e-mail addresses in col2 */
}
#template_Mailform_Left #column2
{
	margin-left: 350px !important;
}
TABLE.documentTable
{
    BORDER-TOP: #000 1px solid;
    BORDER-LEFT: #000 1px solid
}
TABLE.documentTable TD.cell
{
    BORDER-RIGHT: #000 1px solid;
    PADDING:5px;
    BORDER-BOTTOM: #000 1px solid
}
TABLE.documentTable TH.heading
{
    PADDING:5px;
    COLOR: #fff;
    BACKGROUND-COLOR: #0c0
}
TABLE.documentTable TR.alternative
{
    BACKGROUND-COLOR: #fff;
}


table#trinityDiary td
{
	padding:3px 3px 3px 10px;
}
table#trinityDiary th
{
	font-size:140%;
	padding:15px 0 3px;
	border-bottom:1px solid #ccc;
}
table#trinityDiary td.section
{
text-align:left;
}
table#trinityDiary td.headline
{
white-space:nowrap;
}


/* #################################### Trinity section colours ################################# */


.AboutTrinity H1, .AboutTrinity H2, .AboutTrinity A, .AboutTrinity .detail .date, .Film H1, .Film H2, .Film A, .Film .detail .date
{
    COLOR: #000
}
.ComedyandSpokenWord H1, .ComedyandSpokenWord H2, .ComedyandSpokenWord A, .ComedyandSpokenWord .detail .date
{
    COLOR: #72c902;
}
.Dance H1, .Dance H2, .Dance A, .Dance .detail .date
{
    COLOR: #ffc000;
}
.Education H1, .Education H2, .Education A, .Education .detail .date
{
    COLOR: #009590;
}
.LocalCompaniesandHires H1, .LocalCompaniesandHires H2, .LocalCompaniesandHires A, .LocalCompaniesandHires .detail .date, .Diary H1, .Diary H2
{
	color: #888
}
.Music H1, .Music H2, .Music A, .Music .detail .date
{
    COLOR: #0077d4
}
.TriniteesChildrensTheatre H1, .TriniteesChildrensTheatre H2, .TriniteesChildrensTheatre A, .TriniteesChildrensTheatre .detail .date
{
    COLOR: #f60;
}
.VisualArts H1, .VisualArts H2, .VisualArts A, .VisualArts .detail .date
{
    COLOR: #309
}