/* 

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.
*/
#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 #333333;
	background-color: #cccccc;
	color: #333333;
}

.submitButton {
	border: 1px solid #333333;
	background-color: #cccccc;
	color: #333333;
}

.pageContent {
	/* padding: 55px 10px 10px 35px; */
	text-align: justify;
}

.pageContent table tr td p {
	margin: 0px;
	padding: 0px;
}

.pageContent table tr th,
.pageContent table tr td {
	padding: 5px;
	text-align: left;
}
.pageContent table tr {
	vertical-align: top;
}


.pageContent table#showborder {
    border-top: 1px solid #aaa;
    border-left: 1px solid #aaa;
}
.pageContent table#showborder th,
.pageContent table#showborder td {
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
}

.pageContent table#otherfunders,
.pageContent table#otherfunders tr td {
	border: none;
	text-align: center;
}
.pageContent table tr td ul {
	margin: 0px;
}

/* Fix the content cascading right on the staff page */
h2 {
	clear: both;
}
.pageContent img {
	margin-bottom: 30px;
}
th {
	vertical-align: bottom;
}

/* headings */
h4 , h5 , h6 {
	clear: both;
	font-size: 100%;
	font-weight: bold;
}

h4 {
	color: #0082C8; /* blue */
}

h5 {
	color: #6DB43F; /* green */
}



