html, body {
	margin: 0px auto;
	height:100%; /* needed for container min-height */
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 65%;
	background-color: #E7E7E7;
}
/* LINKS */
a:hover {
	text-decoration: none;
}
a.bookLink {
	background-image: url(img/booktickets_a.gif);
	background-repeat: no-repeat;
	padding: 0px;
	height: 50px;
	width: 138px;
	display: block;
	overflow: hidden;
	text-indent: -1000px;
	float: left;

}
/* LAYOUT :: STRUCTURE */
#shellTop {
	width: 912px;
	height:16px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	background-image: url(img/shell_top.jpg);
	background-repeat: no-repeat;
}
#shell {
	width: 900px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%;
	background-image: url(img/shell_bg.jpg);
	background-repeat: repeat-y;
	padding-right: 6px;
	padding-left: 6px;
}
#logoBanner {
	width: 880px;
	height:153px;
	background-repeat: no-repeat;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	border: none;	
	border-right-style: solid;
	border-right-width: 10px;
	border-right-color: #FFFFFF;
	border-left-style: solid;
	border-left-width: 10px;	
	border-left-color: #FFFFFF;
}
.fullWrapper {
	width: 880px;
	overflow: hidden;
	border: none;
	border-right-style: solid;
	border-right-width: 10px;
	border-right-color: #FFFFFF;
	border-left-style: solid;
	border-left-width: 10px;
	border-left-color: #FFFFFF;
	background-color: #FFFFFF;
}
.maincolWrapper {
	width: 680px;
	overflow: hidden;
}
#mainCol {
	width: 680px;
	overflow: hidden;
	float: left;
	border: none;
	border-top-width: 10px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}
#mainCol a {
	color: #1981AF;
	
}
#sideCol {
	width: 200px;
	overflow: hidden;
	float: left;
	border: none;
	border-top-width: 10px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}
#footer {
	width: 880px;
	overflow: hidden;
}
/* ~~~~~~~~ */
/* ELEMENTS */
/* ~~~~~~~~ */

/* ELEMENTS :: LOGO ROW (BANNER, VERSION LINK ETC) */
#logoRow {
	width: 880px;
	height:123px;
	background-repeat: no-repeat;
	overflow: hidden;

}
#logoRow a {
	height:123px;
	overflow: hidden;
	float: left;
	display: block;
	text-indent: -10000px;
}
#logoRow a.homepage{
	width: 780px;
}
#logoRow a.version{
	width: 100px;
	background-repeat: no-repeat;
}
/* ELEMENTS :: TOP MENU (MAIN NAVIGATION) */
#topMenu {
	width: 880px;
	height:30px;
	background-repeat: no-repeat;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#topMenu li {
	float: left;
	height: 30px;
}
#topMenu li a {
	height:30px;
	overflow: hidden;
	display: block;
	text-indent: -10000px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	margin: 0px;
	margin-right: 8px;
	margin-left: 8px;
}
#topMenu li a:hover, #topMenu li a.active {
	background-position: 0px -30px;
}
#topMenu li #home {
	background-image: url(img/tm-home_a.gif);
	width: 45px;
	margin-left: 110px;
}
#topMenu li #events {
	background-image: url(img/tm-events_a.gif);
	width: 59px;
}
#topMenu li #directory {
	background-image: url(img/tm-directory_a.gif);
	width: 132px;
}
#topMenu li #publications {
	background-image: url(img/tm-publications_a.gif);
	width: 101px;
}
#topMenu li #news {
	background-image: url(img/tm-news_a.gif);
	width: 46px;
}
#topMenu li #exile {
	background-image: url(img/tm-exile_a.gif);
	width: 43px;
}
#topMenu li #about {
	background-image: url(img/tm-about_a.gif);
	width: 53px;
}
#topMenu li #contact {
	background-image: url(img/tm-contact_a.gif);
	width: 68px;
}
/* ELEMENTS :: SUB MENU (SUB NAVIGATION) */
/*#logoBanner {
	width: 880px;
	height:153px;
	background-image: url(img/logo-banner-uk_bg.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	border: none;	
	border-right-style: solid;
	border-right-width: 10px;
	border-right-color: #FFFFFF;
	border-left-style: solid;
	border-left-width: 10px;	
	border-left-color: #FFFFFF;
}*/
#subMenu {
	width: 860px;
	height:30px;
	background-image: url(img/sub-menu_bg.gif);
	background-repeat: no-repeat;
	overflow: hidden;
	margin: 0px;
	list-style-type: none;
	border: none;
	border-right-style: solid;
	border-right-width: 10px;
	border-right-color: #FFFFFF;
	border-left-style: solid;
	border-left-width: 10px;
	border-left-color: #FFFFFF;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#subMenu li {
	float: right;
	height: 30px;
	line-height: 30px;
	font-size: 1.1em;
}
#subMenu li a {
	display: block;
	margin: 0px;
	margin-right: 10px;
	margin-left: 10px;
	color: #595959;
	text-decoration: none;
}
#subMenu li a:hover {
	color: #007FAB;
	text-decoration: underline;
}
#subMenu li a.active {
	color: #007FAB;
	font-weight: bold;
}
/* ELEMENTS :: LOGIN BOX (LOGIN FORM) */
#loginBox {
	width: 200px;
	height:120px;
	overflow: hidden;
	background-image: url(img/loginbox_bg.gif);
	background-repeat: no-repeat;
	text-align: right;
}
#loginBox h2,
#loginBox p {
	color: #FFFFFF;
	text-align: left;
	font-size: 1.1em;
}
#loginBox h2 {
	color: #FFFFFF;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 15px;

}
#loginBox p {
	margin-top: 8px;
	margin-right: 10px;
	margin-bottom: 8px;
	margin-left: 15px;
}
#loginBox a {
	color: #C6E5EC;

}
#loginBox a:hover {
	color: #FFFFFF;
}
#loginBox form {
	width: 200px;
	overflow: hidden;
	margin: 0px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	display: block;
}
#loginBox label {
	width: 180px;
	display: block;
	color: #C6E5EC;
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
}
#loginBox .textField {
	border: 1px solid #C6E5EC;
	width: 100px;
	font-size: 1em;
	padding: 3px;
}
#loginBox .loginButton {
	margin-left: 10px;
	margin-right: 100px;
}
/* ELEMENTS :: QUICKLINKS + MY LINKS (SIDECOL) */
#quickLinks {
	width: 200px;
	overflow: hidden;
	padding-bottom: 20px;
}
#quickLinks h2 {
	width: 200px;
	background-image: url(img/quicklinks_h2.gif);
	background-repeat: no-repeat;
	height: 34px;
	text-indent: -10000px;
	margin: 0px;
}
#quickLinks h2 {
	background-image: url(img/quicklinks_h2.gif);
}
#quickLinks a {
	width: 200px;
	overflow: hidden;
	background-repeat: no-repeat;
	display: block;
	text-indent: -10000px;
}
#quickLinks #donation {
	background-image: url(img/ql-donation_a.gif);
	height: 59px;
}
#quickLinks #joinchoir {
	background-image: url(img/ql-joinchoir_a.gif);
	height: 54px;
}
#quickLinks #orchestra {
	background-image: url(img/ql-orchestra_a.gif);
	height: 49px;
}
#quickLinks #findachurch {
	background-image: url(img/ql-findachurch_a.gif);
	height: 55px;
}
#quickLinks #eventsguide {
	background-image: url(img/ql-eventsguide_a.gif);
	height: 52px;
}
#quickLinks #partner {
	background-image: url(img/ql-partner_a.gif);
	height: 60px;
}
#quickLinks #newsletter {
	background-image: url(img/ql-newsletter_a.gif);
	height: 95px;
}
#quickLinks #updateprofile {
	background-image: url(img/ql-updateprofile_a.gif);
	height: 59px;
}
#quickLinks #updatechurch {
	background-image: url(img/ql-updatechurch_a.gif);
	height: 54px;
}
/* ELEMENTS :: FOOTER (LEGAL, FB LINKS ETC) */
#footer .notes {
	text-align: right;
	margin: 0px;
	padding: 10px;
	font-size: 1em;
	color: #575757;
}
#footer a {
	color: #575757;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}

.brand {
	font-weight:bold;
}

.smallindent {
	font-size: 10px;
	color: #777777;
}

/* ELEMENTS :: NEWS BOX (NEWS LIST - HOMEPAGE) */
/* ELEMENTS :: EVENTS BOX (EVENTS LIST - HOMEPAGE) */
/* ELEMENTS :: NEWS PAGE (NEWS LIST) */

#newsBox,
#eventsBox {
	width: 330px;
/*	height:320px;
	overflow: hidden; */
	float: left;
	border: none;
	border-right-width: 10px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	text-align: left;
}
#newsfull {
	text-align: left;
}
#newsBox h2,
#eventsBox h2,
#newsfull h2 {
	width: 330px;
	height:60px;
	overflow: hidden;
	text-indent: -10000px;
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
}
#newsBox h3,
#eventsBox h3,
#newsfull h3 {
	color: #1981AF;
	font-size: 1.2em;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 2px;
	margin-left: 10px;
}
#newsBox h4,
#eventsBox h4,
#newsfull h4 {
	font-size: 1.2em;
	font-weight: normal;
	color: #1981AF;
	margin-top: 2px;
	margin-right: 10px;
	margin-bottom: 2px;
	margin-left: 10px;
}
#newsBox p,
#eventsBox p,
#newsfull p {
	color: #595959;
	font-size: 1.2em;
	margin-top: 2px;
	margin-right: 10px;
	margin-bottom: 15px;
	margin-left: 10px;
}
#newsBox h2,
#newsfull h2 {
	background-image: url(img/newsbox_h2.gif);
}
#eventsBox h2 {
	background-image: url(img/eventsbox_h2.gif);
}
#newsBox a.newsletter,
#newsfull a.newsletter {
	background-image: url(img/newsletter_a.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 108px;
	width: 330px;
	display: block;
	overflow: hidden;
	text-indent: -10000px;
}
.normallist li {
	color: #595959;
	font-size: 1.2em;
	text-align: left;
}

.loggedinmenu {
	color: red;
}

a.loggedinmenu:hover {
	text-decoration:none;
}