/* 

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 .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: #231F20;
	color: #fff;
	padding: 2px 5px 2px 5px;
	text-align:left;
}

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

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

.directoryTable th {
	background-color: #231F20;
	color: #fff;
}

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

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

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

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

/* end - table */

#content .pageContent a img {
	border: 0px solid #231F20;
}

/* Contact Form */
.contactBannerImage {margin:5px;}
.contactForm {
	/*background: url('images/flatout-banner.gif') top no-repeat;*/
	padding:10px;
	
}
.contactForm ul {list-style:none;margin:0;padding:0;}
.contactForm tr {}
.contactForm .formLabel {text-align:left;padding-right:10px;font-weight:300;font-size:100%;padding-top:0px;padding-bottom:2px;}
.contactForm .formLabelRequired {text-align:left;padding-right:10px;font-weight:300;font-size:100%;padding-top:0px;padding-bottom:2px;color:#E27727;}
.contactForm .formField {padding-top:2px;padding-bottom:2px;}
.contactForm .formInformation {}

.contactForm h2 {font-size:100%;}

.contactForm .mailSent {
	position:relative;
	width:500px;
	height:250px;
}

.contactForm .errorNotice {
	color:#ff0000;
}


.contactForm h3 {font-size:100%;}
.contactForm .subContainer {margin-left:20px;}

/* 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 .siteName h3.siteNameSecond {
	margin:0;
	padding:0;
	font-size:100%;
	text-align:center;
	margin-top:40px;
}

/*
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 0px center;
	padding-left: 30px;
	line-height: 16px;
}
		
/* 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 .pageContent .orgContainer {
	width:100%;
	/*border: 1px dashed #333;*/
}

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

#content .pageContent .orgContainer .orgImages {
	postion:relative;
	width:25%;
	float:left;
	padding-left:10px;
}

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

.orgContentDetails {
	display:block;
	width:400px;
	height: 200px;
	margin-bottom: 20px;
	border-bottom: 1px dashed #333;
}

.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%;
}
ul.orgListings {
	display:block;
	width:100%;
	margin:0;
	padding:0;
	height:180px;
	margin-bottom:10px;
}
ul.orgListings li.listing {
	margin:0;
	padding:0;
	display:block;
	width:220px;
	height:180px;
	border-bottom:1px dashed #ccc;
	padding-top:10px;
	float:left;
	text-align:center;
}
ul.orgListings li.listing .listContainer {}
ul.orgListings li.listing .listContainer p {
	margin:0;
	padding:0;
}

ul.orgListings li.listing .listContainer .listImage {
	display:block;
	width: 160px;
	height: 120px;
	padding: 0px 30px;
	
}

ul.orgListings li.listing .listContainer h3.listingTitle {
	margin:0;
	padding:0;
	font-size: 12px;
	font-weight:bold;
}
ul.orgListings li.listing .listContainer h3.listingTitle a:link ,
ul.orgListings li.listing .listContainer h3.listingTitle a:visited {
	text-decoration:none;
}

ul.orgListings li.listing .listContainer p.listDescription {
	
}
ul.orgListings li.listing .listContainer p.listLink a {}

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

#content .pageContent .orgContainer .orgContentDescription {
	text-align:justify;
}

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