body{background: #fff url(../images/layout/body-top-rep.jpg) repeat-x top; padding: 0; margin: 0; font-family: "Lucida Grande", Lucida, Arial, Helvetica, sans-serif; font-size: 12px;}

.header{z-index: 100;}
.content{z-index: 200;}
blockquote.standFirst{z-index: 300;}

/* header */
.header{height: 200px; position: relative;}
.header h1 {position: relative;}
.header h1 a{position:absolute; background:  url(../images/layout/logo-postit.jpg) no-repeat; display: block; width: 274px; height: 153px; top:0; left: -20px; text-indent: -999em;}

.header ul{background: #297598 url(../images/m1/backer-rep.jpg) repeat-x bottom; border: 1px solid #94c9f0; border-top-width: 0; height: 32px; width: 670px; margin-left: 280px; position: relative;}
.header ul li, .header ul li a{list-style: none; display: block; float: left;}
.header ul li a, .header .admin{padding: 10px; color: #fff; text-decoration: none;}
.header ul li a:hover,.header ul li.active a{background: #206584;}
.header ul li a span{display: none;}
.header ul li a:hover span,.header ul li.active a span{}
.header ul li.contact{position: absolute; top:0; right: 0;}
.header ul li.contact strong{font-weight: bold;}

.header .admin, .page .editThis{position: absolute; top:0; left: -68px; width: 38px; background: #fff; padding: 10px; color: #000;}
.page .editThis{padding: 5px 10px;}
.header .admin:hover, .page .editThis:hover{background: #000; color: #fff;}

blockquote.standFirst{line-height: 18px; padding: 25px 0 0; clear: both; width: 670px; position: absolute; top:-170px; left: 280px; font-style: normal; height: 100px;}
blockquote.standFirst h2{font-size: 18px; color: #fff; padding: 0 0 5px;}
blockquote.standFirst p{color:#205c78; font-size:14px;}


/* content */

.page {clear: both; position: relative;}
.page h2, .page h3, .page h4, .page h5, .page h6, .page .sidebar h3{color: #000;}
.page h2, .page .sidebar h3{font-size: 18px; line-height: 22px;}
.page h2{text-transform: capitalize;}
.page h3{font-size: 14px; line-height: 18px;}
.page h3.standfirst{color: #666;}

.page h4{font-size: 13px;}

.page .content p, .page .content li, .page .sidebar p, .page .sidebar li, .page .content dt, .page .content dd
{font-size: 12px; line-height: 18px; color: #666;}
.page .content h2, .page .content h3, .page .content h4, .page .content p, .page .content ul, .page .content ol, .page .sidebar p, .page .sidebar h3 {padding-bottom: 12px;}

.page .content li{background: url(../images/arrows/blue-right-57a0cb.gif) no-repeat 0 5px; display: block; padding: 0 0 6px 13px;}
.page .content li strong{display: block; color: #000;}

.page .content a{color: #0066cc; text-decoration: none;}
.page .content a:hover{color: #000;}
.page .content p em{font-style: italic;}

.content h2, .content h3, .content h4, .content h5, .content h6, .content p, .content ul, .content ol, .content dl{padding-left: 10px; padding-right: 10px;}


.page .content dl{display: block;}
.page .content dt, .page .content dd{display: block; float: left; width: 60%; margin: 0 10px 0 0; padding: 0 0 2px 0;}
.page .content dt{width: 30%;clear: left; background: url(../images/arrows/blue-right-57a0cb.gif) no-repeat 0 5px; padding-left: 13px; font-weight: normal;}

.page .content hr{margin: 10px 10px 20px;}

/* sidebar */
.page .sidebar .more li a{font-size: 12px; text-decoration: none; background: url(../images/arrows/blue-right-57a0cb.gif) no-repeat 0 5px; display: block; color: #0066cc; padding: 0 0 2px 13px;}
.page .sidebar .more li a:hover{color: #000; background-image:url(../images/arrows/grey-right-bdbdbd.gif);}
.page .sidebar p{font-size: 12px;}

.page .sidebar .divider{border-top:1px solid #d1d3d4; padding: 18px 0 12px; margin-top: 18px;}
ul.contactDetails{}
.contactDetails a{color: #0066cc; text-decoration: none;}
.contactDetails a:hover{color: #000;}
.contactDetails li{padding: 5px 0 5px 36px; background: no-repeat left; }
.contactDetails li.phone{background-image: url(../images/icons/phone.jpg);}
.contactDetails li.email{background: no-repeat 2px 50%; background-image: url(../images/icons/envelope.jpg);}
.contactDetails li.fax{background: no-repeat 4px 50%; background-image: url(../images/icons/paper.jpg);}
.contactDetails li.location{background-image: url(../images/icons/earth.jpg);}
.contactDetails li strong{color: #000; font-weight: bold;}

/* img */
.page .banner, .page .bannerFirstMost{padding: 0;}
.page .bannerFirstMost{margin-top: -5px;}
.page .banner, .page .bannerFirstMost{border: 3px solid #000; overflow: hidden; text-align: center; padding: 0 !important; margin-bottom: 12px; line-height: 1px; height: 256px;}


/*footer*/
.footer{background: url(../images/layout/footer-bar.gif) no-repeat top; height: 67px; padding-left: 10px; margin-top: 20px; position: relative;}
.footer a, .footer span{color: #999; font-size: 10px; text-decoration: none; float: left; border-right: 1px solid #ccc; padding: 0 6px; margin: 14px 0 0; text-transform: lowercase; position: relative;}
.footer span{position: absolute; top:0; right: 10px; text-align: right; width: 400px; border: none;}
.footer span a{display: inline; margin: 0;float: none; border: none; padding: 0;}
.footer a:hover{color: #555;}
.footer .last{border: none;}

.footer a em{display: none; width: 320px; height: 178px; background: url(../images/squareweave/footer-logo.png) no-repeat; position: absolute; top:-165px; right: -50px;}
.footer a:hover em{display: block;}



/* and last of all some interesting bits for the home page */
.homePage .content a img{margin:0 0 10px 0; border:3px solid #000;}
.homePage .content a:hover img{border-color:#666;}
.homePage .contactDetails li{display: block; float: left; width: 185px; margin-left: 5px; border-right: 1px solid #eee; margin-right: 10px;}
.homePage .contactDetails li.last{margin-right: 0; border-right: none;}
.homePage  hr{margin: 10px 0 10px;}

iframe{border: 3px solid #000;}