@charset "utf-8";
/* CSS Document for the website menu system */

#imageMenu-Container, .home-leftside { /* REQUIRED TO REMOVE THE MAIN PAGE HORIZONTAL ACCORDION MENU */
	visibility: hidden;
	display: none;
}

/*********** #navBar link styles ***********/

#navBar {
	border: 1px solid #3c3c96;
	background-color: #ebebf4;
}
html>body #navBar {
	background: #ebebf4 url(/resources/images/interface/lines-nav.png) bottom left no-repeat;
}

#navBar ul a:link, #navBar ul a:visited {display: block;}
/*#navBar ul a:hover {background-color: #ebebf4;}*/ /* Not used anymore, safe to delete */
#navBar ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #ebebf4;}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}

/* fix for ie6 - pick-a-boo bug - headings disapearing */
#navBar h3 {position: relative;}


/*********** #sectionLinks styles ***********/

#sectionLinks {
	position: relative;
	/*width: 250px; */ /*width of accordion menu*/
	font-family: Arial, Helvetica, sans-serif;
	background-color: #ebebf4;
}
#sectionLinks a.home {
	background: url(/resources/images/icons/home.gif) no-repeat 19px 50%;
	padding: 2px 4px 2px 37px; /*link text is indented 35px*/
}
html>body #sectionLinks a.home { /* ie6 can't see this */
	background: url(/resources/images/icons/home.png) no-repeat 19px 50%;
}
#sectionLinks div.pagelocation {
	text-align: center;
	border-top: 0px solid #3c3c96;
	border-bottom: 3px solid #3c3c96;
	margin-top: 6px;
	background-color: #ebebf4;
	position: relative;
}
#sectionLinks div.pagelocation p { /*CSS class for menu headers in general (expanding or not!)*/
	color: #6363ab;
	display: block;
	margin: 0px;
	padding: 4px 2px 2px 2px;
	font-size: 90%;
	font-weight: bold;
	background-color: #ebebf4;
	position: relative;
}
#sectionLinks div.pagelocation h1 { /*CSS class for menu headers in general (expanding or not!)*/
	color: #3c3c96;
	font-size: 100%;
	font-weight: normal;
	text-decoration: none;
	display: block;
	margin: 0px;
	padding: 4px;
	position: relative;
	background-color: #ebebf4;
}
#sectionLinks div.pagelocation h1 a { /*CSS class for menu headers in general (expanding or not!)*/
	color: #3c3c96;
	font-weight: normal;
	font-size: 100%;
	text-decoration: none;
	cursor: pointer;
	display: block;
	margin: -4px; /* oposite of padding in the above class */
	padding: 4px 6px;
	border-top: 1px solid #ebebf4;
	background-color: #ebebf4;
	position: relative;
}
#sectionLinks div.pagelocation h1 a:hover {
	color: #3c3c96;
	font-size: 100%;
	font-weight: normal;
	border-top: 1px solid #c4c4df;
	background-color: #d8d8ea;
}

#sectionLinks h2 { /*CSS class for menu headers in general (expanding or not!)*/
	color: #ffffff;
	display: block;
	margin: 0px 0px 1px 0px; /* Bottom spacer */
	padding: 4px;
	cursor: hand;
	font-size: 113%;
	background-color: #6363ab; /* Can't add a nice background image because sometimes this header has to expand up to 3 lines and in that situation it doesn't look good */
	border-bottom: 3px solid #3c3c96;
	border-top: 1px solid #4f4fa0;
}
#sectionLinks h2 a { /*CSS class for menu headers in general (expanding or not!)*/
	color: #ffffff;
	text-decoration: none;
	display: block;
	margin: -4px; /* oposite of padding in the above class */
	padding: 4px;
}
#sectionLinks h2 a:hover {
	color: #ffffff;
	background-color: #4f4fa0;
	text-shadow: #666666 2px 2px 2px; /* this is a CSS3 property and it works in all modern browsers except IE. */
}
#sectionLinks h3 { /*CSS class for menu headers in general (expanding or not!)*/
	display: block;
	margin: 0px;
	cursor: hand;
	font-size: 107%;
	background-color: #8a8ac0;
	font-weight: normal;
	border-bottom: 1px solid #ebebf4; /* same as Nav column background */
}
#sectionLinks h3.expandable { /*CSS class for menu headers in general (if it's expandable)*/
	background: url(/resources/images/icons/plus.gif) no-repeat right 50% #8a8ac0;
}
html>body #sectionLinks h3.expandable { /*CSS class for menu headers in general (if it's expandable)*/
	background: url(/resources/images/icons/expandable-header-open.png) no-repeat right 50% #8a8ac0;
}
#sectionLinks h3 a { /*CSS class for menu headers in general (expanding or not!)*/
	color: #ffffff;
	text-decoration: none;
	display: block;
	padding: 4px 16px 4px 4px;
}
html>body #sectionLinks h3 a { /*CSS class for menu headers in general (expanding or not!)*/
	padding: 4px 20px 4px 4px;
}
#sectionLinks h3 a:hover {
	color: #ffffff;
	background-color: #7676b5;
}
#sectionLinks h3.expandable a:hover {
	color: #ffffff;
	background: url(/resources/images/icons/plus.gif) no-repeat right 50% #7676b5;
}
html>body #sectionLinks h3.expandable a:hover {
	background: url(/resources/images/icons/expandable-header-open.png) no-repeat right 50% #7676b5;
}
#sectionLinks h3.openheader { /*CSS class to apply to expandable header when it's expanded*/
	background: url(/resources/images/icons/minus.gif) no-repeat right 50% #6363ab;
	font-weight: normal;
}
html>body #sectionLinks h3.openheader { /*CSS class to apply to expandable header when it's expanded*/
	background: url(/resources/images/icons/expandable-header-close.png) no-repeat right 50% #6363ab;
	font-weight: bold;
	border-bottom: 0px solid #ebebf4; /* same as Nav column background */
}
#sectionLinks h3.openheader a { /*CSS class to apply to expandable header when it's expanded*/
	color: #ffffff;
}
#sectionLinks h3.openheader a:hover { /*CSS class to apply to expandable header when it's expanded*/
	color: #ffffff;
	background: url(/resources/images/icons/minus.gif) no-repeat right 50% #4f4fa0;
}
html>body #sectionLinks h3.openheader a:hover { /*CSS class to apply to expandable header when it's expanded*/
	background: url(/resources/images/icons/expandable-header-close.png) no-repeat right 50% #4f4fa0;
}
#sectionLinks ul { /*CSS for UL of each sub menu*/
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #6363ab;
	border-left: 4px solid #6363ab;
}
#sectionLinks ul li ul { /*CSS for UL of each sub menu*/
	border-bottom: 0px solid #ebebf4; /* same as Nav column background */
}
#sectionLinks ul li {
	padding: 0px; /*spacing between menu items*/
	background: #b1b1d5;
	border-left: 0px solid #6363ab;
	border-top: 0px solid #ebebf4;
}
html>body #sectionLinks ul li {
	border-top: 1px solid #ebebf4;
}
#sectionLinks ul li a {
	color: #333333;
	font-size: 90%;
	display: block;
	padding: 2px 4px 2px 19px; /*link text is indented 19px*/
	text-decoration: none;
	background: #b1b1d5;
}
#sectionLinks ul li a.opensubheader { /*Open state CSS for sub menu header*/
	background: url(/resources/images/icons/plus.gif) no-repeat 2px 50% #b1b1d5 !important;
}
html>body #sectionLinks ul li a.opensubheader { /*Open state CSS for sub menu header*/
	background: url(/resources/images/icons/plus.png) no-repeat 2px 50% #b1b1d5 !important;
}
#sectionLinks ul li a.opensubheader:hover { /*Open state CSS for sub menu header*/
	color: #333333;
	background: url(/resources/images/icons/plus.gif) no-repeat 2px 50% #c4c4df !important;
}
html>body #sectionLinks ul li a.opensubheader:hover { /*Open state CSS for sub menu header*/
	background: url(/resources/images/icons/plus.png) no-repeat 2px 50% #c4c4df !important;
}
#sectionLinks ul li a.closedsubheader { /*Closed state CSS for sub menu header*/
	color: #ffffff;
	font-weight: normal;
	background: url(/resources/images/icons/minus.gif) no-repeat 2px 50% #9d9dca !important;
}
html>body #sectionLinks ul li a.closedsubheader { /*Closed state CSS for sub menu header*/
	font-weight: bold;
	background: url(/resources/images/icons/minus.png) no-repeat 2px 50% #9d9dca !important;
}
#sectionLinks ul li a.closedsubheader:hover { /*Closed state CSS for sub menu header*/
	color: #ffffff;
	font-weight: normal;
	background: url(/resources/images/icons/minus.gif) no-repeat 2px 50% #8a8ac0 !important;
}
html>body #sectionLinks ul li a.closedsubheader:hover { /*Closed state CSS for sub menu header*/
	font-weight: bold;
	background: url(/resources/images/icons/minus.png) no-repeat 2px 50% #8a8ac0 !important;
}
#sectionLinks ul li a:visited {
	color: #333333;
}
#sectionLinks ul li a:hover { /*hover state CSS*/
	color: #333333;
	background-color: #c4c4df;
}
#sectionLinks ul li ul { /*hover state CSS*/
	border-left: 0px solid #ebebf4;
}
#sectionLinks ul li ul li {
	padding: 0px; /*spacing between menu items*/
	background: #d8d8ea;
	border-left: 0px solid #ebebf4;
	border-top: 0px solid #ffffff;
}
html>body #sectionLinks ul li ul li {
	border-top: 1px solid #ffffff;
}
#sectionLinks ul li ul li a {
	color: #333333;
	background: #d8d8ea;
	display: block;
}
#sectionLinks ul li ul li a:visited {
	color: #333333;
}
#sectionLinks ul li ul li a:hover { /*hover state CSS*/
	color: #333333;
	background-color: #c4c4df;
}