/* 
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;
}

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

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


body.topic-about li#navAbout 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-about li#navAbout:hover .navLevel1, 
body.topic-about li#navAbout .navLevel1, 
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("http://pending.slc.edu/core/SLCv4.0/img/bg/1px_horiz_rule_ccc.gif") bottom left repeat-x;*/
	background: #fff url("/core/SLCv4.0/img/bg/1px_horiz_rule_ccc.gif") bottom left repeat-x;
	z-index: 80;
}
body.topic-about li#navAbout .navLevel1 li.navTabLevel2, 
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-about li#navAbout a.navTabALevel2 span, 
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-about li#navAbout a.navTabALevel2, 
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-about li#navAbout li.navTabLevel2:hover ul.navLevel2, 
body.topic-about li#navAbout li.navTabLevel2 ul.navLevel2, 
body.topic-about li#navAbout:hover li.navTabLevel2 ul.navLevel2, 
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-about div#main-body, 
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-about div#mainContent, 
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.7;
	padding: .5em 1em;
	padding-bottom: 1em
	
}
div#section-navigation h4 a {
	padding-left: .9em;
}
div#section-navigation h4 {
	padding-bottom: 0;
}
div#section-navigation ul.section-current {
	list-style: none;
}
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;
}
ul.section-current ul.section-current li {
	padding-left: 2em
}