@charset "utf-8";
/* CSS Document */

/* ==========================================
    Front Page Styles and Layout
	========================================= */
	

/* Header and Navigation*/

#hd {
	background: url(../Library/img/c_handf-s.png) repeat-x;
	height: 141px;
	position:relative;
}

#logoLink{
position:absolute;
left: 0;
top: 0;}

#logoLink a{
background: url(../Library/img/c_cblogo.png) no-repeat;
}

#adminList{
color:#FFFFFF;
position:absolute;
right: 10px;
top: 10px
}

#adminList a{
color: white;
text-decoration:none;
}

#adminList a.active, #adminList a:hover {
	color: #f60;
}

#mainNav {
	background-image:url(../Library/img/c_nav-s.png);
	background-repeat: repeat-x;
	position:absolute;
	top: 100px;
	clear:both;
	padding-top:1px;
	padding-bottom: 1px;
	
}
	
#mainNav ul {
	float:left;
	width:55em;
	*width: 53.675em;
	margin:0;
	padding:0 0 0 18em;
	list-style:none;
	background:#d41e00 url(../Library/img/c_nav-s.png) repeat-x;
}
#mainNav li {
	display:inline;
	margin:0;
}
#mainNav a {
	display:block;
	float:left;
	width:auto;
	margin:0;
	padding:0.5em 16px;
		border-right:1px solid #bb1600;
	border-bottom:none;
	border-left:1px solid #fe633a;
	color:#fff;
	background:#d41e00 url(../Library/img/c_nav-s.png) repeat-x;
	font:123.1% "Trebuchet MS";
	text-transform:uppercase;
	text-decoration:none;
	letter-spacing:1px;
}
#mainNav a:hover {background:#b31203 url(../Library/img/c_nav-s.png) repeat-x 0 -100px}

/* Body Text */

.frontBody {
position: absolute;
top: 200px;
min-height: 300px;
width: 60em;
}

.banner{
	margin: 40px 0 0 0;
	position:relative;
	height: 300px;
	font-size: 12%;
	color: #f60;
	right: 0;
	text-align: right;
	font-weight: 100;
	padding: 4em 0 0 0;
	background: url(../Library/img/f_banner.png) 300px 1em no-repeat;
	font-family: Arial, Helvetica, sans-serif;
}


.banner2{
	margin: 25px 0 0 0;
	position:relative;
	height: 40px;
	font-size: 12%;
	color: #f60;
	right: 0;
	text-align: right;
	font-weight: 100;
	padding: 0 10px 40px 0;
	background: url(../Library/img/f_banner2.png) 300px 1em no-repeat;
	font-family: Arial, Helvetica, sans-serif;
}

.introbox {
	position:relative;
	text-align: left;
	right: 0px;
	color: #063366;
	font-size: 100%;
	padding: 20px 20px 20px 100px;
	margin: 0 10px 0 10px;
	/* Webkit (Safari, Chrome) */
-webkit-border-radius: 10px;
	/* Gecko (Firefox) */
-moz-border-radius: 10px;
	/* Presto (Opera) */
border-radius: 10px;
	/* Webkit (Safari, Chrome) */
-webkit-box-shadow: rgba(0,0,0,0.5) 1px 2px 4px;
	/* Gecko (Firefox) */
-moz-box-shadow: rgba(0,0,0,0.5) 1px 2px 4px;
	/* Presto (Opera) */
box-shadow: rgba(0,0,0,0.5) 1px 2px 4px;

/* Trident (IE) */
FILTER: progid:DXImageTransform.Microsoft.dropShadow (OffX='1', OffY='2', Color='#c5c5c5', Positive='true');
	background-color: #E6EBF0;
	background-image: url(../Library/img/logo_front.png);
	background-repeat: no-repeat;
	background-position: 20px 60px;
}

.introbox p {
	
	padding: 0 0 1em 0;
	
}

.introbox h1 {
	visibility: visible;
	font-size:16px;
	font-weight:800;
	padding: 0 0 1em 0;
}

.introbox a {
    text-decoration: none;
    border-bottom: 1px solid #f60;
    color: #f60;
}

.strapline {
	position:relative;
	text-align: right;
	height: 100px;
	right: 0;
	color: #f60;
	font-size: 150%;
	padding-top: 1em;
	background: url(../Library/img/f_strap.png) 300px 1em no-repeat;

}

h1 {
visibility: hidden;
}

.strapline p {
visibility: hidden;
}

/* Footer */

#ft {
position:relative;
text-align: center;
color: #666666;
font-size: 90%;
padding-top: 3em;

}

/* Notice Text*/

.notice {
	margin: 30px 0 0 30px;
	padding: 5px;
	float: left;
	width: 120px;
	visibility: visible;
}

#noticeHeading {
	size:14px;
	color:#FFF;
	font-weight:800;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	text-align: center;
	margin: 0 0 5px 0;
	background-color: #ff6600;
	padding: 5px;
}
.noticeText_I {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 300;
	color: #ff6600;
	text-align: left;
	font-style: italic;
	margin: 0 0 5px 0;
}
.noticeText_B {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: 800;
	color: black;
	text-align: left;
	margin: 0 0 5px 0;
}

.noticeText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 300;
	color: black;
	text-align: left;
}

.jobsNotice {
	margin: 40px 0 0 0;
	position:relative;
	height: 300px;
	font-size: 12%;
	color: #f60;
	right: 0;
	text-align: right;
	font-weight: 100;
	padding: 4em 0 0 0;
	background: url(../Library/img/f_banner.png) 300px 1em no-repeat;
	font-family: Arial, Helvetica, sans-serif;

}

.graphicCentre {text-align:center}

/*=====================================
   Rounded Box
  =====================================*/
  
.bl {background: url(../Library/img/bl.png) 0 100% no-repeat #ffe9db; width: 150px;  margin: 0px 0 0 30px;} 
.br {background: url(../Library/img/br.png) 100% 100% no-repeat}
.tl {background: url(../Library/img/tl.png) 0 0 no-repeat}
.tr {background: url(../Library/img/tr.png) 100% 0 no-repeat; padding:15px;}
.clear {font-size: 1px; height: 1px}


.boldOrange {
	
	font-size:11pt;
	font-weight:900;
	color:#ff6600;
	
}

.event li{
	list-style-type: none;
	font-size: 110%;
	background:url(../Library/img/event.png)  no-repeat 0 0px;
	padding: 1px 0 20px 75px;
	
}
.notice_line li{
	list-style-type: none;
	font-size: 110%;
	color:red;
	background:url(../Library/img/nav_notice.png)  no-repeat 0 0px;
	padding: 1px 0 20px 75px;
	
}

.news li{
	list-style-type: none;
	font-size: 110%;
	background:url(../Library/img/news.png)  no-repeat 0 0px;
	padding: 1px 0 20px 75px;
	
}

.sub {
	font-size:90%;
}