/*===========================================================================================*
 * SITE LAYOUT / ID POSITIONING                                                              *
 * Sets positioning of xhtml elements  on the web page. No FAC!                              *
 * Optix Solutions Ltd / Tom Harman 2005                                                     *
 *===========================================================================================*/


/* =ALLOW 100% HEIGHT WITH HEADER AND FOOTER : CONTAINER EQUALS ALL HEIGHT - FOOTER **********/

html, body 	{
	height: 100%;  /* required for vertical centering */
}

body {
	background: #fff url(../i/layout/bg.gif) repeat-x;
}

div#optix {
	border-top: 6px solid #ccc;
	border-bottom: 6px solid #ccc;
	padding: 10px 0px 10px 8px;
	background-color: #f9f9f9;
}

div#container, div#footer {
	width: 100%; /* Width of the content site framework / container */
	position: relative;
	text-align: left;
}

div#header, div#footer-container {
	width: 782px; /* Width of the content site framework / container */
	position: relative;
	text-align: left;
}

div#main {
	background: #fff url(../i/layout/main-bg.gif) 5px 5px repeat;
}

/* =PAGE LAYOUT IDS **************************************************************************/

/* main container positioning at the top of page */

#header {
	background: url(../i/layout/header-logo.gif) no-repeat;
	height: 204px;
}

#strapline {
	background: url(../i/layout/header-bg.gif);
	/*height: 100px;*/
	margin-top: 76px;
	margin-bottom: 128px;
}

/* login nav */

#nav-login {
	margin:0;padding:0;
	/*float: right;*/
	text-align: right;
	padding: 58px 0 0 0;
	clear: both;
	/*padding: 58px 0 0 520px;*/
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#nav-login ul {
	margin: 0;
	padding: 0;
}

#nav-login ul li {
	display: inline;
	border-right: 1px solid #fff;
	padding: 0;
	margin: 0;
	padding-right: 8px;
	padding-left: 4px;
}

#nav-login ul li.last {
	border: none;
}

#nav-login ul li a {
	color: #fff;
}

/* invisible div so user can click on bd chamber logo */

#branding-logo {
	position: absolute;
	height: 60px;
	width: 220px;
	margin: 5px 0 0 10px;
}

#branding-logo a {
	display: block;
	height: 60px;
	text-indent: -999em;
}

#branding-logo a:hover {
	text-decoration: none;
}

#strapline-quote {
	background: url(../i/layout/header-strapline.gif) no-repeat;
	height: 30px;
	margin: 40px 0 0 25px;
}

#strapline-chart {
	background: url(../i/layout/header-chart-bottom.gif) no-repeat;
	height: 89px;
	margin: -66px 0 0 570px;
}

ul.news-pages {
	clear: both;
	float: right;
	text-align: right;
	width: 46%;
}

ul.news-pages li {
	text-align: center;
	list-style-type: none;
	border-right: 1px solid #000;
	padding:0;
	margin: 0;
	display: inline;
	margin-right: 5px;
	padding-right: 5px;
}

ul.news-pages li.last {
	margin-right: 0;
	padding-right: 0;
	border: 0;
}

/* global nav */

#nav-global {
	position: absolute;
	top: 177px;
	left: 0;
	margin:0;
	padding:0;
}

#nav-global ul {
	height: 21px;
	border-bottom: 1px solid #fff;
}

#nav-global div.wrapper {
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	margin: 0;
}

#nav-global div ul {
	margin: 0;
	padding: 0;
}

#nav-global ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;	
}		

#nav-global ul li a {
	color: #fff;
	display: block;
	border-right: 1px solid #fff;
	float: left;
	text-decoration: none;
	padding: 3px 22px 9px;
	position: relative;	
	width: auto;
}

#nav-global div a:hover {
	background: #A62121 url(../i/layout/nav-bg-hover.gif) repeat-x;
}

#nav-global div ul li.last {
	border-right: none;
}

/* #contact-details */

div#contact-details {
	background: #f3f3f3;
	border-top: #ccc 6px solid;
	margin-top: 1px;
	padding-left: 15px;
}

div#contact-details h1 {
	margin: 10px 0 0 0;
	text-transform: uppercase;
}

div#contact-details dl {
	margin-bottom:4px;
	margin-top: 8px;
	padding-bottom: 1px;	
}

/* Main section */

#content-sub-left {
	width: 200px;
	float: left;
	border: 0;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999999;
	background-color: #999;
}

#content-sub-right {
	width: 175px;
	background-color: #fff;

	float: left;
	border-left: 1px solid #999999;
	margin-left: -1px;
}

#content {
	float: left;
	min-height: 350px;
}

.ie #content {
	height: 350px;
}

/* local nav */

#nav-local {
	background-color: #f9f9f9;
	border-right: 0;
	padding:0;
	margin: 0;
}

#nav-local ul {
	margin: 0;
}

#nav-local ul li {
	border-bottom: 1px solid #999;
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#nav-local li a {
	display: block;
	background: #fff url(../i/layout/bullet-1.gif) 14px 14px no-repeat;
	padding: 10px 10px 10px 24px;
	margin: 0;
	width: auto;
}

#nav-local li a.inline {
/*	display: block;*/
	padding: 5px;
	margin-top: 0px;
	background: transparent;
	width: auto;
}

#nav-local li a:hover.inline {
}

#nav-local ul li a:hover {
	background-color: #eee;
	text-decoration:none;margin: 0;
}

#latest-news {
	border-top: 6px solid #ccc;
	border-bottom: 6px solid #ccc;
	padding: 10px 5px 1px 14px;
	background-color: #f9f9f9;
}

#site-search {
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	background: #fff url(../i/layout/content-bg-sub.gif);
	height: 80px;
}

#site-search form {
	margin: 5px -15px 0 14px;
	padding: 0;
}

#site-search input {
	margin: 10px 0 0 2px;
	padding: 0;
}

.search-results #content ul {
	list-style-type: none;
	text-indent: 0;
	padding: 0;
}

.search-results #content ul li{
	background: url(../i/layout/bullet-1.gif) 0 4px  no-repeat;
	text-indent: 0;
	padding-left: 10px;
	text-transform: uppercase;
} 



/* main content */

#content {
	width: 390px;
	/*background: #fff url(../i/layout/content-header.jpg) no-repeat;*/
	background: #fff url(../i/photos/homepage-photo-colour.jpg) no-repeat;
	border-right: 1px solid #999;
	border-left: 1px solid #999;
	margin-left: -1px;
	padding: 60px 7px 7px 7px;
}

/*.membership-home #content {
	background: #fff url(../i/layout/member-benefits-header.jpg) no-repeat;
}
*/
.no-content-image #content {
	background: #fff;
	padding: 7px;
}

.no-sidebar #content-sub-right {
	display: none;
}

.no-sidebar #content {
	width: 566px;
	border-right: 0;
}

/* subsection right */

#events-calendar {
	margin: 5px;
	text-align: center;
}

#events-calendar table, 
#events-calendar td, 
#events-calendar th, 
#events-calendar thead, 
#events-calendar tbody, 
#events-calendar tfoot {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0;
	padding:0;
}

#events-calendar table {
	width: 100%;
	text-align: center;
	border: 1px solid #ddd;
}

#events-calendar caption {
	background: #ddd;
	font-weight: bold;
	padding: 3px 8px;
	text-align: left;
}

#events-calendar table td {
	background-color: #f3f3f3;
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: bold;
	color: #666;
}

#events-calendar table td a, #events-calendar table th a {
	display: block;
	background-color: #C13B3A;
}

#events-calendar table td a {
	display: block;
	background-color: #C13B3A;
	color: #fff;
}


#events-calendar table td a:hover, #events-calendar table th a:hover {
	text-decoration: none;
	background-color: #A62121;
}

#events-calendar table th {
	background: #ddd;
	margin: 0;
	padding: 0;
}

#events-calendar table th a {
	background-color: #dedede;
}

#events-calendar table th a:hover {
	background-color: #eee;
}

#events-calendar td.pad {
	background-color: transparent;
}

#events-calendar .more-events a {
	padding: 3px 12px;
	text-align: right;
	font-weight: bold;
	background-color: #ddd;
	color: #333; 
}

#events-calendar .more-events a:hover {
	background-color: #eee;
}

#latest-event {
	margin-left: 8px;
}

/* footer */ 

div#footer {
	width: 100%;
	background: url(../i/layout/footer-bg.gif) left 11px repeat-x;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	height: 40px;
	border-top: 1px solid #999;
	padding-bottom: 25px;
}

.ie div#footer {
	padding-bottom: 5px;
}

/* nav footer */
	
div#footer-container {
	padding-top: 11px;/*
	margin-top: 11px;*/

}

#nav-footer {
	margin:0;
	padding: 14px 15px 0 15px;
	line-height: normal;
	width: 550px;
}

#nav-footer ul {
	height: 17px;
}

#nav-footer div.wrapper {
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	margin: 0;
}

#nav-footer div ul {
	margin: 0;
	padding: 0;
}

#nav-footer ul li {
	float: left;
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 1em;
	border-right: 1px solid #fff;
}		

#nav-footer ul li a {
	height: 21px;
	padding: 5px 5px;
	color: #fff;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#nav-footer div a {
	display: block;
	text-decoration: none;
	padding: 0px 23px;
	color: #fff;
}

.ie #nav-footer div a {
	display: inline-block;
	text-decoration: none;
	padding: 6px 23px 0;
	margin-bottom: -4px;
	color: #fff;
}

#nav-footer div a:hover {
	background: #A62121 url(../i/layout/nav-bg-hover.gif) repeat-x;
}

#nav-footer .last, .last {
	border-right: none;
}

#siteinfo-legal {
	float:left;
	padding-left: 20px;
	margin: -7px 0 0 0;
	color: #999;
}

#siteinfo-legal a {
	color: #999;
}

#siteinfo-credits {
	float:right;
	margin: -28px 0 0 0;
	color: #ddd;
}

#siteinfo-credits a {
	color: #ddd;
}

/* <group=sub-gallery> */

.sub-gallery #content-sub-right {
	width: 130px;
	margin-top: 42px;
}

.sub-gallery #content {
	width: 430px;
	border-right: 0;
}

/* </group> */

/* <group=gallery-thumbnails> */

.photo-gallery #content ul.thumb {
	text-align: center;
	margin-left: 35px;
	display: block;
	clear: both;
}

.photo-gallery #content h2 {
	display: block;
	clear: both;
}


#main ul.thumb {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* category delete in admin area */
div#category-list ul li a.photo-delete {
	margin: 0 auto;
	margin-left: 0;
	margin-bottom: 15px;
	text-align: center;
	width: auto;
	background: url('../i/layout/admin-delete.gif') 0 center no-repeat;
	display: inline;
	padding-left: 12px;
}

* html div#category-list ul li a.photo-delete {
	background: url('../i/layout/admin-delete.gif') 12px center no-repeat;
	padding-left: 0;
}

/* photo-delete in admin area */

div#main div#content ul.thumb li p.photo-delete {
	margin: 0 auto;
	margin-left: 0;
	margin-bottom: 15px;
	text-align: center;
	width: auto;
}

div#main div#content ul.thumb li p.photo-delete a {
	background: url('../i/layout/admin-delete.gif') 0 center no-repeat;
	display: inline;
	padding-left: 12px;
}

* html div#main div#content ul.thumb li p.photo-delete a {
	background: url('../i/layout/admin-delete.gif') 12px center no-repeat;
	padding-left: 0;
}

#main ul.thumb li {
	text-align: center;	
	text-indent: 0;
	margin: 4px;
	float: left;
}

.ie #main ul.thumb {
	margin-top: 10px;
}

#main ul.thumb p {
	display: block;
	position: relative;
	width: 150px;
	clear: both;
	margin: 0 0 0 -10px;
}

#main ul.thumb p img{
	position: relative;
	border: 0;
	margin: -12px 36px 0 0;
}

#main ul.thumb li img {
	/*margin: 23px 0 0 0;*/
	margin: 12px 0 0 0;
	border: 1px solid #ccc;
	float: none;
}

#main ul.thumb li.v img {
	margin-top: 12px;
}

#main ul.thumb li.next a {
	padding-top: 37px;
	margin-bottom: -37px;
	font-size: 120%;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

#main ul.thumb li.next a:hover {
	text-decoration: none;
}

#main ul.thumb li a {
	background: url(../i/gallery/thumb-bg.gif) no-repeat;
	height: 114px;
	width: 114px;
	display: block;
}

#main ul.thumb li a:hover {
	background: url(../i/gallery/thumb-bg-2.gif) no-repeat;
}

/* </group> */

/* <group=gallery-large> */

#main #full-img {
	text-align: center;
	margin: 0 auto;
}

#main #full-img img {
	float: none;
	text-align: center;
	border-right: 2px solid #999;
	border-bottom: 2px solid #999;
	background: #ccc;
	padding: 6px;
}

/* </group> */

/* <group=photo nav> */
p#previous a, p#next a {
	width: 120px;
	background: #aaa;
	padding: 3px 0;
	font-size: 110%;
	font-weight: bold;
	color:#333;
}

p#previous a:hover, p#next a:hover {
	background: #999;
	text-decoration: none;
}

p#previous {
	float: left;
}

p#next {
	float: right;
}

/*#full-img {
	float: right;
}*/

#full-img p {
	font-weight: bold;
	text-transform: uppercase;
}

#photo-nav {
	float: left;
	padding: 5px;
	border: 1px solid #eee;
	background: #f9f9f9;
	margin-top: 3px;
}

#photo-nav p {
	text-decoration: underline;
	text-transform: uppercase;
	font-size: 90%;
}

#photo-nav ul li {
	list-style: none;
	list-style-position: outside;
	margin-left: 0px;
	margin-bottom: 1em;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 95%;
}

#photo-nav ul li a {
	color: #333;
}

#photo-nav ul li a:hover {
	color: #d33;
	text-decoration: none;
}

/* </group> */

/* <group=news-highlighted> */

#news-highlighted {
	float: left;
	width: 50%;
	margin-right: 10px;
}

#content .news-story h1 {
	font-size: 110%;
	border-bottom: 1px solid #ddd;
	margin: 4px;
	margin-bottom: 0;
	margin-right: 0;
	text-transform: uppercase;
	letter-spacing: normal;
	font-size: 95%;
}

#content .news-story h1 a {
	background: url(../i/layout/icon-news.gif) 0px 2px no-repeat;
	padding-left: 15px;
	color: #c44;
}

#content .news-story h1 a:hover {
	background: url(../i/layout/icon-news-2.gif) 0px 2px no-repeat;
	text-decoration: none;
	color: #000;
}

#content .news-story h2 {
	padding-left: 20px;
	font-size: 95%;
	font-weight: bold;
	font-style: italic;
}

.news div#content dt.recent-news-date a {
	background-image: none;
	
	color: #c11;
}

.news-story {
	border: 1px solid #ddd;
	padding-right: 4px;
	padding: 4px;
	margin-bottom: 8px;
}

.news-story p {
	margin-bottom:0;
}

/*.news #content dt a { background: url(../i/layout/icon-news-2.gif) 5px 2px no-repeat; }
.news #content dt a:hover { background: url(../i/layout/icon-news.gif) 5px 2px no-repeat; }*/

#content .news-story img {
	float: left; 
	padding: 0;
	margin:0;
	margin-right: 5px;
	
}

.news #content dl {
	float:right;
	width: 48%;
}

.no-side-bar #content {
	width: 566px;
}

/* </group> */


/* <group=admin> */

.admin-home #content {
	border: 0;
}

.admin #content-sub-left {
	border: 0;
}

.admin li.last {
	font-weight: bold;
}

.admin-home form {
	width: 50%;
}

.admin-home form.special {
	width: 50%;
}

.admin-home #content-sub-left {
	background: #fff;
}

/* =FORMS *****************************************************************/
form 							{ width: 100%;}
label		 					{ float: left;	width: 40%;	height: 22px;}
fieldset div input, 
fieldset div textarea  	{ width: 50% }
fieldset div textarea	{ height: 150px }

div.req label 				{ color: #333; font-weight: bold }
div.req-ext label 			{ color: #333; font-weight: bold; height: 45px}
div.multi label 			{ height: 22px; }
p.notice 					{ color: #d22 }

.admin-cms fieldset div textarea.large  	{ width: 100%; height: 300px }
.admin-cms div.req-text label 			{ color: #333; font-weight: bold; clear: both; float: none }

div#container div#content table.mceEditor tbody tr td a img, 
div#container div#content table.mceEditor tbody tr td img {
	border: 0;
	float: left;
}

div#container div#content table.mceEditor tbody tr td select {
	float: left;
}

div#container div#content table.mceEditor tbody tr td:hover {
	background: none;
}

#fm-submit input {
	border: 1px solid #955;
	padding: 1px .7em;
	background: #c44;
	color: #fff;
	width: auto;
	font-weight: bold;
}

a.fake-button {
	border: 1px solid #903030;
	padding: 2px .7em;
	background: #c44;
	color: #fff;
	width: auto;
	font-weight: bold;
}

a:hover.fake-button {
	background: #AF3A3A;
	text-decoration: none;
}

div.req-ext {
	height: 46px;
}

/* </group> */

.button-delete, .button-edit {
	font-weight: bold;
	margin-left: 5px;
}

#content ul.thumb p {
	/*float: left;*/
}

.ie #content ul.thumb p img {
	border: 0;
	float: right;
	top:-10px;
	right: 30px;
	position: absolute;
}

#content ul.thumb li p a {
	height: 0px;
}

#news-listing, #event-listing, #category-list {
	margin: 6px;
}

#news-listing ul li, #event-listing ul li, #category-list ul li {
	line-height: 2em;
}

#category-list {
	position: absolute;
}

input.form-cal {
	width: 40%;
	float: left;
}

.ie #content form fieldset input.form-cal {
	margin-left: 4px;
}

.admin #content img.form-cal {
	float: left;
	text-align:left;
	border: 0;
	padding-bottom: 3px;
	margin-top:1px;
}

.ie #category-list ul li img {
	margin-top: 0px;
}

a.pdf{
/*	float:none;
	border: none;
margin: 0px;*/
/*background-image: url(../i/layout/pdf.gif);
background-repeat: no-repeat;*/
padding-left: 10px;
/*padding-top: 2px;*/
}

.admin #category-list ul li a {
	display: inline;
}

div#content-wrapper {
	width: 782px;
/*	background-image: url(../i/layout/bg-repeat.jpg);
	background-repeat: repeat-y;*/
/*	float: left;*/
/*	display: block;*/
/*	border-right: 1px solid #999999;*/
}

#icons a img{
	text-align: left;
	float: left;
	border: 0;
}

/* =ADMIN */

.wide-listings-view div#content-sub-right {
	width: 195px;
}

.wide-listings-view div#content {
	width: 370px;
}

/* =subscriptions */

table#subscriptions {
	margin: 0;
	padding: 2px;
}

table#subscriptions tbody tr td {
	border-bottom: 1px solid #ddd;
	margin: 0 auto;
	padding: 1px;
}

table#subscriptions tbody {
	border: 1px solid #ddd;
}

table#subscriptions tbody {
	border: 1px solid #ddd;
}

table#subscriptions tbody td + td + td {
	text-align: center;
}

/* =contact */



.contact div#content dl, .contact div#content dd, .contact div#content dt {
	margin: 0;
	padding: 0;
	text-indent: 0;
	margin-left: 2px;
}

.contact div#content dt {
	margin-top: 10px;
}

.contact dl#contact-left {
	float: left;
	margin-right: 20px;
	width: 30%;
}

.contact dl#contact-right {
	float: left;
	padding-left: 100px;
	width: 30%;
}

.contact form#contact-form {
	width: 60%;
	padding-top: 12px;
	margin: 0;
	float: left;
}


.contact form#contact-form fieldset legend {
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.contact form#contact-form fieldset {
	border-top: 3px solid #ddd;
	border-right: 0;
	border-left: solid #fff;
	border-bottom: 0;
}

.contact form#contact-form fieldset div.submit {
	width: 50%;
	float: right;
	margin-right: 23px;
}

.contact form#contact-form fieldset div.extended label {
	width: 100%;
	text-align: left;
}

/* =chamber-links */

#content ul.chamber-links li {
	list-style: none;
	margin: 0;
	padding: 0;
	text-indent: 0;
	background: url(../i/layout/icon-news-2.gif) 0px 2px no-repeat;
	padding-left: 18px;
}

#content ul.chamber-links li a {
	color: #c44;
}

/* =contact */

p#contact-picture {
	float: right;
	width: 188px;
}

p#contact-picture a {
	font-weight: bold;
	text-decoration: underline;
}

p#contact-picture a:hover {
	color: #555;
}

/* =scale-of-subscriptions */

table#scale-of-subscriptions, table#scale-of-subscriptions caption {
	margin: 0 auto; 
}

table#scale-of-subscriptions {
	border: 1px solid #ddd;
	margin-bottom: 10px;
	clear: both;
	width: 90%;
	border-collapse: collapse;
}

table#scale-of-subscriptions caption {
	margin-bottom: 4px;
	font-weight: bold;
}

table#scale-of-subscriptions thead tr th {
	background: #eee;
	border-bottom: 1px solid #ddd;
	padding: 4px 2px 4px 2px;
}

table#scale-of-subscriptions tbody tr td {
	border-bottom: 1px solid #eee;
	padding: 2px;
}

/* setup columns */

table#scale-of-subscriptions th.subscription-category, 
table#scale-of-subscriptions td.subscription-category {
	text-align: center;
	width: 12%;
}

table#scale-of-subscriptions th.subscription-employees,
table#scale-of-subscriptions td.subscription-employees {
	text-align: left;
	width: 53%;
}

table#scale-of-subscriptions th.subscription-rate,
table#scale-of-subscriptions td.subscription-rate {
	text-align: center;
	width: 10%;
}

table#scale-of-subscriptions th.subscription-vat,
table#scale-of-subscriptions td.subscription-vat {
	text-align: center;
	width: 15%;
}

table#scale-of-subscriptions td.subscription-vat {
	color: #555;
	font-style: italic;	
}

table#scale-of-subscriptions th.subscription-total,
table#scale-of-subscriptions td.subscription-total {
	text-align: center;
	width: 10%;
}

p.taking-payments {
	clear: both;
	margin: 1em 0;
}

div#content div#icons a.non-photo {
	clear: both;
	display: block;
	float: none;
}

div#content div#icons a.non-photo img {
	margin: 0 4px 0 0;
	padding: 0;
}