h1 {font-family: Comic Sans MS, Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #333333; font-weight: bold;}
h1.title1 {font-family: Comic Sans MS, Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #333333; font-weight: bold;}
h1.title2 {font-family: Comic Sans MS, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #333333; font-weight: bold;}
h1.title3 {font-family: Comic Sans MS, Verdana, Arial, Helvetica, sans-serif; font-size: 15px; color: #333333; font-weight: bold;}
h1.normal1 {font-family: Comic Sans MS, Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #333333; font-weight: normal;}

p {font-family: Comic Sans MS, Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #333333; } 
p.large {font-family: Comic Sans MS, Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #333333; } 
p.small {font-family: Comic Sans MS, Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; }

/* Newsletter page: newsletter text  */
p.small2 {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; }

/* V x.x font size and colour */
p.small3 {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #CCCCCC; }

/* jobs page: Job text */
p.small4 {font-family: Comic Sans MS, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; }

.job {font-family: Comic Sans MS, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; }
.jobtitle {font-family: Comic Sans MS, Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #333333; font-weight: bold;}

/* Meet the Staff page: */
p.med {font-family: Comic Sans MS, Verdana, Arial, Helvetica, sans-serif; font-size: 20px; color: #000000; }
p.med1 {font-family: Comic Sans MS, Verdana, Arial, Helvetica, sans-serif; font-size: 28px; color: #FF0000; font-weight: bold; }
p.med2 {font-family: Comic Sans MS, Verdana, Arial, Helvetica, sans-serif; font-size: 32px; color: #FF0000; font-weight: bold; }

/* Events table formatting */
.events {font-family: Comic Sans MS, Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #333333; padding-left: 19px; } 
.events1 {font-family: Comic Sans MS, Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #333333; } 
.eventsdate {font-family: Comic Sans MS, Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #333333; text-align:center; } 
.eventsdate1 {font-family: Comic Sans MS, Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #333333; }
.eventsdatehc {font-family: Comic Sans MS, Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #333333; background-image: url(/images/general/green.png); background-repeat: repeat-xy; }
.eventsdateh {font-family: Comic Sans MS, Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #333333; background-image: url(/images/general/grey.png); background-repeat: repeat-xy; }
.eventsdata {font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #333333; font-weight: bold; }
.eventsday {font-family: Comic Sans MS, Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #333333; font-weight: bold; } 
.eventshead {font-family: Comic Sans MS, Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #333333; font-weight: bold; } 
.eventsnav {font-family: Comic Sans MS, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333;  } 


/* News Page formatting */
.newsnav {font-family: Comic Sans MS, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333;  } 

td {font-family: Comic Sans MS, Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #333333; } 
a {font-family: Comic Sans MS, Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #333333; } 
a.small {font-family: Comic Sans MS, Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; } 

/* Newsletter page: newsletter a link text */
a.small2 {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; } 

a:link {color: #0000ff; text-decoration: none; } 
a:visited {color: #ff0000; text-decoration: none; } 
a.menu:link {color: #ffffff;text-decoration: none; } 
a:hover {color: #ff0000; text-decoration: underline; }

/* Site right bar links */
a {font-family: Comic Sans MS, Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #333333; } 
a:link {color: #0000ff; text-decoration: none; } 
a:visited {color: #ff0000; text-decoration: none; } 
a.menu:link {color: #ffffff;text-decoration: none; } 
a:hover {color: #ff0000; text-decoration: underline; }

.arrowlistmenu{
width: 150px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 0px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #A70303;
display: block;
padding: 0px 0;
padding-left: 19px; /*link text is indented 19px*/
}

.bg {
	background-image: url(/images/structure/bgyellow.gif);
	background-repeat: repeat-xy;
	margin:0;
	padding:0;
}

.bg2 {
	background-image: url(/images/structure/main_bg_watermark.jpg);
	background-repeat: repeat-xy;
}

.bg3 {
	background-image: url(/images/intranet/BKcaterpillar.gif);
	background-repeat: no-repeat;
}

.bgi {
	background-image: url(/images/intranet/bkpinboard.gif);
	background-repeat:repeat-xy;
}

.bgb {
	background-image: url(/images/structure/bluesidebar.gif);
	background-repeat:repeat-y;
}

.bgy {
	background-image: url(/images/structure/yellowsidebar.gif);
	background-repeat:repeat-y;
}

/* Feeback Section */ 
#feedback {
 width:600px;
 height:340px;
 color: #333333;
 text-align:left;
 margin-left: auto;
 margin-right: auto;
 overflow:scroll;
 overflow-x: hidden;
 }

body { 

}

.butt { border: 1px #1D2849 solid; font-family: Verdana, Arial, Helvetica, sans-serif; color: #CCCCCC; font-size: 10px; font-weight: normal; background-color: #1D2849} 
select { background-color: ##1D2849; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #666666} 
.button { background-color: #FFFFCC; border: 1px #666666 solid; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; font-size: 12px; font-weight: normal} 
.button1 { width:182px; background-color: #FFFFCC; border: 1px #666666 solid; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; font-size: 12px; font-weight: normal} 

 div.c6 {Position:absolute; Width:200px; Height:31px; Z-index:1; Left: 820px; top: 21px;}
 div.c5 {text-align: left}

 img.c4 {float:left;padding: 0px 0px 0px 0px;height:20px;width:130px}
 img.c3 {float:left;padding: 0px 0px 0px 0px;height:20px;width:117px}
 img.c2 {float:left;padding: 0px 0px 0px 0px;height:25px;width:146px}

.gallerycontainerleft{
position: relative;
float: left;
vertical-align:
text-top;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}


.gallerycontainerright{
position: relative;
float: right;
vertical-align:
text-top;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid red;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #fce700;
padding-top:5px;
padding-bottom:1px;
padding-right:1px;
padding-left:5px;;
left: -1000px;
border: 0px;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -195px;
left: -228px; /*position where enlarged image should offset horizontally */
z-index: 50;
}


.thumbnaill img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnaill:hover{
background-color: transparent;
}

.thumbnaill:hover img{
border: 1px solid red;
}

.thumbnaill span{ /*CSS for enlarged image*/
position: absolute;
background-color: #fce700;
padding-top:5px;
padding-bottom:1px;
padding-right:1px;
padding-left:5px;;
left: -1000px;
border: 0px;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnaill span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnaill:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -195px;
left: -228px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.thumbnailr img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnailr:hover{
background-color: transparent;
}

.thumbnailr:hover img{
border: 1px solid red;
}

.thumbnailr span{ /*CSS for enlarged image*/
position: absolute;
background-color: #fce700;
padding-top:5px;
padding-bottom:1px;
padding-right:1px;
padding-left:5px;;
left: -1000px;
border: 0px;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnailr span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnailr:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -195px;
left: 0px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.thumbnailrr img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnailrr:hover{
background-color: transparent;
}

.thumbnailrr:hover img{
border: 1px solid red;
}

.thumbnailrr span{ /*CSS for enlarged image*/
position: absolute;
background-color: #fce700;
padding-top:5px;
padding-bottom:1px;
padding-right:1px;
padding-left:5px;;
left: -1000px;
border: 0px;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnailrr span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnailrr:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -195px;
left: 0px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

/*Site Pages*/
.thumbnailri img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnailri:hover{
background-color: transparent;
}

.thumbnailri:hover img{
border: 1px solid red;
}

.thumbnailri span{ /*CSS for enlarged image*/
position: absolute;
background-color: #fce700;
padding-top:5px;
padding-bottom:1px;
padding-right:1px;
padding-left:5px;;
left: -1000px;
border: 0px;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnailri span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnailri:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 0px; /*position where enlarged image should offset horizontally */
z-index: 50;
}


.thumbnaili img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnaili:hover{
background-color: transparent;
}

.thumbnaili:hover img{
border: 1px solid red;
}

.thumbnaili span{ /*CSS for enlarged image*/
position: absolute;
background-color: #fce700;
padding-top:5px;
padding-bottom:1px;
padding-right:1px;
padding-left:5px;;
left: -1000px;
border: 0px;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnaili span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnaili:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: -200px; /*position where enlarged image should offset horizontally */
z-index: 50;
}