@import url(admin/admin-style.css); /*-- DO NOT REMOVE --*/
@import url(menu.css); /*-- DO NOT REMOVE --*/

/* COLOUR REFERENCE

Pale blue background: #A3D7EC;
Menu column background: #2688B5;
Menu button: #017DB2;
Text colours: #FFFFFF; #00354C; #026D9F;

*/

* {
	font-family: Arial, Verdana, sans-serif;
}

body {
	margin: 0px;
	padding: 0px;
	color: #4b4b4b;
	font-size: 75%;
}

form {
	margin: 0px;
	padding: 0px;
	display: inline;
}

input, textarea, select {
	font-size: 100%;
}

a, a * {
	color: #00354C;
	/*text-decoration: none;*/
}

a:hover {
	text-decoration: underline;
}

h1 {
	font-size: 160%;
}

h2 {
	font-size: 120%;
}

h3 {
	font-size: 110%;
}

h4 {
	font-size: 105%;
}

h5 {
	font-size: 100%;
}

h6 {
	font-size: 100%;
	font-weight: normal;
}

hr {
	height: 1px;
	border: 0px;
	color: #2688B5;
	background: #2688B5;
}

p {
	margin-top: 0px /* Not sure about this but this is driving me mad at the moment */
}

/* Simple classes - dereferencing single style parameters to avoid inline styles */

.bold {
	font-weight: bold;
}

.normal {
	font-weight: normal;
}

.clearboth {
	clear: both;
}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

.invisible {
	display: none;
}

.hidden {
	position: absolute;
	left: -1000px;
	top: -1000px;
}

.noul {
	text-decoration: none !important;
}

.noul: hover {
	text-decoration: underline !important;
}

.noheaderstyle {
	margin: 0px;
	display: inline;
}

.borderedpic {
	border: 1px solid #ffffff;
}

.ieitalicfix {
	/* Stop italics making the page wrap in IE */
	overflow: hidden;
	o\verflow: visible;
	width: 100%;
	w\idth: auto;
	he\ight: 1%;
	/* end if hack */
}
	
/* Bespoke site styles */

.logo {
	border: 0px;
}

a {
	text-decoration: none;
}

a: hover{
	text-decoration: underline;
}

.icon{
	border: 0px;
	vertical-align: middle; 
}

.donate {
	color: #B31B34 !important;
	font-weight: bold;
}

#sitecontainer{
	float: left;
	width: 775px;
}

/* HEADER */
#header{
	float: left;
	clear: right;
	padding-top: 19px;
	padding-bottom: 19px;
	background: #FFFFFF;
	color: #026D9F;
}

#header a{
	color: #026D9F;
}

.formBox{
	color: #005A7D;
	padding-left: 9px;
	font-size: 100%;
}

#sitelogo{
	padding-left: 19px;
	padding-right: 50px;
}

#centralarea{
	width: 775px;
	float: left;
	clear: both;
	background-image: url(images/background_page.gif);
	background-repeat: repeat-y;
}

.blueshadow{
	font-size: 5pt;
	background-image: url(images/shadow_onblue.gif);
	background-position: top left;
	background-repeat: repeat-x;
}

.dividerstrip{
	font-size: 3pt;
	background: #017DB2;
	border-top: 1px solid #4FA5CA;
	border-right: 1px solid #006793;
	border-bottom: 1px solid #005B82;
	border-left: 1px solid #2791BE;
}

#sectiontitle{
	color: #FFFFFF;
	padding: 9px 8px 8px 25px;
	/*border-bottom: 1px solid #52A4C8;*/
	font-size: 110%;
	background-image: none;
	background-position: top left;
	background-repeat: repeat-x; 
}

#sectiontitle a{
	color: #FFFFFF;
}


/* MIDDLE AREA */

.pagetitle {
	font-size: 110%;
	color: #01354b;
}

#content h1,
#content h2,
#content h3,
#content h4,
#content h5 {
	color: #01354b;
}

#landingtextcontainer .pagetitle,
#landingtextcontainer h1,
#landingtextcontainer h2,
#landingtextcontainer h3,
#landingtextcontainer h4,
#landingtextcontainer h5 {
	color: white;
}

#contentcontainer{
	width: 549px;
	float: right;
	padding: 0px 0px 10px 31px;
	_padding-left:0px;
	background-image: url(images/shadow_contenttop.gif);
	background-position: top left;
	background-repeat: repeat-x;
	color: #00354C;
	background-color: #A3D7EC;
}

#breadcrumb{
	width: 547px;
	float: right;
	padding: 10px 0px;
	background-image: url(images/dot-on-clear2.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
	margin-bottom: 0px;
	font-size: 90%;
}

#breadcrumb a{
	color: #00354C;
}

#sectionback{
	float: left;
	width: 100%;
}

#content{
	float: left;
	padding-top: 14px;
	padding-right: 20px;
	_padding-right:20px;
	width: 527px;
	display: inline;
	/* Stop italics making the page wrap in IE */
	overflow: hidden;
	o\verflow: visible;
	he\ight: 1%;
	/* end if hack */
}

#content a{
	text-decoration: underline;
} 

.narrow {
	width: 330px !important; 
}

#rhs{
	float: left; 
	width: 170px;
	padding-top: 14px;
	margin-left: 10px;
}

#rhs ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	padding: 10px 0px;
}

#rhs li {
	padding: 0px 0px 5px 0px;
}

#rhs a{
	text-decoration: underline;
	color: #00354C;
}

.stripeydivider{
	background-image: url(images/dot-on-clear2.gif);
	background-repeat: repeat-both;
	height: 1px;
	margin: 5px 0px 10px 0px;
}

.sidetitle{
	font-weight: bold;
}

.pagepic {
	border: 1px solid #4b4b4b;
	float: left;
	margin-bottom: 10px;
	clear: left;
}

#curveend{ /*The curves at the bottom of the page*/
	clear: both;
	float: left;
	width: 100%;
	background-image: url(images/page-bottom.gif);
	background-position: top left;
	background-repeat: no-repeat;
	font-size: 90pt;
} 

#footer{
	padding-top: 30px;
	float: left;
	border: 1px sold RED;
	width: 100%;
	padding-bottom: 30px;
}

#footertext{
	float: left;
	padding-left: 26px;
	width: 555px;
	color: #02608A;
}

#footertext p{
	margin-top: 0px;
	margin-bottom: 7px;
}

#footertext a{
	color: #02608A;
}

#footericons{
	float: right;
	text-align: right;
	padding-right: 9px;
}

/* News & Events */
.newseventsheader {
	background: #016E99;
	width: 547px;
	float: left;
	margin-top: 12px;
	color: white;
}

.listheader {
	background: #2688B5;
}

.newseventstitle {
	font-size: 100%;
	margin: 0px;
	padding: 3px 50px 3px 10px;
	float: left;
	color: white;
}

.topbutton {
	background: #016E99;
	float: right;
	padding: 3px 10px;
	border-left: 1px solid #A3D7EC;
}

.whitelink, .whitelink * {
	color: white !important;
}

.newseventspic {
	float: left;
	border: 1px solid white;
	margin-right: 15px;
	margin-bottom: 10px;
}

.newseventslistitem {
	float: left;
	width: 529px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	background-image: url(images/dot-on-clear2.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
}
/* end */

/* SITEMAP */

#sitemaplists{
	margin-top: 10px;
	padding-top: 10px;
	clear: both;
	background-image: url(images/dot-on-clear2.gif);
	background-repeat: repeat-x;
	background-position: top left; 
}
.sitemapelementlevel1{
	background: #019BD9;
	padding: 5px 0px 7px 13px;
	font-weight: bold;
	margin-bottom: 7px;
	color: #FFFFFF;
}

.sitemapelementlevel1 a{
	color: #FFFFFF;
}

.sitemapelementlevel2{
	padding-left: 13px;
	font-weight: bold;
	margin-bottom: 5px;
}

.sitemapelement{
	width: 300px;
	margin: 0px;
	padding: 0px;
	padding-left: 0px;
	background-image: url(images/arrowblue.gif);
	background-position: 0px 4px;
	background-repeat: no-repeat; 
	margin-bottom: 4px;
}
.sitemapelement a{
	color: #00354C;
}

#sitemapcontainer{
	margin-left: 0px;
}

#sitemapcontainer a{
	text-decoration: none;
}

.a2z{
	background: #009BD8;
	color: #FFFFFF;
	margin-top: 12px;
	margin-bottom: 5px;
	font-weight: bold;
	padding: 2px;
	padding-left: 9px;
}

.a2z a{
	color: #FFFFFF;
}


#AlphaNav{
	margin-top: 22px;
	padding: 0px 0px 20px 0px;
	/*text-align: center;*/
	color: #00354C;
	}

#AlphaNav a{
	color: #FFFFFF;
	padding: 3px 5px;
	background: #007BB2;
	font-weight: bold;
	text-decoration: none;
	font-size: 86%;
}

/* --- Search Page -------------------------------------- */

#search-main-container{
	float: left;
}

#search-total-results{ /*Your search returned X results bit*/
	float: left;
	clear: right;
	width: 500px;
	margin-bottom: 12px;
}

.search-result-summary{ /*The expanded bit linking to the actual results*/
	float: left;
	width: 490px;
	margin-bottom: 15px;
}


.searchsection{
	float: left;
	width: 500px;
	padding: 5px 6px;
	margin-bottom: 2px;
	background-color: #76C6E6;
}

.searchsection a{
	text-decoration: none;
}

.noresults{
	color: #507585;
}

#searchlist{
	float: left; 
	width: 500px;
	padding-top: 10px;
	padding-left: 15px; 
	margin-bottom: 20px;
}

/* === HOMEPAGE ================================ */

#curveendhome{ /*The curves at the bottom of the homepage*/
	clear: both;
	float: left;
	width: 100%;
	background-image: url(images/home_bottom.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	font-size: 140pt;
} 

#centralareahome{
	width: 100%;
	float: left;
	clear: both;
	background-image: url(images/background-home.gif);
	background-repeat: repeat-y;
}

#contenthome{
	float: left;
	width: 544px;
	color: #FFFFFF;
}

#homemaintext{
	padding-top: 34px;
	margin-left: 131px;
	padding-bottom: 17px;
	padding-right: 15px;
	margin-right: 23px;
	font-size: 120%;
	background-image: url(images/dot-on-clear.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
	margin-bottom: 20px;
}

#homeRHS{
	float: left;
	margin-left: 1px;
	width: 230px;
}

.homeRHSheading{
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #FFFFFF;
	background-color: #2586B3;
	font-weight: bold;
	background-image: url(images/shadow_onblue.gif);
	background-position: top left;
	background-repeat: repeat-x; 
}

.homelistitem {
	float: left;
	width: 210px;
	padding: 8px;
}

.homethumbnail {
	float: left;
	border: 1px solid white;
	margin-right: 8px;
	margin-bottom: 8px;
}

/* LANDING PAGES - (Initially just Donate and Support Us) */

#bannerimagearea {
	background-image: url(images/banner_bg.gif);
}

#landingtextcontainer{
	width: 307px;
	padding-left: 18px;
	padding-right: 20px;
}

#landingtextcontainer h1{
	font-size: 120%;
}

#landingtextcontainer a{
	color: #FFFFFF;
}

#landingsummary{
	padding-bottom: 17px;
	font-size: 120%;
	background-image: url(images/dot-on-clear.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
	margin-bottom: 20px;
}

#landingmain{
	/*none at this time*/
}


/* SHOP SECTION */
.shoplistitem {
	float: left;
	border: 2px solid #1F6D92;
	width: 220px;
	margin-right: 20px;
	background: white;
}

.shoplisttitle {
	background: #1F6D92;
	padding: 1px 5px 3px 5px;
}

.shoplisttitle a {
	color: white;
	font-weight: bold;
	text-decoration: none !important;
}

.shoplisttitle a: hover {
	text-decoration: underline !important;
}

.shoplistimg {
	text-align: center;
	padding: 5px;
	background: white
}

#shopitempics {
	float: left;
	width: 170px;
}

.shopitemimg {
	float: left;
	border: 1px solid #1F6D92;
	clear: left;
	text-align: center;
	background: white;
	width: 150px;
	margin-bottom: 20px;
}

#shopitemdetail {
	float: left;
	width: 355px;
}

.baskettitle {
	background: #2688B5;
	font-weight: bold;
	color: white;
	padding: 5px 8px;
}
/* END SHOP */

/* Bookshop */
#bookshopitempics {
	float: left;
}

#bookshopitemdetail {
	float: left;
	width: 333px;
	margin-left: 15px;
}

.amazonlogo {
	text-align: center;
	border: 1px solid #1F6D92;
	background: white;
	padding: 8px 6px;
	margin-top: 10px;
}
/* end */


/* Registration form */
.formcol {
	float: left;
	width: 150px;
	clear: left;
	padding: 3px 10px;
	text-align: right;
	margin-bottom: 5px;
	vertical-align: top;
}

.simpleformcol {
	float: left;
	width: 70px;
	clear: left;
	padding: 3px 10px 3px 0px;
	margin-bottom: 5px;
	vertical-align: top;
}

.forminput {
	float: left;
	margin-bottom: 5px;
}

.note {
	color: #2688B5;
	border: 2px solid #2688B5;
	background: white;
	padding: 5px;
}
/* end reg form */

/* Forum */
.bbheader {
	padding: 10px 0px 10px 4px;
	font-weight: bold;
	background: #99DBF6;
	clear: both;
}

.bbtitles {
	font-weight: bold;
	background: #7BB9D2;
	padding: 10px 0px;
}

.bbrow {
	clear: both;
	float: left;
	width: 545px;
	padding: 2px 0px 2px 4px;
	border-top: 1px solid #E8F8FF;
	border-bottom: 1px solid #7BB9D2;
}

.firstbbrow {
	border-top: none;
}

.firstmessage {
	background: #7BB9D2;
	color: white;
	border-bottom: 1px solid #E8F8FF;
}

.messagepaging {
	padding: 2px 10px 2px 133px;
}

.messagepaging a, .messagepaging {
	color: white;
}

.lastbbrow {
	clear: both;
	border-top: 1px solid #E8F8FF;
}

.evenbbrow {
	background: #99DBF6;
}

.forumtitlecol {
	float: left;
	width: 330px;
	margin-right: 10px;
}

.numtopicscol {
	float: left;
	width: 50px;
	margin-right: 10px;
}

.nummsgscol {
	float: left;
	width: 70px;
	margin-right: 10px;
}		

.lastpostingcol {
	float: left;
	width: 60px;
}

.bbtitlecol {
	float: left;
	width: 260px;
	margin-right: 10px;
}

.authorcol {
	float: left;
	width: 120px;
	margin-right: 10px;
}

.messagecol {
	float: left;
	width: 400px;
}

.messagerow {
	padding-top: 8px;
	padding-bottom: 8px;
}

.bbmessagetitlecol {
	float: left;
	width: 310px;
	margin-right: 10px;
}

.replybutton {
	float: right !important;
	white-space: nowrap;
	margin-right: 5px;
}

.dottedline {
	background-image: url(images/dot-on-clear2.gif);
	background-position: top left;
	background-repeat: repeat-x;
}

.bbiconcoltitle {
	float: left;
	width: 75px;
}

.bbicons {
	float: left;
	width: 300px;
}

.bbauthorpic {
	clear: both;
	margin-top: 10px;
	border: 1px solid #7BB9D2;
}
/* end forum */

/*VIDEO GALLERY*/

.video-gallery-strip{
	float: left;
	width: 549px;
	background: #027cb1;
	color: #FFFFFF;
	margin-bottom: 15px;
	margin-top: -15px;
}


.video-gallery-strip a{
	color: #FFFFFF!important;
	text-decoration: none!important;
}
.video-gallery-strip a:hover{
	color: #FFFFFF!important;
	text-decoration: underline!important;
}

.video-gallery-strip-start{
	float: left;
	width: 100px;
	background:#006e99;
	border-right:1px solid #a3d7ec;
	font-weight: bold;
	padding: 3px 0px 2px 12px;
}

.video-gallery-strip-back{
	float: left;
	width: 147;
	background:#006e99;
	border-right:1px solid #a3d7ec;
	font-weight: bold;
	padding: 3px 10px 2px 7px;
}

.video-gallery-strip .prev{
	float:left;
	width:80px;
	padding: 3px 0px 2px 12px;
	font-weight: bold;
	border-right:1px solid #a3d7ec;	
}

.video-gallery-strip .next{
	float:left;
	width:52px;
	font-weight: bold;
	padding: 3px 0px 2px 12px;
	border-right:1px solid #a3d7ec;
}


.video-gallery-item{
	float:left;
	width: 520px;
	clear:both;
	margin-top: 4px;
}

.video-gallery-item ul{
	list-style-type: none;
}

.video-gallery-item img{
	border:0px;
}

.video-gallery-item .text{
	float: left;
	width: 390px;
	margin-left:5px;
	min-height:80px;
	background: url(images/video-list-dot.gif) repeat-x bottom left;
	font-weight: bold;
	color: #00354c	;
}
.video-gallery-item a{
	text-decoration: none!important;	
	color: #00354c	;
}

* html .video-gallery-item .text{ /*IE6 only*/
	height: 80px;
}	

.video-gallery-item .photo {
	background:url(images/video-thumbnail-backdrop.gif) no-repeat;
	width:112px;
	height:88px;
	padding:5px 0px 0px 5px;
	margin:0;
	float:left;
}

.video-detail{

}

.video-detail .video{
	float:left;
	width: 220px;
	background:url(images/video-movie-backdrop.gif) no-repeat;
	padding-top: 6px;
	padding-left:8px;
	min-height:220px;
}

* html .video-detail .video{{
	height:200px;
}

.video-detail .text{
	float: left;
	width: 290px;
	margin-left: 20px;
}

.video-detail .text h2{
	font-size:100%;
	margin-top:10px;
	margin-bottom: 8px;
	font-weight: bold;
}


/*NEW HEADER LAYOUT [JH]*/
.header-sub{

}

img { behavior: url(iepngfix.htc) }