/*--------------------------------------------------
[U of M Template Stylesheet]

Author(s):   Ethan Poole
Version:     1.0.0
Last change: 9/11/09

[Table of contents]
1. Hard-coded defaults
2. Page structure
3. U of M logo
4. Search
5. U of M links
6. Campus links
7. U of M footer

[Color codes]
Maroon:                #7A0019
Gold:                  #FFCC33
Grey:                  #666666
Search text:           #333333
Footer border:         #E4E4E4
Footer link border:    #C2A9AE
U of M resource links: #4C0001

[Notes]
This re-coded template makes extensive use of <span>
tags for image links.  The <span> is assigned a
background image and is stretched across the
underlying link text.  If the image does not load,
the user at least sees nicely stylised text.  Many
seemingly useless styles are for the underlying
text or to orchestra this nifty trick.
See: http://www.sitepoint.com/examples/IR/ir.php

Odd and arbitrary positioning and dimension values
are simply so that the template matches perfectly.
--------------------------------------------------*/

/* ----- [1. Hard-coded defaults] ----- */
/* The following styles are hard-coded in order to
   ensure everything matches pixel-to-pixel to the
   original template. */
div#umn_header, div#umn_footer {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 13px !important;
	line-height: 1.231 !important;
}
div#umn_footer {
	font-size: 0.85em !important;
	line-height: 170% !important;
}
div#umn_header a, div#umn_footer a {
	color: #7A0019;
}
div#umn_header a:hover, div#umn_footer a:hover {
	color: #666;
	text-decoration: none; /* Removing the underline better distinguishes links */
}

/* ----- [2. Page structure] ----- */
body {
	margin: 0px auto;
	padding-top: 63px;
	width: 960px;
}
div#umn_header {
	background: #7A0019 url(/lib/img/university/header-background.gif);
	height: 63px;
	position: absolute;
	top: 0px;
	width: 960px;
}

/* ----- [3. U of M logo] ----- */
div#umn_header h1 {
	font-size: 2.5em;
	line-height: 100%;
	margin: 0;
}
div#umn_header h1 a {
	color: #FFCC33;
	display: block;
	height: 55px; /* Fixes IE6 bug with logo positioning */
	overflow: hidden;
	padding: 8px 0px 0px 8px;
	position: relative;
	width: 592px; /* Fixes IE6 bug with CTRL+A showing the hidden text */
}
div#umn_header h1 a span {
	background: url(/lib/img/university/umn-logo.gif);
	display: block;
	height: 63px;
	left: 0px;
	position: absolute;
	top: 0px;
	width: 600px;
}
div#umn_header h1 a:hover {
	cursor: pointer;
}

/* ----- [4. Search] ----- */
/* The input elements are floated here in order to
   position them correctly in IE6. */
div#umn_header div#search {
	background: #FFCC33 url(/lib/img/university/search-background.gif) no-repeat;
	bottom: 6px;
	height: 22px;
	right: 10px;
	padding-left: 5px;
	position: absolute;
	width: 244px;
}
div#umn_header div#search p {
    margin: 0;
}    
div#umn_header div#search input#f_search {
	border: 0px;
	color: #333;
	float: left;
	font-size: 0.85em;
	height: 13px;
	line-height: 100%; /* Fixes Safari positioning bug */
	position: relative;
	top: 5px; /* This positioning is more centred than the original template */
	width: 197px;
}
div#umn_header div#search input#f_search_submit {
	float: right;
	height: 22px;
	width: 41px;
}

/* ----- [5. U of M links] ----- */
div#umn_header div#umn_links {
	position: absolute;
	right: 10px;
	top: 5px;
	width: 200px; /* Fixed IE bug with not being able to click the top half of the U of M logo */
}
div#umn_header div#umn_links ul li {
	float: right;
	list-style-type: none;
	margin-left: 5px;
}
div#umn_header div#umn_links ul li a {
	background: #4C0001;
	color: #FFF;
	display: block;
	height: 21px;
	overflow: hidden;
	padding: 2px 5px;
	position: relative;
	width: 63px;
}
div#umn_header div#umn_links ul li a span {
	display: block;
	height: 25px;
	left: 0px;
	position: absolute;
	top: 0px;
	width: 73px;
}
div#umn_header div#umn_links ul li#umn_myu a span {
	background: url(/lib/img/university/button-myu.gif);
}
div#umn_header div#umn_links ul li#umn_onestop a span {
	background: url(/lib/img/university/button-onestop.gif);
}
div#umn_header div#umn_links ul li a:hover {
	cursor: pointer;
}

/* ----- [6. Campus links] ----- */
div#umn_header div#umn_campuses {
	font-size: 0.85em !important;
	line-height: 200%; /* Fixes a minor pixel offset in various browsers */
	position: absolute;
	right: 10px;
	top: -22px;
}
div#umn_header div#umn_campuses h2,
div#umn_header div#umn_campuses ul,
div#umn_header div#umn_campuses ul li {
	display: inline;
}
div#umn_header div#umn_campuses h2 {
    font-size: 1em !important;
    text-transform: none;
	font-weight: normal;
	padding-right: 10px;
}
div#umn_header div#umn_campuses ul li {
	list-style-type: none;
	margin-left: 10px;
}

/* ----- [7. U of M footer] ----- */
div#umn_footer {
	border-top: 3px solid #E4E4E4;
	padding: 5px 10px 6px;
}
div#umn_footer div#umn_notes {
	line-height: 18px; /* Fixes pixel offset in Firefox */
}
div#umn_footer div#umn_tc_campus {
	float: right;
	text-align: right;
}
div#umn_footer div#umn_tc_campus h2 {
	float: left;
	font-weight: normal;
	height: 54px;
}
div#umn_footer div#umn_tc_campus ul {
	float: left;
	list-style-type: none;
	width: 236px;
}
div#umn_footer div#umn_tc_campus ul li {
	display: inline;
	padding-left: 10px;
}
div#umn_footer div#umn_tc_campus ul li#umn_tc_directories {
	line-height: 29px;
	padding-left: 0px;
}
div#umn_footer div#umn_tc_campus ul li a {
	border-bottom: 1px solid #C2A9AE;
	text-decoration: none;
}
div#umn_footer div#umn_tc_campus ul li a:hover {
	border: 0px;
}