/* 

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		#50729F
2nd 		#819CC0
3rd			#B8C7DB
4th			#EEF2F6
*/

#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 #50729F;
	background-color: #cccccc;
	color: #333333;
}

.submitButton {
	border: 1px solid #50729F;
	background-color: #819CC0;
	color: #000;
}

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

/* start - table */
#content .pageContent table {
	border-collapse: collapse;
	/*margin: 10px;	*/
}
#content .pageContent th strong {
	color: #fff;
}
#content .pageContent th {
	background: #819CC0 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: 30px;
}
#content .pageContent td {
	/*padding-left: 11px;
	padding-right: 11px;*/
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	
}
#content .pageContent td.first,th.first {
	border-left: 0px;
}
#content .pageContent tr.row-a {
	background: #F8F8F8;
}
#content .pageContent tr.row-b {
	background: #EFEFEF;		
}
/* end - table */

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


#content .thumbArea img , .pageContent #map {
	border: 1px solid #50729F;
	padding:5px;
}

#content .thumbArea a:hover img {
		border: 1px solid #ccc;
}

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