/* layout */
img { overflow: hidden; }

/* PLACEHOLDER CONTAINER */
#container { width: 761px; border: 2px solid #CCCCCC; margin: 0 auto 20px; padding: 0 0 0 1px; background-color: #FFFFFF; }

/*#container {
	width: 760px;
	border: 2px solid #CCCCCC;
	margin: 20px auto 20px;
	padding: 0;
	background-color: #FFFFFF;
}*/

/* HEADER */
#hdr-banner { width: 760px; height: 115px; background-color: rgb(235, 235, 235); margin-bottom: 0; padding: 0; vertical-align: middle; }
.hdr-img { width: 525px; height: 95px; display: block; float: left; margin: 0; padding: 20px 0 0 35px; background-color: #FFFFFF; }
.hdr-search { width: 200px; height: 115px; display: block; float: right; margin-bottom: 0; padding: 0; background-color: #FFFFFF; }
.iBtnGo { display: inline; margin: 0; padding: 0; }
.logobox { float: left; width: 92px; }
.quotebox { float: left; width: 338px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #999999; padding: 10px 25px 2px 70px; }
.searchbox { width: 160px; float: right; vertical-align: middle; text-align: right; padding: 45px 20px 0 5px; }
.searchtextfield { width: 110px; display: inline; float: left; border: 1px solid #EFE1F0; margin-top: 0; vertical-align: middle; font-size: 0.7em; background-color: #EFE1F0; color: #3F3F3F; padding: 1px 5px 1px 0; }
.writerbox { float: left; width: 343px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #666666; padding: 0 20px 2px 70px; }

/* MAIN IMAGE BANNERS */
#img-banner0 { height: 121px; /*	background: url(../images/image_banner.jpg) top left no-repeat;*/ margin-bottom: 0; /*	padding: 40px 0 0 50px;*/ background-color: #FFFFFF; }
#img-banner1 { height: 81px; background: url(../images/image_banner.jpg) top left no-repeat; margin-bottom: 0; padding: 40px 0 0 50px; background-color: #FFFFFF; }
#img-banner2 { height: 72px; background: url(../images/about_hdr.gif) top left no-repeat; margin-bottom: 0; padding: 15px 0 10px 145px; background-color: #FFFFFF; }
#img-banner3 { height: 72px; background: url(../images/city_banner.jpg) top left no-repeat; margin-bottom: 0; padding: 15px 0 10px 145px; background-color: #FFFFFF; }
#img-banner4 { height: 72px; background: url(../images/hdr_books.gif) top left no-repeat; margin-bottom: 0; padding: 15px 0 10px 145px; background-color: #FFFFFF; }
#img-banner5 { height: 72px; background: url(../images/whatson_hdr.gif) top left no-repeat; margin-bottom: 0; padding: 15px 0 10px 145px; background-color: #FFFFFF; }
#img-banner6 { height: 72px; background: url(../images/projects_banner.jpg) top left no-repeat; margin-bottom: 0; padding: 15px 0 10px 145px; background-color: #FFFFFF; }
#img-banner7 { height: 72px; background: url(../images/ed_banner.jpg) top left no-repeat; margin-bottom: 0; padding: 15px 0 10px 145px; background-color: #FFFFFF; }
#img-banner8 { height: 72px; background: url(../images/int_hdr.gif) top left no-repeat; margin-bottom: 0; padding: 15px 0 10px 145px; background-color: #FFFFFF; }
#img-banner9 { height: 72px; background: url(../images/links_banner.jpg) top left no-repeat; margin-bottom: 0; padding: 15px 0 10px 145px; background-color: #FFFFFF; }

/* FOOTER */
/*#footer {
	clear: both;
	height: 33px;
	background: url(../images/footer_grad_logo.jpg) bottom left no-repeat;
	margin-top: 0;
	padding: 15px 0 0 25px;
	background-color: #FFFFFF;
}*/

#footer { clear: both; height: 26px; background: url(../images/footer_grad2.jpg) top left no-repeat; margin-top: 0; padding: 12px 0 0 25px; background-color: #FFFFFF; }

.ftr-l { float: left; width: 375px; display: block; }
.ftr-r { float: right; width: 320px; height: 22px; display: block; padding-right: 40px; }

/* MAIN CONTENT CONTAINER */
#mid-container { width: 760px; float: left; margin: 0; padding: 0; background-color: #FFFFFF; }

/* -- LAYOUT 1 (3 COLUMNS): 1. Sub Menu; 2. Main Content; 3. Sidebar  -- */

/* 1st Column */
#side-menu { width: 130px; float: left; margin: 0 0 20px 0; padding: 0; background-color: #FFFFFF; }

/* 3rd Column */
#sidebar-right { width: 150px; /* 190px with padding */ float: right; margin: 0; padding: 0 15px 15px 5px; background-color: #FFFFFF; }

/* 2nd Column */
/*#content-centre { margin: 0 190px 0 130px;  background-color: #FFFFFF; padding: 0px 10px 0 5px; }
.text-block-centre { width: 390px;  float: left; margin-bottom: 50px; padding: 0px 20px 0px 10px; }*/

/* 2nd Column - updated 14/12/07 SM */
#content-centre { margin: 0px 0px 0px 0px; float: left; width: 425px; background-color: #FFFFFF; padding: 0px; }
.text-block-centre { width: 410px; float: left; margin: 0px 0px 50px 0px; padding: 0px 0px 0px 10px; }
.text-block-centre-z { width: 390px; /* 420px with padding */ float: left; margin-bottom: 10px; padding: 0px 20px 0px 0px; }

/* -- LAYOUT 2 (3 COLUMNS): 1. Sub Menu; 2. Main Content; 3. Sidebar Spacer -- */

/* 3rd Column */
#sidebar-right-space { width: 5px; float: right; margin: 0; padding: 0 5px 0 0; background-color: #FFFFFF; }

/* 2nd Column */
#content-table { margin: 0 10px 0 130px; background-color: #FFFFFF; padding: 5px 10px 0 5px; }
.text-block-centre3 { width: 585px; float: left; margin-bottom: 20px; padding: 0 10px 0 10px; }

/* -- 3RD COLUMN: SIDEBAR -- */

/* Features */
.ad-box-a { float: left; /* 152px with border */ display: block; width: 150px; margin: 0 0 10px; padding-bottom: 2px; border: 1px solid #999999; background-color: #FFFFFF; }
.ad-img { display: block; width: 150px; /* 152px with border */ height: 78px; margin-bottom: 5px; padding: 0px; border-bottom: 1px solid #999999; background-color: #FFFFFF; overflow: hidden; }
.ad-text-box { display: block; /* approx 150px with padding */ padding: 2px 5px 5px; }
.ad-box-b { float: left; /* 152px with border */ display: block; width: 150px; margin: 0; padding: 7px 0 5px; border: 1px solid #999999; background-color: #E5DFED; }

/* -- PAGE SPECIFIC -- */
/* index.aspx */
.logos-block { float: left; width: 395px; margin-bottom: 15px; padding: 0 10px 0 15px; }

/* ---------------------------------- */
#content-mid { margin-left: 420px; margin-right: 166px; background-color: #ffffff; padding-left: 10px; padding-right: 10px; padding-top: 5px; }
#home-left-col { float: left; width: 420px; margin: 0; margin-right: 0px; padding: 0px; background-color: #FFFFFF; }
#content-centre2 { margin-left: 130px; margin-right: 190px; background-color: #ffffff; padding-left: 5px; padding-right: 0px; padding-top: 5px; }

.text-block { padding-left: 25px; padding-right: 20px; float: left; width: 375px; margin-bottom: 20px; }
.text-block-centre2 { padding-left: 10px; padding-right: 20px; float: left; width: 390px; margin-bottom: 5px; }
.text-block-centre4 { padding-left: 10px; padding-right: 5px; float: left; width: 410px; margin-bottom: 25px; }
.link-block { padding-left: 0px; padding-right: 5px; float: left; width: 405px; margin-bottom: 10px; padding-bottom: 10px; /*	border-bottom: 1px dotted #cccccc;*/ }
.form-block { margin-left: 10px; margin-right: 20px; float: left; width: 390px; margin-bottom: 25px; background-color: #EFE1F0; border: 1px solid #EFE1F0; padding-top: 10px; padding-bottom: 10px; }
.inputfield { font-size: 0.7em; background-color: #ffffff; border: 1px solid #BA0202; color: #3F3F3F; vertical-align: middle; display: inline; width: 150px; float: left; padding-right: 5px; padding-bottom: 1px; padding-top: 1px; margin-top: 0px; }
.checkstyle { background-color: #ffffff; border: 1px solid #BA0202; margin: 0px; }
.radiostyle { background-color: #ffffff; border: 1px solid #BA0202; }
.ddliststyle { background-color: #ffffff; border: 1px solid #BA0202; }
.separator { border-top: 1px dotted #BA0202; margin-top: 10px; padding-bottom: 10px; margin-left: 7px; margin-right: 7px; font-size: 1px; }
.ad-img2 { padding: 0px; background-color: #ffffff; width: 150px; display: block; margin-bottom: 5px; border-bottom: 1px solid #ffffff; }
.brandlink { position: absolute; display: block; z-index: 2; left: 762px; top: 651px; width: 90px; height: 50px; }
.light-green-cell { background-color: #DCF2D7; color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; }
.green-cell { background-color: #158401; color: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.65em; }
.yellow-cell { background-color: #FEFFD9; color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; }
.white-cell-a { background-color: #ffffff; color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.65em; }
.white-cell-b { background-color: #ffffff; color: #6500AD; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.65em; }
.link-img { float: left; width: 80px; height: 95px; display: block; border: 1px solid #999999; }
.link-text-block { float: left; display: block; margin-left: 7px; width: 310px; }


/* -- NEW TABLE STYLE -- */

.tableStyle { width: 390px; padding: 0px; margin: 0px; }
.tableStyle p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; color: #333333; text-align: left; }
.tableStyle p a { color: #333333; text-decoration: underline; }
.tableStyle p a:hover { color: #333333; text-decoration: none; }
.tableStyle ul { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.0em; color: #333333; text-align: left; margin: 10px 0px 10px 10px; padding: 0px; }
.tableStyle li { list-style-type: disc; list-style-position: outside; color: #333333; margin: 0px 0px 5px 0px; padding: 0px; }
.tableImageStyle { padding: 0px 0px 10px 0px; }
.imageFloatTopLeft { float: left; width: 120px; height: 120px; padding: 0px 10px 10px 0px; }
.imageFloatTopRight { float: right; width: 120px; height: 120px; padding: 0px 0px 10px 10px; }