/*
	Auburn University Style Sheet (Included on all pages)
	Last Modified: May 23, 2006
	
	Table of Contents:
		page setup
		header
		header - orange decor line
		header - toolbar
		header - top links
		search and quicklinks
		content
		content - titles
		footer
*/

/* page setup
----------------------------------------------- */
html, body, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset { 
/* Using a zeroing selector removes the browser default values, which can vary greatly from browser to browser. */ 
    margin: 0; 
    padding: 0; 
    border: 0; 
}
html {
	max-height:100.1%; /* fixes the display height in Mozilla and Firefox */
}
/* hide from IE mac \*/
/*html {*/
/* if a page is shorter than viewport, it jumps around as Firefox removes scroll bar and then adds it again for longer pages */
/*    min-height: 100%;
    margin-bottom: 1px;
}*/
/* end hiding from IE5 mac */
body {
	background-color: #03244D;
	background-image: url(../images/ddBackground.gif);
	background-repeat: repeat-y;
	background-position: center;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100.01%; /* prevents some scaling bugs at smaller sizes in Internet Explorer */
	color: #000;
	position:relative;
	z-index:0;
}
a {
	voice-family: "\"}\""; 
  	voice-family:inherit;
}
a .forScreenReaders:active, .forScreenReaders:focus {
  position: absolute;
  overflow: visible;
  width: auto;
  height: auto;
  
  /* This controls the appearance of the link and can 
  only be seen when the users tabs on the page */
  
  background-color: #285149;
  color: #FFFFFF;
  top: 5px;
  left: 5px;
  padding: 5px;
  border: 2px solid #C5B373;
  font-weight: bold;
} 

#pageContainer {
/*  It's only purpose is center the page.  Because IE5/Win handles the box model incorrectly, the 'header' and 'footer' also have set widths of 770px but with no padding/margins. The 'content' area has padding set, but it has 'contentContainer' to set it's width (it wasn't inheriting the 'pageContainer' width in IE5/Win). */
	width:770px;
	padding: 0;
	margin:0 auto 0 auto;
}
/* header
----------------------------------------------- */
#header {
/* Properties for the 'header' region. Again, the width is redeclare here to 770px because if IE5/Win. */
	overflow: hidden;
	margin: 0;
	padding: 0;
	background-color: #03244D;
	border-bottom: 2px solid #E1E1E1;
	clear: both;
	width: 770px;
}
#header .headerLeft {
/* For elements on the left side of the 'header' region, like the logo, workmark, etc. */
	width: 205px;
	margin: 0;
	padding: 0;
	float:left;
}
#header .headerRight {
/* For elements on the right side of the 'header' region, like the toolbar, top links, title graphic, etc. */
	float: left;
	width: 565px;
	max-width: 565px;
	margin: 0;
	padding: 0;
}
#header .headerLeft h1 { 
/* To hide the "Auburn University" text from normal display because it's only for screen readers and printing page. */
	position: absolute;
	overflow: hidden;
	width: 0;
	height: 0;
}
/* header - orange decor line
----------------------------------------------- */
#header .orangeDecor {
	background-color: #F9903F;
	height: 2px;
	font-size: 1px;
	clear: both;
	margin-left: 18px;
}
/* header - toolbar
----------------------------------------------- */
#header .toolbar {
	height: 41px;
	width: 565px;
	margin: 0;
	padding: 0;
	background-color:#DD550C;
	text-align: center;
}
#header .toolbar a { 
 	font-size: 12px;
	font-weight: bold;
	border: none;
	text-decoration: none;
	color:#FFFFFF;
	display: block;
	margin: 0;
	padding: 12px;
}
#header .toolbar a:hover {
	background: url(../images/ddToolbarHover.jpg) repeat-x top left;
}
/* header - top links
----------------------------------------------- */
#header .links {
	margin: 0 auto 0 auto;
	padding: 7px;
	text-align: center;
	list-style: none;
	white-space: nowrap;
}
#header .links li {
	/*display: inline;*/
	float: left;
  	/*border-right: 1px solid #ffffff;*/
	/*background: url(../images/ddTopLinkDot.gif) no-repeat fixed right;*/
	background: url(../images/ddTopLinkDot.gif) no-repeat center right;
	margin: 0;
	padding: 0 10px 0 10px;
}
#header .links li.last {
/* Prevent the last toolbar element doesn't display a white line on the right side. */
  	/*border-right: 0px;*/
	background: none;
}
/**html #header .links li { */
/* Hack for IE to display padding correctly. This will need to replaced. */
/*	padding: 0 10px 0 12px;
}*/
#header .links a {
	display: block;
	font-size: 0.69em;
	font-weight: bold;
	color: #FFFFFF;
	padding: 0;
	margin: 0;
	text-decoration: none;
}
#header .links a:hover {
	text-decoration: underline;
}

/* search and quicklinks
----------------------------------------------- */
#test {
	font-size: 0.69em;
	font-weight: bold;
	/*width: 560px;*/
	padding: 7px 2px 7px 45px;
	/*margin: 0 auto 0 auto;*/
	list-style: none;
	clear:both;
}
#test a { /* for each link (in menu or drop down) */
	display: block;
	/*width: 10em;*/
	color: #FFFFFF;
	text-decoration: none;
}
#test a:hover { /* for each link (in menu or drop down) */
	text-decoration: underline;
}
#test span { /* added because the search box doesn't have an <a href> */
	display: block;
	/*width: 10em;*/
}
#test  li { /* for each top link */
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	/*width: 9em;*/
	background: url(../images/ddTopLinkDot.gif) no-repeat center right;
	margin: 0;
}
#test li.last {
	background: none;
	
}
#test  li ul { /* for each drop down */
	position: absolute;
	width: 14em;
	left: -999em; /* to propel the dropdown list out of view (instead of display: none) */
	background-color: #03244D;
	list-style-type: none;
	text-align: left;
	margin: 0;
	padding: 4px;
	border-bottom: 2px solid #E1E1E1;
}
#test li ul li {  /* for each quick link item */ 
	padding: 2px;
	margin: 0;
	width: 14em;
	border-top: 1px dotted #003366;
	background:none;
}
#test li:hover ul, #test li.sfhover ul {
	left: auto; /* to bring it back (rather than left: 0)  */
	position:absolute;
	z-index:500;
}

/* content
----------------------------------------------- */
#contentContainer {
/* This is clean hack to make IE5/Win display correctly. Because it doesn't suppose the box model correctly, the width is redeclared here to be 770px but the padding/margin are set in 'content'. */
	width: 770px;
}
#content 
{
	margin: 0px;
	padding: 10px;
	background-color: #FFFFFF;
	font: 0.75em Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	clear: both;
	text-align: left;
	position: relative; /* Added to correct peek-a-boo text in IE 6 - humphse - May 23, 2006*/	
}
#content .breadcrumb {
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
#content a {
	color: #1C5CA3;
	voice-family: "\"}\""; 
  	voice-family:inherit;
	text-decoration: none;
	border-bottom: 1px solid #D7E4F3;
}
#content a:hover {
	color: #003366;
	border-bottom-color: #003366;
}
#content a:visited {
	color: #49545E;
}
/* content - titles
----------------------------------------------- */
#content h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size:200%; /* Standardize the font size across Firefox and IE. */
	padding: 0 10px 0 10px;
	margin: 10px 0 10px 0;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
}
#content h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	/*font-size: 1.8em;*/
	font-size:180%;
	padding: 0 10px 0 10px;
	margin: 10px 0 10px 0;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
}
#content h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	/*font-size: 1.5em;*/
	font-size: 160%;
	padding: 0 10px 0 10px;
	margin: 10px 0 10px 0;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
}
#content h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 120%;
	/*font-size: .9em;*/
	padding: 2px 10px 0 10px;
	margin: 0 0 10px 0;
}
#content .inputForm {
	border-width:2px;
	/*border-color:#162C65;*/
	border-color:#F9903F;
	border-style:solid;
	/*background-color:#E6E8ED;*/
	background-color:#FCEBB1;
	padding:5px;
	margin:5px
}
#content ul {
	margin-left: 20px;
	margin-bottom: 20px;
}
#content .printLink {
/* Used to align a "print this page" link at the bottom right of the content area. */
	width: 100%;
	text-align: right;
	font-size: 10px
}
/* footer
----------------------------------------------- */
#footer
{
	background: url(../images/ddBottomGradient.gif) top left repeat-x #03244D;
	border-top: 2px solid #F9903F;
	text-align:center;
	height: 60px;
	color:#FFFFFF;
	font: 0.63em Verdana, Arial, Helvetica, sans-serif;
	width: 770px;
	clear: both;
	padding-top: 15px;
	padding-bottom: 0;
}
#footer a {
	border: none;
	text-decoration: none;
	color: #ECEBEB;
}
#footer a:hover {
	text-decoration: underline;
	color: #ffffff;
}
#footer a:visited {
	color: #ECEBEB;
}
#footer a:visited:hover {
	text-decoration: underline;
	color: #ffffff;
}
/* TEMPORARY */
.errorMessage {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	background-color: #FFE6FF;
	padding: 5px;
	border: 1px solid #FF99FF;
	text-align: center;
	width: auto;
	margin-top: 15px;
	margin-right: 25px;
	margin-bottom: 5px;
	margin-left: 25px;
	color: #993333;
	font-weight: bold;
}