@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;
	font-size: 75%;
	background: url(images/page-bg.gif) top left;
}

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

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

a, a * {
	color: #004d9c;
	/*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{
	margin:auto;
	width: 775px;
	background:#fff;
	border-right:1px solid #a59ea5;
}
/* HEADER */
#header{
	float: left;
	clear: right;
	padding-top: 5px;
	padding-bottom: 10px;
	background: #FFFFFF;
	color: #026D9F;
}

#header a{
	color: #026D9F;
}

#header .header-sub{
	float:left;
	width:445px;
}

#header .header-sub-top-row{
	margin-top:40px;
	font-weight:bold;
}

#header .header-sub-bottom-row{
	margin:25px 2px 0px 0px;
	font-weight:bold;
}

.headermenustrip {
	list-style:none;
	padding: 0px 0px 0px 0px;
	margin:0px;
	display:inline;
}

.headermenustrip ul {
	/*float:left;*/
}

.headermenustrip li {
	display:inline;
	margin-right:30px;
	color: #6b0094 !important;
}

.headermenustrip li.last {
	margin-right:0px;
}

.headermenustrip li a{
	text-decoration:none;
	color: #6b0094 !important;
}

.headermenustrip li a:hover{
	text-decoration:underline;
}

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

#sitelogo{
	padding-left: 12px;
	padding-right: 80px;
}

#centralarea{
	width: 775px;
	float: left;
	clear: both;
}

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

.grayshadow{
	font-size: 5pt;
	background-image: url(images/gray_shadow.jpg);
	background-position: top left;
	background-repeat: repeat-x;
}

.dividerstrip{
	font-size: 3pt;
	background: #ad61d6;
	border-top: 1px solid #c692e7;
	border-right: 1px solid #8445ad;
	border-bottom: 1px solid #7b459c;
	border-left: 1px solid #bd79de;
}

.dividerstrip-blue{
	font-size: 3pt;
	background: #005dc6;
	border-top: 1px solid #4a92d6;
	border-right: 1px solid #004da5;
	border-bottom: 1px solid #004594;
	border-left: 1px solid #2979ce;
}

#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%;
}

.sitemaptitle {
	color: #630094;
}

#contentcontainer{
	width: 547px;
	float: right;
	padding: 0px 0px 10px 31px;
	background-position: top left;
	background-repeat: repeat-x;
	color: #00354C;
}

#breadcrumb{
	width: 100%;
	padding: 10px 0px;
	background: url(images/dot-on-clear.gif) repeat-x bottom left;
	margin-bottom: 0px;
	font-size: 90%;
	color: #6b009c;
}

#breadcrumb a{
	color: #6b009c;
}

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

.sectionbutton {
	background:#AD61DE url(images/rhs_btn_bottom.gif) no-repeat scroll left bottom;
	color:#fff;
	width:170px;
	text-align:center;
	font-weight:bold;
	padding:3px 0px;
	text-decoration:none !important;
	color: #fff !important;
	margin-bottom:4px;
}

#content{
	float: left;
	/*padding-top: 14px;*/
	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: 32px;
	margin-left: 10px;
}

.newseventrhs {
	padding-top:0px !important;
}

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

#rhs li {
	padding: 3px 0px 6px 0px;
	background:url(images/dot-on-clear.gif) repeat-x bottom left;
}

#rhs li.last {
	background:none;
}

#rhs a{
	text-decoration: none;
	color: #00354C;
	display:block;
}
#rhs a:hover{
	text-decoration: underline;
}

#rhs span{
	display:block;
	padding:0px 0px 0px 25px;
}

.doc-list .pdf span {
	background:url(images/ico-pdf.gif) no-repeat;
}
#rhs .doc-list li.pdf a {background-position:100% .5em;}
.doc-list .word span {
	background:url(images/ico-word.gif) no-repeat;
}
#rhs .doc-list li.word a {background-position:100% .5em;}
.doc-list .exl span {
	background:url(images/ico-exl.gif) no-repeat;
}
#rhs .doc-list li.exl a {background-position:100% .5em;}

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

.sidetitle{
	font-weight: bold;
}

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

#footer{
	margin-top:1px;
	padding-top: 30px;
	float: left;
	border-top: 2px solid #de96ff;
	width: 100%;
	padding-bottom: 30px;
}

.footertext, #nemisystext{
	float: left;
	padding-left: 26px;
	width: 555px;
	color: #000;
}

.footertext p{
	margin-top: 0px;
	margin-bottom: 7px;
}
#nemisystext {
	margin-top: 20px;
}
#nemisystext img {
	border: none;
}

.footermenustrip {
	list-style:none;
	padding: 0px 0px 0px 0px;
	margin:0px;
	display:inline;
}

.footermenustrip li {
	float:left;
	margin-right:20px;
}

.footermenustrip li a{
	text-decoration:none;
	color: #000;
}

.footermenustrip li a:hover{
	text-decoration:underline;
}

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

.listheader {
	background: #efeff7 url(images/dot-on-blue.jpg) repeat-x top left;
}

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

.topbutton {
	background: #005dc6 url(images/top-nav-right.gif) no-repeat scroll right top;
	float: right;
	padding: 3px 10px 4px 0px;
	margin:3px 0px 0px 2px;
}

.topbutton .left-edge {
	background: #005dc6 url(images/top-nav-left.gif) no-repeat scroll left top;
	padding:3px 0px 3px 10px;
}

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

.strong {
	font-weight:bold !important;
}

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

#content .last{
	background-image: none;
}

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

/* SITEMAP */

#sitemap-header { /*Your search returned X results bit*/
	float: left;
	clear: right;
	width: 524px;
}

#sitemap-header form {
	float:right;
}

#sitemap-header select {
	color:#630094;
	font-weight:bold;
}

#sitemap-header h1 {
	float:left;
}

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

.sitemapelementlevel1 a{
	color: #FFFFFF !important;
}

.sitemapelementlevel2{
	padding: 3px;
	font-weight: bold;
	background: #efc3ff url(images/dot-on-pink.gif) repeat-x bottom left;
}

.sitemapelement{
	margin: 0px;
	padding: 3px;
	background: #efc3ff url(images/dot-on-pink.gif) repeat-x bottom left;
	font-weight: bold;
}
.sitemapelement a{
	color: #630094;
}

#sitemapcontainer{
	margin-left: 0px;
	clear:both;
}

#sitemapcontainer a{
	text-decoration: none;
	color: #630094;
}

.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;
	float:left;
}

#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-total-results form {
	margin-left:79px;
}

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

.paging {
	padding:0px;
	margin:0px;
}
.paging li {
	display:inline;
	float:left;
	background:#f7e3ff url(images/inactive-right.gif) no-repeat top right;
	color:#6b0094;
	padding:0px 6px 0px 0px;
	margin-left:4px;
	list-style:none;
}
.paging li a{
	background:#f7e3ff url(images/inactive-left.gif) no-repeat top left;
	color:#6b0094;
	text-decoration:none!important;
	display:block;
	font-weight:bold;
	padding:1px 0px 1px 6px;
}
.paging li.active {
	background:#ad61d6 url(images/active-right.gif) no-repeat top right;
	color:#fff;
}
.paging li.active a {
	background:#ad61d6 url(images/active-left.gif) no-repeat top left;
	color:#fff;
}
.paging li.prev {
	margin-right:4px;
}
.paging li.next {
	margin-left:6px;
}

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

.searchsection a{
	text-decoration: none;
	color:#fff;
}

.noresults{
	color: #507585;
}

#searchlist{
	float: left; 
	width: 497px;
	padding: 10px 0px 10px 15px;
	margin-bottom: 20px;
	background-color: #efc3ff;
}

/* === 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;
}

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

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

#homemainspeachtext{
	margin-left: 64px;
}

#homemainspeachtext .openquote{
	float:left;
	text-align:right;
	margin-right:8px;
}

#homemainspeachtext .speachtext{
	float:left;
	width:368px;
}

#homemainspeachtext .closequote{
	float:left;
	margin-left:8px;
}

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

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

.homelistitem {
	float: left;
	width: 210px;
	padding: 8px;
	background-image: url(images/dot-on-menu.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
}

.homelistitem-last{
	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*/
}

/* 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: 147px;
	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{

}