/*
Author: DesignKarma.co.uk.
Updated: 16 November, 2005.
*/

/* ---[ common elements ]-------------------------- */
body{
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 105%;
	text-align: center;
	color: #333;
	background: #F1F0E6 url(/img/page-bg.gif) fixed repeat-y top center;
}
.hide{
	display: none;
}
h1{
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 70%;
	font-weight: normal;
	color: #7B7772;
}
.homeh1{
	font-size: 105%;
}
h2{
	font-size: 70%;
	font-weight: bold;
	margin-bottom: 5px;
}
h3{
	margin: 0;
	padding: 5px 10px;
	color: #fff;
	font-size: 80%;
	font-weight: normal;
	background: #FF7173;
}
p{
	font-size: 70%;
	margin: 5px 0;
}
form p{
	font-size: 100%;
}
em{
	font-style: normal;
	font-weight: bold;
}
dl{
	margin: 0;
	padding: 0;
}
dd{
	margin: 0;
	padding: 0;
	font-size: 70%;
}
form{
	background: url(/img/form-bg.gif) repeat-x;
	margin: 0;
	padding: 10px;
}
#name, #fname, #lname, #email, #phone, #tel, #postcode, #amount{
	width: 155px;
	border: 1px solid #ccc;
	margin: 3px 0;
}
#amount{
	width: 143px;
	margin-left: 5px;
}
textarea{
	width: 200px;
	height: 100px;
	border: 1px solid #ccc;
	margin: 3px 0;
	font-family: Arial, Verdana, sans-serif;
	font-size: 105%;
}
select{
	width: 160px;
	margin: 3px 0;
	font-family: Arial, Verdana, sans-serif;
	font-size: 105%;
}
#submit{
	margin: 5px 0 8px 0;
}
label{
	color: #333;
	font-family: Verdana, Arial, sans-serif;
	font-size: 70%;
}
a:link{
	text-decoration: underline;
	color: #3176AF;
}
a:visited{
	text-decoration: underline;
	color: #3176AF;
}
a:hover{
	text-decoration: none;
	color: #000;
}
a:active{
	text-decoration: none;
	color: #000;
}
blockquote{
	margin: 10px 0 0 0;
	padding: 10px 0;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 110%;
	line-height: 1.2em;
	font-weight: normal;
	color: #8CB63A;
	border-top: 4px solid #ddd;
	border-bottom: 1px dashed #ddd;
}
.error{
	color: #f00;
}
.inline-img{
	float: left;
	margin: 5px 10px 10px 0;
	padding: 1px;
	border: 1px solid #ddd;
}
.inline-img-kirsty{
	float: left;
	margin: 10px 10px 0 0;
}

/* ---[ container ]-------------------------- */
#container {
	margin: 0 auto;
	padding: 0;
	background: #fff;
	width: 780px; /* False value for IE4-5.x/Win */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 780px; /* Actual value for conformant browsers */
}
html>body #container{
	width: 780px; /* Be nice to Opera */
}

/* ---[ header ]-------------------------- */
#header h1{
	display: none;
}
#header p{
	display: none;
}
#header u1{
	display: none;
}
#header li{
	display: none;
}

/* --- [ content ] ------------------------------*/
#content{
	float: left;
	padding: 30px 30px 35px 35px;
	text-align: left;
	width: 580px; /* False value for IE4-5.x/Win */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 515px; /* Actual value for conformant browsers */
}
html>body #content{
	width: 515px; /* Be nice to Opera */
}
#content ul{
	list-style: none;
	margin: 0 0 0 15px;
	padding: 0;
}
#content li{
	background: url(/img/bullet.gif) no-repeat 0 50%;
	padding-left: 15px;
	font-size: 70%;
}
#content dt{
	margin: 20px 0 0 0;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 105%;
	color: #75D0E7;
}
#content dd{
	margin: 5px 0;
}
dd.details{
	padding: 0 0 15px 0;
	color: #ccc;
	border-bottom: 1px solid #eee;
}
dd.details span{
	padding-left: 16px;
	color: #999;
	background: url(/img/calendar.gif) no-repeat 0 1px;
}
#content a:link, #content a:visited{
	text-decoration: none;
	color: #75D0E7;
}
#content a:hover, #content a.active{
	text-decoration: underline;
	color: #000;
}
#donate dt, #donate dd{
	margin: 0;
}
#contact dt, #contact dd{
	margin: 0;
}

/* photo album */
#content #gallery ul{
	list-style: none;
	margin: 20px 0 0 0;
	padding: 0;
}
#content #gallery li{
	background: 0;
	float: left;
	margin: 0;
	padding: 0;
	display: inline;
	width: 95px;
	height: 95px;
}
#content #gallery img{
	border: 1px solid #ddd;
	height: 80px;
	width: 80px;
	padding: 1px;
}
#content #gallery a:hover img{
	border: 1px solid #FF7173;
}

/* ---[ patrons ]-------------------------------------- */
#patrons li{
	margin: 10px 0 0 0;
	padding: 20px 0 20px 80px;
	font-size: 90%;
}
#patrons li.colin-lane{
	background: url(/img/colin-lane.jpg) no-repeat;
}
#patrons li.harold-riley{
	background: url(/img/harold-riley.jpg) no-repeat;
}
#patrons li.kate-holland{
	background: url(/img/kate-holland.jpg) no-repeat;
}
#patrons li.mark-rix{
	background: url(/img/mark-rix.jpg) no-repeat;
}
#patrons li.mohammed-al-fayed{
	background: url(/img/mohammed-al-fayed.jpg) no-repeat;
}
#patrons li.paul-beck{
	background: url(/img/paul-beck.jpg) no-repeat;
}
#patrons li.paul-horrocks{
	background: url(/img/paul-horrocks.jpg) no-repeat;
}
#patrons li.russell-watson{
	background: url(/img/russell-watson.jpg) no-repeat;
}
#patrons li.sally-lindsay{
	background: url(/img/sally-lindsay.jpg) no-repeat;
}
#patrons li.samia-ghadie{
	background: url(/img/samia-ghadie.jpg) no-repeat;
}
#patrons li.shobna-gulati{
	background: url(/img/shobna-gulati.jpg) no-repeat;
}
#patrons li.sue-johnston{
	background: url(/img/sue-johnston.jpg) no-repeat;
}

/* --- [ sidebar ] ------------------------------*/
#sidebar{
	float: right;
	padding: 30px 20px 35px 0;
	text-align: left;
	width: 200px; /* False value for IE4-5.x/Win */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 180px; /* Actual value for conformant browsers */
}
html>body #sidebar{
	width: 180px; /* Be nice to Opera */
}
#sidebar a:link, #sidebar a:visited{
	text-decoration: underline;
	color: #606352;
}
#sidebar a:hover, #sidebar a.active{
	text-decoration: none;
	color: #384D0D;
}
/* donate button */
#donate{
	margin: 0 0 15px 0;
}
#donate span{
	display: none;
}
a#donateLnk{
	display: block;
	height: 76px;
	width: 180px;
	background: transparent url(/img/donate.gif) 0 0 no-repeat;
}
a:hover#donateLnk{
	background: transparent url(/img/donate.gif) 0px -76px no-repeat;
}
#sidebar ul{
	margin: 0 0 20px 0;
	padding: 10px;
	list-style: none;
	background: #EEEDEC;
}
#sidebar li{
	font-size: 70%;
	margin: 0 0 .5em 0;
	padding: 0 0 0 19px;
	line-height: 1.4em;
	background: url(/img/doc.gif) no-repeat 0 2px;
}
#sidebar p{
	margin: 0 0 15px 0;
	padding: 5px 10px 10px 10px;
	background: #EEEDEC;
	color: #666;
}
#sidebar p.nletter{
	margin: 0;
	background: #EEEDEC url(/img/nletter.gif) 8px 10px no-repeat;
	padding: 5px 10px 0 50px;
}
#sidebar p.lphoto{
	background: #EEEDEC url(/img/pics.gif) 8px 10px no-repeat;
	padding: 5px 10px 10px 50px;
}
#sidebar p.phones{
	background: #EEEDEC url(/img/phone.gif) 8px 10px no-repeat;
	padding: 5px 10px 10px 50px;
}

/* alert note */
#content .note {
	padding: 8px 0 0 0;
	border-top: 1px solid #eaeaea;
}
#content .note strong {
	color: #333;
}
#content .alert {
	padding-left: 18px;
	background: url(/img/alert-ora.gif) no-repeat 0 0;
}

/* --- [ footer ] ------------------------------*/
#footer {
	clear: both;
	background: #A6A595;
	margin: 0;
	padding: 20px;
	color: #D6D5C0;
	text-align: left;
	border-top: 4px solid #D6D5C0;
	width: 780px; /* False value for IE4-5.x/Win */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 740px; /* Actual value for conformant browsers */
}	
html>body #footer{
	width: 740px; /* Be nice to Opera */
}
#footer a{
	text-decoration: none;
	color: #fff;
}
#footer a:hover, #footer a.active{
	text-decoration: underline;
	color: #000;
}
#footer .rss {
	padding-left: 28px;
	background: url(/img/rss-button.gif) no-repeat 0 50%;
}