/* CSS Document */


/* RESET CSS */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}


body { line-height: 1.5; background: #fff; margin:1.5em 0; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img { border: none; }




/* New CSS - Revamp of site, 31/03/2009 */

/*
body { background: url(images/new/gradBG.jpg) repeat-x #9eb9e8; }
*/

body { background: #EEEEEE; }

#containerBG 	{ width: 981px; margin: 0 auto; background: url(images/new/containerBG.png) repeat-y 50%; }
#footerBG		{ width: 981px; margin: 0 auto; background: url(images/new/footerBG.png) no-repeat; padding-bottom: 40px; }

.contentBox { width: 484px; height: 191px; background: url(images/new/contentBox2.png) no-repeat; padding: 15px; }
.contentBox2 { width: 360px; height: 196px; background: url(images/new/contentBox.png) no-repeat; padding: 15px; }

.floatRightImageHolder, .floatRightImageHolderBig {float: right; text-align: right; }
	.floatRightImageHolder		{ width: 130px; }
	.floatRightImageHolderBig 	{ width: 210px; clear: right; }

	.floatRightImageHolder img, .floatRightImageHolderBig img { padding-bottom: 15px; }
	

h1, h2, h3, h4, h5, h6 { margin: 10px 0px 0px 0px; font-weight: bold; }
h1 { font-size: 20px; font-weight: normal; color: #453414; }
h2 { font-size: 15px; }
h3 { font-size: 12px; }


h1.title{
	height:36px; background:url(/images/new/smallGrad.png) repeat-x;
	padding: 4px 0 0 20px; margin-bottom: 10px; border-top: 1px solid #e6e4e4; border-bottom: 1px solid #e6e4e4;
}

ul, ol { margin-left: 20px; }
hr { color: #CCC;background-color: #CCC;height: 1px; border: none; }

.floatImageRight { float: right; padding: 0px 0px 10px 10px; }
.clear { clear: both; height: 1px; }
.padThisThing td { padding: 4px; }


/* Traditional CSS */


body {
	margin:0;
	/*background:#F3F3F3;*/
	color:#333333;
	font-family: verdana, sans-serif;	
}
p {
	margin-bottom: 15px;
	margin-top: 1px;
}

#content{
	font-size:12px;
	width:967px;
	background:#FFFFFF;
	margin:0 auto;
}
A:link {
	color:#40578E;
	text-decoration:none;
	font-weight:bold;
}
A:visited{
	color:#40578E;
	font-weight:bold;
	text-decoration: none;
}
A:active{
	color:#40578E;
	font-weight:bold;
}
A:hover{
	color:#40578E;
	text-decoration:underline;
	font-weight:bold;
}

.linkButton { background-color: #006666; display: block; height: 56px; width: 155px; background: url(images/linkbutton.jpg) no-repeat; 
color: #000000; padding-left: 45px; padding-top: 4px; text-align: left; text-decoration: none; cursor: pointer;}


.blklink:link{
	color:black;
	text-decoration:none;
}
.blklink:hover{
	color:blue;
	text-decoration:none;
}
.blklink:visited{
	color:black;
	text-decoration:none;
}

.undline:link{
	text-decoration:underline;
	color:#2E589E;}
.undline:hover{
	text-decoration:underline;
	color:#2E589E;}
.underline:visited{
	text-decoration:underline;
	color:#2E589E;
}
#banner{
	width:967px;
	height:143px;
	background:url(images/bannerback2.jpg) no-repeat;
	margin: 0;
	padding: 0;
}
#banner2{
	width:967px;
	height:143px;
	background:url(images/bannerback2.jpg) no-repeat;
	margin: 0;
	padding: 0;
}

#banner a:link, #banner a:visited, #banner a:hover { color: #FFFFFF; text-decoration: none; }

/* Styles for the entire LavaLamp menu */
.lavaLamp {
    position: relative;
    height: 29px; width: 680px;
	float:left;
    padding: 5px; margin: 95px 0 0;
    overflow: hidden;
}
    /* Force the list to flow horizontally */
    .lavaLamp li {
        float: left;
        list-style: none;
    }
	 .lavaLamp li.back {
			border-bottom: 5px solid white;
			width: 1px;
			height: 30px;
			z-index: 8;
			position: absolute;
		}
		.lavaLamp li a {
			font: bold 14px arial;
			text-decoration: none;
			color: #000;
			outline: none;
			text-align: center;
			top: 7px;
			text-transform: uppercase;
			letter-spacing: 0;
			z-index: 10;
			display: block;
			float: left;
			height: 30px;
			position: relative;
			overflow: hidden;
			margin: auto 9px;
		}   
			
        /* Styles for each menu-item. */
        .lavaLamp li a {
            position: relative; overflow: hidden;
            text-decoration: none;
            text-transform: uppercase;
            font: bold 14px arial;
            color: #fff; outline: none;
            text-align: center;
            height: 30px; top: 7px;
            z-index: 10; letter-spacing: 0;
            float: left; display: block;
        }
		 .lavaLamp li a:visited {
            position: relative; overflow: hidden;
            text-decoration: none;
            text-transform: uppercase;
            font: bold 14px arial;
            color: #fff; outline: none;
            text-align: center;
            height: 30px; top: 7px;
            z-index: 10; letter-spacing: 0;
            float: left; display: block;
        }
 		 .lavaLamp li a:active {
            position: relative; overflow: hidden;
            text-decoration: none;
            text-transform: uppercase;
            font: bold 14px arial;
            color: #fff; outline: none;
            text-align: center;
            height: 30px; top: 7px;
            z-index: 10; letter-spacing: 0;
            float: left; display: block;
        }       


			.lavaLamp li a:hover, .lavaLamp li a:active, .lavaLamp li a:visited {
				border: none;
			} 

#newsticker{
	width:590px;
	float:right;
	height:30px;
	margin-top:30px;
}
#newsticker a{
	color:blue;
	text-decoration:none;
}
#holder, #holder2 {
	width:928px;
	margin: 0 auto;
	line-height:1.8em;
}
#banlogo{
	width:327px;
	height:73px;
	float:left;
	background:url(images/logo.gif) no-repeat;
}
#topmenu{
	width:335px;
	height:39px;
	background:url(images/07/topmenu.gif) no-repeat;
	float:right;
}
#mainmenu{
	float:right;
	width:620px;
	margin: 0 auto;
	font-size:12px;
}

a.menuitem{
	background:url(images/homemenu/menuback.jpg) no-repeat;
	width:101px;
	height:25px;
	margin-left:2px;
	float:left;
	text-align:center;
	padding-top:4px;
	color:black;
	text-decoration:none;
	line-height:20px;
	
}
a.menuitem:hover{
	background:url(images/homemenu/menuback_h.jpg) no-repeat;
	color:black;
	text-decoration:none;
}
a.menuitem:visited{
	color:black;
	text-decoration:none;
}
a.menuitem:active{
	background:url(images/homemenu/menuback_h.jpg) no-repeat;
}
a.menuitemsel {
	width:101px;
	height:25px;
	margin-left:2px;
	float:left;
	text-align:center;
	background:url(images/homemenu/menuback_s.jpg) no-repeat;
	padding-top:4px;
	color:black;
	text-decoration:none;
	line-height:20px;
}
a.menuitemsel:hover {
	color:black;
	text-decoration:none;
}
a.menuitemsel:visited {
	color:black;
	text-decoration:none;
}
a.menuitemsel:active {
	color:black;
	text-decoration:none;
}

#footer{
	clear:both;
	left: 0px;
	bottom: 0px;
	text-align:left;
	color:#000000;
	font-size:12px;
	margin: 0 auto;
	padding-top:5px;
	margin: 0 5px 0 10px;
	
}
#homescroll{
	clear:both;
	height:150px;
	padding-top:10px;
	padding-bottom:10px;
	background:url(images/homesliderbac.jpg) repeat-x;
	margin-top:10px;
	margin-bottom:10px;
}

#heading_holder{
	height:51px;
	background:url(images/07/detailpage_headbar.gif) repeat-x;
}
#heading{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:28px;
	color:#FFFFFF;
	margin: 10px 0 0 0;
	width:580px;
	float:left;
}
#datetime{
	width:300px;
	float:right;
	margin: 18px 10px 0 0;
	color:#FFFFFF;
	text-align:right;
}
#index_block{
	height:202px;
	background:url(images/07/index_block.gif);
}
#indx_flash{
	height:202px;
	width:506px;
	background:url(images/07/indx_flash.gif) no-repeat;
	float:left;
}
#indx_images{
	width:400px;
	height:202px;
	float:left;
}
#gallery {position:relative; width:335px; height:202px; margin:0; padding:0; }
#gallery li { display: block; }

/* Table equivalents */
#bluetable{background:url(images/07/tables/tableback.gif) repeat-x #e1f2ff;}
#bluetable_topleft{  width:12px; height:13px; float:left; background:url(images/07/tables/blue_topleft.gif) no-repeat;}
#bluetable_topright{  width:12px; height:13px; float:right; background:url(images/07/tables/blue_topright.gif) no-repeat;}
#bluetable_content{clear:both; padding:4px;}
#bluetable_botleft{  width:12px; height:10px; float:left; background:url(images/07/tables/blue_botleft.gif) no-repeat;margin-top:-10px;}
#bluetable_botright{  width:12px; height:10px; float:right; background:url(images/07/tables/blue_botright.gif) no-repeat; margin-top:-10px;}

#peoplehead{
	height: 35px;
	padding: 13px 3px 3px 58px;
	color: #635646; /* #002569;*/
	background-color:#C0D9F1;
	background-repeat: no-repeat;
	background-position: 5px;
	cursor: pointer;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	margin-top: 4px;
}
#people-list{
	cursor:pointer;
	font-size:13px;
	font-weight:bold;
	margin-left:25px;
	padding:4px 0 0 4px;
}

#BookMeeting, #showProject {
	width:680px;
	height:580px;
	margin:-220px 0 0 -250px;
	background:#FFFFFF;
	border: solid #666666 1px;
	position: absolute;
	top:35%;
	left:45%;
	overflow:auto;
	z-index:900;
}

#bgblack {
	height:2000px;
	width:100%;
	background:#000000;
	position: absolute;
	top: 0;
	left: 0;
	z-index:899;
	filter:alpha(opacity=45);
	-moz-opacity:.45;
	opacity:.45;
}

.headingHolder {
	display: block;
	width: 180px;
	padding: 10px 10px 20px 10px;
	text-align: center;
	font-weight: bold;
	float: left;
}



img { border: none; }

/*
div {
	border: solid 1px red;
}
*/