/*
--------------------------------------------------------
URL: http://www.lancschamber.co.uk/
Created by Forte Trinity | paul@fortetrinity.net
--------------------------------------------------------

CONTENTS

1: SITE MASTER SETUP

2: LAYOUT
	2.1 main form
	2.2 container
	2.3 header
	2.4 content
	2.5 main content
	2.6 page banner
	2.7 left column
	2.8 right column
	2.9 footer
	
3: GLOBAL ELEMENTS
	3.1 main navigation
	3.2 side navigation
	3.3 accessibility
	3.4 SIFR
	3.5 titles
	3.6 footer links
	
4: PAGE/AREA SPECIFIC
	
5: USEFUL CLASSES

/* -----------------------------------------------
1. SITE MASTER SETUP
----------------------------------------------- */
html, body {margin:0; padding:0; background:#fff; color:#666; font:100% Arial, Verdana, Helvetica, sans-serif; height:100%; text-align:center}
p {margin:0; padding:0.6em 0 0.6em 0; line-height:150%; font-size:12px; text-align:justify;}
p.center {text-align:center;}
img	{border:0; background:none}
form {margin:0; padding:0}
label {font-weight:bold}
select, input, textarea {margin:0; padding:2px; font-size:11px}
address {font-style:normal; font-size:11px}
fieldset {border:0; padding:0; margin:0}
dl, dt, dd {margin:0; padding:0;}
ul, ol {margin:0; padding:0; list-style:none}
h1, h2, h3, h4, h5, h6 {margin:0; padding:0}

a {text-decoration:none; color:#3988c1}
a:hover {text-decoration:underline; color:#3988c1}
ul.links li a{font-size:12px;}
.cmd {font-size:10px;BACKGROUND-COLOR: #99B3CC;
cursor: hand;
} 
.cmdover {font-size:10px;BACKGROUND-COLOR: #CCCCCC;
cursor: hand;
}


/* -----------------------------------------------
2. LAYOUT
----------------------------------------------- */

/* 2.1 - main form */
#primary-form {padding:0 25px}
#primary-form legend {margin:0 10px; margin-bottom:-15px; border:0; padding:0; font-size:12px; color:#033d6d; font-weight:bold}
#primary-form fieldset {margin-bottom:10px; border:1px solid #eee; padding:0;}
#primary-form fieldset.submit {margin-bottom:20px; border:none; padding:0; padding-left:150px;}
#primary-form label {width:140px; float:left; text-align:right; display:block; cursor:pointer; padding:7px 10px 0 0; font:11px/18px Arial, Verdana, Times,}
#primary-form input.text, #primary-form textarea, #primary-form select {width:190px; margin:4px 15px 5px 0; padding:3px; font:11px/18px Arial, Verdana, Times, serif; color:#444;}
#primary-form ol {margin:20px 0 0 0; padding:0}
#primary-form ol li {list-style:none; padding:5px 0 5px 0; margin:0;}
#primary-form ol li.last {border:0 none}
#primary-form ol li input {margin:0 15px 0 0}
#primary-form ol li.chk label {margin:0 0 0 7px; float:none; padding:0; display:inline}
#primary-form ol li.chk input {margin:0 0 0 150px; border:0 none}

/* 2.1a - members form */

#members-form {width:370px;}
#members-form legend {margin:0; border:0; padding:0; font-size:18px; color:#ffcc00; font-weight:bold}
#members-form fieldset {margin-bottom:20px; border:none; padding:0;}
#members-form label {width:120px; float:left; text-align:right; display:block; cursor:pointer; padding:7px 10px 0 0; font:11px/18px Arial, Verdana, Times,}
#members-form input.text, #members-form textarea {width:100px; margin:4px 15px 5px 0; padding:3px; font:11px/18px Arial, Verdana, Times, serif; color:#444;}
#members-form select {margin:4px 15px 5px 0; padding:3px; font:11px/18px Arial, Verdana, Times, serif; color:#444;}
#members-form ol {margin:20px 0 0 0; padding:0}
#members-form ol li {list-style:none; padding:5px 0 5px 0; margin:0;}
#members-form ol li input {margin:0 15px 0 0}

/* 2.1.b - secondary form */
#secondary-form {width:370px;}
#secondary-form legend {margin:0; border:0; padding:0; font-size:18px; color:#ffcc00; font-weight:bold}
#secondary-form fieldset {margin-bottom:20px; border:none; padding:0;}
#secondary-form fieldset.personalDetails {margin-bottom:2px; border:none; padding:0;}
#secondary-form fieldset.submit {border:none; padding:0 20px 0 0; text-align:right; clear:both;}
#secondary-form label {width:140px; float:left; text-align:right; display:block; cursor:pointer; padding:7px 10px 0 0; font:12px/18px Arial, Verdana, Times,}
#secondary-form input.text, #secondary-form textarea, #secondary-form select {width:190px; margin:4px 15px 5px 0; padding:3px; font:12px/18px Arial, Verdana, Times, serif; color:#444;}
#secondary-form ol {margin:20px 0 0 0; padding:0}
#secondary-form ol li {list-style:none; padding:5px 0 5px 0; margin:0;}
#secondary-form ol li.last {border:0 none}
#secondary-form ol li input {margin:0 15px 0 0}
#secondary-form ol li.chk label {margin:0 0 0 7px; float:none; padding:0; display:inline}
#secondary-form ol li.chk input {margin:0 0 0 140px; border:0 none}

/* 2.2 - container */
div#site-container {margin:0 auto; text-align:left; width:815px; background:url(../images/backgrounds/site.gif) repeat-y; padding:0 24px;}

/* 2.3 - header */
div#clock {height:50px;}
div#header {height:236px;}
div#branding {height:179px;}

/* 2.4 - main content */
div#main-content {width:767px; background:#fff url("../images/backgrounds/main.gif") repeat-y; float:left}

/* 2.5 - middle column */
div#middle-column {width:423px; float:left; padding:0 1px 30px 1px}
div#middle-column h2 {padding-left:25px;}
div#middle-column h3 {padding:15px 25px 10px 25px; color:#033d6d; font-size:15px;}
/* top right bottom left */
div#middle-column h4 {padding:2px 25px 2px 25px; color:#033d6d; font-size:13px}
div#middle-column h5 {padding:30px 35px 30px 35px; color:#033d6d; font-size:12px}
div#middle-column p {padding:0 25px}
div#middle-column ul {padding:5px 40px; font-size:12px}
div#middle-column ul li {padding-bottom:3px; font-size:11px}

/* 2.6 - left-column */
div#left-column {width:171px; float:left; color:#003d6c}

/* 2.7 - right-column */
div#right-column {width:171px; float:left; color:#003d6c}

/* 2.8 - content */
div.side-content {padding:10px}

/* 2.9 - footer */
div#footer {width:747px; font-size:10px; padding:20px 10px 30px 10px; clear:both; color:#52555a;}

/* 2.10 poll */

/* 2.11 patrons */
div.side-patrons {padding:10px; float:right;}

/* 2.12 - RSS Layout */
div.rss-left-column {margin-bottom:10px; padding-bottom:15px; border-bottom:1px solid #eee}
div.rss-left-column img {float:left; margin:12px 15px 10px 25px}
div.rss-right-column img {float:right; margin:12px 25px 10px 15px}
div.rss-right-column {margin-bottom:10px; padding-bottom:15px; border-bottom:1px solid #eee}

/* -----------------------------------------------
3. GLOBAL ELEMENTS
----------------------------------------------- */

/* 3.1 - main navigation */
ul#primary-navigation {width:767px; height:27px; background:url("../images/backgrounds/main-nav.jpg") repeat-x}
ul#primary-navigation li {float:left; padding:5px 10px 0 10px; font-size:14px}
ul#primary-navigation li a {text-decoration:none; color:#fff;} 
ul#primary-navigation li a:hover {text-decoration:none; color:#ffff00}
ul#primary-navigation li a.currentPage {}

/* 3.2 - side navigation */
ul#secondary-navigation {}
ul#secondary-navigation li {font-size:14px;}
ul#secondary-navigation li a {text-decoration:none; color:#003d6c; height:18px; padding:4px 0 3px 10px; border-bottom:1px solid #6ba5d5; display:block}
ul#secondary-navigation li a:hover {text-decoration:none; background:#3d89c5; color:#ffff00;}
ul#secondary-navigation li a.currentPage {text-decoration:none; background:#3d89c5; color:#fff;}

ul.sub-nav-styling li {font-size:10px!important; background:#c7e7ff}

/* 3.3 - accessibility */
ul#skiplinks {display:none}
ul#skiplinks a, ul#skiplinks a:hover, ul#skiplinks a:visited {position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden} 
ul#skiplinks a:active, ul#skiplinks a:focus {position:static; width:auto; height:auto}

div#text-resizer {text-align:right; height:20px; margin:0 70px 0 0; padding-top:10px}
a.text-larger {font-size:10px; color:#003d6c; padding:1px 5px 1px 21px; background:url("../images/text-larger.png") 0 50% no-repeat}
a.text-smaller {font-size:10px; color:#003d6c; padding:1px 21px 1px 5px; background:url("../images/text-smaller.png") 100% 50% no-repeat}

/* 3.4 - SIFR */

/* 3.5 - titles */
h1.site-header {width:767px; height:179px; text-indent:-5000px; background:url("../images/backgrounds/header.jpg") no-repeat; margin:0; padding:0; font-size:1em}
h2 {height:31px; background:url("../images/backgrounds/h2-titles.jpg") repeat-x; color:#fff; font-size:23px; font-weight:normal; padding:5px 0 0 10px; letter-spacing:-1px}

/* 3.6 - footer links */
div#footer ul li {float:left; border-right:1px solid #b7b7b7; padding:0 5px}
div#footer ul li a {color:#b7b7b7;}
div#footer ul li.first {margin:0; border-right:1px solid #b7b7b7; padding:0 5px 0 0}
div#footer ul li.last {border:0 none}
div#footer span {float:right;}

/* 3.7 - seo */
div#seo { border-top:50px solid #fff!important; clear:both }
div#seo h1 { font-size:16px; padding:0 25px 0 25px; color:#033d6d; font-weight:normal }
div#seo h1 em { display:block; margin-top:5px; font-style:normal; font-size:14px; color:#6ba5d5 }
div#seo p { font-size:11px; margin:10px 0; text-align:left }

/* -----------------------------------------------
4. PAGE/AREA SPECIFIC
----------------------------------------------- */
/* 4.1 - lists */
ul#contact-details {padding-top:10px}
ul#contact-details li {font-size:11px;}
ul#contact-details li a {color:#003d6c;}

dl#network-list {padding-top:7px}
dl#network-list dt {width:171px; height:45px; text-align:right; padding-top:8px}
dl#network-list dd {width:167px; text-align:right; background:#eeeeee; margin:0 0 0 4px; padding-bottom:5px}
dl#network-list dd a.network-icon-pdf {font-size:10px; color:#003d6c; padding:3px 10px 3px 21px; background:url("../images/network/pdf.png") 0 50% no-repeat}
dl#network-list dd a.network-icon-join {font-size:10px; color:#003d6c; padding:3px 10px 3px 21px; background:url("../images/network/join.png") 0 50% no-repeat}

ul#members-information {font-size:12px; padding-top:10px}
ul#members-information li a {color:#003d6c;}

ul#news-items-list {padding:25px 0 0 25px!important}
ul#news-items-list li {float:left; width:185px; height:76px; background:#eee; margin-bottom:5px; position:relative}
ul#news-items-list li.right-side {margin-left:5px}
ul#news-items-list li p {font-size:10px; padding:0 5px 0 90px}
ul#news-items-list li h3 {font-size:11px; padding:6px 5px 0 90px}
ul#news-items-list li a {position:absolute; left:160px; top:55px}
ul#news-items-list li img {float:left}
ul#news-items-list li.news-item-1 {background:#eee url("../images/news-items/1.jpg") no-repeat}
ul#news-items-list li.news-item-2 {background:#eee url("../images/news-items/2.jpg") no-repeat}
ul#news-items-list li.news-item-3 {background:#eee url("../images/news-items/3.jpg") no-repeat}
ul#news-items-list li.news-item-4 {background:#eee url("../images/news-items/4.jpg") no-repeat}
ul#news-items-list li.news-item-5 {background:#eee url("../images/news-items/5.jpg") no-repeat}
ul#news-items-list li.news-item-6 {background:#eee url("../images/news-items/6.jpg") no-repeat}
ul#news-items-list li.news-item-7 {background:#eee url("../images/news-items/7.jpg") no-repeat}
ul#news-items-list li.news-item-8 {background:#eee url("../images/news-items/8.jpg") no-repeat}
a.read-more-button {display:block; width:15px; height:14px; text-decoration:none; background:url("../images/buttons/read-more-rollover.gif") top left; text-indent:-3000px}
a.read-more-button:hover {background-position:50% -14px;}

ul#twocolumnlist li {float:left; width:50%;}

ul.patrons-list { list-style:none; background:#fff; border-left:1px solid #9cc4e3 }
ul.patrons-list li { text-align:center; margin:0!important; padding:0!important }

/* -----------------------------------------------
5. USEFUL CLASSES
----------------------------------------------- */

.clr {overflow: hidden; clear: both; height: 1px; margin-top: -1px}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.la {text-align:left}
.ra {text-align:right}
.ca {text-align:center}
.fl {float:left}
.fr {float:right}
.vt {vertical-align:top}
.vm {vertical-align:middle}
.vb {vertical-align:bottom}