/* Web design & development: Richard Quick Design - http://www.richardquickdesign.com */

/*== Global
------------------------*/

* {	margin: 0; padding: 0; font-size: 1.0em; font-weight: normal; text-decoration: none; list-style:none; border: none; outline: none;}

body { background: #fff url('../images/celticbg.jpg') repeat-x top; margin: 0; padding: 0; font: 62.5%/1.4em 'Georgia','Times New Roman', times, serif; color: #33200d;}

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearfix {	display: inline-block;}
html[xmlns] .clearfix {	display: block;}
* html .clearfix { height: 1%;}


/*== Structure
------------------------*/

#wrapper { width: 860px; margin: 0 auto;}
#header { height: 65px; position: relative;}
#footer { background: #962e20 url('../images/footerbg.jpg') no-repeat center; width: 100%; height: 115px; border-top: #6d160a solid 2px;}

#standfirst-wrap { background: url('../images/standfirstbg.jpg') no-repeat; height: 215px; margin-top: 3px; padding-top: 20px;}
#maincontent-wrap { margin-bottom: 20px;}
#footerinner { width: 860px; margin: 0 auto; margin-top: 10px;}

/*== Header
------------------------*/

#header #logo { background: url('../images/logo.png') no-repeat; background-position: 0 20px; width: 277px; height: 39px; text-indent: -999em; padding-top: 20px;}


/*== Main nav
------------------------*/

#header ul#main-nav { position: absolute; right: 0; bottom: 8px; font-size: 1.6em;}
#header ul#main-nav li { display: block; float: left;}
#header ul#main-nav li a { color: #f0bc88; margin-left: 30px;}
#header ul#main-nav li a:hover, #header ul#main-nav li a.selected { text-decoration: underline;}


/*== Content layout
------------------------*/

.col1 { width: 580px; margin-right: 20px; float: left;}
.col2 { width: 260px; float: left;}

.col2 ul#timeline { font-size: 1.6em;}
.col2 ul#timeline li { background: #ffea9f; padding: 7px; margin-bottom: 5px;}
.col2 ul#timeline li span { font-size: 0.75em;}


/*== Typography
------------------------*/

.col1 h2, .col2 h3 { font-size: 3.0em; margin-bottom: 20px; padding-top: 30px; text-decoration: underline;}
.col1 p, .col2 p { font-size: 1.6em; line-height: 1.2em; margin-top: 15px;}
.col1 a, .col2 a { color: #9c1d1d;}
.col1 a:hover, .col2 a:hover { color: #33200d;}

#footerinner p { font-size: 1.6em;}
#footerinner a { color: #f0bc88;}
#footerinner a:hover { color: #fff;}

#standfirst-wrap #standfirst-col h2 { font-size: 2.0em; font-weight: bold; line-height: 1.15em; margin-bottom: 20px;}
#standfirst-wrap #standfirst-col p { font-size: 2.0em; font-weight: normal; line-height: 1.15em; margin-bottom: 20px;}
#standfirst-wrap #standfirst-col p span { font-size: 2.0em;}


/*== Page content
------------------------*/

#standfirst-wrap #standfirst-col { width: 300px; float: left;}
#standfirst-wrap .standfirst-img { width: 250px; height: 180px; border: #ffebab solid 5px; float: right; margin-left: 20px;}

#maincontent-wrap .col1 ul { font-size:1.6em; margin-top: 20px; margin-bottom: 20px;}
#maincontent-wrap .col1 ul li {  list-style-type: disc; line-height: 1.15em;}

#maincontent-wrap .col1 img { width: 260px; height: 195px; border: 5px solid #FFEBAB; margin-right: 20px; margin-bottom:20px; float: left;}
#maincontent-wrap .col1 img.right { margin-right: 0!important;}