/*------------------------------------------------------------------------------
>>>>  This is the style sheet used to change the appearance of the template.
			Anything declared here will override the default styles in all.css 
     
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/* background and text colours */
body {
	background:#DAE7D6;
	color:#07181d;
}

/* Links */
a, a:link, a:visited {
	color:#1B5354;
	text-decoration:none;
}
a:hover {
	border-bottom:1px dotted white;
	color:#c68d63;
}

/* navigation */

ul.tabs li { /* the widths might change depending on your grid */
	width:160px;
	height:130px;
}
ul.tabs a {
	width:160px;
	height:130px;
	padding-top:20px;
	margin-left:50px;
	color:#07181d;
}
ul.tabs a:link, ul.tabs a:visited {
	color:#07181d;
}

/* The navigation tabs are background images.
	 The original nav images are on the office network.
	 Select the icons you need and modify the colors
	 according to the scheme you've chosen. */

ul.tabs a#about {
	background:url(/static/images/about.png) no-repeat;
	background-position:left top;
}
ul.tabs a#about:hover {
	background-position:left bottom;
}
ul.tabs a#contact {
	background:url(/static/images/contact.png) no-repeat;
	background-position:left top;
}
ul.tabs a#contact:hover {
	background-position:left bottom;
}
ul.tabs a#outcomes {
	background:url(/static/images/outcomes.png) no-repeat;
	background-position:left top;
}
ul.tabs a#outcomes:hover {
	background-position:left bottom;
}
ul.tabs a#events {
	background:url(/static/images/events.gif) no-repeat;
	background-position:left top;
}
ul.tabs a#events:hover {
	background-position:left bottom;
}

.uniForm .ctrlHolder { 
  padding: 6px 0; 
  border-bottom: 1px dotted #ffffff;
}

/*------------------------------------------------------------------------------
>>>>  Subtle gradient background for the footer - use link colour palette
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.footer {
 	background:url(/static/images/gradient.png) top left repeat-x;
}

/*------------------------------------------------------------------------------
>>>>  These should be the same as the link colour 
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*

/* post heading and border colours */ 
.post a, .post a:hover {
	border-top:2px dotted #1B5354;
}

.post a h2 {
	color:#1B5354;
}
/* aasrn description in footer */
.aasrn h2 {
	color:#1B5354;
}

#slideshow ol li#activeThumb { /* The active marker for the slideshow */ 
	color:#1B5354;
	border:1px solid #1B5354;
}