/* 
Title : primary.css
Author : Leeroy Lugg www.suspiremedia.co.uk
URL : Structure, typography etc
Description : 
Copyright: (c) . All Rights Reserved
Unauthorised copying or plagiarism of this style sheet will be seen as an infringement of UK copyright laws.

Created : 17 August 2008
Modified : 
*/
body{
margin:0;
padding:0;
font-family:Arial,Helvetica,sans-serif;
font-size:100.01%;
color:#4e4e4e;
border-top:2px solid #b5a8cd;
}
#home{
background:url(../g/bg.jpg) #ffffff repeat-x;
}
#sub{
background:url(../g/sub-bg.jpg) #ffffff repeat-x;
}
/* Links*/
a:link{
color:#7d66ae;
background-color:transparent;
text-decoration:underline;
font-weight:normal;
}
a:visited{
color:#a797c4;
background-color:transparent;
text-decoration:underline;
font-weight:normal;
}
a:hover{
color:#391e7b;
text-decoration:none;
font-weight:normal;
}
a:active{
color:#000000;
background-color:transparent;
font-weight:normal;
}
/* Masthead links */
#masthead a:link, #controls a:link{
color:#cbcdda;
background-color:transparent;
text-decoration:underline;
font-weight:normal;
}
#masthead  a:visited, #controls a:visited{
color:#d7d5e5;
background-color:transparent;
text-decoration:underline;
font-weight:normal;
}
#masthead a:hover, #controls a:hover{
color:#ffffff;
text-decoration:none;
font-weight:normal;
}
#masthead a:active, #controls a:active{
color:#ffffff;
background-color:transparent;
font-weight:normal;
}
/* Footer Links*/
#footer a:link,#footer a:visited{
color:#e1def0;
background-color:transparent;
text-decoration:underline;
font-weight:normal;
}
#footer  a:hover,#footer a:active{
color:#ffffff;
text-decoration:none;
font-weight:normal;
}
#container{
width:940px;
margin-bottom:10px;
margin-left:auto;
margin-right:auto;
padding:0;
background:url(../g/main-bg.gif) repeat-y;
background-color: #ffffff;
position:relative;
}
#masthead{
padding:0px;
background-color:#391e7b;
height:128px;
color:#ffffff;
font-size:11px;
}
#controls{
padding:0 20px 10px 0;
margin:0;
background-color:#391e7b;
height:18px;
text-align:right;
color:#ebe8f2;
font-size:72%;
}
#nav{
padding:0px;
margin:0;
/*margin-bottom:1px;*/
border-bottom:1px solid #ECE9F3;
background:transparent url(../g/nav-bg.gif) repeat-x;
height:58px;
}
#container2{
float:left;
width:665px;
margin:0;
padding:0;
background:transparent url(../g/content-bg.jpg) repeat-x;
}
#subcontainer2{
float:left;
width:664px;
margin:0;
padding: 0;
clear:both;/* is this needed? */
background:transparent url(../g/subcontent-bg.jpg) repeat-x;
}
#breadcrumbs{
margin:0px 0 20px 0;
padding:13px 0 10px 0;
background-color:transparent;
height:30px;
font-size:72%;
color:#6e5690;
border-left:1px solid #ecebf6;
}
#sub-breadcrumbs{
margin:0px 0 20px 0;
padding:13px 0 10px 0;
background-color:transparent;
height:30px;
font-size:72%;
color:#6e5690;
border-left:1px solid #ecebf6;
}
#banner{
width:665px;
margin:0px;
padding:0px;
background-color:transparent;
height:162px;
overflow:auto;
border-left:1px solid #b5a8cd;
/*border-right:1px solid #ffffff;*/
}
#sidebar-b{
padding:0 0 10px 0;
margin-left:430px;
margin-right:275px;
background-color:#ffffff;
font-size:80%;
}
#subsidebar-b{
padding: 0;
margin-top:73px;
margin-left:430px;
margin-right:275px;
background-color:#ffffff;
font-size:80%;
overflow: visible;
}
#sidebar-a,#subsidebar-a{
float:right;
width:273px;
margin-right:0px;
padding:0 0 20px 0;
background-color: transparent;
font-size:80%;
overflow: visible;
}
#content, #news-content{
float:left;
width:450px;
margin:0 0 25px 0;
padding:0;
background-color:#ffffff;
font-size:80%;
}
#content-archive, #content-inmemory{
float:left;
margin:0 0 25px 0;
padding:0;
background-color:#ffffff;
font-size:80%;
width:650px;
}
#footer{
clear:both;
padding:8px 20px 12px 5px;
background-color:#7A65A8;
color: #dbd8eb;
font-size: 71%;
height: 40px;
border-top:1px solid #634e8f;
border-bottom:6px solid #aea0cc;
}
h1,h2,h3,h4{
font-weight:normal;
font-family:"Trebuchet MS",Georgia,arial,verdana,helvetica,sans-serif;
color:#735ca0;
}
h1{
padding:0 25px 5px 34px;
margin: 0;
font-size:170%;
}
#banner h1{
padding:18px 0 0 40px;
margin:0 50px 0 0;
font-size:170%;
color:#f5f4fb;
line-height:130%;
font-family:arial,verdana,helvetica,sans-serif;
}
#banner p{
color:#f5f4fb;
font-weight: bold;
margin: 0 0 0 5px;
font-size:95%;
line-height:140%;
}
#sidebar-b h1{
padding:0 10px 5px 34px;
font-size:140%;
}
#subsidebar-b h1{
padding:0 10px 5px 34px;
margin:  0;
}
#sidebar-a h1{
padding:10px 20px 5px 35px;
margin:0;
font-size:150%;
}
#subsidebar-a h1{
padding:5px 20px 5px 35px;
margin:0;
font-size:140%;
}
#subsidebar-a h2{
padding:5px 20px 5px 35px;
margin:0;
font-size:150%;
}
#sidebar-a h2{
padding:10px 20px 5px 35px;
margin:0;
font-size:140%;
}
h2{
padding:5px 25px 5px 34px;
font-size:150%;
}
h3{
padding:5px 25px 5px 34px;
margin:0;
font-size:130%;
}
h4{
padding:10px 25px 5px 34px;
margin:0;
font-size:110%;
}
p{
padding:3px 30px 3px 34px;
line-height:160%;
}
.instructions{	font-size: 85%;}
#subsidebar-b blockquote p{
font-family:"Trebuchet MS",Georgia,arial,verdana,helvetica,sans-serif;
/*background: #ffffff url(../g/blockquote-bg.jpg) repeat-x;*/
border-top:0px solid #efecf4;
border-bottom:6px solid #efecf4;
margin:0 20px 5px 20px;
padding: 32px 10px 10px 10px;
line-height:150%;
font-style:italic;
font-weight:bold;
color:#a797c4;
font-size:150%;
}
#content blockquote{
font-style:italic;
margin:0 20px 0 20px;
}
#content-inmemory blockquote{
font-family:"Trebuchet MS",Georgia,arial,verdana,helvetica,sans-serif;
border:1px solid #a690bf;
margin:5px 20px 5px 35px;
padding: 10px;
background-color: #f5f3fa;
	-moz-border-radius:5px;
}
#content-inmemory blockquote:hover{
background-color: #e7def1;
}
#content-inmemory blockquote p{
background: #391E7B url(../g/star.gif) no-repeat  10px .3em;
line-height:160%;
font-weight:bold;
color:#f3f2f9;
font-size:110%;
padding: 20px 10px 10px 90px;
overflow: auto;
height: 75px;
-moz-border-radius:5px;
}

/* =LISTS
----------------------------------------------- */
#content ul, #content-archive ul, #news-content ul{
margin:5px 20px 5px 65px;
padding:0px;
line-height:150%;
list-style:disc;
}
#subsidebar-b ul li{
background:url(../g/posted.gif) no-repeat  35px .3em;
padding-left: 55px;
padding-right: 10px;
line-height:180%;
position: relative;
}
#sidebar-a ul{
margin:5px 25px 5px 55px;
padding:0px;
line-height:150%;
list-style:disc;
}
#content ol, #content-archive ol{
margin:5px 20px 5px 65px;
padding:0px;
line-height:150%;
list-style: decimal;
}
/* Images */
.logo{
margin:0;
padding:0;
position:absolute;
top:25px;
left:34px;
}
#photodiv{
background-repeat:no-repeat;
margin:0px 0 0 45px;
/*background-color: #ffffff;
padding: 0;
border:1px solid #d9d3e5;
width: 200px;*/
}
#photoimg{
margin:0;
padding:0;
}
#news-content img{
padding:5px;
border:1px solid #e9e5f1;
margin:3px 10px 5px 0;
float: left;
}
#content-archive img{
padding:5px;
border:1px solid #e9e5f1;
margin:3px 10px 5px 0;
float: left;
}
#subsidebar-b img{
padding:27px;
border:1px solid #e9e5f1;
margin:8px 0 5px 0;
background-color:#ffffff;
-moz-border-radius:5px;
}
#subsidebar-b #player{
padding:5px;
border:1px solid #d7d0dd;
background-color:#f3f2f9;
margin:0 17px 0 35px;
}
#masthead p{
background:url(../g/contactbox-bg.jpg) no-repeat;
width:260px;
height:47px;
padding:13px 0 0 14px;
margin:40px 0 0 0px;
line-height:150%;
float:right;
font-weight:bold;
white-space:nowrap;
}
p a.donate{
width:209px;
height:69px;
margin:20px 0 7px 0;
display:block;
text-indent:-9999px;/* Commented backslash hack. Hides rule in IE5 Mac \*/
overflow:hidden;/* end hack */
}
p a.donate{
background:url(../g/donate.jpg) no-repeat;
}
p a:hover.donate{
background-position:0 -69px;
}
/* News */
.date{
background: url(../g/date.gif) no-repeat left;
font-size: 90%;
padding:0 0 0 20px;
margin: 0px 0 0 33px;
position: relative;
}
.posted{
background: url(../g/posted.gif) no-repeat left;
font-size: 90%;
padding:0 0 0 20px;
margin: 0px 0 15px 33px;
position: relative;
}
#teaser{
padding:10px 0 10px 0;
border:3px solid #e9e5f1;
margin:20px 30px 10px 30px;
background-color:#ffffff;
-moz-border-radius:5px;
}
#teaser p, #teaser h2{
padding:5px 10px 5px 10px;
}
/* News Archive */
#content-archive dl{
margin:10px 5px 0px 35px;
line-height:140%;
background-color: #edecf0;
}
#content-archive dt{
margin:0px 0 0px 0;
padding:5px 0 5px 25px;
background:url(../g/posted.gif) no-repeat 10px 50%;
text-indent: 5px;
background-color: #ffffff;
}
#content-archive dd{
color:#8d79b7;
font-style:italic;
margin:0px 0px 1px 0px;
padding:10px 0 10px 30px;
background:url(../g/date.gif) no-repeat 10px 50%;
background-color: #ffffff;
}
#content-archive dt:hover{
background-color: #f2eef9;
}
/* This is a better solution for the sidebar... note the .3em */
#subsidebar-b dl{
margin:2px 5px 10px 25px;
line-height:140%;
}
#subsidebar-b dt{
background:url(../g/posted.gif) no-repeat  10px .1em;
padding-left: 30px;
padding-right: 10px;
position: relative;
}
#subsidebar-b dd{
color:#888888;
font-style:italic;
margin:5px 5px 5px 10px;
}
/* Contact forms */
.formcontainer{
background-color:#F1EFF6;
margin:5px 0 15px 35px;
padding:20px 5px 10px 5px;
border:1px solid #e9e5ef;
-moz-border-radius:5px;
width: 85%;
}
.formcontainer fieldset{
border:0;
padding:5px 0 5px 20px;
}
.input,.input2,.input3{
width:70%;
border:1px #CCCCCC solid;
color:#4A4A4A;
padding:2px;
margin:2px 0 2px 0;
background:url(../g/form-bg.jpg) #FFFFFF !important;
}
.input2{
width:90%;
}
.input3{
width:20%;
}
.button{
width:95.5%;
background-color:#FFFFFF;
color:#4A4A4A;
border:1px solid #CCCCCC;
padding:3px;
}
.button:hover{
background-color:#9F8EC2;
color:#FFFFFF;
border:1px solid #5b4884;
}
.textarea-quote{
color:#4A4A4A;
height:128px;
width:95%;
border:1px #CCCCCC solid;
background:url(../g/form-bg.jpg) #FFFFFF repeat-x;
}
/* General table styles */
table{width:90%;
border-collapse:collapse;
margin:10px 0 10px 35px;
padding: 2px;
border:6px solid #aea0cc;
}
th, td{text-align:left;
padding:.5em;
border:1px solid #fff;
}
th{
background: #6337ce;
color:#fff;
padding: 12px;
font-weight: normal;
}
td{
background:#f0eef6;
}
#xmas{
margin: 1px 0 0 27px;
padding: 0;
}
/******************************
* SKIP NAV
******************************/
.skip {
position: absolute;
left: -1000px;
width: 990px;
font-size:1px; line-height:1;
}

/* The forms */
legend{
background-color: #FFFFFF;
color:#333333;
margin:5px 0 12px 4px;
border:1px solid #CCCCCC;
margin: 2px 5px 2px 5px;
padding: 4px;
}
.fieldset2{
padding: 0 0 8px 30px;
margin: 5px 10px 5px 30px;
background-color: #ffffff;
border:1px solid #e4e0e9;
text-align: left;
}
label{
margin:5px 0 0 10px;
}
.label2{
margin:5px 0 0 3px;
}
.labelspace{
margin:0 0 5px 0;
}
table.forms{ 
border-collapse:collapse;
padding:8px 0 8px 0;
margin: 0px;
border: 0;
}
table.forms td{
background-color: #ffffff;
border: 0;
}
.input1, .input2, .input3, .input4, .input5, .input6, .input7{
background:#FFFFFF;
border:1px #CCCCCC solid;
color:#303030;
padding:2px;
}
.input1{
width:225px;
margin:5px 0 5px 10px;
}
.input2{
width:102px;
margin:5px 0 5px 10px;
}
.input3{
width:465px;
margin:5px 0 5px 10px;
}
.input4{
width:550px;
margin:5px 0 5px 10px;
}
.input5{
width:50px;
margin:5px 0 5px 10px;
}
.input6{
width:140px;
margin:5px 0 5px 10px;
}
.check{
padding:0 0 0 5px;
}
.check2{
margin:0 0 0 10px;
}
.textarea{
width: 470px;
height: 80px;
margin:5px 0 5px 10px;
border:1px solid #CCCCCC;
}
.button2{
width: 464px;
background-color:#FFFFFF;
color:#4A4A4A;
border:1px solid #CCCCCC;
padding:3px;
margin: 10px 0 0 20px;
}
.button2:hover{
background-color:#9F8EC2;
color:#FFFFFF;
border:1px solid #5b4884;
}