BODY { margin: 0px 0px 0px 0px; }
P, td, th { font-family: "Century Gothic", Verdana, Arial; font-size: 11px; color: #696969; line-height: 20px; }
H1, .Heading { font-family: "Century Gothic", Verdana, Arial; font-size: 17px; font-weight: normal; color: #000000; padding: 15px 0px 0px 0px; }
H2 { font-family: "Century Gothic", Verdana, Arial; font-size: 14px; font-weight: normal; color: #696969; }
H3 { font-family: "Century Gothic", Verdana, Arial; font-size: 12px; font-weight: normal; color: #696969; }

H4 { display:block; font-family: "Century Gothic", Verdana, Arial; font-size: 11px; color: #696969; text-decoration: none; font-weight: bold; padding:2px 0px 2px 7px; margin:0px; }

.eventstable h4 a {color: #696969;}

H5 { display:block; font-family: "Century Gothic", Verdana, Arial; font-size: 11px; color: #696969; text-decoration: none; font-weight:normal; padding: 5px 0px 5px 7px; margin:0px 0px 0px 0px; }
A.H5 { text-decoration: underline; font-weight:normal; color:#20419A; }
A.H5:hover { text-decoration: none; font-weight: normal; color:#54a4a4; }
OL { font-family: "Century Gothic", Verdana, Arial; font-size: 11px; color: #696969; line-height: 15px; }
UL { font-family: "Century Gothic", Verdana, Arial; font-size: 11px; color: #696969; line-height: 15px; list-style-type: square; }
A { color: #20419A; text-decoration: underline; }
A:hover { color: #20419A; font-family:"Century Gothic", Verdana, Arial; text-decoration: none; }
A.small { color: #20419A; text-decoration: none; }
A.small:hover { color: #54a4a4; text-decoration: underline; }
A.white { color: #FFFFFF; text-decoration: underline; }
A.white:hover { color: #FFFFFF; text-decoration: none; }
.ARDClock { font-family: "Century Gothic", Verdana, Arial; font-size: 12px; font-weight: bold; color: #20419A; line-height: 18px; }
.color { color: #696969; } 
.bg1 { background-color: #20419A; }
.bg2 { background-color: #FFFFFF; }
.bg3 { background-color: #59b577; }
.txt1 { color:#59b577; }
.white {  font-family: "Century Gothic", Verdana, Arial; font-size: 10px; color: #FFFFFF; line-height: 15px; }
.leftmenubg { background-image: url(../images/leftmenu_horzStr.gif); background-repeat: repeat-y; background-position: top left; }
.pink, p.pink a { color:#BC34BA; font-weight:bold; }


.firmnews a { color:#696969; }
.firmnews a:hover { color:#54a4a4; }

.events { padding:2px 2px 2px 7px; }
.events p { margin:10px 0; padding:0; line-height:15px; }
.eventdetails { }
.eventsimg1 { width:85px; height:150px; background-image:url(/images/events-img1.jpg); background-repeat:no-repeat; }

.docsummaryborder { color: #366DFB; padding: 4px 4px 4px 4px; border: solid 1px #ffffff; }
.eNewsBody { font-family: "Century Gothic", Verdana, Arial; font-size: 11px; color: #696969; background-repeat: repeat-x; background-position: top left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.eNewsHeading { font-family: "Century Gothic", Verdana, Arial; font-size: 11px; color: #696969; font-weight: bold; text-decoration: underline; }
.eNewsHeading:hover { color: #54a4a4; text-decoration: none; }
.eNEWSTitle { font-family: "Century Gothic", Verdana, Arial; font-size: 11px; color: #696969; font-weight: normal; text-decoration: underline; }
.eNEWSTitle:hover { color: #20419A; text-decoration: none; }
.eNEWSItemRow { font-family: "Century Gothic", Verdana, Arial; color: #696969; font-weight: bold; }
.searchhilite { background-color: #cccccc; }
.FormButton  { font-family: "Century Gothic", Verdana, Arial; color: #FFFFFF; font-size: 10px; background-color: #54a4a4; font-weight: bold; border: solid 1px #54a4a4; padding: 1px; }
.FormText {  font-family: "Century Gothic", Verdana, Arial; color: #696969; font-size: 10px; background-color: #FFFFFF; border: solid 1px #000000; padding: 1px; }
.main { padding-left:10px; padding-top:10px; }
/*table formatting*/
.tablines { background-color: #696969; }
 
/*a light colour on the borders of branded tables*/
.tabtitle{ font-family: "Century Gothic", Verdana, Arial; font-size: 16px; font-weight: normal; color: #000000; background-color: #EEEEEE; }

/*Used if table has an extra heading.*/
.tabhead { font-family: "Century Gothic", Verdana, Arial; font-size: 14px; font-weight: normal; color: #000000; background-color: #EEEEEE; }

/*dark colour, matching nav bar or other strong colour in the site.*/
.tabbody { font-family: "Century Gothic", Verdana, Arial; font-size: 12px; font-weight: normal; color: #000000; background-color:#FFFFFF; }

/*standard text, white background, black text is most common.*/
.tabtotal{ font-family: "Century Gothic", Verdana, Arial; font-size: 12px; font-weight: normal; color: #000000; background-color: #FFFFFF; }

.content { width:795px; border:0; }
.centre { width:100%;}
.news { border-left: solid 1px #20419A; }

.line { border-bottom:1px #999999 solid; }

.menu { padding-top:35px; }


.rightsec { margin-top:15px; }
.peoplemenu { margin-top:20px; }
.people td { border-bottom:solid 1px #999999; }
.footer { font-family: "Century Gothic", Verdana, Arial; font-size: 10px; color: #696969; line-height: 15px; }
.logo { padding-top:20px; }
.smalltax { font-family: "Century Gothic", Verdana, Arial; font-size: 9px; color: #696969; line-height: 18px; }


.staffImageWrap { padding:10px; background-image:url(/images/staff/drop.jpg); background-repeat:no-repeat;}
.staffProfile { padding:10px; }

/*same background as tabbody but bold the text */
.NewsWireResult{ BORDER-RIGHT: graytext 1px solid; BORDER-TOP: graytext 1px solid; BORDER-LEFT: graytext 1px solid; BORDER-BOTTOM: graytext 1px solid; MARGIN-BOTTOM: 10px; PADDING: 2px; }
.NewsWireResult H3 { MARGIN-TOP: 2px; MARGIN-BOTTOM: 0em; color:#54a4a4; }
.DataResult { BORDER-RIGHT: graytext 1px solid; BORDER-TOP: graytext 1px solid; BORDER-LEFT: graytext 1px solid; BORDER-BOTTOM: graytext 1px solid; MARGIN-BOTTOM: 10px; PADDING: 2px; }
.DataResult H3 { MARGIN-TOP: 2px; MARGIN-BOTTOM: 0em; }


/* Gallery */


/* main link style - needed to make :active work correctly in IE */
a, a:visited, a:hover, a:active {
color:#000;
}
/* style the outer cntaining div to fit the landscape, portrait and buttons */
#album {
width:448px; 
height:332px; 
background:#e6e8ee url(/events/images/img1.jpg) 24px 20px no-repeat;
border:1px solid #696969;
margin:0 auto 0 auto;
}
/* remove the padding margin and bullets from the list. Add a top margin and width to fit the images and a position relative */
.gallery {
padding:0; 
margin:300px 0 0 0; 
list-style-type:none; 
position:relative; 
width:450px;
}
/* remove the default image border */
.gallery img {
border:0;
}
/* make the list horizontal */
.gallery li {
float:left;
}
/* style the link text to be central in a surrounding box */
.gallery li a, .gallery li a:visited {
font-size:11px;
float:left; 
text-decoration:none; 
color:#696969; 
background:#bde5e8; 
text-align:center; 
width:58px; 
height:26px; 
line-height:24px; 
border:1px solid #696969;
margin:2px;
}
/* position the images using an absolute position and hide them from view */
.gallery li a img {
position:absolute; 
top:-300px; 
left:0; 
visibility:hidden; 
border:0;
}
/* fix the top position for the landscape images */
.gallery li a img.landscape {
top:-280px;
border-left:24px solid #eee;
border-right:24px solid #eee;
}
/* fix the left position for the portrait images */
.gallery li a img.portrait {
left:0;
border-left:89px solid #eee;
border-right:89px solid #eee;
}
/* style the hover background color for the text boxes */
.gallery li a:hover {
background:#d5eff0;
}
/* style the active/focus colors for the text boxes (required for IE) */
.gallery li a:active, .gallery li a:focus {
background:#bde5e8; 
color:#696969;
font-weight:bold;
}
/* make the images visible on active/focus */
.gallery li a:active img, .gallery li a:focus img {
visibility:visible;
}