/*////////////////////////////////////////////////////
//
//                GENERAL STYLES
//
// SITE: PRAISE GATHERING
// AUTHOR: MARC JONES, OCM
// VERSION: 1.0
// CREATED: 27 JAN 10
// LAST UPDATED: 07 JUL 10
//
////////////////////////////////////////////////////*/

img, div, ul, a { behavior: url(iepngfix.htc)}
html, body {
	margin: 0px auto;
	height: 100%;
}
body {
	text-align: center;
	font-size: 65%;
	background-position: center top;
	background-repeat: no-repeat;
	background-image: url(img/body_bg.jpg);
	background-attachment: fixed;
}
a:hover {
	text-decoration: none;
}
h1,h2,h3,h4,h5,h6,p,li, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0px;
}
#accessibility {
	position: absolute;
	left: -100px;
	top: -100px;
}
p.ieNotice {
	width: 960px;
	background-color: #f2cc7f;
	overflow: hidden;
	padding: 5px;
	border: 1px solid #e2a833;
	margin-bottom: 20px;
}

/* FONTS :: GLOBALS */
h1 {
	font-family: 'CartoGothicStdBook', Arial, sans-serif;
	font-size: 50px;
	line-height: 55px;
	letter-spacing: 0px;
}
h2 {font: 24px/30px'CartoGothicStdBook', Arial, sans-serif;letter-spacing: 0;}
h3, p.largeText {font: 18px/27px 'CartoGothicStdBook', Arial, sans-serif;}
h4 {font: 16px/20px 'CartoGothicStdBook', Arial, sans-serif;}
.tagline {font: 24px/30px'CartoGothicStdBook', Arial, sans-serif;letter-spacing: 0;}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	line-height: 1.4em;
}
input, label, textarea {font: 14px Verdana, sans-serif;}
#mainCol li {font: 14px/20px Verdana, Arial, sans-serif; padding: 0px; padding-left: 5px; margin: 5px;}
#footer li {font: 12px/14px Verdana, Arial, sans-serif; padding: 0px; margin-top: 5px; margin-bottom: 5px;}
#footer #legal {
	padding: 0px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 1.1em;
	line-height: 1.2em;
}
/* FONTS :: SPECIFICS */
h1 {margin: 0px;}
h2 {margin: 0px;margin-top: 5px;margin-bottom: 5px;}
h3 {margin: 0px;margin-top: 5px;margin-bottom: 5px;}
#content p {color: #333333; margin-top: 5px; margin-bottom: 8px;}
.tagline {margin: 0px !important; margin-bottom: 25px !important;}
p.style1, label {color: #333333;}
.inputField {color: #333333;}
.submitButton {color: #FFFFFF;}
#content #mainCol li, #footer li {color: #333333;}

/* LAYOUT :: SHELL */
#shell {
	width: 960px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	background-image: url(img/shell_bg.png);
	background-repeat: repeat;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}

/* LAYOUT :: TOPBAR (SITEWIDE LINKS) */
#brandBar {
	width: 960px;
	height: 181px;
	overflow: hidden;
	background-image: url(img/logo_top.png);
	background-repeat: no-repeat;
}

/* LAYOUT :: MASTHEAD */
#mastHeadHP, #mastHeadEP {
	width: 940px;
	margin-right: 10px;
	margin-left: 10px;
	overflow: hidden;
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-bottom: 10px;
}
#mastHeadHP {
	height: 441px;
	background-image: url(img/masthead_bg.jpg);
}
#mastHeadEP {
	height: 181px;
	background-image: url(img/mastheadep_bg.jpg);
}
/* LAYOUT :: CONTENT */
#contentHP, #contentEP {
	width: 940px;
	margin-right: 10px;
	margin-left: 10px;
	overflow: hidden;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 10px;
	height: 280px;
}
#contentHP {
	height: 280px;
}
/* LAYOUT :: FOOTER */
#footer {
	width: 940px;
	overflow: hidden;
	text-align: left;
	height: 45px;
	padding: 10px;
}

.hphighlightBar {
	padding: 10px;
	background-color: #000000;
	margin: 0px 10px 10px 10px;
	color: #F9B60F;

}
.hphighlightBar a {
	color: #F9B60F;

}
/* MASTHEAD :: ELEMENTS :: TEXTCOL */
#textCol {
	width: 470px;
	height: 441px;
	float: left;
}
#textCol h1 {
	width: 470px;
	height: 181px;
	overflow: hidden;
	text-indent: -9999px;
	background-image: url(img/logo_h1.png);
	background-repeat: no-repeat;
	margin: 0px;
	margin-bottom: 10px;
}
#textCol a {
	width: 470px;
	height: 181px;
	display: block;
}
#textCol p {
	width: 460px;
	height: 250px;
	overflow: hidden;
	text-indent: -9999px;
	background-repeat: no-repeat;
	margin: 0px;
}
/* MASTHEAD :: ELEMENTS :: SLIDESHOW */
#slideshowBox {
  position:relative;
	width: 470px;
	height: 310px;
	margin-top: 131px;
	float: left;
}
#textslideBox {
  position:relative;
	width: 460px;
	height: 250px;
}
#slideshowBox img {
	border: none;
}
#slideshowBox img, #textslideBox p {
  position:absolute;
  top:0;
  left:0;
  z-index:8;
}
#slideshowBox img.active, #textslideBox p.active {
    z-index:10;
}
#slideshowBox img.last-active, #textslideBox p.last-active {
    z-index:9;
}
#textslide1 {
	background-image: url(img/textslide1_bg.png);
}
#textslide2 {
	background-image: url(img/textslide2_bg.png);
}
#textslide3 {
	background-image: url(img/textslide3_bg.png);
}

/* FOOTER :: ELEMENTS */
.legal {
	float: left;
	font-size: 1.1em;
	width: 635px;
	line-height: 45px;
	height: 45px;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.legal a {
	color: #666666;

}
.legal a:hover {
	color: #000000;

}
.fbLink,.maillistLink {
	width: 305px;
	height: 45px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
	float: left;
	background-image: url(img/ctas_bg.png);
}
.fbLink {
	background-position: 0px -260px;
}
.fbLink:hover {
	background-position: -305px -260px;
}
.maillistLink {
	background-position: 0px -305px;
}
.maillistLink:hover {
	background-position: -305px -305px;
}
/* CONTENT :: ELEMENTS :: CTAS */
.ctaMain {
	height: 290px;
	float: left;
	background-repeat: no-repeat;
	margin-right: 10px;
}
a.ctaLeftLink, a.ctaRightLink {
	height: 290px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
	background-position: 0px 0px;
}
a.ctaLeftLink:hover, a.ctaRightLink:hover {
	background-position: 0px -290px;
}
#ctaLeft {
	background-image: url(img/cta-left_bg.jpg);
	width: 305px;
}
#ctaRight {
	background-image: url(img/cta-right_bg.jpg);
	width: 310px;
}
a.ctaLeftLink {
	width: 305px;
	background-image: url(img/cta-left_a.png);
}
a.ctaRightLink {
	width: 310px;
	background-image: url(img/cta-right_a.png);
}
.ctaMenu {
	width: 305px;
	height: 290px;
	float: left;
}
a.ctaLink1, a.ctaLink2, a.ctaLink3, a.ctaLink4, a.ctaLink5 {
	width: 305px;
	height: 65px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
	background-image: url(img/ctas_bg.png);
	margin-bottom: 10px;
}
a.ctaLink1 {
	background-position: 0px 0px;
}
a.ctaLink1:hover {
	background-position: -305px 0px;
}
a.ctaLink2 {
	background-position: 0px -65px;
}
a.ctaLink2:hover {
	background-position: -305px -65px;
}
a.ctaLink3 {
	background-position: 0px -130px;
}
a.ctaLink3:hover {
	background-position: -305px -130px;
}
a.ctaLink4 {
	margin-bottom: 0px !important;
	background-position: 0px -195px;
}
a.ctaLink4:hover {
	background-position: -305px -195px;
}
a.ctaLink5 {
	margin-bottom: 0px !important;
	background-position: 0px -485px;
}
a.ctaLink5:hover {
	background-position: -305px -485px;
}
/* CTAS :: ELEMENTS */
#ctaBox1,
#ctaBox2 {
	width: 180px;
	padding-top: 0px;
	padding-right: 60px;
	padding-bottom: 20px;
	padding-left: 0px;
}
#ctaBox1 h2,
#ctaBox2 h2 {
	background-repeat: no-repeat;
	height: 39px;
	width: 180px;
	text-indent: -1000px;
	overflow: hidden;
	margin-bottom: 10px !important;
}
#ctaBox1 p,
#ctaBox2 p {
	margin: 0px;
	margin-top: 10px !important;
	margin-bottom: 15px !important;
}
#ctaBox1 a,
#ctaBox2 a {
	display: block;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: right;
	text-decoration: none;
}
#ctaBox1 a:hover,
#ctaBox2 a:hover {
	color: #333333;
	text-decoration: underline;

}
#ctaBox1 h2 {
	background-image: url(img/cta_difference.png);
}
#ctaBox1 a {
	border-top: solid 1px #CA6B5A;
	border-bottom: solid 1px #CA6B5A;
	color: #CA6B5A;
}
#ctaBox2 h2 {
	background-image: url(img/cta_room.png);
}
#ctaBox2 a {
	border-top: solid 1px #328fa7;
	border-bottom: solid 1px #328fa7;
	color: #328fa7;
}
/* EDINBURGH + CHOIR PAGE STYLES */
#topMenu {
	height: 60px;
	margin: 0px;
	margin-top: 100px;
	overflow: hidden;
	width: 450px;
	float: left;
	padding: 0px;
	padding-left: 20px;
}
#topMenu li {
	padding: 0px;
	float: left;
	list-style-type: none;
	height: 60px;
	font-size: 1.4em;
	line-height: 60px;
	margin: 0px;
	margin-right: 2px;
	margin-left: 2px;
}
#topMenu a {
	color: #000000;
	text-decoration: none;
	padding: 10px;
	padding-left: 5px;
	padding-right: 5px;
	height: 19px;
	border: solid 1px #ffffff;
}
#topMenu a.active, #topMenu a:hover {
	border: solid 1px #F9B60F;
}
#topMenu a.active {
	background-color: #F9B60F;
	color: #FFFFFF;
}
#infoCol {
	float: left;
	width: 495px;
	padding: 10px;
}
#mediaCol {
	float: left;
	width: 425px;
	padding: 10px;
}
.largeHeading {
	color: #F9B60F;
	font-size: 5em;
	text-align: left;
	margin-bottom: 20px;
}
.subHeading {
	color: #333333;
	font-size: 3em;
	text-align: left;
	margin-bottom: 20px;
}
#infoCol .imgRow{
	overflow: hidden;
	width: 495px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
.imgRow img {
	width: 100px;
	float: left;
	margin-right: 15px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;

}
#infoCol p {
	text-align: left;
}
#infoCol a {
	color: #333333;
	font-weight: bold;
}
.highlightBox {
	background-color: #F9B60F;
	padding: 15px;
	font-size: 1.6em;
	color: #000000 !important;
}
.highlightBox a {
color: #000000 !important;
}
.blockLink {
	color: #F9B60F !important;
	font-weight: normal !important;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2em;
	display: block;
	text-align: left;
	padding: 10px;
	background-color: #000000;
	text-decoration: none;
	margin-bottom: 10px;

}
.blockLink:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
.sampleLink1,.sampleLink2,.sampleLink3 {
	width: 425px;
	height: 45px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
	background-image: url(img/ctas_bg.png);
	margin-top: 5px;
	margin-bottom: 5px;
}
.sampleLink1 {
	background-position: 0px -350px;
}
.sampleLink1:hover {
	background-position: -425px -350px;
}
.sampleLink2 {
	background-position: 0px -395px;
}
.sampleLink2:hover {
	background-position: -425px -395px;
}
.sampleLink3 {
	background-position: 0px -440px;
}
.sampleLink3:hover {
	background-position: -425px -440px;
}