/*

	Blythswood Style Sheet
	Created by Andi Topping on 3rd September 2007

*/

html, body { font-family: Arial, Helvetica, sans-serif; color:#000000; background-image:url(../images/bg_grey.gif); background-repeat: repeat-x; margin:0px 0px; }
html { background-color:#FFFFFF; font-size: 12px; }
body { background-color:#FFFFFF; }

p { margin:6px 2px; padding:0px; }
h1 { margin:6px 2px; padding:0px; font-size: 1.4em; color: #B7120E; font-weight: normal;}
h2 { margin:6px 2px; padding:0px; font-size: 1.2em; color: #B7120E; font-weight: normal;}
h3 { margin:6px 2px; padding:0px; font-size: 1.0em; color: #016546; font-weight: normal;}
a, a:hover { text-decoration: none; }
.img { border: 1px solid #000000; padding: 1px 1px; }
.red { font-weight: bold; background-color: #EEEEEE; color:#B7120E; }
.green { font-weight: bold; background-color: #FFFFFF; color:#016546; }
th{ background-color: #36292C; color: #FFFFFF; font-weight: bold; text-align: left; font-size: 1.0em; }

#container {  background-color: #FFFFFF; width:880px; margin:0px auto; }
#internalpadding { margin: 0px 5px; background-color: #FFFFFF; }

#logo { background-image:url(../images/bg_red3.gif); background-repeat: repeat-x; height:98px; }
#logo .image { padding: 7px 0px 0px 17px; }
#logo #donatetext{ padding-bottom: 3px; color: #FFFFFF; font-weight: bold; font-size: 1.3em; }
#logo #donatebox{ padding: 5px 5px 1px 5px; background-color: #016546; }

/*#photos { background-color: #FFFFFF; border-top: 2px solid #FFFFFF; height:179px; }*/
#photos { background-color #FFF; border-top: 2px solid #FFF; height: 250px; position: relative; }
/*#photos .text { padding: 157px 0px 0px 10px; color:#FFFFFF; font-size: 1.2em; font-weight: bold; }*/
#photos .text { background-image: url(../images/bg-photos.png); bottom: 0px; padding: 10px 0px 0px 10px; color:#FFFFFF; font-size: 1.2em; font-weight: bold; position: absolute; height: 22px; width: 860px; }

#content { margin: 10px 0px; }
#content .right { float:right; width:645px; margin: 0px 0px; }
#content .right .aids{ float:right; }
#content .right a, #content .right a:hover { color: #B7120E; text-decoration: none; font-weight: bold; }
#content .right .image { padding: 2px 2px; border: 1px solid #016546; }
#content .right .subtitle { color:#016546; font-size:0.9em; font-style: italic; }
#content .right .smalltext { font-size:0.9em; color: #666666; }

#content .left { margin-right:659px; padding-left: 10px; }
#content .left .header { padding: 0px 0px 10px 0px; }
#content .left .searchbox { padding: 20px 0px; }
#content .left .link { border-bottom: 2px dashed #E0E0E0; padding: 5px 0px; }
#content .left .link a, #content .left .link a:hover{ color: #016546; font-size: 1.1em; text-decoration: none; font-weight: bold; }
#content .left .sublink a, #content .left .sublink a:hover{ color: #B7120E; font-size: 0.9em; text-decoration: none; font-weight: normal; padding-left: 10px; }

#footer { margin: 10px 0px; clear:both; color: #666666; border-top: 3px solid #E0E0E0; font-size: 0.9em; }
#footer a, #footer a:hover{ color: #666666; text-decoration: none; }
#footer .right { float:right; width:600px; margin: 0px 0px; text-align: right }
#footer .left { margin-right:614px;  }

/* Styles for Dates Table */
#date { font-size: 10px; }
#dates th{ background-color: #36292C; color: #FFFFFF; font-weight: bold; text-align: left; font-size: 10px; }
#dates .td { font-size: 10px; }
.row0 { background-color: #C0C7CF; }
.row1 { background-color: #FFFFFF; }

/* NEWS ITEM */
.newsitem { border: 1px solid #016546; padding: 1px 1px; }
hr { margin:5px 150px; height:1px; border: none 0; border-top: 1px solid #B7120E; width:60%;  text-align:center; } 

/* SEARCH TABLE */
#search th { background-color: #EEEEEE; text-align:left; }
#search .row0 { background-color: #FFFFFF; }
#search .row1 { background-color: #EEEEEE; }
.pagination { background-color:#ECECEC; padding: 5px 5px; text-align: center; }

label { font-weight:normal; line-height:20px; color:#016546; width:140px; float:left; padding-left: 10px; }

/* CART STYLES */
table.cart, table.cart th, table.cart td { border:1px solid #00754E; margin:1px; }
.cart th { color:#ffffff; background-color:#00754E; padding-left:5px; text-align:left; }
.cart td { padding:4px 5px; }
.cart .shipping { background-color:#D1E1E6; }
.cart .total { background-color:#F5F5F5; }

#fp_boxes { width: 98%; }
#fp_boxes .background_green { background-color:#016546; width: 204px; height:265px; vertical-align: top; }
#fp_boxes .photo { width: 192px; height:110px; vertical-align: top; padding-top: 5px; }
#fp_boxes .more { height:16px; vertical-align: bottom; text-align: right; font-size: 0.7em; }
#fp_boxes .text { height:103px; vertical-align: top; color: #FFFFFF;  }

/* Accordion Styles */
.toggler {
	color: #B7120E;
	margin: 0;
	padding: 2px 5px;
	background: #eee;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 1px solid #f5f5f5;
	border-left: 1px solid #f5f5f5;
	font-size: 1.0em;
	font-weight: normal;
	height: 12px;
}
 
.element {
 
}
 
.element p {
	margin: 0;
	padding: 4px;
}
 
.float-right {
	padding:10px 20px;
	float:right;
}
 
blockquote {
	font-style:italic;
	padding:5px 0 5px 30px;
}

/* latest news ticker */
#latestnews { border:1px solid #000000; height:20px; margin:6px 0px 11px 0px; }
#latestnews .newstitle { background-color:#016546; text-align:center; color:#ffffff; float:left; height:16px; font-size:11px; padding:4px 8px 0px 17px; margin-right:10px; text-transform:uppercase; }
#latestnews .items { padding-top:3px; font-size:12px;  }

/* Slider for Gift Voucher Values */

table#table-voucher td { font-size: 14px; font-weight: bold; padding: 10px; vertical-align: top; }

div.slider {
	width: 200px;
	height: 16px;
	margin-top: 5px;
	background: #CCCCCC;
}

div.slider div.knob {
	background-color: #B7120E;
	background-image: url(../images/arrows.png);
	background-repeat:none;
	width: 32px;
	height: 16px;
}
div#scn-vouchervalue {
	color: #016546;
	font-size: 12px;
	font-weight: normal;
	height: 50px;
	padding-top: 10px;
}




div.project-show {
    width: 460px;
    position: relative;
}
div.project-meta {
    width: 170px;
    display: block;
    position: absolute;
    top: 20px;
    right: -185px;
    margin-left: 20px;
    padding-left: 7px;
    border-left: 2px solid #B7120E;
}
div.project-meta h2 {
    margin-top: 0;
}
div.project-meta ul {
    list-style: disc;
    padding: 0;
    margin-left: 15px;
}
div.project-meta ul li em {
    display: block;
    text-align: right;
    color: #B7120E;
}
div.project-images {
    display: block;
    width: 460px;
    margin-top: 30px;
    border-top: 2px solid #B7120E;
}
div.project-images ul {
    display: block;
    width: 460px;
    height:auto;
    list-style: none;
    padding: 0;
    margin: 0;
}
div.project-images li {
    float: left;
    padding: 5px 5px 0 0;
}

div.project-meta hr { margin: 10px 0px; height:2px; border: none 0; border-top: 2px solid #B7120E; width:100%;  text-align:center; } 


ul.project-list { margin: 0; padding: 0; list-style: none;}
ul.project-list li {margin: 20px 0; clear: left; float: left; width: 625px; }
ul.project-list li img { width: 130px; height: 80px; float: left; margin-right: 20px;}

.project-words {width: 100%; position: absolute; top: 7px; }
.project-words.fiftysub {color: #B7120E; text-align: right; right: 5px;}
.project-words.fiftyplus {color: white; text-align: left; left: 5px;}