/* 
	Navigation components 
	Version : 1.2
	Filename : _navigation.css
	Type: DEVOLVED - External
	Date created : 31/10/2006
	Validates : CSS2, CSS2.1, CSS3
								
	Known issues:
	- IE5(mac) hack for positioning of primary and secondary navigation (circa lines 40 & 55)						
*/

/* IE hacks */
#nav-secondary li { word-wrap: break-word; }

/* Skip links */
.nav-skiplinks { position: absolute; top: 0; left: 0; background-color: #ffffff; color: #ffffff; vertical-align: top; }
.nav-skiplinks a, 
.nav-skiplinks a:hover, 
.nav-skiplinks a:visited { position: absolute; top:-500px; left: 0px; width: 1px; height: 1px; overflow: hidden; }
.nav-skiplinks a:active { position: absolute; top: 0; left: 220px; border: 1px dashed #cccccc; background-color: #f5f5f5; width: 10em; height: auto; text-align: center; } 
.nav-skiplink-target { width: 1px; height: 1px; }

/* Logo */
#logo { border: none; margin: 0; padding: 0; width: 218px; position: absolute; top: 0; left: 44px; z-index: 100; }
#logo img { border: none; margin: 0; padding: 0; } 

/* Toolbar */
/* Known issues : IE5 doesn't position right correctly */
#toolbar { background-color: #f5f5f5; border: none; margin: 0; padding: 0; height: 3em; width: 38em; /* Start IE6 hack */ _width: auto; /* End IE6 hack */ overflow: hidden; position: absolute; top: 0; right: 0; vertical-align: top; }
#toolbar p { background-color: #f5f5f5; color: inherit; display: inline; float: left; font-size: 0.8em; margin: 0; padding: 0.8em 0 1em 0; }
#toolbar p.universityhome { background-color: #ffffff; color: #ffffff; font-size: 1em; padding-right: 1em; }
#toolbar p a { padding: 1em 0 0 0; text-decoration: underline; }
#toolbar input, 
#toolbar select { font-size: 0.9em; }
#toolbar select option { margin-left: 0.5em; margin-right: 0.5em; padding: 0; }
/* IE 5 only hack */
*html#toolbar { background-color: #ffffff; }
/* End hack */ 

/* Sitename */
#sitename { overflow: hidden; position: relative; top: 6.2em; left: 88px; z-index: 200; }
/* Commented Backslash Hack \*/
#sitename { position: absolute; }
/* End IE5-Mac hack */ 
#sitename span, 
#sitename h1 { display: block; font-size: 1.4em; font-weight: bold; overflow: hidden; white-space: nowrap; padding: 0; }
#sitename span a:active,
#sitename span a:focus,
#sitename h1 a:active,
#sitename h1 a:focus { color: #000; text-decoration: underline; }
#sitename a { text-decoration: none; }

/* Primary navigation - horizontal tabs */
#nav-primary { border-bottom: 3px solid #000000; font-size: 1em; font-weight: bold; height: 2.1em; margin: 0 0 0 88px; padding: 0; width: 94%; position: absolute; top: 12.8em; left: 0px; z-index: 250; }
/* Commented Backslash Hack \*/
#nav-primary { position: relative; top: 8.5em; height: 1.83em; width: auto; }
/* End IE5-Mac hack */ 

#nav-primary ul { display: block; font-size: 0.85em; font-weight: bold; margin: 0; padding: 0; width: 60em; }
#nav-primary ul li { display: block; float: left; }
#nav-primary ul li a { display: block; float: left; margin: 0; padding: 0.5em 1em 0.5em 1em; text-align: center; text-decoration: none; }
#nav-primary ul li span { display: block; float: left; margin: 0; padding: 0.5em 1em 0.5em 1em; text-align: center; text-decoration: none; }
#nav-primary ul li { background: url("../images/tab_ffffff_ffffff_right.gif") no-repeat right top; }
#nav-primary ul li a { background: url("../images/tab_ffffff_ffffff_left.gif") no-repeat left top; background-color: inherit; color: #000000; }
#nav-primary ul li a:hover { text-decoration: underline; }
#nav-primary ul li.selected { background: url("../images/tab_ffffff_ffffff_right.gif") no-repeat top right; }
#nav-primary ul li.selected a { background: url("../images/tab_ffffff_ffffff_left.gif") no-repeat top left; background-color: inherit; color: #ffffff; }

/* In page tabbed navigation e.g. for course profiles */
.tab { border-bottom: 3px solid #000000; display: block; height: 1.83em; width: 100%; }
.tab ul { display: block; font-size: 0.85em; font-weight: bold; margin: 0; padding: 0; width: 100%; }
.tab ul li { display: block; float: left; }
.tab ul li a { display: block; float: left; margin: 0; padding: 0.5em 1em 0.5em 1em; text-align: center; text-decoration: none; }
.tab ul li span { display: block; float: left; margin: 0; padding: 0; text-align: center; text-decoration: none; }
.tab ul li { background: url("../images/tab_ffffff_ffffff_right.gif") no-repeat right top; }
.tab ul li a { background: url("../images/tab_ffffff_ffffff_left.gif") no-repeat left top; background-color: inherit; color: #000000; }
.tab ul li.selected { background: url("../images/tab_ffffff_ffffff_right.gif") no-repeat top right; }
.tab ul li.selected a { background: url("../images/tab_ffffff_ffffff_left.gif") no-repeat top left; background-color: inherit; color: #ffffff; }


/* 	Secondary navigation - Issues IE5.01 padding on li's too big */
#nav-secondary { font-size: 0.85em; float: left; width: 184px; margin-bottom: 1em; }
#nav-secondary ul { font-size: 1em; margin: 0; padding: 0; }
#nav-secondary li { font-size: 1em;  }

/* Commented Backslash Hack \*/
#nav-secondary li{ overflow: hidden; } 
/* End IE5-Mac hack */

.nav-secondary-breadcrumb { list-style-type: none;  background-color: inherit; color: #663399; font-size: 1em; margin: 0 0 0.3em 0; padding: 0; }
.nav-secondary-breadcrumb a,
.nav-secondary-breadcrumb span { /*list-style-type: none;*/ background: url("../images/sec_bullet_up.gif") no-repeat 4px 6px; border: 1px solid #cccccc; display: block; padding: 0.4em 0 0.5em 1.6em; text-decoration: none; }
.nav-secondary-breadcrumb a:active,
.nav-secondary-breadcrumb a:focus { background-color: #f5f5f5; border: 1px dotted #999999; }
.nav-secondary-breadcrumb a:hover { text-decoration: underline; }
.nav-secondary-sectionheader { list-style-type: none; background: url("../images/sec_009999_ffffff_right.gif") no-repeat top right; border: none; background-color: inherit; color: #ffffff; margin: 1em 0 0 0; /* Start IE6 hack */ _margin: 0 0 0 0; /* End IE6 hack */ padding: 0; }
.nav-secondary-sectionheader a,
.nav-secondary-sectionheader span { background-color: inherit; color: #ffffff; display: block; padding: 0.4em 0.2em 0.5em 0.8em; text-decoration: none; }
.nav-secondary-sectionheader a:visited,
.nav-secondary-sectionheader a:active,
.nav-secondary-sectionheader a:focus { background-color: inherit; color: #ffffff; }
.nav-secondary-sectionheader a:hover { text-decoration: underline; }
.nav-secondary-sectionmenu { margin: 0; padding: 0; list-style-type: none; border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; background-color: #ffffff; color: inherit; }
.nav-secondary-sectionmenu li { background: url("../images/sec_bullet_left.gif") no-repeat 3px 9px; border-top: 1px solid #cccccc; display: block; margin: 0 0.5em 0 0.5em; padding: 0.4em 0 0.4em 1.6em; }
.nav-secondary-sectionmenu li { background-color: inherit; color: #000000; }
.nav-secondary-sectionmenu li a,
.nav-secondary-sectionmenu li span { background-color: inherit; color: #663399; padding: 0; text-decoration: none; }
.nav-secondary-sectionmenu a:active, 
.nav-secondary-sectionmenu a:visited { background-color: inherit; color: #9966cc; }
.nav-secondary-sectionmenu li a:active,
.nav-secondary-sectionmenu li a:focus { color: #000; text-decoration: underline; background-color: #f5f5f5;  }
.nav-secondary-sectionmenu li a:hover { text-decoration: underline; }
.nav-secondary-sectionmenu li.selected { background: url("../images/sec_bullet_left.gif") no-repeat 8px 9px; background-color: #f5f5f5; color: inherit; margin: 0; padding: 0.4em 0.5em 0.4em 2.1em; }
.nav-secondary-relatedlinksheader { list-style-type: none; background: url("../images/rellink_cccccc_ffffff_right.gif") no-repeat top right; border: none; background-color: inherit; color: #ffffff; margin: 1em 0 0 0; padding: 0; }
.nav-secondary-relatedlinksheader span { background-color: inherit; color: #ffffff; display: block; margin: 0; padding: 0.4em 0.2em 0.5em 0.8em; }
.nav-secondary-relatedlinks { list-style-type: none; background-color: #ffffff; color: inherit; margin: 0; padding: 0;}
.nav-secondary-relatedlinks li { background: url("../images/bullet_666666.gif") no-repeat 4px 10px; display: block; margin: 0 0.5em 0 0.5em; padding: 0.5em 0 0 1.6em; }
.nav-secondary-relatedlinks li a { background-color: inherit; color: #663399; padding: 0; text-decoration: none; }
.nav-secondary-relatedlinks a:active,
.nav-secondary-relatedlinks a:focus 
.nav-secondary-relatedlinks li a:active,
.nav-secondary-relatedlinks li a:focus { color: #9966cc; text-decoration: underline; background-color: #f5f5f5; }
.nav-secondary-relatedlinks a:visited {color: #9966cc; background-color: inherit;}

/* IE 5 only hack */
*html#toolbar p { float: right; }
/* End hacks */ 

/* Google search toolbar element */
#toolbar p.googlesearch { margin-top: -1.2em; }
/* START HACK:*/ 
/* safari will ignore the code below and by default the other browsers will use the code below */
#toolbar p.googlesearch { margin-top: 0;# }
/* END HACK */