/********************************************************
File		: nav.css
Edited by	: Adrian Liem
Date:		: 21-Mar-2006
Purpose		: stylesheet for image-replacement navigation
			  using the CSS Sprites technique
			  http://www.alistapart.com/articles/sprites/
*********************************************************/

/******************************
Main / Primary navigation
******************************/
#navWrapper {
  width:720px;
  margin:0 auto;
}
/* Styling for navigation tabs */
#navMain {
 width: 410px;
 height: 30px;
 background: url(/assets/clf/images/navBarSprite.gif);
 margin: 0; padding: 0;
 position: relative; top: 169px; /* Set top: 169px; if positioned relative to body */
 position: relative; top: 2px; left: 15px;/* set positioning relative to div id curls */
 float:left;
}

#navMain li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}

#navMain li, #navMain a {height: 30px; display: block;}
#panel1b {left: 0px; width: 50px;}
#panel2b {left: 72px; width: 68px;}
#panel3b {left: 165px; width: 38px;}
#panel4b {left: 227px; width: 48px;}
#panel5b {left: 300px; width: 35px;}
#panel6b {left: 360px; width: 46px;}

#panel1b a:hover {background: transparent url(/assets/clf/images/navBarSprite.gif) 0px -30px no-repeat;}
#panel2b a:hover {background: transparent url(/assets/clf/images/navBarSprite.gif) -72px -30px no-repeat;}
#panel3b a:hover {background: transparent url(/assets/clf/images/navBarSprite.gif) -165px -30px no-repeat;}
#panel4b a:hover {background: transparent url(/assets/clf/images/navBarSprite.gif) -227px -30px no-repeat;}
#panel5b a:hover {background: transparent url(/assets/clf/images/navBarSprite.gif) -300px -30px no-repeat;}
#panel6b a:hover {background: transparent url(/assets/clf/images/navBarSprite.gif) -360px -30px no-repeat;}

#ubcAlumniCrest a {
  width: 740px;
  height: 125px;
  position: relative;
  top: 0;
  display:block;
}

/* #dopmenudiv  drop-down / fly-out menu navigation, see /assets/clf/js/dropDownMenu.js */
#dropmenudiv {
	margin-top: 0px;
	position: absolute;
	border: 0px solid;
	border-color: #FFFFFF;
    line-height: 175%;
	color: #0D2834;
	font-size: 65%;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	z-index: 100;
}

#dropmenudiv a {
	display: block;
	width: 97%;
	padding-left: 5px;
	border-top: 0px solid;
	color: #0D2834;
	text-decoration: none;	
}

/* sets bg colour of dropdown */
#dropmenudiv a:hover {
	width: 97%;
	color: #FFFFFF;
	background-color: #3E669D;
	text-decoration: none;
}

#dropmenudiv a:visited {
	padding-left: 5px;
	/* color: #LD2834; */
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

div.dropdown {
	border-bottom: 0px solid #FFFFFF;
}

td.dropdown {
	border:0px solid #2C3C80;
	background-color: #D0CCBD;
}

/*********
Search Box
**********/
/* #searchBox  positions and styles the search box */
#searchBox {
  /* background-color:#f90; /* uncomment for testing */
  float:right;
  margin:0; /* set to 0, control all positioning with padding to avoid box model hack */
  padding:4px 0 0 0; /* control positioning of searchBox elements with padding */
}

h1.search {
	padding: 0 5px 0 0;
	margin: 0;
	position: relative;
	overflow: hidden;
	width: 41px;
	color: #ded8c3;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
}

h1.search span {
	display: block;
	position: absolute; left: 2px; top: 2px; z-index: 1;
	height: 12px;
	width: 43px;
	text-align: center;
	background: url(/assets/clf/images/search.gif) no-repeat;
}

#searchBox table {
  /* background-color:#ff0; /* uncomment for testing */
  margin:0;
  padding:0;
}

#searchBox table form {
  /* background-color:#cf0; /* uncomment for testing */
  margin:0;
  padding:0;
}

#searchBox input.textField { /* customize styling for text field */
	width: 104px;
 	border: 1px solid #7b7b7b;
	padding-left: 2px;
	font-size: 70%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #781351;
}

#searchBox input.btn{
	padding-left: 5px;
}