/* Coutts & Mann CSS Document */

/* Layout rules */
body {font: 80%/1.6 Verdana, Arial, Helvetica, sans-serif; text-align:center; padding:80px 0 0 0;}
* {margin:0; padding:0;}
#wrapper {margin: 0 auto; text-align: left; width: 650px;}
html {min-height:100.01%;}

p.colours {float:right; font-size:.94em;}
p.colours a {padding: 0 15px 0 0; text-decoration:none; background-repeat: no-repeat; background-position: center right;}
p.colours em, p.colours strong{font-weight:normal; font-style:normal;}
#container {clear:right;}

p.name {padding:0 0 2em 0; font-style:italic;}
p.quote {font-style:italic; font-size:1.1em;}
p.quote span {font-style:normal; font-size:.92em;}

#masthead {height:80px; background-repeat: no-repeat; background-position:top left;}
#masthead h1 {display:none;}
#masthead h2 {display:none;}
#masthead img {margin:10px 0 0 10px; position:fixed;}
#pagebody {clear:both; width:650px;	padding:20px 0 0 0; text-align:left;}
#content {padding: 0 30px 20px 30px; float:left; width:650px; w\idth:590px; min-height:440px; height:auto !important; height:440px;}
br.clean {clear:both;}

/* Sidebar */
#sidebar {width:150px; float:left; background-repeat: no-repeat; background-position: bottom right;}
#sidebar p {background-repeat: no-repeat; background-position: 30px 0; text-indent:35px; font-size: 0.94em; padding: 5px 0 20px 30px; line-height: 140%;}
#sidebar em {}

/* Main navigation */
#nav {clear:both; font-size: 1em; width: 648px;}
* html #nav {width: 650px;}
#nav ul {list-style-type: none; padding:7px 0 5px 30px;}
#nav ul li {float:left; padding:0 30px 0 0; }
#nav ul li a:link, #nav ul li a:visited {text-decoration:none;}
#nav ul li a:hover {text-decoration: underline;}

/* Footer */
#footer {margin: 0 auto; width: 650px; font-size: .94em; font-weight:normal; text-align:center;}
#footer p {float:right; padding: 2px 30px 0 0;}
#footer a {text-decoration:none;}
#footer a:hover {text-decoration: underline;}

/* General typography */
#content p {margin: 0 0 1em 0;}
h3 {font-size: 2em; font-weight: normal; margin: 0 0 15px 0; color:#fff;}
a {text-decoration: underline;}
a:hover {text-decoration: none;}
acronym {border-bottom: 1px dashed #999; cursor: help;}
ul, ol {font-size: 1em; line-height: 140%;}
li {padding: 2px 0;}
dt {font-size: 1em; line-height: 140%; margin: 0; font-weight:bold;}
dd {font-size: 1em; line-height: 140%; margin: 0 16px 10px 32px;}
strong {}

div.address {margin:0 0 1em 0;}
#content div.address p {margin:0;}

/* Homepage */
#home {margin: 200px auto 0 auto; text-align: right; width: 498px;  background-repeat: no-repeat; background-position: top left;}
#home h1 {display:none;}
#home h2 {font-size:1em; padding:75px 5px 0 0; font-family:Verdana, Arial, Helvetica, sans-serif;}
#home p {padding:75px 5px 0 0;}
#home p a {text-decoration:none;}
#home p a:hover {text-decoration:underline;}

/* Coutts & Mann black and white colour scheme CSS */
body {background:#000; color:#fff;}
#masthead {background-image:url(../images/logo.png);}
#container { border:1px solid #D9D9D9;}
#home {background-image:url(../images/home-logo.png);}

iframe#homeframe {margin:84px 6px 0 0;}
iframe#pageframe {float:right; margin:34px 30px 0 0;}

#sidebar {background-image:url(../images/rdaquo.png);}
#sidebar p {background-image:url(../images/ldaquo.png);}

#nav {background: #FFF; color:#000; }
#nav ul li a:link, #nav ul li a:visited {color: #000;}

a {color:#eee;}
a:hover {color:#fff;}
h3 {color:#fff;}


/* width related reworks */
#wrapper {width: 800px;}
#pagebody {width:800px;	}
#content {float:left; width:800px; w\idth:740px; min-height:340px; height:auto !important; height:340px;}
#nav {width: 100%;}
* html #nav {width: 650px;}
#footer {width: 800px;}