/* 

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		#E27727 // orange
2nd 		#173C45 // dark green
3rd			#E3D4C8 // 12% saturation of #E27727 // orange 
4th			#
*/


#content ul {list-style:disc;margin-left:30px;}

#content .pageContent p {
	padding-bottom:10px;
}

#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 {
	margin-top:10px;
}

.directoryTable th {
	background-color: #173C45;
	color: #fff;
	padding: 2px 5px 2px 5px;
	text-align:left;
}

.directoryTable .directoryRowOn {
	background-color: #E1E5E5;
}

.directoryTable .directoryRowOff {
	background-color: #FAFEFF;
}

.directoryTable th {
	background-color: #173C45;
	color: #fff;
}

.directoryTable td {
	padding: 2px 5px 2px 5px;
}

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

.submitButton {
	border: 1px solid #236B8E;
	background-color: #46A4D1;
	color: #000;
}

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

/* end - table */

#content .pageContent a img {
	border: 1px solid #000000;
}

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

/* logo area slide show */
.banner #logo {
    position:relative;
    height:100px;
    margin: 0 13px 0 0 ;
}

.banner #logo img {
    position:absolute;
    top:0;
    right:0;
    z-index:8;
}

.banner #logo img.active {
    z-index:10;
}

.banner #logo img.last-active {
    z-index:9;
}

.banner .siteName {
	
}

.banner .siteName h2.siteNameFirst {
	margin:0;
	padding:0;
	font-size: 3em;
	font-family:"times new roman";
	text-align:center;
	color:#555;
	margin-top:5px;
}

.banner .siteName h2.siteNameFirst a {text-decoration:none;}

.islandType {
	font-size:0.75em;
	color: #E27727;
}


.banner .siteName h3.siteNameSecond {
	background: #CF5D01 url('images/island_of_tranquility_logo.gif') bottom center no-repeat;
	margin:0;
	padding:0;
	font-size:100%;
	text-align:center;
	margin-top:12px;
	height:44px;
}

		
/* ORGANISATION MODULE STYLES */

#content .pageContent .orgCats .catLinks  {
	font-size: 150%;
	padding: 5px;
}

#content .pageContent .orgSubCats .subCatLinks {
	padding: 5px;
	margin-left:20px;
}

#content .pageContent .orgCats .catLinks a:hover ,
#content .pageContent .orgSubCats .subCatLinks a:hover {
	text-decoration: none;
}

#content  .orgContainer {
	width:100%;
	/*border: 1px dashed #333;*/
	clear:both;
}

#content  .orgContainer .orgContent {
	postion:relative;
	width: 300px;
	float:left;
	padding-right:10px;
}

#content  .orgContainer .orgImages {
	postion:relative;
	float:right;
	height: 260px;
}

#content  .orgContainer .orgImages .orgImage p.orgImageCaption {
	margin:0;
	padding:0;
	text-align:center;
	font-size:85%;
	margin-bottom: 5px;
}

.orgContentDetails {
	display:block;
	width:100%;
	height: 210px;
	margin-bottom: 5px;
	
	clear: both;
}

.orgContentDetails .listRow {
	width:100%;
	display:block;
	margin:0;
	padding:0;
	clear: both;
}

.orgContentDetails .orgContentLabel {
	display:block;
	position:relative;
	float:left;
	width: 80px;
	font-weight: bold;
	font-size: 85%;
}
.orgContentDetails .orgContentValue {
	position:relative;
	display:block;
	float:left;
	font-size:85%;
}
#content ul.orgListings {
	display:block;
	width:100%;
	margin:0;
	padding:0;
	height:180px;
	margin-bottom:10px;
	margin-left:0;
}
#content ul.orgListings li.listing {
	margin:0;
	padding:0;
	display:block;
	position:relative;
	/* width:220px;*/
	/*height:160px;*/
	/*border-bottom:1px dashed #ccc;*/
	padding-top:10px;
	float:left;
	text-align:center;
}
#content ul.orgListings li.listing .listContainer {}
#content ul.orgListings li.listing .listContainer p {
	margin:0;
	padding:0;
}

#content ul.orgListings li.listing .listContainer .listImage {
	display:block;
	/*width: 140px;
	height: 105px;*/
	padding: 0px 25px;
	
}

#content ul.orgListings li.listing .listContainer h3.listingTitle {
	margin:0;
	padding:0;
	font-size: 11px;
	font-weight:bold;
	text-align:center;
}

#content ul.orgListings li.listing .listContainer h3.listingTitle a {
	margin:0;
	padding:0;
	position:relative;
	text-align:center;
}
/*
#content ul.orgListings li.listing .listContainer h3.listingTitle a:link ,
#contentul.orgListings li.listing .listContainer h3.listingTitle a:visited {
	text-decoration:none;
}
*/


#content .orgContainer .orgImages img {
	border:none;
}

#content  .orgContainer .orgContentDescription {
	border-top: 1px dashed #333;
	clear:both;
}

#content  .orgContainer .orgContentDescription ul {
	list-style:disc;
	margin-left:30px;
	padding-bottom: 5px;
}

#content .orgContainer .orgContentDescription h3 {
	margin:0;
	padding:0;
	font-size:95%;
}

#content  .orgContainer .orgContentDescription p {
	margin:0;	
}