/* Start of CMSMS style sheet 'iopener_layout' */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1em;
}

img {
	border: 0;
}
a, 
a:link, 
a:active,
a:visited {
	text-decoration: none;
	color: #a32f2d;
        outline: none;
}
a:hover {
	text-decoration: underline;
	color: #a32f2d;
}
.clearing {
	clear: both;
	margin: 0;
	padding: 0;
        height: 0px;
}
/*****************basic layout *****************/
body {
	margin: 0;
	padding: 0;
        color: #707173;
        text-align: center;
	background-color: #f6f6f6;
}
#pagewrapper {
	width: 950px;
	margin: 80px auto;
	background-color: #fff;
        text-align: left;
        padding: 20px;
}
#pagewrapper_in {
        width: 950px;
        border: solid 1px #c6c7c9;
        
}

#header {
	width: 823px;
	margin: 0px auto;
	padding: 43px 0;
}
div#header h1 a {
	background: url(uploads/images/iopener_logo_small.gif) no-repeat left top;
	display: block;
	height: 86px;
        width: 86px;
	text-indent: -999em;
	text-decoration: none;
}
div#header h1 {
	margin: 0;
	padding: 0;
	line-height: 0;
	font-size: 0;
	height: 86px;
        width: 93px;
        float:left;
}
#header_home {
	width: 823px;
	margin: 0px auto;
	padding: 43px 0 0 0;
}
div#header_home h1 a {
	background: url(uploads/images/iopener_logo_big.gif) no-repeat left top;
	display: block;
        width: 146px;
	height: 146px;
	text-indent: -999em;
	text-decoration: none;
}
div#header_home h1 {
	margin: 0;
	padding: 0;
	line-height: 0;
	font-size: 0;
        width: 160px;
	height: 146px;
        float:left;
}
.nav_search {
        float: right;
	width: 630px;
	height: 88px;
}

div#search {
        position: absolute;
	width: 180px;
	padding: 0;
	margin: 64px 0 0 380px;
} 

input.search-input {
	height: 18px;
	width: 136px;
        padding: 2px 0 0 12px;
	margin: 0px;
        border: solid 1px #C6C7C9;
        font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}
input.search-button {
	border: none;
	height: 22px;
	width: 30px;
	margin: 0px;
	padding: 0px 0px 2px 0px;
	cursor: pointer;
        font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
        color: #fff;
	background-color: #a32f2d;
}
.sidebar_search {
  margin-bottom: 11px;
  padding-top: 4px;
}
.sidebar_search input.search-input {
  width: 94px;
}

div#sidebar {
	float: left;
	width: 180px;
	display: inline;
	margin: 0px;
	padding-left: 25px;
}

div#sidebar div.contacts {
	padding: 0 0 0 38px;
	background: url(uploads/images/contacts_arr.gif) no-repeat left 6px;
        font-size: 1.1em;
        font-weight: bold;
        line-height: 2em;
}
div#sidebar div.contacts a,
div#sidebar div.contacts a:link,
div#sidebar div.contacts a:active,
div#sidebar div.contacts a:visited {
	color: #707173;
        text-decoration: none;
}
div#sidebar div.contacts a:hover {
        text-decoration: underline;
        color: #A32F2D;
}
div#sidebar div.contacts_home {
	padding: 40px 0 0 38px;
	background: url(uploads/images/contacts_arr.gif) no-repeat left 46px;
        font-size: 1.1em;
        font-weight: bold;
        line-height: 2em;
}
div#sidebar div.contacts_home a,
div#sidebar div.contacts_home a:link,
div#sidebar div.contacts_home a:active,
div#sidebar div.contacts_home a:visited {
	color: #707173;
        text-decoration: none;
}
div#sidebar div.contacts_home a:hover {
        text-decoration: anderline;
        color: ##A32F2D
}
div#sidebar div.side_quotation {
        padding: 30px 0 20px 0px;
        text-align: left;
        font-size: 1.1em;
}
div#sidebar div.side_quotation_home {
        padding: 20px 0 25px 0px;
}
div#sidebar div.side_quotation .quote {
        text-align: left;
}
div.quotation .quote,
#tinymce .quote {
        text-align: left;
        line-height: 1.4em;
}
div.quotation .author {
        text-align: left;
}
div#content {
	margin: 0px;
	padding-bottom: 30px;
}

div#main {
	padding-right: 63px;
        float: right;
        width: 630px;
        font-size: 1.2em;
}
div#main_home {
	padding-right: 63px;
        float: right;
        width: 630px;
        font-size: 1.2em;
}
div#main_home p {
        line-height: 1.6em;
        width: 100%;
}
table.rcentre {
        line-height: 1.5em;
        font-size: 0.8em;
}
table.rcentre td {
        vertical-align: top;
        width: 50%;
        text-align: justify;
}
table.rcentre td ul {
        margin: 0 !important;
}

table.clients td {
        float: none;
        text-align:center;
}
table.clients td img{
        float: none !important;
        margin: 0 auto;
}
div.title1 {
        background: url(uploads/images/title_shadow.jpg) repeat-x left top;
        dispaly: block;
        height: 26px;
        width: 630px;
        margin:  0px -17px 10px -3px;
        color: #fff;
        padding: 3px 17px 17px 3px;
}
div.title1 span {
        dispaly: block;
        float:left;
        height: 22px;
        width: 617px;
        background-color: #7e7f81;
        color: #fff;        
        font-size: 1em;
        line-height: 1em;
        margin: 0px;
        padding: 4px 0 0 13px;
}
div.title1 span a,
div.title1 span a:link,
div.title1 span a:active,
div.title1 span a:visited {
        color: #fff;        
}

div.title1 span:hover {
        background-color: #9b9c9d;      
}
div.title1 span a:hover {
        text-decoration: none;  
}

div.title2 {
        background: url(uploads/images/title_shadow.jpg) repeat-x left top;
        dispaly: block;
        height: 26px;
        width: 630px;
        margin:  25px -17px 0 -3px;
        color: #fff;
        padding: 3px 17px 17px 3px;
}
div.title2 span {
        dispaly: block;
        float:left;
        height: 22px;
        width: 617px;
        background-color: #9b9c9d;
        color: #fff;        
        font-size: 1em;
        line-height: 1em;
        margin: 0px;
        padding: 4px 0 0 13px;
}
div.title2 span a,
div.title2 span a:link,
div.title2 span a:active,
div.title2 span a:visited {
        color: #fff;        
}

div.title2 span:hover {
        background-color: #7e7f81;      
}
div.title2 span a:hover {
        text-decoration: none;  
}



div#footer {
        font-size: 0.8em;
        padding: 20px 0 0 63px;
}

div#footer a,
div#footer a:link,
div#footer a:visited,
div#footer a:active
 {
	color: #707173;
        padding-right: 10px;
        text-decoration: none;
}

div#footer a:hover
 {
        text-decoration: underline;
        color: #A32F2D;
}


/********************CONTENT STYLING*********************/
/* HEADINGS */

.mceContentBody h1,
div#main_home h1,
div#main h1 {
	font-size: 1.2em;
	margin: -10px 0 0 0;
        padding: 10px 0 15px 0;
        color: #a32f2d;
        font-weight: normal;
        text-transform:lowercase;
}
.mceContentBody h2,
div#main_home h2,
div#main h2 {
	font-size: 1.1em;
	margin: 0;
        padding: 15px 0 5px 0;
        color: #707173;
        font-weight: bold;
        /*text-transform:lowercase;*/
}
.mceContentBody h3,
div#main_home h3,
div#main h3 {
	font-size: 1em;
	margin:0;
        padding: 10px 0 0 0;
        color: #a32f2d;
        font-weight: normal;
        /*text-transform:lowercase;*/
}
.mceContentBody h4,
div#main_home h4,
div#main h4 {
	font-size: 1em;
	margin: 5px 0 0 0;
        padding: 10 0 0 0;
        color: #B1B3B4;
        font-weight: bold;
        /*text-transform:lowercase;*/
}

/* END HEADINGS */
/* TEXT */
.mceContentBody {
        padding: 5px;
        line-height: 1.5em;
        text-align: justify;
        color: #707173 !important;
        font-size: 0.9em;
}
.mceContentBody table td {
        padding: 5px;
        line-height: 1.5em;
        border: solid 1px #707173 !important;
        font-size: 0.9em;
        color: #707173;
        font-family: Arial, Helvetica, sans-serif;
        vertical-align: top;
}
.mceContentBody table.rcentre td {
        font-size: 1em;
}
.mceContentBody hr,
div#main hr {
        border: none;
	height: 1px;
	margin: 2em 0;
	border-bottom: solid 1px #A32F2D !important;
	padding: 0;
        left:0;
        position: relative;
        top:0;
}
p {
	margin: 0.5em 0 1.2em 0;
	padding: 0;
        line-height: 1.4em;
        text-align: justify;
        font-size: auto;
}
div#main {
        line-height: 1.4em;
        text-align: justify;
        font-size: auto;
}
div#main table td {
        vertical-align: top;
}
blockquote,
.quote,
.mceContentBody .quote {
        font-style: italic;
        color: #b1b3b4;
        font-weight: bold;
        font-size: 0.9em;
        padding: 0 0 0 40px;
	margin: 0.6em 0 0.3em 0;
        display: block;
text-align:left;
}
.author,
.mceContentBody .author {
        color: #b1b3b4;
        font-size: 0.8em;
        padding: 0 0 0 40px;
	margin: 0.2em 0 0.8em 0;
        display: block;
text-align:left;
}
.tabletext,
.mceContentBody .tabletext {
text-align:left;
}

.small_txt {
        font-size: 0.8em;
        line-height: 1.8em;
}
.xxl_txt,
div#main_home p.xxl_txt {
        font-family:Georgia,Arial,Tahoma,Helvetica,sans-serif;
        font-size: 2.4em;
        color: #b1b3b4;
        padding: 0px;
        line-height: 1.3em;
        margin: -10px 0 30px 0;
        text-align: left;

}
div#main img,
.mceContentBody img {
        float: right;
        margin: 0 0 20px 20px;
}
.right {
        float: right;
}
.left {
        float: left;
}
strong, b {
	font-weight: bold;
}
em, i {
	font-style: italic;
}

pre {
/* black border for pre blocks */
	border: 1px solid #000;
/* set different from surroundings to stand out */
	background-color: #ddd;
	margin: 0 1em 1em 1em;
	padding: 0.5em;
	line-height: 1.5em;
	font-size: 90%;
}
/* Separating the divs on the template explanation page */
div.templatecode {
	margin: 0 0 2.5em;
}


div#main ul,
div#main ol,
div#main dl {
	font-size: 1.0em;
	line-height: 1.4em;
	margin: 0 0 5px 0;
}
div#main ul li,
div#main ol li {
	margin: 0;
}
div#main .events_cat_list ul {
        margin: 0;
        padding: 0;
}
div#main .events_cat_list ul li {
        background:transparent none repeat scroll 0 0;
        padding: 0;
}
div#main .events_cat_list ul ul {
        margin: 0;
        padding: 0 0 10px 20px;
}
div#main ul,
table.rcentre ul {
       list-style: none;
       padding-left: 15px;
}
div#main ul li,
table.rcentre ul li {
       list-style: none;
       background: url(uploads/images/bullet.gif) no-repeat left 5px;
       padding: 0 0 5px 15px;
}
/* definition lists topics on bold */
div#main dl {
        margin-left: 2em;
	padding: 0;

}
div#main dl dt {
	font-weight: bold;
        font-size: 0.9em;
	margin-bottom: 2em;
	padding-bottom: 1em;
	border-bottom: 1px solid #B1B3B4;
}
div#main dl dd {
	margin: 0;
        font-size: 0.8em;
}
/* Wrapping text in <code> tags. Makes CSS not validate */
code, pre {
/* css-3 */
	white-space: pre-wrap;
/* Mozilla, since 1999 */
	white-space: -moz-pre-wrap;
/* Opera 4-6 */
	white-space: -pre-wrap;
/* Opera 7 */
	white-space: -o-pre-wrap;
/* Internet Explorer 5.5+ */
	word-wrap: break-word;
	font-family: "Courier New", Courier, monospace;
	font-size: 1em;
}
/**********News*****************/
.news_category {
        border-bottom: 1px solid #707173;       
        padding: 10px 0;
      /* text-transform:lowercase;*/
}
.news_list {
      
}
.news_item {
        padding: 30px 0;
        border-bottom: solid 1px #eaeaea;
}
.news_image {
        float: left;
        width: 100px;
        margin: 0;
        padding: 0 20px 0 0;
}
div#main .news_image img {
        margin: 0;
        padding: 0;
}
.news_content {
        font-size: 0.8em;
        float: right;
        width: 510px;
}
.news_content2 {
        font-size: 0.8em;
        width: 630px;
}
.news_title {
        font-size: 1.1em;
        font-weight: bold;
        text-align:left;
}
.news_date {
        font-style:italic;
}
.news_paginate {
        font-size: 0.8em;
        padding-top: 5px;
}
.news_paginate a {
        padding: 0 4px 0 0;
}
.article_item {
        font-size: 0.8em;
}
.article_item .title {
        font-weight: bold;
        color: #A32F2D;
        text-align:left;
        font-size: 1.1em;
}
.article_item .date {
        font-style:italic;
}
.article_item .source {
}
.article_item .content {
        font-size: 1.1em;
        padding-top: 20px;
}

/**********Events List*****************/
.events_category {
        border-bottom: 1px solid #707173;       
        padding: 10px 0;
       /* text-transform:lowercase;*/
}
.events_list {
      
}

.events_item {
        padding: 30px 0;
        border-bottom: solid 1px #eaeaea;
}
.events_image {
        float: left;
        width: 100px;
        margin: 0;
        padding: 0 20px 0 0;
}
div#main .events_image img {
        margin: 0;
        padding: 0;
}
.events_content {
        font-size: 0.8em;
        float: right;
        width: 510px;
}
.events_content2 {
        font-size: 0.8em;
        width: 630px;
}
.events_description {
       padding: 10px 0 10px 0;
}
.events_strapline {
       padding: 0 0 10px 0;
       font-weight: bold;
}
.events_more {
       display: inline;
}
.events_purchase {}
.events_title {
        font-size: 1.1em;
        font-weight: bold;
}
.events_date {
        font-style:italic;
}
.events_paginate {
        font-size: 0.8em;
        padding-top: 5px;
}

.events_paginate a {
        padding: 0 4px 0 0;
}

.events_cat_list ul {
       list-style-type:none;
}

/**********Event Item*****************/
.event_item {
        font-size: 0.8em;
}
.event_item .image {}
.event_item .title{
        color: #A32F2D;
        font-weight: bold;
        font-size: 1.1em;
}
.event_item .strapline{
       padding: 0 0 10px 0;
       font-weight: bold;
}
.event_item .date{
        font-style:italic;
}
.event_item .time{}
.event_item .venue{}
.event_item .externallink{}
.event_item .grouplink{}
.event_item .address .address1{}
.event_item .address .address2{}
.event_item .address .town{}
.event_item .address .county{}
.event_item .address .postcode{}
.event_item .address .maplink{}
.event_item .long_description {
       font-size: 1.1em;
       padding: 10px 0;
}
.event_item .who_should_attend{}
.event_item .price{}
.events_purchase input,
.event_item .purchase input {
	border: none;
	height: 22px;
	margin: 0px;
	padding: 0px 5px;
	cursor: pointer;
        font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
        color: #fff;
	background-color: #a32f2d;
}

/**********Booking*****************/
.pageoverflow {
        font-size: 0.8em;
}
.pageoverflow .pagetext {
        margin: 5px 0;
}
.pageoverflow .pagetext span {
        color: #A32F2D;
        font-weight: bold;
        font-size: 1.1em;
}
.pageoverflow .pageinput {
        margin: 0 0 15px 0;
}
.pageoverflow .pageinput textarea {
        width: 50%;
}
.pageoverflow .reg_errors {
        padding: 10px;
        margin: 10px 0px;
        background-color: #fed4d3;
        border: solid 1px #A32F2D;
        color: #A32F2D;
        font-size: 1.1em;
        width: 50%;
}
.pagetable td {
        font-size: 0.8em;
        padding-right: 20px;
}
.pageoverflow .pageinput #cntnt01submitReg1,
.pageoverflow .pageinput #cntnt01submitReg2 {
        border: none;
	height: 22px;
	margin: 0px;
	padding: 0px 5px;
	cursor: pointer;
        font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
        color: #fff;
	background-color: #a32f2d;
        outline: none;
}
.pageoverflow .pageinput #cntnt01cancel {
        border: none;
	height: 22px;
	margin: 0px;
	padding: 0px 5px;
	cursor: pointer;
        font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
        color: #fff;
	background-color: #C6C7C9;
        outline: none;
}

/***********************************
  Homepage news flash
***********************************/
.news_flash
{
  clear: right;
  /*color: #B1B3B4;*/
  float: right;
  font-size: 14px;
  margin: 19px 71px 10px 0;
  text-align: left;
  width: 559px;
}

.news_flash p
{
  margin: 0;
  text-align: left;
}

/***********************************
  Homepage left news scroller
***********************************/
.left_news_scroller
{
  height: 115px;
  overflow: auto;
  padding: 0 0 0 40px;
  text-align: left;
}

.left_news_scroller p
{
  text-align: left;
}

/***********************************
  Surveys Payment
***********************************/
.ippq_button
{
  border: none;
  height: 22px;
  margin: 0px;
  padding: 0px 5px;
  cursor: pointer;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #fff;
  background-color: #a32f2d;
}

/* End of 'iopener_layout' */