/* $Id$ */

/**************************************************************************************************
* Brown University Department Template Screen Styles 2010 Design
* Ursa Major drupal subtheme of Omega
*
*
* em calculations based on default font size of 16px; and a 21px baseline
* paragraph copy is .875em (14px) and leading is 1.5em (21px).
*
* @author John Pennypacker <John_Pennypacker@brown.edu>
*
**************************************************************************************************/


/**
 *	TOPICAL NAVIGATION
 */

#main-navigation {
	position: relative;
  height: 57px;
}
nav a {
	font-family: Georgia, serif;
	outline: none;
}

nav ul {
	line-height: inherit; /* override default ul */
	margin: 0; /* override default ul */
	overflow: auto;
}
#topical-navigation {
	position: relative;
	clear: left;
	border-top: 1px solid #3a1e1a;
	margin-top: -1px; /* Safari 5 rendering fix */
	display: block;
	height: 42px;
	background: transparent url("img/topical-navigation-bg.png") 0 100% repeat-x;
}

#topical-about-brown a {
	margin-left: 50px;
}

nav li {
	display: block;
	float: left;
	margin: 0; padding: 0;
}
#topical-navigation li a {
	font-family: 'Vitesse SSm 3r', 'Vitesse SSm A', 'Vitesse SSm B';
	font-weight: 300;
	font-style: normal;
	font-size: 16px;
	padding: 0 1em;
}
#topical-navigation li a, #tactical-navigation li a {
	display: block;
	text-align: left;
	position: relative;
	z-index: 2;
	line-height: 42px;
}
#topical-navigation li a:link, #topical-navigation li a:visited, #tactical-navigation li a:link, #tactical-navigation li a:visited {
	color: #fff;
	text-decoration: none;
}

#main-navigation a.active {
	color: #ffcc00;
}

#topical-navigation li a:hover, #tactical-navigation li a:hover {
	color: #ffcc00;
	text-decoration: none;
}


/**
 * TACTICAL NAVIGATION (Search, A-Z, People Directory)
 */
#tactical-navigation {
	position: absolute;
	right: 1em;
	top: 0;
}
#tactical-navigation li a {
	font-family: 'Vitesse SSm 7r', 'Vitesse SSm A', 'Vitesse SSm B';
	font-weight: 700;
	font-style: normal;
	font-size: 11px;
	padding: 0 1em;
	line-height: 42px;
	text-transform: uppercase;
	text-decoration:none;
}

#tactical-navigation #tactical-atoz a {
	width: 99px;
}

/**
 *  Trapezoid shaped tab to expand gateway and main navigation bar
 */

#menutab {
	/*z-index:6;
	margin:0px auto;
	margin-right:50px;
	position:relative;
	border-top: 15px solid black;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	height: 0;
	opacity:.5;
	width: 40px; */
}
.menutabline1 {
	content:'';
	position:absolute;
	z-index:2;
	left:5px;
	top:-7px;
	width:30px;
	height:1px;
	background:white;
}

.menutabline2 {
	content:'';
	position:absolute;
	z-index:3;
	left:0px;
	top:-4px;
	width:30px;
	height:1px;
	background:white;
}










/* $Id$ */

/**************************************************************************************************
* Brown University Department Template Screen Styles 2010 Design
* Ursa Major drupal subtheme of Omega
*
*
* em calculations based on default font size of 16px; and a 21px baseline
* paragraph copy is .875em (14px) and leading is 1.5em (21px).
*
* @author John Pennypacker <John_Pennypacker@brown.edu>
*
**************************************************************************************************/


/**
 *	TOPICAL NAVIGATION
 */

#main-navigation {
	position: relative;
}
nav a {
	font-family: Georgia, serif;
	outline: none;
}

nav ul {
	line-height: inherit; /* override default ul */
	margin: 0; /* override default ul */
	overflow: auto;
}
#topical-navigation {
	position: relative;
	clear: left;
	border-top: 1px solid #3a1e1a;
	margin-top: -1px; /* Safari 5 rendering fix */
	display: block;
	background: transparent url("img/topical-navigation-bg.png") 0 100% repeat-x;
	height: 42px;
}
nav li {
	display: block;
	float: left;
	margin: 0; padding: 0;
}
#topical-navigation li a, #tactical-navigation li a {
	display: block;
	background: transparent url("img/topical-navigation-sprite.png") 0 0 no-repeat;
	text-align: left;
	line-height: 2.375em;
	position: relative;
	z-index: 2;
}
#topical-navigation li a:link, #topical-navigation li a:visited {
	color: #fff;
}

#topical-about-brown a {
	width: 95px;
	text-indent: -999em;
	margin-left: 50px;
}
#topical-about-brown a:link, #topical-about-brown a:visited {
	background-position: -6px 0;
}
#topical-about-brown a:hover, #topical-about-brown a:active, #topical-about-brown .active:link {
	background-position: -6px -45px;
}

#topical-academics a {
	width: 75px;
	text-indent: -999em;
}
#topical-academics a:link, #topical-academics a:visited {
	background-position: -144px 0;
}
#topical-academics a:hover, #topical-academics a:active, #topical-academics a.active:link {
	background-position: -144px -45px;
}

#topical-admission a {
	width: 75px;
	text-indent: -999em;
}
#topical-admission a:link, #topical-admission a:visited {
	background-position: -264px 0;
}
#topical-admission a:hover, #topical-admission a:active, #topical-admission .active:link {
	background-position: -264px -45px;
}

#topical-research a {
	width: 65px;
	text-indent: -999em;
}
#topical-research a:link, #topical-research a:visited {
	background-position: -383px 0;
}
#topical-research a:hover, #topical-research a:active, #topical-research .active:link {
	background-position: -383px -45px;
}

#topical-campus-life a {
	width: 90px;
	text-indent: -999em;
}
#topical-campus-life a:link, #topical-campus-life a:visited {
	background-position: -492px 0;
}
#topical-campus-life a:hover, #topical-campus-life a:active, #topical-campus-life .active:link {
	background-position: -492px -45px;
}

/**
 * TACTICAL NAVIGATION (Search, A-Z, People Directory)
 */
#tactical-navigation {
	position: absolute;
	right: 1em;
	top: 0;
}
#tactical-navigation #tactical-atoz a {
	width: 70px;
	height:60px;
	text-indent: -999em;
}
#tactical-navigation #tactical-atoz a:link, #tactical-navigation #tactical-atoz a:visited {
	background-position: -636px 0;
}
#tactical-navigation #tactical-atoz a:hover, #tactical-navigation #tactical-atoz a:active {
	background-position: -636px -45px;
}
#tactical-navigation #tactical-people a {
	width: 120px;
	height:60px;
	text-indent: -999em;
}
#tactical-navigation #tactical-people a:link, #tactical-navigation #tactical-people a:visited {
	background-position: -733px 0;
}
#tactical-navigation #tactical-people a:hover, #tactical-navigation #tactical-people a:active {
	background-position: -733px -45px;
}