/* @override http://www.slc.edu/core/SLCv4.0/css/navigation.css */

/* 
Copyright Sarah Lawrence College. All rights reserved.
Author: Winston Churchill-Joell
		Communications / Interactive
		
*/



/* ------------Navigation Bar-------------- */

/* Typography */
.navBar {
	font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif
}


/* Inital Postioning and Behavior*/

/* ---Disable default list styles and set a and span to display block for all menu items */

div#navHeaderGroup ul {
	list-style: none;
	padding: 0;
}
div#navHeaderGroup a {
	text-decoration: none;
}
div#navHeaderGroup a, div#navHeaderGroup span {
	display: block;
}
.navBar, li.navTab {
	float: left;
}

/* ---Set all second level and lower ULs to absolute position, remove from the viewport and set default background */

.navMenu {
	position: absolute;
	top: auto;
	left: -999em;
	z-index: 80;
	background-color: #fff;
}

/* ---Appearance for main tabs */
a.navTabA span {
	padding: 1em .9em 1.1em;
	color: white;
	font-size: 1.1em;
	background: url("/core/SLCv4.0/img/bg/bg-globalNavTab.png") top left repeat-x;
}
a.navTabA {
	padding: 1px;
	padding-bottom: 0;
}
li.navTab:hover a.navTabA {
	background-color: #ccc;
}
li.navTab:hover a.navTabA span {
	background: #fff;
	position: relative;
	z-index: 300;
	color: #333;
}

/* ---Appearance for specific main tabs */
li#navAbout {
	margin-left: 1em;
}
li#navUG a.navTabA span, li#navGrad a.navTabA span, li#navAP a.navTabA span, li#navHS a.navTabA span, li#navAlum a.navTabA span, li#navParents a.navTabA span {
	color: #ffe9af;
}
li#navUG:hover a.navTabA span, li#navGrad:hover a.navTabA span, li#navAP:hover a.navTabA span, li#navHS:hover a.navTabA span, li#navAlum:hover a.navTabA span, li#navParents:hover a.navTabA span {
	color: #333;
}

/* ---Set behavior and appearance for primary and secondary menus */

li.navTab:hover ul.navLevel1, li.navTabLevel2:hover ul.navLevel2 {
	left: auto;
	width: 20em;
	border: 1px solid #ccc;
	border-bottom-width: 2px;
	border-right-width: 2px;
	z-index: 100;
}
li.navTab ul.navLevel2 {
	margin-left: 20em;
	margin-top: -3.8em;
	z-index: 150;
}
li.navTab ul.navLevel1, li.navTab:hover ul.navLevel1 {
	border-top: 0px none;
}
.navMenu span {
	padding: 1em 2em;
	line-height: 1.5;
	border-bottom: 1px solid #eee;
}

/* ---Link appearance for all sub menus */
.navBar ul a {
	color: #333;
}
.navBar ul a:link {
	color: #333;
}
.navBar ul a:visited {
	color: #333;
}
.navBar ul a:hover {
	color: #333;
}
.navBar ul a:active {
	color: #333;
}
.navBar ul a:hover span {
	background: #eee;
}
div#navHeaderGroup .navBar ul a.external span {padding-left: 20px; background: url("/core/SLCv4.1/img/external-link.png") no-repeat 7px 45%;}
div#navHeaderGroup .navBar ul a.external:hover span {padding-left: 20px; background: #eee url("/core/SLCv4.1/img/external-link.png") no-repeat 7px 45%;}
li#navAtAGlance {margin-left: 10px}
li#navAtAGlance a.navTabA span {padding-left: 20px; padding-right: 10px; background: #193547 url("/core/SLCv4.1/img/external-link.png") no-repeat 7px 45%;border:}
li#navAtAGlance a.navTabA:hover span, li#navAtAGlance:hover a.navTabA span {background-color: #fff;}

/* ---Section-specific navigation styles */

/* ------ Set state for current tab */


/*body.topic-about li#navAbout a.navTabA span,
body.topic-studentlife li#navSL a.navTabA span,
body.topic-news-events li#navNewsEvents a.navTabA span,
body.topic-giving li#navGiving a.navTabA span,
body.audience-undergraduate li#navUG a.navTabA span,
body.audience-graduate li#navGrad a.navTabA span,
body.audience-adult-professional li#navAP a.navTabA span,
body.topic-highschool li#navHS a.navTabA span,
body.audience-parents li#navParents a.navTabA span {
	background: #fff;
	color: #333;
	font-weight: bold;
}*/

/* ------ Bring current section nav into viewport and display horizontal */
/*body.topic-news-events li#navNewsEvents:hover .navLevel1, 
body.topic-news-events li#navNewsEvents .navLevel1, 
body.topic-giving li#navGiving:hover .navLevel1, 
body.topic-giving li#navGiving .navLevel1, 
body.audience-undergraduate li#navUG:hover .navLevel1, 
body.audience-undergraduate li#navUG .navLevel1, 
body.audience-graduate li#navGrad:hover .navLevel1, 
body.audience-graduate li#navGrad .navLevel1, 
body.audience-adult-professional li#navAP:hover .navLevel1, 
body.audience-adult-professional li#navAP .navLevel1, 
body.topic-highschool li#navHS:hover .navLevel1, 
body.topic-highschool li#navHS .navLevel1, 
body.audience-parents li#navParents:hover .navLevel1, 
body.audience-parents li#navParents .navLevel1 {
	left: 1em;
	width: 94em;
	padding-top: 1em;
	border: 0;
	background: #fff url("/core/SLCv4.0/img/bg/1px_horiz_rule_ccc.gif") bottom left repeat-x;
	z-index: 80;
}
body.topic-news-events li#navNewsEvents .navLevel1 li.navTabLevel2, 
body.topic-giving li#navGiving .navLevel1 li.navTabLevel2, 
body.audience-undergraduate li#navUG .navLevel1 li.navTabLevel2, 
body.audience-graduate li#navGrad .navLevel1 li.navTabLevel2, 
body.audience-adult-professional li#navAP .navLevel1 li.navTabLevel2, 
body.topic-highschool li#navHS .navLevel1 li.navTabLevel2, 
body.audience-parents li#navParents .navLevel1 li.navTabLevel2 {
	float: left;
	width: none;
	margin-left: .3em;
}
body.topic-news-events li#navNewsEvents a.navTabALevel2 span, 
body.topic-giving li#navGiving a.navTabALevel2 span, 
body.audience-undergraduate li#navUG a.navTabALevel2 span, 
body.audience-graduate li#navGrad a.navTabALevel2 span, 
body.audience-adult-professional li#navAP a.navTabALevel2 span, 
body.topic-highschool li#navHS a.navTabALevel2 span, 
body.audience-parents li#navParents a.navTabALevel2 span {
	border-bottom: 0px none;
	line-height: 1;
	padding: .8em .7em;
}
body.topic-news-events li#navNewsEvents a.navTabALevel2, 
body.topic-giving li#navGiving a.navTabALevel2, 
body.audience-undergraduate li#navUG a.navTabALevel2, 
body.audience-graduate li#navGrad a.navTabALevel2, 
body.audience-adult-professional li#navAP a.navTabALevel2, 
body.topic-highschool li#navHS a.navTabALevel2, 
body.audience-parents li#navParents a.navTabALevel2 {
	padding: .1em;
	padding-bottom: 0;
}*/

/* ------ Position sub menus below current section nav */
li.navTab ul.navLevel2 {
	margin-left: 20em;
	margin-top: -3.8em;
	z-index: 150;
}
/*body.topic-news-events li#navNewsEvents li.navTabLevel2:hover ul.navLevel2, 
body.topic-news-events li#navNewsEvents li.navTabLevel2 ul.navLevel2, 
body.topic-news-events li#navNewsEvents:hover li.navTabLevel2 ul.navLevel2, 
body.topic-giving li#navGiving li.navTabLevel2:hover ul.navLevel2, 
body.topic-giving li#navGiving li.navTabLevel2 ul.navLevel2, 
body.topic-giving li#navGiving:hover li.navTabLevel2 ul.navLevel2, 
body.audience-undergraduate li#navUG li.navTabLevel2:hover ul.navLevel2, 
body.audience-undergraduate li#navUG li.navTabLevel2 ul.navLevel2, 
body.audience-undergraduate li#navUG:hover li.navTabLevel2 ul.navLevel2, 
body.audience-graduate li#navGrad li.navTabLevel2:hover ul.navLevel2, 
body.audience-graduate li#navGrad li.navTabLevel2 ul.navLevel2, 
body.audience-graduate li#navGrad:hover li.navTabLevel2 ul.navLevel2, 
body.audience-adult-professional li#navAP li.navTabLevel2:hover ul.navLevel2, 
body.audience-adult-professional li#navAP li.navTabLevel2 ul.navLevel2, 
body.audience-adult-professional:hover li#navAP li.navTabLevel2 ul.navLevel2, 
body.topic-highschool li#navHS li.navTabLevel2:hover ul.navLevel2, 
body.topic-highschool li#navHS li.navTabLevel2 ul.navLevel2, 
body.topic-highschool li#navHS:hover li.navTabLevel2 ul.navLevel2, 
body.audience-parents li#navParents li.navTabLevel2:hover ul.navLevel2, 
body.audience-parents li#navParents li.navTabLevel2 ul.navLevel2, 
body.audience-parents li#navParents:hover li.navTabLevel2 ul.navLevel2 {
	margin: 0;
	border-top: 0px none;
}
body.topic-about li#navAbout li.navTabLevel2:hover a.navTabALevel2 span, 
body.topic-news-events li#navNewsEvents li.navTabLevel2:hover a.navTabALevel2 span, 
body.topic-giving li#navGiving li.navTabLevel2:hover a.navTabALevel2 span, 
body.audience-undergraduate li#navUG li.navTabLevel2:hover a.navTabALevel2 span, 
body.audience-graduate li#navGrad li.navTabLevel2:hover a.navTabALevel2 span, 
body.audience-adult-professional li#navAP li.navTabLevel2:hover a.navTabALevel2 span, 
body.topic-highschool li#navHS li.navTabLevel2:hover a.navTabALevel2 span, 
body.audience-parents li#navParents li.navTabLevel2:hover a.navTabALevel2 span, 
li.current a.navTabALevel2 span {
	background-color: #fff;
}
body.topic-about li#navAbout li.navTabLevel2:hover a.navTabALevel2, 
body.topic-news-events li#navNewsEvents li.navTabLevel2:hover a.navTabALevel2, 
body.topic-giving li#navGiving li.navTabLevel2:hover a.navTabALevel2, 
body.audience-undergraduate li#navUG li.navTabLevel2:hover a.navTabALevel2, 
body.audience-graduate li#navGrad li.navTabLevel2:hover a.navTabALevel2, 
body.audience-adult-professional li#navAP li.navTabLevel2:hover a.navTabALevel2, 
body.topic-highschool li#navHS li.navTabLevel2:hover a.navTabALevel2, 
body.audience-parents li#navParents li.navTabLevel2:hover a.navTabALevel2,
li.current a.navTabALevel2 {
	background-color: silver;
}*/

/* ------ Push main content below exposed absolutely positioned nav for specific sections */
/*body.topic-news-events div#main-body, 
body.topic-giving div#main-body, 
body.audience-undergraduate div#main-body, 
body.audience-graduate div#main-body, 
body.audience-adult-professional div#main-body, 
body.topic-highschool div#main-body, 
body.audience-parents div#main-body {
	padding-top: 4.7em;
}
body.topic-news-events div#mainContent, 
body.topic-giving div#mainContent, 
body.audience-undergraduate div#mainContent, 
body.audience-graduate div#mainContent, 
body.audience-adult-professional div#mainContent, 
body.topic-highschool div#mainContent, 
body.audience-parents div#mainContent {
	padding-top: 3.7em;
}*/



/* Left navigation */
div#section-navigation ul li, div#section-navigation h4, div#section-navigation h5 {
border-bottom: 1px solid #eee;	
}
div#section-navigation a, div#section-navigation h5 {
	color: #333;
	font-size: 1.2em;
	line-height: 1.4;
	padding: .5em 1em;
	padding-bottom: .6em
	
}
div#section-navigation h4 a {
	padding-left: .9em;
}
div#section-navigation h4 {
	padding-bottom: 0;
}
div#section-navigation ul.section-current {
	list-style: none;
	position: static;
}
div#section-navigation a {
	text-decoration: none;
	display: block;
}
div#section-navigation a:link {
	color: #666;
}
div#section-navigation a:visited {
	color: #666;
}
div#section-navigation a:hover {
	color: #000;
	background: #eee
}
div#section-navigation a:active {
	color: #666;
}
div#section-navigation a.nav-current {
	color: #000;
	font-weight: bold;
}
div#section-navigation a.nav-current:link {
	color: #000;
}
div#section-navigation a.nav-current:visited {
	color: #000;
}
div#section-navigation a.nav-current:hover {
	color: #000;
	background: none;
	cursor: text;
}
div#section-navigation a.nav-current:active {
	color: #000;
}
div#section-navigation h4 span {
	text-transform: lowercase;
	font-style: italic;
	font-size: 90%;
	line-height: 1;
	display: block;
	padding-left: 1.2em;
	color: silver;
}

/* Left nav version 2 */
div#section-sidebar div#section-navigation h3.section-heading {
	font-size: 12px;
	padding: 0;
	border-bottom: 2px solid silver
}
div#section-sidebar div#section-navigation h3.section-heading a {
	font-size: 12px;
	padding: 5px 12px;
}
ul.root ul.section-current /*ul.section-current*/ {
	padding-left: 2em
}
ul.root {
	position: relative;
	z-index: 500;
}
ul.root, ul.root li ul {
	list-style: none;
}
ul.root ul {
	position: absolute;
	left: -9999px;
}
div#section-navigation ul.root li.section-current {
	border: 2px solid silver;
	background: #fefaee;
}
div#section-navigation ul.root li.section-current li.section-current {
	border: none;
	margin-right: 2px;
	margin-left: 2px;
}
ul.root li.section-current a.folder {
	/*font-weight: bold;*/
}
ul.root a.current {
	background-color: white;
	margin-right: -2px;
	font-weight: bold;
	border: 1px solid silver;
	border-right-color: white;
}
div#section-navigation ul.root a.current:hover, 
div#section-navigation h3.section-heading a.current:hover {
	background-color: white;
	cursor: text;
}
ul.root ul a.current {
	margin-right: -4px
}
ul.root ul ul a.current {
	margin-right: -6px
}
ul.root li.folder:hover {
	position: relative;
}
ul.root li.folder:hover ul, 
li.folder:hover ul li.folder:hover ul, 
li.folder:hover ul li.folder:hover ul li.folder:hover ul, 
li.folder:hover ul li.folder:hover ul li.folder:hover ul li.folder:hover ul, 
li.folder:hover ul li.folder:hover ul li.folder:hover ul li.folder:hover ul li.folder:hover ul, 
ul.root li.section-current li.folder:hover li.folder:hover ul,
ul.root li.section-current li.folder:hover li.folder:hover li.folder:hover ul,
ul.root li.section-current li.section-current li.folder:hover li.folder:hover ul,
ul.root li.section-current li.section-current li.folder:hover li.folder:hover li.folder:hover ul,
ul.root li.section-current li.section-current li.section-current li.folder:hover li.folder:hover ul,
ul.root li.section-current li.section-current li.section-current li.folder:hover li.folder:hover li.folder:hover ul{
	left: 18em;
	top: 0;
	width: 18em;
	background: white;
	border: 3px solid #666;
	border-top-width: 1px;
	border-left-width: 1px;
}
ul.root li.section-current li.folder:hover ul {
	left: 15.6em;
}
ul.root li.section-current li.section-current li.folder:hover ul {
	left: 13.4em;
}
ul.root li.folder:hover ul ul, 
ul.root li.folder:hover ul li.folder:hover ul ul, 
ul.root li.folder:hover ul li.folder:hover ul li.folder:hover ul ul, 
ul.root li.folder:hover ul li.folder:hover ul li.folder:hover ul li.folder:hover ul ul, 
ul.root li.section-current li.folder:hover ul ul,
ul.root li.section-current li.section-current li.folder:hover ul ul, 
ul.root li.section-current li.section-current li.section-current li.folder:hover ul ul,
ul.root li.section-current li.section-current li.section-current li.section-current li.folder:hover ul ul {
	left: -9999px;
}
ul.root a.folder {
	background: url("/core/SLCv4.1/img/nav-folder-arrow.png") center right no-repeat;
}
div#section-navigation ul.root a.folder:hover {
	background: #eee url("/core/SLCv4.1/img/nav-folder-arrow.png") center right no-repeat;
}
ul.root a.folder span {
	display: block;
	padding-right: 12px;
}
ul.root a.section-current, div#section-navigation ul.root a.section-current:hover {
	background: url("/core/SLCv4.1/img/nav-folder-arrow-open.png") center right no-repeat;
	font-weight: bold;
}