/* * * * * * * * * * 
	Ohio State masthead navigation bar styles
	Created: September 2004.
	Updated: August 2006: OSU-specific naming ("osu-"), Better accessiblity
	For more information see: http://www.osu.edu/resources/
* * * * * * * * * */

/* Hide semantic content, keep it readable for screen readers. 
This is the technique advocated by WebAIM (http://webaim.org/techniques/css/invisiblecontent/) */
.osu-semanticContent { 
  position: absolute; 
  left: 0; 
  top: -500px; 
  width: 1px; 
  height: 1px; 
  overflow: hidden;
}

#osu-masthead {
	width: 100%;
	line-height: 14pt;
	position: relative;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 10pt;
	margin: 0px;
	padding: 0px;
	background: #c9c9c9 url(../images/gradient.jpg) no-repeat 0px 0px;
	overflow: hidden;
	min-width: 675px;
}

div.osu-masttitle, div.osu-masturl {
  margin: 0px;
  float: left;
  position: relative;
  padding: 8px;
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
  padding-left: 6px;
  padding-right: 6px;
  line-height: 100%;
}

div.osu-masttitle {
  padding-left: 11px;
  padding-right: 11px;
  background-color: #990000;
  border-right: 1px solid #CCC;
}

div.osu-masttitle a, div.osu-masturl a {
  text-decoration: none;
  color: #FFF;
}

div.osu-masttitle a:hover, div.osu-masturl a:hover {
  color: #F9F7DC;
  text-decoration: underline;
}

#osu-mastnavigation {
	position: absolute;
	padding: 0px;
	padding-top: 4px;
	margin: 0px;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	line-height: 100%;
	overflow: hidden;
	right: 0px;
}

#osu-mastnavigation-searchlink {
  position: relative;
  float: right;
  padding: 8px;
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
  padding-left: 6px;
  padding-right: 6px;
  line-height: 100%;
}


#osu-mastnavigation ol, #osu-mastnavigation-searchlink ol {
  display: inline;
  margin-bottom: 0;
  list-style-type: none;
  color: #FFF;
  margin-right: 6px;
}

#osu-mastnavigation ol li, #osu-mastnavigation-searchlink ol li {
  display: inline;
}

#osu-mastnavigation ol li img { vertical-align: middle; }

#osu-mastnavigation ol li a, #osu-mastnavigation-searchlink ol li a {
  color: #222;
  padding: 0em 5px;
  text-decoration: none;
  border-right: 0px solid #CCC;
}

#osu-mastnavigation ol li a:hover, #osu-mastnavigation ol li a:focus, #osu-mastnavigation-searchlink ol li a:hover, #osu-mastnavigation-searchlink ol li a:focus{
  background: #EEE;
  color: #000;
}

#osu-mastnavigation input { 
  vertical-align: middle; 
}

#osu-mastnavigation input.textfield {
  padding: 0px;
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
  background: #DDE0C6;
  width: 65px;
  border: 1px solid #666;
  height: 1.4em;
}

#osu-mastnavigation input.textfield:focus, #osu-mastnavigation input.textfield:hover {
  background: #F6F9DC;
}

/* Image swapping using Petr Stanicek's (aka Pixy) method (http://wellstyled.com/css-nopreload-rollovers.html) */
#osu-mastnavigation input.go {
  background: #CCC url(../images/go.gif) 0 0 no-repeat;
  border: none;
  padding: 2px 3px;
  color: #CCC;
  font-size: xx-small;
  cursor: pointer;
}

#osu-mastnavigation input.go:hover, #osu-mastnavigation input.go:focus {
  background: #CCC url(../images/go.gif) 0 -18px no-repeat;
  color: #FFF;
}

br.osu-clearall { clear: both; }

div.osu-hr {
  position: relative;
  margin: 0;
  width: 100%;
  height: 1px;
  background: #D5D5E6;
  border-top: 1px solid white;
}


/* * * * * * * * * * * * * * * * * * * * 
	<hr> tag hack for more ie 5,6.x compatibility. found here:
	http://www.sovavsiti.cz/css/hr.html
* * * * * * * * * * * * * * * * * * * */
div.osu-hr hr { display: none; }