﻿/* BASIC */

html { overflow-y: scroll; }
body { padding: 0; margin: 0; font-family: verdana, arial, sans-serif; font-size: 11px; color: #333; background-color: #fff; }
img { border: 0; }
p { margin-top: 0; margin-bottom: 13px; }
p.db { margin-bottom: 26px; }
h4, h5, h6 { font-weight: bold; font-size: 11px; margin: 0; }
h5.inline, h6.inline { display: inline; }
td, th { padding: 0; }
.center { display: block; margin-left: auto; margin-right: auto; }
.stripe { background-color: #f7f5f0; }
a span { cursor: pointer; }
.navigationheader { display: none; }
a { color: #900; text-decoration: underline; background-color: transparent; }

/* CONTENT */

#page { width: 750px; position: relative; top: 0; margin: 0 auto; padding-top: 116px; background: url('/global/images/column.back.gif') repeat-y 50% 0; }
#content, #indexcontent { margin: 1px 0 2px 0; float: right; width: 471px; padding: 57px 13px 0 0; }
#indexcontent { padding-top: 103px; }

/* NAVIGATION */

#navjump { display: none; }
#navigation { margin: 1px 0 0 1px; float: left; width: 223px; padding: 102px 8px 20px 18px; background: #ebe6da no-repeat 1px 0; }
.navigation ul, ul.navigation { list-style: none; margin: 0; padding: 0; }
.navigation li a { font-weight: bold; color: #000; text-decoration: none; }
.navigation li a:hover { color : #900; text-decoration: underline; }
.navigation li li a { font-weight: normal; color : #900; text-decoration: underline; }
.navigation li { padding: 0 0 13px 11px; background: url('/global/images/arrow.menu.gif') no-repeat left top; }
.navigation li li { padding: 0 0 0 9px; text-indent: -9px; color: #900; background: none; font-weight: normal; }
.navigation li.active { font-weight: bold; color: #666; }
.navigation li li.active { font-weight: normal; color: #333; background: none; }
.navigation .description { color: #333; background: none; }
.navigation li .description { padding: 0; text-indent: 0; }

/* LOGOLINE */

#logoline {
	width: 84px; /* the width is the light-colored portion */
	height: 3px;
	position: absolute;
	top: 113px;
	left: 0;
	z-index: 10;
	border-right: 662px solid;
	border-left: 1px solid #fff; /* the portion of white between the logoline and the left border */
	margin: 1px; /* to keep it from overlapping the left border */
	line-height: 0px; }

/* LOGO */

h1#logo, h1#logo span {
	display: block;
	width: 250px;
	height: 92px;
	position: absolute;
	top: 0;
	z-index: 20;
	padding-top: 20px;
	margin: 0;
	background: #fff url('/global/images/au.logo.gif') no-repeat;
	overflow: hidden;
	font-size: 10px;
	}

/* TITLES */

h2#sitetitle, h2#sitetitle span { width: 248px; height: 26px; display: block; position: absolute; }

h2#sitetitle {
	top: 178px;
	z-index: 20;
	padding: 0 0 1px 1px;
	border-bottom: 1px solid #98907b; /* the fine line above the navbar */
	margin: 0 0 0 1px; /* keep the image off the left border */
	overflow: hidden;
	font-size: 10px;
	background-color: #fff;
	}

h2#sitetitle span { top: 0; background-repeat: no-repeat; background-position: 0px 0px; background-image: url('images/title.gif'); }
h2#sitetitle.longtitle, h2#sitetitle.longtitle span { height: 38px; }
h2#sitetitle.longtitle { top: 166px; }

#pagetitle { position: absolute; top: 130px; margin-bottom:13px; }
#pagetitle h3, #pagetitle h3 span { height: 31px; }
#pagetitle h3 { float: left; margin: 0px; overflow: hidden; font-size: 10px; }
#pagetitle h3 span { position: absolute; }

#pagetitle h4, #pagetitle .subtitle {
	float: left;
	height: 19px;
	max-width: 250px;
	padding: 7px 2px 0 6px;
	margin: 2px 0 0 3px;
	border-left: 1px solid #98907b; /* vertical divder line between titles */
	}

/* FOOTER */

#footer { width: 740px; height: 49px; clear: both; padding: 5px; border-bottom: 2px solid #fff; background-color: #51432d; font-size: 10px; letter-spacing: .4px; line-height: 12px; color: #ebe6da; }
#footer #lastmod { position: absolute; bottom: 1px; right: 1px; display: none; }
#footer #footerlinks { position: absolute; height: 36px; bottom: 20px; left: 252px; }
#footer #footerlinks li { list-style: none; display: inline; padding-left: 13px; }
#footer #footerlinks ul { padding: 0; margin: 0; }
#footer a { color: #ebe6da; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

/* IMAGE BAR */

#imagebar { position: absolute; top: 112px; left: 0; width: 748px; border: 1px solid #98907b; overflow: hidden; z-index: 15; }
#imagebar img, #imagebar div.spacer { float: left; padding: 3px 0 0 0; border: 1px solid #fff; vertical-align: top; height: 87px; width: 248px; margin: 0 -1px 0 0; }

/* CONTACTS */

.contact { color: #000; }
.contact .name { font-weight: bold; }
.contact .position { font-style: italic; }
.contact .director { font-weight: bold; font-style: normal; }

/* DATELINES */

.dateline { display: block; background: url('/global/images/dateline.gif') no-repeat; height: 20px; width: 170px; }
.dateline.long { background-image: url('/global/images/dateline.long.gif'); height: 13px; width: 471px; }

/* FORMS */

.simpleform label, .simpleform input, .simpleform textarea { float: left; margin-bottom: 10px; }
.simpleform label { text-align: right; width: 75px; margin-right: 15px; }
.simpleform br { clear: left; }

/* TEXT AND IMAGE PAIRS */

.textandimages { padding-bottom: 1px; overflow: hidden; margin-bottom: 13px; }
.textandimages p, .textandimages div { padding-right: 10px; padding-top: 7px; border: 1px solid #98907b; margin-bottom: -1px; float: left; width: 459px; }
.textandimages .navigation li { padding-bottom: 0; }
.textandimages img { float: left; border-right:  1px solid #98907b; margin-right: 10px; margin-top: -7px; padding: 1px; background-color: #fff; }
.textandimages ul { overflow: hidden; }
	
/* INDEX DIRECTORY COLUMNS */

.twocolumn { margin-bottom: 13px; overflow: hidden; }
.twocolumn .columnone { width: 225px; float: left; }
.twocolumn .columntwo { width: 225px; float: right; }

.twocolumn.staff .columnone { width: 270px; }
.twocolumn.staff .columntwo { width: 190px; }
.twocolumn.staff .columnone p { clear: both; overflow: hidden; }
.twocolumn.staff .columnone p img.left { margin-top: 0; }

/* THUMBNAIL GALLERIES */

.gallery, .gallery br { clear: left; }
.gallery .thumbnails, .gallery .prevnext, .gallery .category { width: 470px; clear: both; }
.gallery .thumbnails { width: 470px; overflow: hidden; }
.gallery .thumbnails div { float: left; width: 124px; margin: 0 15px 13px 15px; text-align: center; }
.gallery .thumbnails div.rowpositionfirst { margin-left: 19px; }
.gallery .thumbnails div.rowpositionlast {  margin-right: 19px; }
.gallery .thumbnails div p { margin: 0 auto; width: 120px; }
.gallery .category { border-bottom: solid 1px #98907b; text-align: left; font-weight: bold; }
.gallery .prevnext { background-color: #ebe6da; text-align: center; padding: 5px 0; margin-bottom: 13px; }
.gallery .prevnext .prev { float: left; width: 60px; margin-left: 10px; text-align: left; }
.gallery .prevnext .next { float: right; width: 60px; margin-right: 10px; text-align: right; }

/* PLAN OF STUDY */

div.planofstudy { width: 471px; padding: 0; margin-bottom: 26px; border: 1px solid #98907b; overflow: hidden; }
div.planofstudy table { float: left; border: 1px solid #98907B; }
div.planofstudy table.first { border-width: 0 1px 0 0; margin-right: -1px; }
div.planofstudy table.second { border-width: 0 0 0 1px; }
img.year { margin-bottom: -2px; }
table.planofstudy { border: 1px solid #98907B; margin-bottom: 26px; }
.planofstudy td, .planofstudy th { padding: 7px; vertical-align: top; }
.planofstudy th.title { text-align: left; border-bottom: 1px solid #98907b; background-color: #f7f5f0; font-weight: normal;}
.planofstudy th.title.inner { border-top: 1px solid #98907b; }
.planofstudy th.preinner { padding-bottom: 26px; }
.planofstudy th.title h5 {display: inline; }
.planofstudy .credits { font-weight: bold; text-align: center; }
.planofstudy tr.totals { font-weight: bold; }
.planofstudy tr.totals td, .planofstudy tr.totals th { padding: 0; }
.planofstudy tr.totals th { text-align: right; }
.planofstudy tr.or { background-color: #f7f5f0; }
.planofstudy tr.or td.credits { vertical-align: middle; }
.planofstudy span.or { font-weight: bold; font-style: italic; display: block; margin-top: 13px; width: 100%; text-align: center; }

/* IMAGE CLASSES */

.right { float: right; margin: 5px 0 5px 5px; }
.left { float: left; margin: 5px 5px 5px 0; }
.border {padding: 1px; border: 1px solid #98907b; background-color: #fff; line-height: 0px; }

/* BACK TO TOP LINK */

.bttop { background: url('/global/images/arrow.topofpage.gif') no-repeat 0 50%; padding-left: 13px; margin-left: 2px; margin-bottom: 13px; }
.loopback { background: url('/global/images/arrow.double.gif') no-repeat 0 4px; padding-left: 11px; margin-bottom: 13px; }

/* HEADER CONTROLS */

#header { width: 748px; height: 112px; position: absolute; top: 0; left: 0; z-index: 10; padding-bottom: 1px; background-color: #98907b; border-bottom: 1px solid #fff; margin-left: 1px; }
#headersearch { margin: 0; position: absolute; top: 0; left: 555px; white-space: nowrap; }
#headersearch label, #headersearch label span { font-size: 10px; height: 32px; width: 40px; background: url('/global/images/header.search.gif') no-repeat; position: absolute; top: 0; left: 0; }
#headersearch #hdr_searchterms { border: 1px solid #98907b; position: absolute; top: 5px; left: 40px; width: 109px; }
#headersearch #hdr_searchbutton { position: absolute; top: 6px; left: 153px; }

/* HEADER NAVIGATION */

#headernav { width: 499px; height: 112px; position: absolute; right: 0; overflow: hidden; background: #ebe6da url('/global/images/header.back.gif') repeat-x; }
#headernav ul {	list-style: none; }
#headernav a { display: block; position: absolute; overflow: hidden; }
#header #headernav span { display: block; position: absolute; left: 0; top: 0; }

#headercore a, #headercore span { top: 0; height: 32px; }
#hdr_home, #hdr_home span { width: 51px; left: 0; background: url('/global/images/header.home.gif') no-repeat; }
#hdr_dir, #hdr_dir span { width: 60px; left: 51px; background: url('/global/images/header.dir.gif') no-repeat; }
#hdr_contact, #hdr_contact span { width: 57px; left: 111px; background: url('/global/images/header.contact.gif') no-repeat; }
#hdr_siteindex, #hdr_siteindex span { width: 51px; left: 168px; background: url('/global/images/header.siteindex.gif') no-repeat; }

#headergateways a, #headergateways span { top: 32px; height: 27px; }
#hdr_gwprosp, #hdr_gwprosp span { width: 151px; left: 0; background: url('/global/images/header.gw.prosp.gif') no-repeat; }
#hdr_gwcurrent, #hdr_gwcurrent span { width: 119px; left: 151px; background: url('/global/images/header.gw.current.gif') no-repeat; }
#hdr_gwfac, #hdr_gwfac span { width: 103px; left: 270px; background: url('/global/images/header.gw.fac.gif') no-repeat; }
#hdr_gwalumni, #hdr_gwalumni span { width: 56px; left: 373px; background: url('/global/images/header.gw.alumni.gif') no-repeat; }
#hdr_gwvisitors, #hdr_gwvisitors span { width: 56px; left: 429px; background: url('/global/images/header.gw.visitors.gif') no-repeat; }

#headerdepartments1 a, #headerdepartments1 span { top: 59px; height: 27px; }
#hdr_about, #hdr_about span { width: 56px; left: 0; background: url('/global/images/header.about.gif') no-repeat; }
#hdr_acad, #hdr_acad span { width: 70px; left: 56px; background: url('/global/images/header.acad.gif') no-repeat; }
#hdr_admin, #hdr_admin span { width: 85px; left: 126px; background: url('/global/images/header.admin.gif') no-repeat; }
#hdr_admis, #hdr_admis span { width: 72px; left: 211px; background: url('/global/images/header.admis.gif') no-repeat; }
#hdr_artsevents, #hdr_artsevents span { width: 80px; left: 283px; background: url('/global/images/header.artsevents.gif') no-repeat; }
#hdr_athletics, #hdr_athletics span { width: 56px; left: 363px; background: url('/global/images/header.athletics.gif') no-repeat; }
#hdr_ecampus, #hdr_ecampus span { width: 61px; left: 422px; background: url('/global/images/header.ecampus.gif') no-repeat; }

#headerdepartments2 a, #headerdepartments2 span { top: 86px; height: 25px; }
#hdr_commsrvc, #hdr_commsrvc span { width: 126px; left: 0; background: url('/global/images/header.commsrvc.gif') no-repeat; }
#hdr_giveau, #hdr_giveau span { width: 95px; left: 126px; background: url('/global/images/header.giveau.gif') no-repeat; }
#hdr_jobs, #hdr_jobs span { width: 37px; left: 221px; background: url('/global/images/header.jobs.gif') no-repeat; }
#hdr_libraries, #hdr_libraries span { width: 60px; left: 258px; background: url('/global/images/header.libraries.gif') no-repeat; }
#hdr_news, #hdr_news span { width: 45px; left: 318px; background: url('/global/images/header.news.gif') no-repeat; }
#hdr_univsrvcs, #hdr_univsrvcs span { width: 106px; left: 363px; background: url('/global/images/header.univsrvcs.gif') no-repeat; }

/* INTRANET HEADER */

#header.intranet #headernav { background-image: url('/global/images/intranetheader.back.gif'); }

#intrahdr_intranet a, #intrahdr_intranet span { top: 37px; height: 17px; width: 238px; left: 0; background: url('/global/images/intranetheader.intranet.gif') no-repeat; }

#intrahdr1 a, #intrahdr1 span { top: 54px; height: 17px; }
#inrahdr_hr, #inrahdr_hr span { width: 120px; left: 0; background: url('/global/images/intranetheader.hr.gif') no-repeat; }
#inrahdr_orap, #inrahdr_orap span { width: 220px; left: 120px; background: url('/global/images/intranetheader.orap.gif') no-repeat; }
#inrahdr_middlestate, #inrahdr_middlestate span { width: 134px; left: 340px; background: url('/global/images/intranetheader.middlestate.gif') no-repeat; }

#intrahdr2 a, #intrahdr2 span { top: 71px; height: 14px; }
#inrahdr_registrar, #inrahdr_registrar span { width: 108px; left: 0; background: url('/global/images/intranetheader.registrar.gif') no-repeat; }
#inrahdr_sfs, #inrahdr_sfs span { width: 141px; left: 108px; background: url('/global/images/intranetheader.sfs.gif') no-repeat; }
#inrahdr_oitr, #inrahdr_oitr span { width: 122px; left: 249px; background: url('/global/images/intranetheader.oitr.gif') no-repeat; }
#inrahdr_admin, #inrahdr_admin span { width: 128px; left: 371px; background: url('/global/images/intranetheader.admin.gif') no-repeat; }

#intrahdr3 a, #intrahdr3 span { top: 85px; height: 24px; }
#inrahdr_chem, #inrahdr_chem span { width: 136px; left: 0; background: url('/global/images/intranetheader.chem.gif') no-repeat; }
#inrahdr_eop, #inrahdr_eop span { width: 144px; left: 136px; background: url('/global/images/intranetheader.eop.gif') no-repeat; }
#inrahdr_ehs, #inrahdr_ehs span { width: 169px; left: 280px; background: url('/global/images/intranetheader.ehs.gif') no-repeat; }
