/* Formatting CSS */

html {

}

body {
	margin: 0;
	padding: 0;
	background: #fff url("../img/bg.jpg") repeat-x;
	color: #000;
	font-family:  Helvetica, Arial, Verdana, sans-serif;
	font-size: 76%;
	line-height: 140%;
	text-align:center; /* fix IE centering */
}

h1 {}
/*
#rightcol h1 strong {color: #64bff0; font-weight: bold; font-size: 120%;}
#rightcol h1 {color: #043069; font-weight: normal; font-size: 140%;}
*/
#rightcol h1 strong {color: #93c616; font-weight: bold; font-size: 120%;}
#rightcol h1 {font-weight: normal; font-size: 140%;}
#news h1 {color: #64bff0; font-weight: bold;}

h2 {padding-bottom: 0.2em;}
#rightcol.green-col h2 {color: #93c616; border-bottom: 1px solid #93c616;}
#rightcol.blue-col h2 {color: #93c616; border-bottom: 1px solid #93c616;}
#rightcol.purple-col h2 {color: #93c616; border-bottom: 1px solid #93c616;}
#rightcol.orange-col h2 {color: #93c616; border-bottom: 1px solid #93c616;}
#rightcol.orange-col h2 a:link, #rightcol.orange-col h2 a:visited, #rightcol.orange-col h2 a:active {color: #93c616; text-decoration: none;}
#news-box #news h2 {text-indent: 0; background: none; color:#ff9900; padding: 0 0 0 0; line-height:1em; margin:1.2em 0 0 0; font-size: 1.3em;}

h3 {font-size: 1.2em; font-weight: bold;}
#news h3 {}

p {}

#rightcol a:link, #rightcol a:active, #rightcol a:visited {color:#ff9900; font-weight: bold;}
#rightcol a:hover {color: #64bff0;}

#news a:link, #news a:active, #news a:visited {color:#ff9900; font-weight: bold;}
#news a:hover {color: #64bff0;}

img, #rightcol img.noborder {border: 0;}

blockquote {}

ul {
	margin: 0;
	padding: 0;
}

ul li {
	list-style-type: disc;
	list-style-position: outside;
	/* list-style-image: url("../img/listimg.gif"); */
	margin: 0 0 0 1em;
}

#rightcol ul li, #news ul li {font-style: italic;}


#rightcol ul li {font-style: italic;}

abbr, acronym, .help {
  border-bottom: 1px dotted #333;
  cursor: help;
}

textarea, input {
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 1em;
	background: #B3DBEF;
}
textarea:focus, input:focus {
	background: #fff;
}


/* General layout divs */

#wrapper {
	width: 970px;
	margin: 0 auto; /* centres */
	text-align: left; /* restore left justification */
	position: relative;
}

#header {
	height: 302px;
}

#content {
	margin-top: -1px;
}

#footer {

}


/* LAYOUT */

img#bbit-logo {margin:13px 30px 15px 10px;}

ul#header-links {
	display: inline;
	font-size: 1.4em;
	position: absolute;
	top: 36px;
	left: 175px;
	width: 555px;
	z-index: 100;
	background-color: #fff;
}
ul#header-links li {display: inline; padding: 0; margin: 0}

ul#header-links li a:link, ul#header-links li a:active, ul#header-links li a:visited {text-decoration: none;}
ul#header-links li a:hover {text-decoration: underline;}

ul#contact-details {
	position: absolute;
	text-align: right;
	top: 22px;
	right: 10px;
	font-size: 1.2em;
	width: 260px;
	z-index: 99;
}

ul#contact-details li {list-style-type: none; background-color:#fff;}
ul#contact-details li span.tel {font-size: 1.2em;}

ul#contact-details li a:link, ul#contact-details li a:active, ul#contact-details li a:visited {text-decoration: none;}
ul#contact-details li a:hover {text-decoration: underline;}

#header img#cartoon {
	position: absolute;
	top: 75px;
	left: 5px;
}

#header h1 {position: absolute; left: -9999px;}

#header img#title {
	position: absolute;
	top: 77px;
	left: 330px;
}

#header form {
	position: absolute;
	top: 8em;
	right: 10px;
}

#header form input#q {
	vertical-align: middle;
	background: url('../img/search-bg.png') no-repeat top left;
	border:0;
	outline:0;
	width: 170px;
	position: relative;
	top: 0px;
	padding: 6px 2px 4px 8px;
	margin: 0 -10px 0 0;
	font-size: 9px;
	font-family:  Verdana, Helvetica, Arial, sans-serif;
}

#header form input#go-btn {
	background: url('../img/go-btn-both.png') no-repeat;
	border: 0;
	width: 37px;
	height: 37px;
	outline: none;
	color: #fff;
	font-weight: bold;
	vertical-align: top;
	position: relative;
	top: -7px;
}
#header form input#go-btn:hover {background: url('../img/go-btn-both.png') no-repeat 0 -37px; color: #a8558e;}

/* BOXES */
#boxes {
	background: url('../img/box-bgs.jpg') repeat-y;
	margin: 0 10px 10px 10px;
	position: relative;
	top:10px;
}
#boxes-top {
	background: url('../img/box-grads.jpg') no-repeat;
	position:absolute;
	top: 0;
	left: 0;
	border: 0;
	width: 950px;
	height: 183px;
}
#boxes-middle {
	/* Don't apply position here because it prevents 'more info' buttons from being placed at 'bottom: 0' */
padding-left: 15px;
}
#boxes-middle img, #boxes-middle h1, #boxes-middle h2, #boxes-middle a, #boxes-middle ul, #boxes-middle p, #boxes-middle h3, #boxes-middle h4 {
	position: relative;
	z-index: 101;
}
#boxes-bottom {
	background: url('../img/box-bottoms.jpg') no-repeat;
	margin: 0;
	padding: 0;
	border: 0;
	width: 950px;
	height: 13px;
	clear: left;
}

.boxcontent {width: 205px; margin: 0px 35px 40px 0; float: left;}
#leftcol .boxcontent {margin: 0;}

#news-box {margin-right: 0;} /* cancel right margin on last box */

.boxcontent ul {margin:0 0 0 4px;}
#academic-box ul li {list-style: disc outside url('../img/bullet-green.gif');}
#business-box ul li {list-style: disc outside url('../img/bullet-blue.gif');}
#special-box ul li {list-style: disc outside url('../img/bullet-purple.gif');}

/* Box ul links */
.boxcontent ul li a:link {color:#000; text-decoration: none;}
.boxcontent ul li a:active {color:#000; text-decoration: none;}
.boxcontent ul li a:visited {color:#000; text-decoration: none;}
.boxcontent ul li a:hover {color:#000; text-decoration: underline;}

/* make sure content is aligned horizontally after box pics */
.box-image-holder {
	height: 185px;
}

#boxes h2, #boxes2 h2 {
    padding:0;
    margin:20px 0 0 0;
}

#academic-box h2 {
	width: 196px;
	height: 21px;
	background: url('../img/academic-heading.gif') no-repeat;
	text-indent: -100em;
	margin-bottom: 20px;
}

img#academic-box-pic {position: relative; left: 10px; top: -8px;}

#business-box h2 {
	width: 185px;
	height: 21px;
	background: url('../img/business-heading.gif') no-repeat;
	text-indent: -100em;
	margin-bottom: 20px;
}

img#business-box-pic {position: relative; left: -4px; top: 0;}

#special-box h2 {
	width: 185px;
	height: 26px;
	background: url('../img/special-heading.gif') no-repeat;
	text-indent: -100em;
	margin-bottom: 15px; /* (20px-5px due to heading being 26px high instead of 21px) */
}

img#special-box-pic {position: relative; left: -10px; top: 8px}

/* #news-box {position:relative;} */
#news-box h2#news-top-heading {
	width: 185px;
	height: 21px;
	background: url('../img/news-heading.gif') no-repeat;
	text-indent: -100em;
	margin-bottom: 20px;
}

/* More info buttons */

a.more-info:active, a.more-info:focus {
/* reduce the link size to zero when the link is in the 
  active/focus state.
  This literally removes the dotted border which is ONLY applied
  to the link itself and not any containing elements WHEN THOSE
  ELEMENTS HAVE A POSITION ABSOLUTE! */
  width:0; height:0;
  outline:0; /* for browsers that understand */

}

#academic-box a.more-info {
	text-indent: -100em;
	background: url('../img/more-info-btn-green.png') no-repeat;
	width: 92px;
	height: 33px;
	display: block;
	margin: 0 0 0 8px;
	position: absolute;
	bottom: 10px;
}
#academic-box a.more-info:hover {background: url('../img/more-info-btn-green.png') no-repeat 0 -33px;}

#business-box a.more-info {
	text-indent: -100em;
	background: url('../img/more-info-btn-blue.png') no-repeat;
	width: 92px;
	height: 33px;
	display: block;
	margin: 0 0 0 8px;
	position: absolute;
	bottom: 10px;
}
#business-box a.more-info:hover {background: url('../img/more-info-btn-blue.png') no-repeat 0 -33px;}

#special-box a.more-info {
	text-indent: -100em;
	background: url('../img/more-info-btn-purple.png') no-repeat;
	width: 92px;
	height: 33px;
	display: block;
	margin: 0 0 0 8px;
	position: absolute;
	bottom: 10px;
}
#special-box a.more-info:hover {background: url('../img/more-info-btn-purple.png') no-repeat 0 -33px;}

#news-box a.more-info {
	text-indent: -200em;
	background: url('../img/more-news-btn-orange.png') no-repeat;
	width: 92px;
	height: 33px;
	display: block;
	margin: 0 0 0 8px;
	position: absolute;
	bottom: 10px;
}
#news-box a.more-info:hover {background: url('../img/more-news-btn-orange.png') no-repeat 0 -33px;}

/* Partners */

h2#partners {
	width: 950px;
	height: 31px;
	background: url('../img/partners-heading.gif') no-repeat;
	text-indent: -100em;
	margin: 0 0 10px 10px;
	position: relative;
	top: 10px;
}

#partner-logos {margin: 0 0 0 5px; border: 0;}

/* FOOTER */

#footer {
	text-align: center;
	font-size: 0.9em;
	margin: 20px 0 20px 260px;
	color:#666;
	clear: both;
}
body#home #footer {margin: 20px 0 20px 0;}
body#microsoft #footer {margin: 20px 0 20px 0;}
#footer p {
	margin: 0.2em;
}
#footer a:link, #footer a:active, #footer a:visited {
	color: #666;
	text-decoration: underline;
}
#footer a:hover {
	color: #a8558f;
}


/* COLOURS */

.logo-blue, .logo-blue a:link, .logo-blue a:active, .logo-blue a:visited, .logo-blue a:hover {color: #87cbf0;}
.green, .green a:link, .green a:active, .green a:visited, .green a:hover {color: #aacc56;}
.blue, .blue a:link, .blue a:active, .blue a:visited, .blue a:hover {color: #49a3e2;}
.purple, .purple a:link, .purple a:active, .purple a:visited, .purple a:hover {color: #a8558f;}
.orange, .orange a:link, .orange a:active, .orange a:visited, .orange a:hover {color: #fac26e;}


/* JS NEWS SCROLLER */

#newsClipping {position:absolute; width:200px; height:287px; z-index:222; left: 3px; top: 22px; clip:rect(0px, 200px, 287px, 0px);}
#news {position:absolute; width:200px; z-index:221; left: 0px; top: 2px; clip: rect(0px, auto, auto, auto);}
#ControlStrip {position:absolute; left:0px; top:40px; width:205px; height:21px; z-index:223; background-color: #FFFFFF; border: none; display: none;}
#UP {position:absolute; left:100px; z-index:224; top: -30px; border:none}
#DOWN {position:absolute; left:140px; top:-30px; z-index:225; border:none;}
#bottommask {position:absolute; left:0px; top:303px; width:205px; height:9px; z-index:311; background: url('../img/news-bottom-mask.png') repeat-x; border:none;}
#topmask {position:absolute; left:0px; top:20px; width:205px; height:9px; z-index:310; background: url('../img/news-top-mask.png') repeat-x; border:none;}

#news-holder {position:absolute; z-index:400; top:40px;}

/* Clipping - correct syntax is with commas but IE only supports without!!! */
#newsClipping {clip:rect(0px, 200px, 287px, 0px);  overflow:hidden;}
#news {clip: rect(0px, auto, auto, auto);}

#news {color: #606167;}

/* SUB PAGES */

#leftcol {
	width: 250px;
	overflow: hidden;
	float: left;
}
#leftcol-bottom {padding: 10px;}



#boxes2 {
	margin: 0 10px 10px 10px;
	position: relative;
	top:10px;
	width: 230px;
}
#leftcol.green-col #boxes2 {background: #d0e494; width: 230px;}
#leftcol.blue-col #boxes2 {background: #87cbf0; width: 230px;}
#leftcol.purple-col #boxes2 {background: #ce91bd; width: 230px;}
#leftcol.orange-col #boxes2 {background: #FEF8A2; width: 230px;}

#leftcol.green-col #boxes-top {background: url('../img/box-grads.jpg') no-repeat 0px 0px; width: 230px;}
#leftcol.blue-col #boxes-top {background: url('../img/box-grads.jpg') no-repeat -240px 0px; width: 230px;}
#leftcol.purple-col #boxes-top {background: url('../img/box-grads.jpg') no-repeat -480px 0px; width: 230px;}
#leftcol.orange-col #boxes-top {background: url('../img/box-grads.jpg') no-repeat -720px 0px; width: 230px;}

#leftcol.green-col #boxes-bottom {background: url('../img/box-bottoms.jpg') no-repeat 0px 0px; width: 230px;}
#leftcol.blue-col #boxes-bottom {background: url('../img/box-bottoms.jpg') no-repeat -240px 0px; width: 230px;}
#leftcol.purple-col #boxes-bottom {background: url('../img/box-bottoms.jpg') no-repeat -480px 0px; width: 230px;}
#leftcol.orange-col #boxes-bottom {background: url('../img/box-bottoms.jpg') no-repeat -720px 0px; width: 230px;}


#rightcol {
	margin: 10px 10px 20px 250px;
	color: #606167;
}

#rightcol p {margin-left: 1em;}

#rightcol.green-col #top {background: #e3efbf url('../img/green-bg-top.gif') no-repeat;}
#rightcol.green-col #middle {background: #e3efbf url('../img/green-bg-middle.gif') repeat-y;}
#rightcol.green-col #bottom {background: #e3efbf url('../img/green-bg-bottom.gif') no-repeat;}

#rightcol.blue-col #top {background: #d4ecde url('../img/blue-bg-top.gif') no-repeat;}
#rightcol.blue-col #middle {background: #d4ecde url('../img/blue-bg-middle.gif') repeat-y;}
#rightcol.blue-col #bottom {background: #d4ecde url('../img/blue-bg-bottom.gif') no-repeat;}

#rightcol.purple-col #top {background: #ede6e4 url('../img/purple-bg-top.gif') no-repeat;}
#rightcol.purple-col #middle {background: #ede6e4 url('../img/purple-bg-middle.gif') repeat-y;}
#rightcol.purple-col #bottom {background: #ede6e4 url('../img/purple-bg-bottom.gif') no-repeat;}

#rightcol.orange-col #top {background: #ede6e4 url('../img/orange-bg-top.gif') no-repeat;}
#rightcol.orange-col #middle {background: #ede6e4 url('../img/orange-bg-middle.gif') repeat-y;}
#rightcol.orange-col #bottom {background: #ede6e4 url('../img/orange-bg-bottom.gif') no-repeat;}

#rightcol #top {width: 710px; height: 15px;}
#rightcol #middle {width: 710px;}
#rightcol #middle div {margin: 0 20px; padding:1em 0;}
#rightcol #bottom {width: 710px; height: 15px;}



/* MISC */

#anim {
	margin: 10px 0 0 19px;
}

a.top {font-size: 150%;}

.posted {color: #000; font-size: 0.8em;}

#statements {margin: 2em 0 0 0;}
#statements {margin: 2em 0 0 0;}
#statements ul li {font-style: italic;}

h1.jumpheading {color: #ff9900; font-size: 1.5em;}

.statements #footer {margin-left: -20px;}

img#nslogo {
	margin: -4px 3px 0 1px;
	position: relative;
	top: 4px;
}

#news img.reflected, #news canvas {margin-left: -20px}
/* img.reflected, canvas {margin-left: -20px} */ /* FIX REFLECTED MARGIN */