/********************** SITE SPECIFIC CSS **********************/
/*********** MODIFIED TO ID5 MON, FEB 12, 2007 - MJ ***************/

/********************** GLOBAL MARKUP (contains headings) **********************/

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #b51f6b;
}



/********************** DEPARTMENT BAR (contains search) **********************/

#departmentBar {
	background-color: #9DB5AD;
}

#departmentBar #siteBanner { 	background-image: url('siteBanner.gif'); }

#departmentBarCurve { background-image: url('corner.gif'); }

/********************** LEFT NAVIGATION BAR (contains links & left utility bar)*/


#outerNavigation, .navigationBackground {
	background-color: #9bb8af;
}

#outerNavigation {
  background-image: url(bottom.gif);
  background-position: bottom left;
  background-repeat: repeat-x;
}


/* enough padding to give space for the bottom image.
  you can make this amount less, if you want it to underlap
  the menus for an interesting effect. */

#navigation {
  padding-bottom: 150px;
} 


#navigation .rtop *,
#navigation .rbottom *,
#navigation div 
{ background-color: #1b647b; }

/* menu; selected section colour */

#navigation li.selectedSection div,
#navigation li.selectedSection .rtop *,
#navigation li.selectedSection .rbottom *,
#navigation li.selectedSection ul
{ background-color: #1b647b; }



/* menu; children */

#navigation .submenu li.selected div.children .rtop *,
#navigation .submenu li.selected div.children .rbottom *,
#navigation .submenu li.selected div.children ul
{ background: #9bb8af; }


/* Add one or more of these link colours. If you just 
use the first, then that will be the
colour for all the links on the menu. */


/* section links */

#navigation li a:link, 
#navigation li a:visited 
{ color: white; }

#main #navigation li a:link:hover,
#main #navigation li a:visited:hover 
{ color: #9bb8af; }


/* selected section link  */

#navigation .selectedSection a:link,
#navigation .selectedSection a:visited
{ color: white; }

#main #navigation .selectedSection a:link:hover,
#main #navigation .selectedSection a:visited:hover
{ color: #9bb8af; }


/* page children links */

#navigation .children a:link,
#navigation .children a:visited
{ color: #1b647b; }

#main #navigation .children a:link:hover,
#main #navigation .children a:visited:hover
{ color: #ffffff; }


/********************** MAIN BODY, RIGHT SITE, FOOTER LINES**********************/


#pageTitle {
	border-color: #1b647b;
}

#footerContent {
	border-color: #1b647b;
}


/********************** END OF SITE SPECIFIC CSS**********************/