/*DEBUG MODE*/
/**{border:solid 1px red;}*/


/* top elements */
body {
	font: normal .75em/1.8em 'Verdana', Tahoma, sans-serif;
	color: #333;
	background-color: #666366;
}

strong {
font-weight: bold;
}

/* links */

a{
text-decoration:none;
color: #325ecc;
border-bottom: 1px solid #AFC4E6;
padding-bottom:1px;
}
a:hover {
color: #333;
background:#FBFAB4;
}


#main-container{
text-align:left;
background: #fff;
width: 940px;	
margin: 0 auto; 
padding: 1px 0 20px 0;
display:block;
}

#main-container p{margin-bottom: 16px;}
	

#main-inner-container{
text-align:left;
background: #fff;
width: 900px;	
margin: 0 auto; padding: 0;
position: relative;
}

#header-top {
height: 125px;
width: 900px;
background: transparent url(../img/top_image.jpg) no-repeat scroll top left;
text-indent: -10000px;
margin-top: 0;
clear: both;
}


#home-content{
overflow: hidden;
width: 900px
}


#home-content-left{
float: left;
width: 460px;
display: block;
margin-right: 20px;
overflow: hidden;
}

#home-content-right{
float: right;
width: 420px;
overflow: hidden;
}

#home-news{
background-color: #f1f1f1;
margin-top: 20px;
padding: 10px;
width: 440px;
}


#rotatorHolder {
height: 360px;
width: 420px;
position: relative;
margin-bottom: 15px;
}

#rotatorHolder .member {
text-align: center;
}

#hometabs  {
clear: both;
overflow: auto;
width: 420px;
}

#hometabs li {
list-style: none;
float: left;
}

#hometabs a {
display:block;
padding: 3px 8px;
text-transform:uppercase;
color: #000;
border: 0;
}

#hometabs .selected a, #hometabs .selected a:hover {
background-color:#652D89;
color: #fff;
}

#hometabs a:hover {
background-color:#F1F1F1;
}


#tabcontent {
border: solid 1px #652D89;
padding: 0 8px 10px 8px;
background: transparent url('../img/home/eventbg.gif') no-repeat scroll bottom right;
clear:both;
width: 396px;
overflow:hidden;
}


a img {
border:medium none;
text-decoration:none;

}

#tabcontent .events{
color: #666;
line-height: 1.5em;
clear:both;
display:block;
width: 398px;
}


#tabcontent .events li {
margin: 1.4em 0 0 5px;
background: transparent url('../img/home/calendar.png') no-repeat scroll left 5px;
padding-left: 30px;
width: 363px;
}

#tabcontent .events span {
font-size: 0.85em;
}

.morelink {
float: right;
clear: both;
display: block;
}

/* headers */
h1, h2, h3 {
	font-family: 'Verdana', Tahoma, sans-serif;
	font-weight: normal;
	color:#222;
	letter-spacing:-1px;
}
h1 { font-size: 2.2em; margin-top: 10px; margin-bottom: 10px} 
h2 { font-size: 1.5em; color:#9c2f28; margin-top: 10px; margin-bottom: 8px}
h3 { font-size: 1.4em; color:#f96b07; font-weight: normal; letter-spacing: 0px; margin-top: 4px}
h4 { font-size: 1.2em; color:#333; font-weight: bold; margin: 4px 0 10px 0;}
h5{ font-size: 1.1em; color:#333; font-weight: bold; margin: 4px 0 0 0;}





/***********************
	  LAYOUT
************************/

#header-content, #footer-content, #content {
	width: 960px;	
}

/* header */
#header{
float: right;
}


#header #header-links {
text-align: right;
color: #8E5F2F;
float: left; 
width: 550px; 
padding: 0 0 4px 0;
}

#header #header-links a {	
color: #222;
border-bottom:1px solid #444;
padding-bottom:1px;
text-decoration: none;
}
#header #header-links a:hover {
	background: #444 none repeat scroll 0 0;
	color: #fff;
}


#backtotop {
width: 200px;
text-align: right;
float: right;
clear:both;
margin-bottom: 1em;
border: 0;
padding-right: 15px;
background: transparent url('../img/up.png') no-repeat scroll right center;
margin-right: 20px;
}


#footer {
width: 920px;
font-size: 0.9em;
color: #333;
overflow: hidden;
margin: 0.7em auto;
line-height:1.5em;
clear:both;
background-color: #cdcdcd;
padding: 1.5em 10px 1em 10px;
}

.footertxt {
float: left;
width: 600px;
}

#footer a {
border-bottom: 0px solid;
text-decoration:none;
}
#footer a:hover {
text-decoration:underline;
background-color: transparent;
}

#footer p {
margin-bottom: 1.3em;
clear:both;
}

#footer #copyright {text-align: center;}

#footer ul {margin-bottom: 1em; overflow:auto; line-height: 1.3em; }

#footer ul li {float: left;  }

#footer ul li.first {background-image:none; padding-left: 0; }

#footer ul a {font-size: 1em; color: #9c2f28 }


#footerlogos {
float: right;
padding: 2px; 
border: 1px solid #fff;
width: 250px;
height: 102px;
}

/* Welcome Wrapper */

.home-welcome {
padding: 0px 10px;
width: 440px;
}

#home-welcome h2 { font-size: 2.2em; margin-top: 10px; margin-bottom: 10px; color: #222} 
#home-welcome h3 { font-size: 1.5em; color:#9c2f28; margin-top: 10px; margin-bottom: 8px}


.welcome-links {
width: 100%;
text-align: right;
}

.welcome-links a{
margin-left: 10px;
}



#welcome_wrapper {
border:0 solid;
width: 990px;
padding:0px;
text-align:left;
margin: 0 auto;
}

#welcome_wrapper ul {
	list-style: none;
	margin: 0; padding: 0;			
}
#welcome_wrapper li {
	display: inline;
}
#welcome_wrapper li a, #welcome_wrapper li span {
	float: left;
	display: block;
	margin: 0 4px;
}


/* Jobs, Forum and Events text boxes */

#ForumTextBox{
width: 220px;
padding: 5px;
float: left;
display: block;
padding-right: 10px;
border-right: dashed 0px #C6C6C6;
}

#ForumTextBox li{
background-image:url(../img/resultset_next.png);
background-repeat: no-repeat;
background-position: left 0.4em;
padding-left: 18px;
margin-left:-40px;
margin-right: 0px;
padding-right: 0px;
list-style-type: none;
}

#JobsTextBox{
width: 220px;
padding: 5px;
float: left;
display: block;
margin-left: 15px;
border: solid 0px red;
}

#JobsTextBox li{
background-image:url(../img/resultset_next.png);
background-repeat: no-repeat;
background-position: left 0.4em;
padding-left: 18px;
margin-left:-40px;
list-style-type: none;
}

#EventsTextBox{
width: 220px;
margin-left: 15px;
padding: 5px;
float: left;
display: block;
border: solid 0px red;
}

#EventsTextBox li{
background-image:url(../img/resultset_next.png);
background-repeat: no-repeat;
background-position: left 0.4em;
padding-left: 18px;
margin-left:-40px;
list-style-type: none;
}

.hometextborder{
border-right: dashed 1px #C6C6C6;
width: 210px;
display: block;
padding-right: 25px;
}

.displayAllForum{
font: .9em 'Verdana', Tahoma, sans-serif;
color: #333;
text-align: right;
float: right;
font-weight: bold;
}

.displayAllejobs{
font: .9em 'Verdana', Tahoma, sans-serif;
color: #333;
text-align: right;
float: right;
font-weight: bold;
}

#Table1, #Table2, #Table3 {
width: 650px;
padding:10px;
}


/* FORM ELEMENTS */
input {
	padding-top: 0px;
	font-size: 140%;
	border: 1px solid #444;
	color: #666666;
}
input.button { 
	color: #fff;
	font-size: 1.1em;
	font-weight: bold;
	padding: 3px 8px 1px 8px;
	background: #444;
}
.search { 
	color: #fff;
	font-size: .9em;
	font-weight: bold;
	padding: 3px 8px 1px 8px;
	background: #333;
}
.search-input {
	padding-top: 0px;
	font-size: 110%;
	border: 1px solid #333;
	width: 230px;
	color: #666666;
}

form span.input, form span.checkbox, form span.textarea {
background:#444 none repeat scroll 0 0;
display:block;
margin: 0 0px 10px 0;
padding:3px;
}
.form_input{
float: left; 
width: 200px

}
.form_button{
float: left; 
width: 100px

}
.form_cont{
margin-top: 3px; 
padding: 0; 
overflow:hidden; 
display: block; 
width: 350px; 
float: right
}


/***********************
	  SEARCH
************************/

.search_submit {
height:24px; 
padding:0 5px 0 5px; 
line-height:24px; 
white-space:nowrap; 
color:#000;
background-color: #CDCDCD;
text-transform: uppercase;
font-size: 1.1em;
border: solid 0 #fff;
}



/* BREADCRUMB */
#breadcrumb{
display:block;
font-size: 0.85em;
width: 880px;
float: left;
margin-bottom: 15px;
border-bottom: 1px dashed #cdcdcd;
padding-bottom: 8px;
}

#breadcrumb #bchead {
display:block;
float: left;
background:#333 url('../img/bc.gif') scroll no-repeat right top;
color: #fff;
padding: 4px 10px 4px 5px;
line-height: normal;
margin-right: 8px;
font-weight: bold;
height:13px;
}

#breadcrumb a{
border-bottom: solid 0px;
color: #222;
}

.bc_youarehere {
float: left; 
width: 600px;	
}

#printpage {
float: right;
padding-right: 20px;
background: transparent url('../img/printer.png') no-repeat scroll right center;
display:block;
}


/* NEWS */
#home-news { overflow: hidden; }
#home-news .section_header h2 { position: relative;float:left; width: 120px; margin: 0;} 

#home-news .rss {float:right; width: 210px; text-align: right;}
#home-news h5 {background-color: #CDCDCD; height: 24px; margin-top: 8px; padding-left: 10px; clear: both; width: 430px;}

#home-news .news{
	width:100%;
	overflow:hidden;
	margin-bottom:10px;
}
#home-news h2 span { font-size: 0.6em; font-weight: normal; right: 0px; top:5px; position: absolute;  }
#home-news h2 span a {border-bottom: 0}
#home-news h2 span img { margin-right: 5px; vertical-align: middle; }

#home-news .date { font-size: 0.9em; font-style: italic; font-weight: bold; }

#home-news .latestnewssnip {display: block; overflow: auto;}

.latestnewssnip p {margin: 0; width: 250px; float: left; }



#home-news .newsPicture{
	padding:2px;
	margin:0px 0px 5px 5px;
	border:solid 1px #666666;
	width:100px;
	float:right;
}
#home-news ul{
margin-top: 0px;
}


.latestnewssnip img {
background:#fff none repeat scroll 0 0;
border:1px solid #999;
padding:3px;
margin-right: 15px;
float: left;
}

#home-news li, #forums li{
background-image:url(/img/blue_arrow.png);
background-position:0.0em 0.3em;
background-repeat:no-repeat;
list-style-type:none;
margin-right:0;
padding-left:18px;
padding-right:0;
}

#home-news h4 a {color: #325ecc; }
#home-news h5 a {color: #325ecc; }

.morenews li { margin-top: 8px; width: 410px;}


/* CALENDAR */
#main_body table.calendar .cal_text {font-family: "Verdana", Arial, Helvetica; font-size: .8em; color: #333;}
#main_body table.calendar .cal_text_white {font-family: "Verdana", Arial, Helvetica; font-size: .8em; color: #fff;}
#main_body table.calendar .cal_head {font-family: "Verdana", Arial, Helvetica; font-weight: bold; font-size: 1em;  color: #fff;}
#main_body table.calendar a{text-decoration:none;border:none;padding:0px;}
#main_body table.calendar a:hover{background-color:transparent;}
#main_body table.calendar a.black_calendar {color: #fff; text-decoration: underline}
#main_body table.calendar a.black_calendar:hover {color: #fff; text-decoration: none}

/* EVENTS */
#events{width:700px; float:left; clear:both;}
.text_right { text-align: right; } 
#events p.event_link { background: #666; margin: 4px; padding: 5px 10px; }
#events p.event_link a { color: #fff; }
#events p.event_link a:hover { background: black; }

#event_description { margin: 30px 0 }
ul#button_wrapper { overflow: hidden; margin: 0 0 1em 0; }
ul#button_wrapper li{float:left; }
ul#button_wrapper a { border: 0; background-color: transparent; padding: 0; } 
a#view_programme { background: url('../img/button_view-programme.gif') no-repeat; display: block; float: left; height: 32px; margin-right: 10px; text-indent: -9999em; width: 162px; }
a#view_programme:hover { background-position: 0 -32px; }
a#book-online { background: url('../img/button_book-online.gif') no-repeat; display: block; float: left; height: 32px; text-indent: -9999em; width: 122px; }
a#book-online:hover { background-position: 0 -32px; }
a#sub_form { background: url('../img/button_sub_form.gif') no-repeat; display: block; float: left; height: 32px; margin-right: 10px; text-indent: -9999em; width: 220px; }
a#sub_form:hover { background-position: 0 -32px; }
a#nonsub_form { background: url('../img/button_nonsub_form.gif') no-repeat; display: block; float: left; height: 32px; margin-right: 10px; text-indent: -9999em; width: 258px; }
a#nonsub_form:hover { background-position: 0 -32px; }
#events .eventsList { border: 1px solid #666; text-align: left; }
#events .eventsList h2{
	font-size:1.5em;
	color: #FFFFFF;
	padding-left:6px;
	padding:2px 5px;
	background:#666666;
}

img#eventimage {
float: right;
margin: 0 0 10px 10px;
}

#events .eventsList a{
	border:none;
}

#events a.rmlink { text-decoration: none; color: #FF6600;}
#events a.rmlink:hover { text-decoration: underline; color: #FF6600;}
#events a.ialink { text-decoration: none; color: #660066;}
#events a.ialink:hover { text-decoration: underline; color: #660066;}
#events a.cflink { text-decoration: none; color: #006600;}
#events a.cflink:hover { text-decoration: underline; color: #006600;}
#events a.ethicslink { text-decoration: none; color: #003399;}
#events a.ethicslink:hover { text-decoration: underline; color: #003399;}
#events a.iglink { text-decoration: none; color: #CC9900;}
#events a.iglink:hover { text-decoration: underline; color: #CC9900;}
#events a.cglink { text-decoration: none; color: #00B6C6;}
#events a.cglink:hover { text-decoration: underline; color: #00B6C6;}

#events_calendar { border: 1px solid #652D89; margin: 20px auto; width: 145px; float: left;}

#events_calendar a { border: none;}
#events_calendar table.calendar a.black_calendar { color: #000; text-decoration: none; }
#events_calendar table.calendar a.black_calendar:hover { color: #000; text-decoration: underline; }

#main_body #events .eventsList h2 { cursor: pointer; margin: 0; position: relative; }
#main_body #events .eventsList h2 span { background: url('/img/eventsList_arrows.gif') no-repeat left -13px; height: 13px; margin: 5px 0 0 0; overflow: hidden; position: absolute; right: 25px; width: 15px; }
#main_body #events .eventsList h2 span.up { background: url('/img/eventsList_arrows.gif') no-repeat; }

#main_body {overflow:visible;}

/*QUOTE*/
#home-content-right #quote {
background-image:url(/img/bg_home_quote.png);
margin-left:20px;
width:380px;
}
#quote {
background:transparent url(/img/bg_quote.png) no-repeat scroll center bottom;
margin:0 0px 20px 0;
width:600px;
}
#home-content-right #quote_sleeve {
background-image:url(/img/bg_panel_top.png);
}
#quote_sleeve {
background:transparent url(/img/bg_quote_top.png) no-repeat scroll center top;
padding:12px 21px 27px;
}

#quote blockquote {
border:0 none;
margin:0;
padding:0;
text-align:left;
width: 350px;
}
#quote p {
margin:0 0 5px;
font-size: 1.2em;
font-weight: bold;
font-style: italic;
}
#quote span {
margin:0 0 5px;
font-size: .75em;
color: #999;
font-weight: normal;
font-style: normal;
}

.section_header{
padding: 5px 4px 5px 8px;
background-color: #CDCDCD;
width:428px;
margin-bottom: 10px;
}

.header-search {
float: left; 
width: 330px;
margin: 2px 0 2px 0; 
text-align: right;
}


/* EVENTS BOOKING FORM */
form#bookingForm ul { list-style: none; margin: 0; padding: 0; }
form#bookingForm ul.half { float: left; width: 300px; }
	form#bookingForm ul li { margin: 0 0 20px 0; }

form#bookingForm li#delegate_nav p { font-weight: bold; margin: 0; }
form#bookingForm li#delegate_nav p span { font-weight: normal; }
form#bookingForm li#delegate_nav a { margin: 0 10px; }
	
form#bookingForm div.delegate { border: 1px solid #565656; margin: 20px 0; overflow: hidden; width: 100%; }
	form#bookingForm div.delegate h3, 
	form#bookingForm div.delegate ul { margin: 20px 20px 0; }
	form#bookingForm div.delegate h3 { background: #666; clear: both; color: #fff; margin: 10px 10px 0; padding: 4px 10px; position: relative; }
	form#bookingForm div.delegate h3 span { font-size: 0.8em; margin: 0 0 0 20px; }
	form#bookingForm div.delegate h3 span a { color: #fff; }
	form#bookingForm div.delegate h3 span a:hover { color: #222; }
	
form#bookingForm div.alt { background: #f1f1f1; }

form#bookingForm label { display: block; font-weight: bold; margin: 0 0 5px 0; }
form#bookingForm label.error { background: red; color: white; }
form#bookingForm input, form#bookingForm textarea { width: 230px; }
form#bookingForm input.autowidth { width: auto; } 


.day {
	font-size: 1.0em;
	color: #333;
}

.month {
	font-size: .6em;
	font-weight: bold;
	color: #333;
}

.eventtitle {
	font-size: .8em;
	font-weight: bold;
	margin-bottom: 6px;
}
.date {
	font-size: .8em; 
	line-height: 14px; 
	color: #666666;
}
.regulartext, .noevents {
	font-size: .8em; 
	line-height: 18px;
	text-align:center;
}

.noevents {
font-weight: bold;
padding-top:8px;
}





.today {
	font-size: .8em; 
	line-height: 18px;
   	color: #fff;
  	background-color: #000000;
	text-align: center;
}


/*Bookmark Links*/
ul#bookmark_links { border: 1px solid gray; padding:4px; margin: 10px 0px; font-size:0.9em;}
ul#bookmark_links li { display: inline; padding: 0 10px 0 0; margin: 0; }
ul#bookmark_links li a{border:none;}


/*HOME NEWS BOX*/


#news_container {
  width: 990px;
  height: 180px;
  overflow: hidden;
  border: 0px solid #b9bcbe;
  padding: 0px;
  background-color: transparent;
}
#scroller {
 
}
.news_container1{
  float: left;
  margin-top: 7px;
  margin-left: 7px;
  margin-right: 0px;
  padding: 10px;
  overflow: hidden;
  width: 473px;
  height: 170px;
  background: url('../img/newsbg01.png') no-repeat;
  /*background: #d5d7d8;*/
  border: 0px solid #a0a2a4;
}

#listofevents {
width: 720px;
display:block;
clear:both;
overflow:hidden;
}

#listofevents div {
clear:both;
float:none;
}

#listofevents dt {
color: #9C2F28;
font-weight: bold;
width: 50px;
text-align:center;
margin-right: 20px;
clear:left;
}

#listofevents dd {
border-bottom: 1px solid #CDCDCD;
text-align: left;
width: 610px;
clear: right;
}

#listofevents dd, #listofevents dt {
padding: 7px 0;
vertical-align: middle;
float:left;
line-height:normal;
display:block;
}


#listofevents dd a {
background: transparent url(../img/arrow_next.png) scroll no-repeat right center;
padding-right: 19px;
}

#listofevents dd a:link, #listofevents dd a:visited {
border:none;
padding-bottom: 0;
}

.maincontent {
padding: 10px;
clear:both;
width: 880px;
}

.maincontent h2 { font-size: 2.2em; margin-top: 10px; margin-bottom: 10px; color: #222} 

.maincontent ul {
list-style: outside disc ;
margin:0 0 15px 30px;
}

.maincontent ol {
list-style: decimal outside;
margin:0 0 15px 30px;
}

.maincontent .address, .contactdetail {
float: left;
clear: right;
margin-bottom: 2em;


}

h5.contactlabels {
float: left;
clear: left;
margin-right: 30px;
width: 200px;
}

/* SUBSCRIBERS SECTION */
#subscriber-content-left{
float: left;
width: 560px;
border: 0px solid black;
}
.maincontent #subscriber-content-right ul{
list-style: none;
margin: 0;
}

#subscriber-content-right{
float: right;
width: 280px;
border: 1px dashed #9c9b9b;
background-color: #f1f1f1; 
margin: 10px 0 0 0; 
padding: 5px;
}
/* END SUBSCRIBERS SECTION */

.image{
	margin: 10px; 
	padding: 2px; 
	border: 1px solid #cdcdcd;
}


/* Clearing Floats */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.clearfix {display: inline-block;}


.homeimagetop{
	width: 235px;	
	height: 137px;
	position:absolute;
	background: url('../img/hometopimage1.png') no-repeat;
	behavior: url(./css/iepngfix.htc);
	z-index: 1000;
	right: 0;
	top:41px;
}

#meettheteam h2 {margin-bottom: 1.2em;}


#meettheteam h3 {
color: #333;
font-size: 1.2em;
}

#meettheteam p {
clear: both;
}

#meettheteam hr {
margin: 2em 0;
}


#meettheteam img {
float: left;
margin: 0 12px 12px 0;
height: 80px;
width: auto;
}

#meettheteam .mttphone {
background: transparent url('../img/telephone.png') no-repeat scroll left center;
padding-left: 25px;
}

#meettheteam .mttemail {
background: transparent url('../img/email.png') no-repeat scroll left center;
padding-left: 25px;
}

#survey h3 {
color:#9C2F28;
font-size:1.5em;
margin-top: 1em;
}

#survey p {
margin: 1em 0 1.3em 0;
}

#joblist{
margin-top: 0.7em;
}

#joblist th{
font-weight: bold;
}

th.jobtitle {width: 280px; padding-right: 5px;}
th.org {width: 240px; padding-right: 5px;}
th.location {width: 220px; padding-right: 5px;}

#jobscol2 {float: right; width: 300px;}

a.banner {
	border: none;
	background-color: transparent;
	margin: 1em auto;
	display: block;
	clear: both;
	width: 728px;
	height: 90px;
}

.editbox .wysiwyg, .editbox .wysiwyg body, , .editbox .wysiwyg iframe {
height: 200px;
}

.editbox {
margin-bottom: 2.5em;
}

.editthis {
padding-left: 20px;
background: transparent url('/img/page_edit.png') left center no-repeat scroll;
}

#featured-event {border: solid 1px #ccc; background-color: #eee; padding: 6px; margin: 6px 0 0 0 }
#featured-event h3 {color: #313131; background-color: #ccc; padding: 3px}
#featured-event h4 {margin-bottom: 1px}
