html, body {margin:0;
padding:0;
text-align:center;}

body {font: 62.5% arial,sans-serif;
background: #EAEAEA url(../../../images/rebrand/bg_770.gif) repeat-y top center;}

#outer {width:770px;
text-align:left;
margin-left:auto;
margin-right:auto;}

#header {position:relative;
height:130px;
background-color:#ffffff;
width:100%;}

#leftcol {width:170px;
float:left;
position:relative;
background-color:#ffffff;}

#twocols {width:600px;
float:right;
position:relative;}

#rightcol {width:170px;
float:right;
position:relative;
background-color:#ffffff;}

#maincol {background-color: #FFFFFF;
float: left;
display:inline;
position: relative;
width:430px;
font-size: 1.3em;
line-height: 1.4em;}

#maincontent {padding: 0 8px 0 6px;}

#leftcontent {padding: 0 4px 0 0;}

#rightcontent {padding: 38px 0px 4px 8px;}

#footer {height: 30px;
background-color: #ffffff;
clear:both;
margin-top: 50px;}

/* Main element styling */

/* -- Top links and accessibility -- */

#toplinks {float: left;
width: 500px;}

#toplinks ul, #toplinks li {margin: 0;
list-style: none;
padding-top: 3px;
padding-left: 0em;
padding-bottom: 0em;
padding-right: 0em;}

#toplinks li {float: left}

#toplinks li a {display: block;
color: #99938a;
font-weight: bold;
padding: 1px 5px 3px 5px;
font-size: 1.1em;
text-decoration: none}

#toplinks li a:hover {background-color: #99938a;
color: #fff}

#toplinks li a.toplinkimage:hover {color: #fff;
background-color: #ffffff}

#toplinks li#skipnav {width:0;
height:0;
overflow:hidden;}

/* -- END Top links and accessibility -- */

#lcdlogo, img#actionabilitylogo, #tagline {position: absolute;}

#lcdlogo {left: 635px;
top: 16px}

img#actionabilitylogo {left: 10px;
top: 38px;}

#tagline {left: 10px;
top: 88px;
font-size: 1.5em;
font-weight: bold;
color: #000;}

h1, h2, h3 {margin:0;
padding: 0;}

a {color: #aa0056;
text-decoration: none;
}

a:hover {text-decoration: underline}

h1 {color: #aa0056; display: block; 
border-bottom: 3px solid #dfa4ba;
font-size: 2em;
line-height: 1em;}

h2 {color: #aa0056;
font-size: 1.3em;}

h3 {color: #aa0056;
font-size: 1.2em;}

span.blogdate {color: #aa0056;
font-size: 1.1em;}

#maincontent ul {margin: 0;
padding: 0;}

#maincontent ul li {margin: 0 0 0.3em;
padding: 0;
list-style: none;
background: url(../../../images/rebrand/red_square.gif) no-repeat left 0.3em;
padding-left: 14px;}

div#footer p {margin:0;
padding: 0px 10px 1px 10px;
color: #99938a;
font-size: 1em;}

/* -- Navigation crumbs -- */

div.crumb {margin: 0 0 5px 0;
font-size: 0.9em;
color: #717070;}

div.crumb a:link, div.crumb a:active, div.crumb a:visited {color: #717070;}

/* -- END Navigation crumbs -- */

/* Events and news listing */

.eventnewsblock {display: block;
clear:both;
border-bottom: 2px solid #f5eff3;
padding: 8px 0 8px 0}

.eventnewsblock h2 {}

.eventnewsblock .caleffect {
background: url(../../../images/events/calendar.png) no-repeat 0px 3px;
padding-left: 42px;
height: 58px}

.eventnewsblock img {float: right;
margin: 0 0 4px 8px;}

.eventnewsblock a {color: #74004c;
display: block; 
clear: left;
margin: 6px 0 0 0;
background: transparent url(../../../images/events/events2_arrow.gif) no-repeat 4px 3px;
padding: 0 0 0 19px}

#maincontent .eventnewsblock ul {margin-bottom: 6px;}

#maincontent .eventnewsblock ul li {background: none;
margin: 0;
padding: 0;}

.eventnewsblock h2 a {background: none;
padding: 0;
margin: 0;}

/* Left nav menu */

#leftnavmenu {border: 2px solid #e9c0cf;
width:154px;
margin-bottom: 10px}

#leftnavmenu ul {margin: 0;
padding: 0;
list-style-type: none;
font-weight: bold;}

#leftnavmenu a {display: block;
padding: 6px 15px 6px 20px;
color: #74004c;
font-size: 1.5em;}

#leftnavmenu li {margin: 0 0 2px 0;
background: #f5eff3 url(../../../images/events/events2_arrow.gif) no-repeat 4px 11px;}

/* Quote box */

#eventquoteblock {
width: 158px;
background-color: #74004c;
color: #ffffff;
padding: 1px 0 1px 0}

#eventquote {margin: 10px 6px 0 6px;
font-size: 1.4em}

#eventquotefrom {margin: 10px 6px 10px 6px;
font-size: 1.4em;
font-weight: bold;
color: #dfa4ba;}

/* Left side buttons */

#extrabuttons a img {border: 0;
margin-top: 10px;}

/* Right-side boxes */

#contactblock, #calminblock, #blogtags_block {border: 2px solid #dfa4ba;
width:156px;
margin-bottom: 10px}

#contactblock h3, #calminblock h3, #blogtags_block h3 {font-size: 1.6em;
background-color: #efd2dd;
padding: 2px 0 2px 6px;}

#contacttext {font-size: 1.2em;
line-height: 1.6em;
margin: 6px;
overflow: hidden;
/* width: 100%; */
}

#contacttext span {font-size: 1.5em;
color: #aa0056}

a#newsletterblock {display: block;
width: 160px;
height: 60px;
color: #ffffff;
font-size: 1.8em;
padding: 1px 0 1px 0;
margin-bottom: 10px;
background: #d21a4d url(../../../images/events/contact_events.gif) no-repeat 126px 5px;}

a#newsletterblock span, a#enquireblock span {display: block;
margin: 6px;}

a#enquireblock {display: block;
width: 160px;
height: 60px;
background-color: #efd2dd;
color: #74004c;
font-size: 1.8em;
padding: 1px 0 1px 0;
margin-bottom: 10px;}

#blogtags_block ul {font-size: 1.2em;
padding: 0;
margin: 6px;
list-style:none;}

#blogtags_block li {padding: 0;
list-style:none;}

/* Event tabbed navigation */

#maincontent ul.domtabs, #maincontent ul.domtabs li {
padding: 0;
margin: 0 0 8px 0;
list-style: none;}

#maincontent ul.domtabs li {float: left;
margin: 0 0 0 1px;
background: none}

ul.domtabs li a {display: block;
background-color: #F5EFF3;
padding: 5px 10px;
color: #74004c;
font-size: 1.1em;
font-weight: bold;}

ul.domtabs li.active a {color: #d21a4d;}

ul.eventdetails {font-size:1em;
font-weight: bold;
color: #4c4c4c;
border-bottom: 2px solid #f4eff3;
}

#maincontent ul.eventdetails li {background: none;
padding: 0 0 0 11px}

a#details, a#register, a#qanda, a#section4, a#section5, a#eventdownload {display: none}


/* Mini calendar styling */

#calminblock a.mincalentry {display: block;
margin: 8px 4px 8px 4px;
font-size: 1.2em;
color: #5b003a;
}

#calminblock a.mincalentry span {background: #f2d9e2;
padding: 3px;
line-height: 2em;
color: #000;
}

#calminblock a.viewlink {display: block;
background: #d21a4d;
color: #ffffff;
font-size: 1.2em;
font-weight: bold;
padding: 3px 3px 3px 6px;
margin: 7px 0px;}

/* Calendar styling */

div.webblerpaging {width: 400px;}

div.webblerpaging a {display: block;
float: left;
padding: 3px;
margin: 1px}

div.webblerpaging a.current {font-weight: normal;
background-color: #F2D9E2;}

/* IMAGE TABLE PADDING */

table.documentimage,
table.documentimage_left {padding: 0 10px 10px 0}

table.documentimage_centre {padding: 10px 0 10px 0}

table.documentimage_right {padding: 0 0 8px 10px}

#usercomments {display: block; border-top: 1px solid #e9c0cf; border-bottom: 1px solid #e9c0cf; padding: 10px 0}
#usercomments legend, #usercomments .hide {display: none}
#usercomments fieldset {border: 0; margin: 0; padding: 0}
#usercomments label {width: 80px; display: block; float: left}
#usercomments .comment {display: block; border-bottom: 1px solid #e9c0cf; padding: 0 0 1.4em 0}
#usercomments a.usercommentsubmit {font-weight: bold; text-transform: capitalize}

/* *** Float containers fix: */

.clearfix:after {content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */

/*printer styles*/

@media print{

/*hide the left column when printing*/

#leftcol {display:none;}

/*hide the right column when printing*/

#rightcol {display:none;}

#twocols, #maincol {width:100%;
float:none;}

}