

/* RESET All Stlyes*/
@import url('reset.css');

/******************************************/
/*            COMMON ELEMENTS             */
/******************************************/
h1,h2,h3,h4,h5{
 margin-bottom:0.5em;
 font-weight:bold;
 line-height:1.2;
 color:#244875;
}
h1{ font-size:1.33em; }
h2{ font-size:1.16em; }

p,ul, ol{
	font-size: 1em;
	margin-bottom: 1em;
	line-height:1.3
}

ul,ol{
	list-style:disc;
	padding-left:20px;
	line-height:1.5em
}
ol{list-style:decimal; padding-left:25px;}
dl{margin-bottom:1em;}
dt{ font-weight:bold;margin-bottom:0.5em;}
dd{ padding:0em 0 0.5em 1em; line-height:1.3}

/*Info Messages */
.success,.msginfo,.msgerror{
	background-position:10px 50%;
	background-repeat:no-repeat;
	padding: 5px 20px 5px 35px;
	border-width:2px 0px;
	border-style:solid;
	position:relative;
	height:1%
}
.msgerror{
	background-color:#fff6bf ;
	background-image:url(../images/icons/exclamation.gif);
	border-color:#ffd324;
}
.msginfo {
	background-color:#F8FAFC ;
	background-image:url(../images/icons/information.gif);
	border-color:#B5D4FE;
}
.success{
	background-color: #ebf4e6;
	background-image:url(../images/icons/accept.gif);
	border-color:#72B95B;
}

img{vertical-align:middle}
kbd{
	font-weight:bold;
	font-style:italic;
	color:#333;
	padding:0px 2px;
	background:#f8f8f8;
	border:1px solid #ddd;
	border-color:#ddd #333 #333 #ddd;
}

p.description{font-weight:bold;}

a,a:visited{color:#069}
a:hover,a:focus{color:#64C0BF}

a.internal_link{background:url(../images/icons/internallink.gif) no-repeat right; padding-right:16px; margin-right:5px;}
a.external_link{background:url(../images/icons/externallink.gif) no-repeat right; padding-right:16px; margin-right:5px;}

strong{font-weight:bold;}
em{font-style:italic;}

.hidden{display:none !important;}
.spacer{clear:both}

/* ---- pull quote */
.pullquote {
	display: block;
	float:right;
	padding:0px 10px;
	border-left:5px solid #20416C;
	width:40%;
	margin:5px 0 5px 10px;
	color:#069;
}

.quote {
	background:transparent url(../images/quoleft.png) no-repeat scroll left top;
	margin-bottom:0.5em;
	padding:0.5em 48px;
	display:block;
}
blockquote{border-left:4px solid #8CACBB;color:#76797C;margin:0 0 0.5em;padding-left:0.5em;}
ins {border-bottom: 1px solid green;text-decoration: none;color: green;}
del {color: red;text-decoration: line-through;}
cite {border-bottom: 1px dashed blue;}
acronym {border-bottom: 1px dotted #CCC;cursor: help;}
abbr, html\:abbr {border-bottom: 1px dashed #CCC;cursor: help;}
pre{
	background-color:#DEE7EC;
	border:1px solid #8CACBB;
	color:Black;
	font-family:Monaco,"Courier New",Courier,monospace;
	font-size:100%;
	overflow:auto;
	padding:1em;
}
.callout{
	color:#CC9933;
	font-weight:bold;
	padding:0px 1em;
}
.discreet {
	color:#76797C;
	font-size:85%;
	font-weight:normal;
}
.spacer{
clear:both;
margin:0;
padding:0;
height:1px;
overflow:hidden;
borde:1px solid red;
}
/* TEXT EDITOR */
body#maincontent{
	background:#FFF;
	text-align:left;
	font-size:12px ;
	margin:5px ;
	width:auto ;
	padding:0;
}
/******************************************/
/*            Structure                   */
/******************************************/
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%;
	background:#fff url(../images/bg.jpg) top left repeat-x;
	color:#006699;
}

#wrapper {
	width:765px;
	margin:0 auto;
	background:transparent url(../images/wrapperbg.gif) top left repeat-y;
}
#global{
	background:#fff;
	z-index:2;
	font-size:1.2em;
	text-align:left;
	background:transparent url(../images/banners/banner.php) top left no-repeat;
	position: relative;
}

#header{
	text-align:right;
	position:relative;
}
#header h1,#header h2{display:none;}

/* LIVESEARCH */
#livesearch_box{
	position:relative;
	color:#000;
	font-weight:bold;
	font-size:0.95em;
	width:350px;
	margin:0px 0 0 auto;
	padding-top:5px;
}

#livesearch_box h2 {display:none;}
#livesearch_box p{padding:0}
#livesearch_field{color:#000; width:140px; border:1px solid #ccc; background:#fff; font-size:1em;}

#livesearch_results{
	text-align:left;
	position:absolute;
	padding:0px;
	top:-1px;
	background:#fff;
	border:1px solid #666;
	font-size:1.2em;
}
#livesearch_results #search_title{
	padding:5px;
	margin:0;
	color:#fff;
	border-bottom:1px solid #666;
	background:#0D6FAE url(../images/cat-top.gif) repeat-x scroll left bottom;
	font-weight:bold;
	font-size:1.08em;
	cursor:pointer;
}

#livesearch_box label {
	background:#FFF url(../images/magnifier.gif) left top no-repeat;
	padding-left:20px;
}
#results p{
	padding:1em 0.5em 0.5em;
	margin:0;
}
#livesearch_results #search_title span{float:right;font-size:10px;vertical-align:middle; }
#livesearch_results #search_title span img{vertical-align:middle; margin-left:5px;}
#results dl{
	padding:3px 0.5em;
	margin:0
}
#results a{
	text-decoration:none;
	display:block;
}
#results a.odd{background:#fafafa }
#results a:hover{color:#14c0e6; background:#efefef;}

#results dd{margin-bottom:0.5em}
div.more a{padding:5px; border-top:1px solid #666}

#close_tab{
	border-bottom:5px solid #cfcdcd;
	background:url(../images/livesearch_close.gif) no-repeat top;
	display:block;
	line-height:10px;
	text-decoration:none;
}
#close_tab:hover{
	background-position:center -10px;
	border-bottom-color:#036;
}
/* SIDE MENU*/
#menu{
	float:left;
	position:relative;
	color:#fff;
	font-size:0.95em;
	width:193px;
	font-family:Arial,Helvetica,sans-serif;
	margin:65px 0 0 0px;
}



#menuwrap{
	background:#0065a4;
	margin-left:5px;
	border-left:1px solid #0a577d;
	padding:0 0 5px;
	filter: alpha(opacity=90);
	opacity: 0.9;
	-moz-opacity: 0.9;
}

/* First List*/
	#menu ul{
		list-style:none;
		margin:0;
		padding:0px;
	}
	#menu ul li{
		border-bottom:1px solid #0a577d;
		padding:0;
		height:1%
	}
	#menu ul a{
		color:#fff;
		display:block;
		padding:2px 5px 2px 8px;
		text-decoration:none;
		font-weight:bold;
	}
	#menu ul a:hover,#menu ul a.selected{
		background:#333;
	}
/* 2nd List*/
	#menu ul li ul{
	margin:0 0 3px 0;
	}
	#menu ul li ul li{border:0; font-weight:normal; margin:0px; padding:0px; }
	#menu ul li ul li a{ font-weight:normal; padding:0px; margin:0px 0px 0px 15px;}
	#menu ul li ul li a:hover{background:none; color:#333;}

#menu ul li.separation{
height:15px;
background:#0c7cba /*url(../images/nav-sep.gif) repeat-x top left*/;
border-right:1px solid #1974AD;
}

/* forms*/
#menu label {
	display:block;
	margin:0px;
	padding:0px;
}
.searchbox {
	background:transparent url(../images/form-bottom.gif) bottom left no-repeat;
	margin-left:4px;
	color:#333;
	margin-top:5px;
	height:1%;
}

.searchbox form {
	background:transparent url(../images/form-top.gif) top left no-repeat;
	padding:5px;
}
.searchbox h2 {
	font-size:1em;
}
.searchbox p {
	margin:0px;
	padding:0px;
}
#menu .submit {
	border:1px solid #CCC;
	background: #FFF;
	font-weight:bold;
}

#menu input.membername_field {
	width:100px;
}
#menu select, #menu input {
font-size:0.95em;
border:1px solid #CCC;
}

#menu select {
	width:170px;
}

.logo {
padding-left:10px;
padding-top:10px;
}

/* Footer */
#footer{
	clear:both;
	font-size:0.95em;
	padding:5px;
	color:#666;
	margin:20px 0 0 0;
	background:#FFF url(../images/footer.gif) top left no-repeat;
}
#footer p {padding-top:45px;}
#footer a{color:#000;}
#footer a:hover{color:#1974AD}

/* CONTENT AREA*/
#content{
	/*background:url(../images/content_bg.gif) repeat-y top left;*/
	margin-bottom:0px;
	width:550px;
	margin:255px 10px 0px 0px ;
	float:left;
	position:relative;
	padding-left:10px;
}

#maincontent h1 {
margin-top:10px;
}

/* call action rollovers*/
ul.call {
    list-style-type:none;
    line-height:0px;
    font-size:0;
	margin:5px 0 0.5em;
	padding:0
}

ul.call li {
	float:left;
	text-indent: -10000px;
	margin:0 0 0.5em;
	padding:0;
	background:none;
	list-style-type:none;

}
ul.call li a {
	display: block;
	text-decoration:none;
	background: none;
	list-style-type:none;

}
a#call-book, a#call-member, a#call-call {
height:54px; width:181px; margin:1px;
}
a#call-book {background: url(../images/make-a-booking.gif) no-repeat; }
a#call-member {background: url(../images/become-a-member.gif) no-repeat;}
a#call-call {background: url(../images/call-me-back.gif) no-repeat;}


/*a#call-book:hover, a#call-book:active, a#call-member:hover, a#call-member:active,
a#call-call:hover, a#call-call:active
{ opacity: 0.7; -moz-opacity: 0.7; filter: alpha(opacity=70);} */

/******************************************/
/*            MEDIACENTRE                 */
/******************************************/
.box{
	clear:both;
	margin-bottom:1em;
	padding-bottom:0.5em;
}

.box h2 a,p.details a{text-decoration:none}

p.details{
	border-bottom:1px solid #ccc;
	font-size:0.8em;
	margin:-0.6em 0 0.5em;
	padding:0 0 3px;
}
p.details span.date,
p.date{
	background:url(../images/icons/icon_date.gif) left 0px no-repeat;
	padding:0px 0 3px 13px ;
	color:#aaa;
}
p.date
{
margin:-0.6em 0 0.5em;
}
a.viewmore{
	background:url(../images/icons/arrow_right.gif) left 2px no-repeat;
	padding-left:13px;
	text-decoration:none;
}
.imageArticle{
	display:block;
	float:right;
	margin:0em 5px 10px 10px;
}

p.back,
p.more{
	margin-top:1em;
	padding:0.5em 0;
	clear:both;
	border-top:1px solid #ccc;
}

.back a,
.more a{
	background:transparent url(../images/icons/arrow_right.gif) no-repeat scroll left 2px;
	padding-left:13px;
	text-decoration:none;
}
p.back a{background-image:url(../images/icons/arrow_left.gif)}

#mediacentre_actions{
	float:right;
	margin:0;
	padding:0;
}

#mediacentre_actions a img{
	padding:2px;
	margin:0px;
	border:1px solid #fff;
}


#mediacentre_actions a:hover img{
	border:1px solid #027ABB;
	background:#E9F6FD;
	padding:2px;
}
/******************************************/
/*            PAGINATION                 */
/******************************************/
.page{
	position:relative;
	height:1%;
	margin:1em 0px 0.5em 0px;
	padding:0.7em 0.5em;
	border:1px solid #ddd;
	background:#fff url(../images/action_background.gif) top repeat-x;
	color:#333;
	clear:both;
}
.page a,
.page a:visited,
.page .this,
a.button
{
	border:1px solid #ddd;
	margin:2px;
	text-decoration:none;
	background:#fff url(../images/page_link.gif) bottom repeat-x;
	padding:3px 5px;
	color:#444;
}
.page .this{
	background:#fff; color:#999; border-color:#eee;
}

.page a:hover,
.page a:focus,
a.button:hover,
a.button:focus,
a.firstlast,
a.firstlast:visited{
	background:#dfeaf3 url(../images/page_link_hover.gif) bottom repeat-x;
	border-color:#758795;
	color:#333;
}
a.firstlast:hover,
a.button:active,
.page a:active
{
	background-image:url(../images/page_link_fl_hover.gif);
	background-color:#c2e3fa
}

/******************************************/
/*            thumbnails (myaccount)       */
/******************************************/
.thumbnail{
	height:1%;
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
}
.thumbnail li{float:left; margin-bottom:0.5em;}
.thumbnail a{
	background:#fff;
	border:1px solid #B5D4FE;
	display:block;
	margin-right:10px;
	padding:5px;
	text-decoration:none;
	text-align:center;
	width:100px;
}
.thumbnail a:hover{ border:1px solid #36c; background:#F8FAFC;}
.thumbnail li img{
	display:block;
	height:65px;
	margin:0 auto;
	width:80px;
}

/******************************************/
/*            Latest                      */
/******************************************/
#latest,#searchinfo {
	background:#116faa url(../images/latest.jpg) bottom left repeat-x;
	border:1px solid #CCC;
	color:#fff;
	padding:5px;
}

#latest h2{color:#fff;}

#latest a {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}

#latest a:hover {
	color:#CCC;
}

#latestnews {margin-right:5px;	border-bottom:1px solid #CCC;}
#events {margin-right:5px;	}



#latest dl{margin:8px 0px 0px 0px; font-size:0.95em; padding-bottom:5px;}
#latest dd{margin:0px; padding:0px;}
dd.title{font-weight:bold;}
#latestnews dd.date{font-size:0.80em; background:url(../images/date.gif) left top no-repeat; padding-left:15px; height:1%; }
#events dd.date{font-size:0.80em; background:url(../images/calendar.gif) left top no-repeat; padding-left:15px; height:1%;}
#events h2 {padding-top:5px;  }

.viewall { float:right; margin-top:5px;}


/* MEMBERS DIRECTORY */
#searchinfo
{
margin-bottom:1em;
list-type:none;
padding:0.5em;
}

/* Member table */

#membertable td{
	margin:5px;
	padding:5px;
}

.tablefree {
	background:#0099cc;
	text-align:center;
	font-weight:bold;
}

.tablediscount {
	background:#0099FF;
	text-align:center;
	font-weight:bold;
}

.tablecharge {
	background:#FF0000;
	text-align:center;
	font-weight:bold;
	color:#fff;
}

/* VACANCIES */
dl.vacancy{
	margin:0 0 1em;
}
dl.vacancy dt{margin-top:0.5em;}
dl.vacancy dt a{text-decoration:none;}
dl.vacancy dd{padding:5px 0;}


dl.vacancy dd.more_info{
	border-bottom:1px solid #ccc;
	margin:0 ;
	padding:0;
}
dl.vacancy dd .date{
	background:url(../images/icons/icon_date.gif) left 0px no-repeat;
	color:#aaa;
	padding:0 0 0 13px ;
}
table.vacancy
{
	margin:0 auto 1em;
	border:1px solid #1974AD;
	width:95%;
	border-spacing: 0;
	border-collapse:collapse;
}

table.vacancy th{
	background:#fbfbfb;
	border:0;
	padding:0.5em 1em 0.5em 0.5em;
	vertical-align:top;
	width:150px;
}
table.vacancy thead tr th{
	border-bottom:1px solid #1974AD;
	background:#c0d1df url(../images/th_background.gif) bottom left repeat-x;
	color:#fff;
	font-weight:bold;
	margin-bottom:1px;
}

table.vacancy td{padding:0.5em;border-left:1px solid #ddd;}



/** TENDER TAP **/

#tender-tap {
    margin-top:15px;
}

#tender-tap h2 {
    margin-top:15px;
}

#tender-tap h2 a {
    font-weight:bold;
}

#tender-tap a.detail-link {
    font-size:0.95em;
}
