/* BRBC CSS Document - tested and validated as CSS3 - SJS: Feb 2007 */
/* ---------------------------------------------------------------- */

/* TEXT STYLES */

a { text-decoration:none; }
a:link { text-decoration:none; color:#006699; }
a:visited { text-decoration:none; color:#006699; }
a:hover { text-decoration:none; color:#0099FF; }
a:active { text-decoration:none; color:#006699; }

h1 { font-family:Arial, Helvetica, sans-serif; color:#006699; font-weight:bold; font-size:14px; }
h2 { font-family:Arial, Helvetica, sans-serif; color:#006699; font-weight:bold; font-size:14px; }
h3 { font-family:Arial, Helvetica, sans-serif; color:#006699; font-weight:bold; font-size:13px; }

.bigtitletext { font-family:Arial, Helvetica, sans-serif; font-size:18px; font-style:normal; color:#006699; font-weight:normal; }

.bigfainttext { font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:bold; font-style:italic; color:#FF9966; }

.bigtext { font-family:Arial, Helvetica, sans-serif; font-size:70px; font-style:normal; color:#FFFFFF; font-weight:normal; }
.bigtitleletter { font-family:Arial, Helvetica, sans-serif; font-size:22px; font-style:normal; color:#006699; font-weight:normal; }
a.bigtitleletter:link { text-decoration:none; color:#006699; }
a.bigtitleletter:visited { text-decoration:none; color:#006699; }
a.bigtitleletter:hover { text-decoration:none; color:#9FC2E1; }
a.bigtitleletter:active { text-decoration:none; color:#006699; }

.blocktext { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#003366; }

.fainttext { color:#006699; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; font-style:normal;}

.linktext { font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:16px; font-weight:bold; }
a.linktext:link { text-decoration:none; font-weight:bold; color:#FFFFFF; }
a.linktext:visited { text-decoration:none; }
a.linktext:hover { text-decoration:none; color:#D8E6F3; font-weight:bold; }
a.linktext:active { text-decoration:none; color:#D8E6F3; }

.mainbannertext { font-family:Arial, Helvetica, sans-serif; font-size:36px; font-style:normal; color:#006699; font-weight:bold; vertical-align: text-bottom; }

.mediumtext { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#006699; }

.smalltext { font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; font-style:normal; color:#006699; }

.subbannertext { font-family:Arial, Helvetica, sans-serif; font-size:36px; font-style:italic; color:#98BAD3; font-weight:bold; vertical-align: text-bottom; }

.picturecaption { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-style:italic; font-weight:normal; color:#006699; }

.thumbnailcaption { font-family:Arial, Helvetica, sans-serif; font-size:10px; font-style:normal; font-weight:bold; color:#006699;
}

.tinytext { font-family:Arial, Helvetica, sans-serif; font-size:9px; font-weight:normal; font-style:normal; color:#006699; }


/* Code to maintain highlighted link for current page. SJS 02.10.2006 */
#homepage .homepage, #latestnews .latestnews, #aboutus .aboutus, #services .services, #leadership .leadership, #activities .activities, #youthwork .youthwork, #history .history, #audio .audio, #contactus .contactus, #findus .findus,  #linkages .linkages, #communitysecure .communitysecure {
 text-decoration:none;
 font-style:italic;
 color:#9FC2E1;
}

/* Code associated with the Javascript driven horizontal menu bar */
 .menubarText { text-decoration: none; font: Bold 16px Arial, Helvetica; }
a.menubarText { color:#9FC2E1; }
a.menubarText:link { color:#9FC2E1; }
a.menubarText:visited { color:#9FC2E1; }
a.menubarText:hover { color:#FFEECC; }
a.menubarText:active { color:#FFEECC; }

.menubarBorder { border: 1px solid #888888; }

 .itemText { text-decoration: none; font: Bold 14px Arial, Helvetica; }
a.itemText { color:#9FC2E1; }
a.itemText:link { color:#9FC2E1; }
a.itemText:visited { color:#9FC2E1; }
a.itemText:hover { color:#FFEECC; }
a.itemText:active { color:#FFEECC; }

.itemBorder { border: 1px solid #888888; }

.image_table { border: 1px solid #006699; }


/* PERSISTENT ELEMENTS */

#container {
 margin:auto;
 height:600px;
 width:980px;
}

#pagecontainer {
 height:548px;
 width:980px;
 position: absolute;  /* Code to maintain vertical centring on page. SJS 21.01.2007 */
 top: 50%;            /*  "  */
 left: 50%;           /*  "  */
 margin-top: -274px;  /*  "  */
 margin-left: -490px; /* End centring code. */
 z-index:1;
 background:url("../Images/mblue047.gif");
 background-repeat:repeat;
 border-top-width: 5px;
 border-top-style:solid;
 border-top-color:#006699;
 border-bottom-width: 5px;
 border-bottom-style:solid;
 border-bottom-color:#006699;
 border-left-width: 3px;
 border-left-style: solid;
 border-left-color: #006699;
 border-right-width: 3px;
 border-right-style: solid;
 border-right-color: #006699;
 font-family:Tahoma, Arial, sans-serif;
}

/* HEADER SECTION DIV DEFNS */

#headersection {
 height:98px;
 width:978px;
 margin:1px;
 padding:0px;
 top:0px;
 left:0px;
 position:absolute;
 visibility:visible;
 z-index:2;
 font-family:Tahoma, Arial, sans-serif;
 background:url("../Images/lblue047.gif");
 background-repeat:repeat;
 vertical-align: text-bottom;
}

#pastelimage {
 height:98px;
 width:150px;
 margin:0px;
 padding:0px;
 top:0px;
 left:6px;
 position:absolute;
 visibility:visible;
 z-index:3;
}

#head1banner {
 height:30px;
 width:800px;
 margin:0px;
 padding:0px;
 top:1px;
 left:160px;
 position:absolute;
 visibility:visible;
 z-index:4;
}

#head2banner {
 height:30px;
 width:800px;
 margin:0px;
 padding:0px;
 top:45px;
 left:160px;
 position:absolute;
 visibility:visible;
 z-index:4;
}

#logo {
 height:98px;
 width:195px;
 margin:0px;
 padding:0px;
 top:1px;
 right:4px;
 position:absolute;
 visibility:visible;
 z-index:4;
}

/* NAVIGATION MENU DIV DEFN */

#navmenu {
 background-repeat:no-repeat;
 height:28px;
 width:978px;
 margin:0px;
 padding:0px;
 top: 100px;
 left: 1px;
 position:absolute;
 visibility:visible;
 z-index:100;
 vertical-align: text-bottom;
}

/* LH PICTURE STACK DIV DEFNS */

#picturestack {
 height:396px;
 width:133px;
 margin:0px;
 padding:10px;
 top:130px;
 left:1px;
 position:absolute;
 visibility:visible;
 z-index:2;
 background:url("../Images/lh-panel-bg.jpg");
 background-repeat:no-repeat;
}

#pic1 {
 position:absolute; 
 left:9px;
 top:15px;
 width:134px;
 height:88px;
 z-index:3;
}

#pic2 {
 position:absolute;
 left:9px;
 top:115px;
 width:134px;
 height:88px;
 z-index:3;
}

#pic3 {
 position:absolute;
 left:9px;
 top:215px;
 width:134px;
 height:88px;
 z-index:3;
}

#pic4 {
 position:absolute;
 left:9px;
 top:315px;
 width:134px;
 height:88px;
 z-index:3;
}

/* RH STACK */

#rhstack {
 height:396px;
 width:184px;
 margin:0px;
 padding:10px;
 top:130px;
 right:1px;
 position:absolute;
 visibility:visible;
 z-index:2;
 background:url("../Images/rh-panel-bg.jpg");
 background-repeat:no-repeat;
}
#specialfeatures {
 position:absolute;
 left:9px;
 top:0px;
 width:184px;
 height:256px;
 z-index:3;
}

#search {
 position:absolute;
 left:9px;
 top:285px;
 width:184px;
 height:140px;
 z-index:3;
}

/* MAIN AREA DIV DEFNS */

#mainhomepagearea {
 height:396px;
 width:583px;
 margin:0px;
 padding:10px 18px 10px 18px;
 top: 130px;
 left: 155px;
 position:absolute;
 visibility:visible;
 z-index:2;
 font-family:Tahoma, Arial, sans-serif;
 background:url("../Images/lblue047.gif");
 background-repeat:repeat;
}

#mainsubpagearea {
 height:396px;
 width:787px;
 margin:0px;
 padding:10px 18px 10px 18px;
 top: 130px;
 left: 155px;
 position:absolute;
 visibility:visible;
 z-index:2;
 overflow:scroll;
 overflow-x:hidden;
 font-family:Tahoma, Arial, sans-serif;
 background:url("../Images/lblue047.gif");
 background-repeat:repeat;
}

#framedsubpagearea {
 height:412px;
 width:819px;
 margin:0px;
 padding:2px;
 top:130px;
 left:155px;
 position:absolute;
 visibility:visible;
 z-index:2;
 overflow:scroll;
 overflow-x:hidden;
 overflow-y:hidden;
 font-family:Tahoma, Arial, sans-serif;
 background:url("../Images/lblue047.gif");
 background-repeat:repeat;
}

#widesubpagearea {
 height:297px;
 width:825px;
 position:absolute;
 z-index:2;
 top: 225px;
 left: 128px;
 overflow:scroll;
 overflow-x:hidden;
 border: 2px solid #006699;
 margin: 0px;
 padding: 10px;
 background-color: #FFFFFF;
}


/* LIGHTBOX CSS INCLUDES */

#lightbox {
 position: absolute;
 left: 0;
 width: 100%;
 z-index: 100;
 text-align: center;
 line-height: 0;
}


#lightbox img {
 width: auto;
 height: auto;
}


#lightbox a img {
 border: none; 
}



#outerImageContainer {
 position: relative;
 background-color: #fff;
 width: 250px;
 height: 250px;
 margin: 0 auto; 
}


#imageContainer {
 padding: 10px; 
}



#loading {
 position: absolute;
 top: 40%; left: 0%;
 height: 25%;
 width: 100%;
 text-align: center;
 line-height: 0; 
}


#hoverNav {
 position: absolute;
 top: 0;
 left: 0;
 height: 100%;
 width: 100%;
 z-index: 10; 
}


#imageContainer>#hoverNav {
 left: 0;
}


#hoverNav a {
 outline: none;
}



#prevLink, #nextLink{
 width: 49%;
 height: 100%;
 background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; 
}


#prevLink {
 left: 0;
 float: left;
}


#nextLink {
 right: 0;
 float: right;
}


#prevLink:hover, #prevLink:visited:hover {
 background: url(../Images/prevlabel.gif) left 15% no-repeat; 
}


#nextLink:hover, #nextLink:visited:hover {
 background: url(../Images/nextlabel.gif) right 15% no-repeat; 
}



#imageDataContainer{
 font: 10px Verdana, Helvetica, sans-serif;
 background-color: #fff;
 margin: 0 auto;
 line-height: 1.0em;               /* Was originally 1.4em. SJS 02.03.2010 */
 overflow: auto;
 width: 100%; 
}



#imageData {
 padding:0 10px;
 color: #666; 
}


#imageData #imageDetails {
 width: 69%;                     /* Was 70% */
 float: left;
 text-align: left;
 padding-bottom: 0.7em;          /* Line added. SJS 02.03.2010 */
 margin: 0;                      /* Line added. SJS 02.03.2010 */
}	


#imageData #caption {
 font-weight: bold;
 color: #006699;                 /* Colour added to match text in rest of website. SJS 01.03.2010 */
}


#imageData #numberDisplay {
 display: block;
 clear: left;
 padding-bottom: 1.0em;
}			


#imageData #bottomNavCloseLeft { /* This entry added for BRBC logo at left. SJS 28.02.2010 */
 width: 45px;
 float: left;
 padding-bottom: 0.7em;
 margin: 0;                      /* Line added. SJS 02.03.2010 */
 outline: none;
}	 	



#imageData #bottomNavCloseRight {
 width: 62px;                    /* Was originally 66px. SJS 28.02.2010 */
 float: right;
 padding-top: 0.5em;             /* Line added. SJS 02.03.2010 */
 padding-bottom: 0.5em;          /* Was originally 0.7em. SJS 02.03.2010 */
 margin: 0;                      /* Line added. SJS 02.03.2010 */
 outline: none;
}	 	



#overlay {
 position: absolute;
 top: 0;
 left: 0;
 z-index: 90;
 width: 100%;
 height: 500px;
 background-color: #000; 
}



/* OLD STUFF, PLAN TO GET RID OF THIS WHEN SURE IT ISN'T USED */

p {
	margin-top: 9px;
	margin-bottom: 3px;
	padding: 0px;
}

ul {
	margin-left: 0px;
	padding-left: 0px;
}

li {
	margin-left:0px;
	padding-left:5px;
	list-style-type:disc;
	list-style-position:inside;
	color:#006699;
}

#largetext {
	height:94px;
	width:983px;
	position:absolute;
	z-index:4;
	top: 129px;
	left: -1px;
	background-color: #006699;
}

#links {
	left:0px;
	top:223px;
	width:125px;
	height:325px;
	z-index:1;
	background-color:#006699;
	position:absolute;
}