/* 

All custom styles go in here.
Do not put custom styles in the template-styles.css 
file as this might be overwritten if the standard template
is used and a colour change is put in place.
*/

/*
Primary		#302B54
2nd 		#5D53A3
3rd			#A59FCE
4th			#EFEEF6
*/

#infoBox {
	margin-left: 5px;
}
#infoBox #infoBoxHead{
	background-color: #6689C9;
	background-image: url("images/info-top.gif");
	background-repeat: no-repeat;
	padding: 2px 2px 2px 5px;
	color: #FFFFFF;

}

#infoBox #infoBoxContent  {
	background-color: #A3C3FE;
	padding: 2px 2px 2px 5px;
}

#infoBox #infoBoxBase {
	background-image: url("images/nav-base.gif");
	background-repeat: no-repeat;
}

.directoryTable {

}

.directoryTable .directoryHeader {
	background-color: #cccccc;
	color: #333333;
	padding: 2px 5px 2px 5px;
}

.directoryTable .directoryRowOn {
	background-color: #ececec;
	padding: 2px 5px 2px 5px;
}

.directoryTable .directoryRowOff {
	background-color: #dddde3;
	padding: 2px 5px 2px 5px;
}

.formFields {
	border: 1px solid #302B54;
	background-color: #cccccc;
	color: #333333;
}

.submitButton {
	border: 1px solid #302B54;
	background-color: #5D53A3;
	color: #000;
}

blockquote {
	font: bold 100% Tahoma, Sans-serif;	
	margin: 10px;
 	padding: 0 0 0 25px;  
    background: #EFEEF6;				 /* 4th color */
	border-left: 3px solid #302B54;	    /* primary color */
	color: #444;
}

/* content */
#content .pageContent p {
	padding: 0 0 17px 0;
}

#content .pageContent ul {
	list-style: disc;
	margin-left:25px;
}

#content .pageContent ul li {
	padding-bottom:7px;
}


/* start - table */
#content .pageContent table {
	border-collapse: collapse;
	/*margin: 10px;	*/
}
#content .pageContent th strong {
	color: #fff;
}
#content .pageContent th {
	background: #5D53A3 url(button.jpg) repeat-x;   /* 2nd color */
	height: 20px;
	padding: 2px 4px;
	text-align: left;
	border-left: 1px solid #f4f4f4;
	border-bottom: solid 2px #fff;
	color: #333;	/* white if 2nd not too lite */
}
#content .pageContent tr {
	height: 35px;
}
#content .pageContent td {
	/*padding-left: 11px;
	padding-right: 11px;*/
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding-left:5px;
}
#content .pageContent td.first,th.first {
	border-left: 0px;
}

#content .pageContent tr {}
#content .pageContent tr.row-a {
	background: #B8CFE5;
	
}
#content .pageContent tr.row-b {
	background: #E8F2FC;		
}
/* end - table */

#content a img {
	border: 1px solid #86BCF1;
	padding:5px;
}

/* ero quotes */
.eroQuotes {
	background: url('images/quotes.gif') top left no-repeat;
	display:block;
	width:180px;
	/*margin-left:20px;
	margin-right:20px;*/
	margin-top:50px;
	line-height:20px;
	font-weight:300;
	font-size:16px;
	font-style:italic;
	padding-left:30px;
}
.quoteRef {
	display:block;
	text-align:right;
	margin-right:20px;
	font-weight:bold;
}

/* Contact Form */
.contactForm {
	background: url('images/stjohns-logo-watermark.jpg') center right no-repeat;
	padding:10px;
	height:380px;
	min-height:380px;
}
.contactForm ul {list-style:none;margin:0;padding:0;}
.contactForm tr {}
.contactForm .formLabel {text-align:left;padding-right:10px;font-weight:bold;padding-top:3px;padding-bottom:3px;}
.contactForm .formLabelRequired {text-align:left;padding-right:10px;font-weight:bold;padding-top:3px;padding-bottom:3px;color:red;}
.contactForm .formField {padding-top:3px;padding-bottom:3px;}
.contactForm .formInformation {}

.contactForm .mailSent {
	position:relative;
	width:280px;
	height:150px;
	top:80px;
}

		/*
		image link icons
		*/
		
		.content .pageContent ul {
			/* list-style-type:square; */
			list-style-image: url(images/bullet.png) no-repeat;
			/* padding-left: 20px; */
			line-height: 20px; /* To center the text vertically with the icon */
			margin-left:15px;
		}
		
		.content a.pdf , a.pdf:visited , a.pdf:link , a.pdf:hover { /*The background image*/
			background: url(images/pdf.png) no-repeat left center;
			padding-left: 20px;
			line-height: 20px; /* To center the text vertically with the icon */
			text-decoration:underline;
		}
		 
		.content a.txt { /*The background image*/
			background: url(images/txt.png) no-repeat left center;
			padding-left: 20px;
			line-height: 16px;
		}
		 
		.content a.zip { /*The background image*/
			background: url(images/ppt.png) no-repeat left center;
			padding-left: 20px;
			line-height: 16px;
		}
		 
		.content a.email , a.email:link , a.email:hover , a.visited  {
			background: url(images/email.png) no-repeat 10px center;
			padding-left: 30px;
			line-height: 16px;
		}