/*LAYOUT*/
body{width: 900px; padding: 0px; margin: 0px auto;}
form {margin:0;}

#topsearch {text-align: right; margin-top: 8px;}
#topsearch input {font-size:0.7em;}

#main{margin-top: 8px; background: white;}

#top{padding: 35px 0px; text-align: center;}
#topnav{width:100%;background:#4E7C8B;height:30px;border-bottom:8px solid #DCA32C;text-align:center;margin:0;margin-bottom:24px;}

#topnavigation *{font:1em Arial, sans-serif;text-decoration:none;color:#838383;list-style:none;margin:0;padding:0; line-height:1em} /*Reset browsers and apply basic formatting*/
#topnavigation li{display:inline;height:30px;}
#topnavigation li *{height:30px;float:left;cursor:pointer;cursor:hand}
#topnavigation a{background:url(/images/2/left.jpg) left no-repeat;padding-left:30px} /*Applys the left segment of the image and adds the grey bottom border*/
#topnavigation .right{padding-right:30px}
#topnavigation .center{background:url(/images/2/center.jpg) repeat-x;margin-right:-30px;min-width:30px;height:30px;padding:7px 0;voice-family: "\"}\"";voice-family:inherit;height:16px;} /*Applys the seamless background*/
#topnavigation .start{background:url(/images/2/farleft.jpg) left no-repeat} /*Applys the far left corner*/
#topnavigation .end{background:url(/images/2/farright.jpg) right no-repeat;padding-right:60px} /*Applys the far right corner*/
/*The following controls the hover states of the individual image slices. It's important to remember that IE6 will only recognise :hover when applied to a link element*/
#topnavigation .current a{background:url(/images/2/right.jpg)}
#topnavigation .current a.start{background:url(/images/2/farlefthover.jpg)}
#topnavigation .current a .end{background:url(/images/2/farrighthover.jpg) right}
#topnavigation .current a .center{background:url(/images/2/centerhover.jpg)}
#topnavigation .current a .right{background:url(/images/2/lefthover.jpg) right;padding-right:60px;margin-right:-30px;position:relative}

#bodytop {width:100%;margin:0;margin-bottom:12px;padding-bottom:5px;border-bottom:1px solid #B0B7BC;}
#bodytop h1 {text-align:left;float:left;width:50%;}
#bodytopcrumb {float:right;width:48%;text-align:right;font-size:0.75em;}
#bodytopcrumb ul {display:inline;margin:0;margin-right:12px;padding:0;}
#bodytopcrumb li {padding:0px;display:inline;margin:0px}

#branchnav {float: right;}
#branchnav input, #branchnav select {margin:0;font-size:1em;}

#body{text-align: left;margin: auto; padding: 0px 22px;}
#bodyContent {clear:both;}


#footer{padding: 8px 0px; clear: both; border-top:1px solid #B0B7BC;text-align: center;}
#footer ul{list-style: none; padding: 0px 0px 15px 0px; margin: 0px;font-size:1em;}
#footer ul li{display: inline; margin: 0px; padding: 0px;}
#footer ul li a{padding: 0px 10px;text-decoration:none;color:#4E7C8B}
#footer ul li a:hover{text-decoration:underline;}
#footer p {font-size:0.85em;}

.clear {height:0px;clear:both;}

/* LINKS standards */
a:focus, a:hover {color:#000C88;text-decoration:underline;}
a {color: #000C88;text-decoration:underline;}

/* FONTS standards */
body {font-size:80%; color: #666; background:#7E8082; font-family: Helvetica, Arial, sans-serif;}

h1, h2, h3, h4, h5, h6 {color: #4E7C8B; font-weight:bold;}
h1 {font-size:2.4em; font-family: Arial Narrow;line-height: 1; margin-bottom:0.5em; font-weight: lighter; width: auto; color: #666;}
h2 {font-size:1.3em; font-family: Arial;margin-bottom:0.75em;color:#628AA4;}
h3 {font-size: 1.2em;line-height:1;margin-bottom:1em;color:#628AA4;}
h2 a, h3 a {color:#628AA4;text-decoration:none;}

h4 {font-size:1.1em;line-height:1.25;margin-bottom:1.25em;height:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}

p {margin:0 0 1em; font-size: 1em;}
p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;border:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}

/* ELEMENTS standards */
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
li {margin-bottom:0.5em;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;background:#C3D9FF;}
th, td {padding:4px 10px 4px 5px;}
tr.even td {background:#E5ECF9;}
tfoot {font-style:italic;}
caption {background:#eee;}
hr {height:1px;margin-top:0px;border:0;clear:both;}

/* FORM ELEMENTS */
label {font-weight:bold;float:left;width:150px;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:300px;height:250px;padding:5px;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

.error ul{margin-bottom: 0; padding-bottom: 0;}

.header_grey {background:#828487 url(/images/header_grey.gif) repeat-x;margin:0;border:0;}
.header_green {background:#4E7C8B url(/images/header_green.gif) repeat-x;margin:0;border:0;}
.header_orange {background:#DCA32C url(/images/header_orange.gif) repeat-x;margin:0;border:0;}
.header_grey h2, .header_green h2, .header_orange h2 {color:White;background:none;font-size:1.3em;padding:5px;margin:0;}
h2.header_grey, h2.header_green, h2.header_orange {color:White;font-size:1.3em;padding:5px;margin:0;}

.pageIntro {font-size:1.2em;}

/* Homepage layout */
#homeContent {width:490px; float:left;}

#homeFeature img {float:left;}
#homeFeatureText {float:right; width:135px; padding:12px 8px;}
#homeFeatureText h2, #homeFeatureText p, #homeFeatureText a {color:White;}

#homeNews {width:350px; float:right;}
/*#homeNews .header {background:#828487 url(/images/header_grey.gif) repeat-x;margin:0;}*/
#homeNews .header_grey h2 {float:left;margin:5px;padding:0;}
#homeNewsContent {border:1px solid #828487; border-top:0px;padding:12px;margin:0;}
#homeNewsContent img {float:left; margin: 0 8px 8px 0;}
#homeNewsContent h3 {margin:0;font-size:1.2em;}
#homeNewsContent h3.sub {color:Black; font-size:0.9em; background:#E4E7E9; padding: 4px;margin-bottom: 8px;}
#homeNewsContent h3.sub img {margin: 2px;border:0;width:8px;height:8px;float:left;}
#homeNewsContent h3.sub a {color:Black;}
#homeNewsContent p {margin-bottom: 12px;}

#homeBranchHighlights {width:688px;float:left;margin:12px 0;}
/*#homeBranchHighlights .header {background:#4E7C8B url(/images/header_green.gif) repeat-x;margin:0;}*/
#homeBranchHighlightsContent {border:1px solid #4E7C8B; border-top:0px;padding:12px;margin:0;}
#homeBranchHighlightsContent img {float:left; margin: 0 8px 8px 0;}
#homeBranchHighlightsContent h2 {margin:0;font-size:1em;}
#homeBranchHighlightsContent h2.sub {color:Black; font-size:0.8em; background:#E4E7E9; padding: 2px;margin-bottom: 8px;}
#homeBranchHighlightsContent h2.sub img {margin: 4px;border:0;width:8px;height:8px;float:left;}
#homeBranchHighlightsContent h2.sub a {color:Black;}
#homeBranchHighlightsContent p {margin-bottom: 12px;}

#homeSubscribe {width:150px;float:right;margin:12px 0;}

#branchList {padding:12px 0px;font-size:0.9em;}
.branchListColumn {width:158px;float:left;margin-right:12px;word-wrap: break-word;}
#branchList h3 {margin-bottom:0;color:black;font-size:1em;}
#branchList h3 a {color:black;}

#branchHighlights {width:333px;float:left;}
#branchMap {width:333px;float:right;}
#branchMap img {margin:5px 0px 0px 3px;}

#branchContactDetails {border:1px solid #828487; border-top:0px;padding:12px;margin:0;}

.newsList img {float:left; margin: 0 8px 8px 0;}
.newsList h3 {margin:0;font-size:1.2em;}
.newsList h3.sub {clear:both;color:Black; font-size:0.9em; background:#E4E7E9; padding: 4px;margin-bottom: 8px;}
.newsList h3.sub img {margin: 2px;border:0;width:8px;height:8px;float:left;}
.newsList h3.sub a {color:Black;}
.newsList p {margin-bottom: 12px;}

.eventsList img {float:left; margin: 0 8px 8px 0;}
.eventsList h3 {margin:0;font-size:1.2em;}
.eventsList h3.sub {color:Black; font-size:0.9em; background:#E4E7E9; padding: 4px;margin-bottom: 8px;}
.eventsList h3.sub img {margin: 2px;border:0;width:8px;height:8px;float:left;}
.eventsList h3.sub a {color:Black;}
.eventsList p {margin-bottom: 12px;}

.news .date, .event .date {margin:0;color:#4E7C8B;font-size:0.8em;}
.news h2, .event h2 {margin:0px 0px 8px 0px;}
.news .newsImage, .event .eventImage {float:right;width:230px;margin:0px 0px 6px 6px;}


/* Subpages layout */
/*#content{text-align: left;}*/
#mainLeft {width: 150px; float:left; margin-right: 12px;}
#mainCentre {width: 508px; float:left; border-left:1px solid #E4E7E9; border-right:1px solid #E4E7E9; padding: 0px 12px;}
#main2Centre {width: 680px; float:left; border-left:0px; border-right:1px solid #E4E7E9; padding: 0 12px 0 0;}
#mainRight {width: 150px; float:right;}

/*.subNav{width: 20em; float: right;}*/
.subNav {padding-bottom: 12px;}
.subNav ul{margin:0;margin-left:12px;list-style:none; border:0; padding:0;}













































































































































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */