/****************************************************************/
/*	ABOUT US sectional styles				*/
/****************************************************************/


/* -----  main menu item (active) ----- */
.menubar .aboutUs a:link, .menubar .aboutUs a:visited, .menubar .aboutUs a:active 
{ 
	color: #286DA8; 
}
#nav-site-supplementary li.aboutUs a		/* only needed for sections in top menu */
{
	background-image: url(images/circle-right.gif);	
}

/***** CONTENT NAVIGATION SECTIONAL STYLES *****/
/* see notes in nav-content.css (content nav structural rules) */

/* ----- main content-nav container div ----- */
#nav-content {
	background-color: #377FBD;
	background-image: url(images/curve-top.gif);
}

/* ----- level 1 menu ----- */
ul#nav-content-level1
{
	background-color: #377FBD;
	background-image: url(images/curve-bot.gif);    	/* bottom corner and color for UL */
}
/* ----- menu item colours ----- */
ul#nav-content-level1 li a
{
	color: #FFFFFF;
	background-color: #377FBD;
}
ul#nav-content-level2 li a
{
	color: #286DA8; 
	background-color: #D1E1F0;
}

/* ----- levels 3-4 background colours - see nav-content.css (note 6) ----- */
ul#nav-content-level3 li a
{
	background-color: #E4E4E4;
}
ul#nav-content-level4 li a
{
	background-color: #F2F2F2;
}

/* ----- generic item hover style ----- */
#nav-content ul li a:hover
{
	color: #286DA8;
	background-image: url(images/arrow-right.gif);
}

/* ----- generic current item styles ----- */
#nav-content li a.currentItem, #nav-content li a.current-item	
{
	color: #286DA8;
	background-color: #FFFFFF;					/* this could be in generic stylesheet - it's ALWAYS white */
	background-image: url(images/arrow-right.gif);
}
#nav-content li a.currentItems, #nav-content li a.current-items
{
	background-image: url(images/arrow-down.gif);
}

/* ----- collapsed item styles ----- */
#nav-content ul li a.collapsed:hover
{
	background-image: url(images/arrow-left.gif);				/*  need this or arrow reverses direction on hover */
}
ul#nav-content-level2 li a.collapsed
{
	background-image: url(images/arrow-left.gif);
}
/**** END CONTENT NAVIGATION SECTIONAL STYLES *****/



/* ----- html elements ----- */
h1, h3, h4, h5, h6, a 			{ color: #286DA8; }

a.pointRight 							{ background-image: url(images/circle-right.gif); }
a.pointLeft 							{ background-image: url(images/circle-left.gif); }
.footerLinksBar a.pointRight, .middleLinksBar a.pointRight  	{ background-image: url(images/bgcircle-right.gif); }
.footerLinksBar a, .middleLinksBar a  				{ background-image: url(images/bgcircle-right.gif); }
a.top								{ background-image: url(images/circle-up.gif); }


div.footerLinksBar, div.middleLinksBar, 
#utilities div.footerLinksBar, #utilities div.middleLinksBar 	{ background-color: #377FBD; }
div.footerLinksBar, #utilities div.footerLinksBar		{ background-image: url(images/curve-bot.gif); }

/* 
DANGEROUS! - but shouldn't be... - miks
ul 					{ list-style-image: url(images/bullet.gif); }
*/

h2 
{ 
	background-image: url(images/curve-top.gif);
	background-color: #377FBD; 
}


/* ----- generic classes ----- */
.accent1	{ background-color: #B2DAFD; }
.accent2	{ background-color: #D1E1F0; }
.newsItem	{ background-color: #B2DAFD; }
.highlight 	{ color: #286DA8; }		/* section-specific text highlight */

/* ----- panel classes ----- */
.panel ul 	{ list-style-image: url(images/bullet.gif); }
.banner		{ background-color: #D1E1F0; }
.searchBar	{ background-color:#D1E1F0; }


/* ----- utilities styles ----- */

div#utility-relatedlinks, div#utility-search-events 
{
	background-color: #D1E1F0;
}

#utilities ul { list-style-image: url(images/bullet.gif); } 	


/* ----- calendar styles ----- */
.selectedDate, #calendar-container
{
	background-color: #D1E1F0;
}


/* ----- form styles ----- */

legend 
{
	color: #377FBD; 
}

/* ----- tab styles ----- */
.tabContent, .generic div.accent2	/* generic selector: so can have sectional-accent tabContent with generic tabHeader */
{
	background-color: #D1E1F0; 
}
.tabHeader
{
	background-color: #D1E1F0; 
	background-image: url(images/curve-bot-accent2.gif); 
}
ul.tabs li
{
	background-image: url(images/tab.gif); 
	border-left: 1px solid #377FBD; 
}

ul.tabs li.activeTab
{
	background-image: url(images/tab-active.gif); 	
}	border-width: 0px; 


ul.tabs li a, ul.tabs li a:link, ul.tabs li a:visited, ul.tabs li a:active, ul.tabs li a:hover
{
	color: #377FBD;
}
ul.tabs li.activeTab a
{
	color: #377FBD;
}


/* ----- button-bar ----- */
div.buttonBar ul li a
{
	background-color: #377FBD;
}
div.buttonBar ul li a:link, div.buttonBar ul li a:visited, div.buttonBar ul li a:active
{
	background-image: url(images/button-right.gif);
}
div.buttonBar ul li a.backLink:link, div.buttonBar ul li a.backLink:visited, div.buttonBar ul li a.backLink:active
{
	background-image: url(images/button-left.gif);
}
div.buttonBar ul li a.downLink:link, div.buttonBar ul li a.downLink:visited, div.buttonBar ul li a.downLink:active
{
	background-image: url(images/button-down.gif);
}
div.buttonBar ul li a.topLink:link, div.buttonBar ul li a.topLink:visited, div.buttonBar ul li a.topLink:active
{
	background-image: url(images/button-up.gif);
}

/* ----- single button ----- */
a.button, a.button:link, a.button:visited, a.button:active
{
	background-color: #377FBD;
	background-image: url(images/button-right.gif);
}
a.backLink, a.backLink:link, a.backLink:visited, a.backLink:active
{
	background-image: url(images/button-left.gif);
}
a.topLink, a.topLink:link, a.topLink:visited, a.topLink:active
{
	background-image: url(images/button-up.gif);
}
a.downLink, a.downLink:link, a.downLink:visited, a.downLink:active
{
	background-image: url(images/button-down.gif);
}

/* ----- database output ----- */
.dataHeader, .dataFooter
{
	background-color: #D1E1F0;
}
tr.spaceMe td
{
	border-top-color: #D1E1F0;
}
thead tr.groupHeader th 
{
	background-color: #D1E1F0; 
}
thead tr.groupHeader a:link, tr.groupHeader a:visited, tr.groupHeader a:active, tr.groupHeader a:hover
{
	color: #286DA8;
}



/* ----- slideshow ----- */
/* ----- hover styles (see slideshow.css Note 1) ----- */
#ssTileSelector a.ssTileLink:hover, #ssTileSelector a.ssTileLink:hover img
{
	border-color: #286DA8;
}
/* ----- current slide style ----- */
#ssTileSelector img.ssCurrTileImage
{
	border-color: #286DA8;
}
div.ssMenubar ul li a:link, div.ssMenubar ul li a:visited, div.ssMenubar ul li a:active
{
	color: #286DA8;
}

/* THIS NOT GOOD !! should have diff classes for on background or not, or (maybe preferable) use diff selectors in higher-level stylesheets - miks */
#ssSlideshow a.pointRight
{
	background-image: url(images/circle-right.gif);
}
#ssSlideshow a.pointLeft
{
	background-image: url(images/circle-left.gif);
}



/* ----- microsite OLD ----- */
#microsite-section-back LI.pos1
{
	background-color:#286DA8;
	background-image:url(images/microsite-back.gif);
}

#microsite-section-back LI.pos2
{
	background-color:#D1E1F0;
	background-image:url(images/microsite-curve.gif);
}

/* Formatting for lists sorted by date - WHY IS THIS NOT IN OTHER section.css STYLESHEETS ?? !! - miks */
.panel h3.yearHeader
{
	background-color:#377FBD;
}
.panel h3.firstItem
{
	background-image: url(images/curve-top.gif);
	background-position:top right;
}
.panel h4.monthHeader
{
	background-color:#D1E1F0;
}

/* ----- microsites (legacy) ----- */
#microsite-nav-local-menu li a:hover
{
	color: #377FBD;
}

#microsite-nav-local-menu li a
{
	background-color: #377FBD;
	border-top-color: #377FBD;
	border-bottom-color: #377FBD;
}

#microsite-nav-local-menu li.currentItem a
{
	color: #377FBD;
	border-right-color: #377FBD;
}

#microsite-nav-local-menu li.firstItem
{
	border-left-color: #377FBD;
}

#microsite-nav-local-menu li.lastItem
{
	background-image: url(images/curve-top.gif);
	background-color: #377FBD;
}

#microsite-nav-local-menu li a:hover
{
	border-right-color: #377FBD;
}

#microsite-head h2, #microsite-body h2
{
	color: #377FBD;
}
hr
{
	color: #377FBD;
}
#microsite-body ul li
{
	/* this probably shouldn't be necessary... - miks */
	list-style-image: url(images/bullet.gif);
}
#microsite-nav-backToSection span
{
	background: url(images/microsite-back.gif) no-repeat left bottom;
	background-color: #377FBD;
}
#microsite-nav-backToSection a
{
	background: url(images/curve-top-accent1.gif) no-repeat right top;
	background-color: #D1E1F0;
	color: #377FBD;
}
.dbNavContainer
{
	background-color: #D1E1F0;
}
#table-criteria caption
{
	color: #286DA8;	
}