@charset "UTF-8";
/* CSS Document */

* {margin: 0; padding: 0;}

body {background-color: #aab6b9; font-size: 1em; color: #000000; font-family:Verdana, Arial, Helvetica, sans-serif;}
/* Font Sizes:
 100% = 16pt;
 therefore:
 14pt = .825em
 12pt = .75em
 10pt = .625em
 
 */
 p {font-size: .75em;}

div#container {position: relative; padding: 0; margin-left: auto; margin-right: 
auto; background-color: #FFFFFF; width: 49em; border: .062em solid #837a7a; clear: both;}

#bannerMenu {position: absolute; margin: 1.1em 0 0 13.5em; padding: 0;}
#bannerMenu ul { list-style: none; list-style-position:inside;}
#bannerMenu li {margin: 0; padding: 1em 0 1em 0;}
#bannerMenu a {text-decoration:none; text-transform:uppercase; font-size: .75em; color: #ccbba8; font-weight: bold;}
#bannerMenu a:hover {color: #FFFFFF;}

div#header{ width: 49em; clear: both; margin: 0 0 .25em 0;}
#header img { margin: 1.5em 0 .25em 0; height: 2em; width: 16em; float: left; clear: left;}
#header p {float: right; clear: right; text-align:right; font-size: .625em; margin: 4em 1em .25em; 0; padding:0;}
#header p a {text-decoration: none; color: #000000;}
#header p a:hover {color: #aab6b9;}

#bannerImg {width: 100%; margin-bottom: .15em;}

#mainMenu ul{ height: 2em; margin: 0 0 .3em 0; width: 49em; clear: both; background-color: #ccbba8; border-top: .062em #837a7a solid; border-bottom: .062em #837a7a solid;}
#mainMenu li{float: left; white-space: nowrap; list-style: none; margin: 0; background: #ccbba8; font-size: .8em; line-height: 2.4em;}
#mainMenu a{ display: block; padding: 0 1.4em 0 2.2em; color: #FFFFFF; text-decoration: none; text-transform: uppercase; font-weight: bolder;} 
#mainMenu a:hover {color: #837a7a; /*padding-bottom: .2em;*/}
.currentPage {color: #84939e;!important}
.currentPage:hover {color: #84939e;!important} 

#mainPageLeft { display: inline; width: 30em; border-right: #837a7a solid .062em; float: left;} 
#mainPageLeft p{ font-size: .7em; padding: 0 .75em .75em .75em; text-align: justify;}

#mainPageRight {display: inline; width: 17.43em; float: left; margin: 0 .75em 0 .75em;}
#mainPageRight h1 {padding: .25em 0 .25em 0; width: 100%; background: #837a7a; color: #FFFFFF; font-size: .75em; font-weight: bold; text-align: center; display: block;
text-transform: uppercase;}
#mainPageRight dl {margin: 1em 0 0 0; padding: 0; font-size: .75em;}
#mainPageRight dt {font-weight: bold;}
#mainPageRight dd {margin: 0 0 0 1.25em;}

#pageContent ul {	list-style-position: inside;}

#leftMenu {display: inline; width: 10em; float: left; margin-top: .5em;}
#leftMenu h1 { height: 2em; line-height: 2em; color: #837a7a; border-top: .062em solid #837a7a; border-right: .062em solid #837a7a; border-bottom: .062em solid #837a7a;border-bottom: .062em solid #837a7a; font-size: .8em; text-align: center; font-weight: bold; width: 100%; text-transform: uppercase;}
#leftMenu ul { margin-bottom: 2em;}
#leftMenu li { height: 1.75em; line-height: 1.75em; padding: 0 1.5em 0 1.5em; list-style: none; font-size: .75em;}
#leftMenu a {display: block; color: #84939e; font-weight: bold; text-decoration: none; border-bottom: .062em #84939e solid;}
#leftMenu a:hover {color: #837a7a;}
#leftMenu a.currentPage {color: #837a7a;}
#leftMenu a.currentPage:hover {color: #84939e;}
#leftMenu ul.faculty li {font-size: .7em;}

#pageContent{display: inline; float: left; margin: .5em .5em 1em 2em; width: 35.4em; /*border-left: .062em #837a7a solid;*/ }
#pageContent h1{color: #84939e; font-family:Georgia, "Times New Roman", Times, serif; font-size: 1em; font-style:italic; margin-bottom: .75em; text-align:center;}
#pageContent h2{color: #84939e; font-size: .8em; text-transform: uppercase;}
#pageContent p{ font-size: .65em;text-align: justify; line-height: 1.3em; color: #837a7a; margin-bottom: 1em;}
#pageContent p a{text-decoration: none; color: #84939e;}
#pageContent p a:hover{text-decoration: none; color: #837a7a;}

div#footer{ width: 49em; height: 8.5em; clear: both; }
#footer p { float: left; width: 30%; text-align: left; font-size: .6em; margin: 0; padding: .5em 0 .5em 2.5em; color: #837a7a;}
#footer a { text-decoration: underline; color: #837a7a;}
#footer a:hover { color: #ccbba8;}

#footerMenu ul{ height: 1.2em; width: 100%; border-top: .062em #837a7a solid; border-bottom: .062em #837a7a solid; list-style: none; 
background: #aab6b9;}
#footerMenu li{ float: left; white-space: nowrap; list-style: none; font-size: .625em; line-height: 1.9em;}
#footerMenu a{ display: block; color: #837a7a; text-decoration: none; text-transform: uppercase; padding: 0 .75em 0 .75em; font-weight: bold;}
#footerMenu a:hover{ color: #FFFFFF;}
#footerMenu a#mainLink{ padding: 0 0 0 1.5em; color: #837a7a; text-decoration: none; font-size: 1.2em; text-transform: uppercase; font-weight: bolder;}
#footerMenu a#mainLink:hover{ color: #FFFFFF;}

table.faculty {width: 100%; border: #837a7a .062em solid; color: #837a7a;}
th{color: #837a7a; font-size: 1em; font-weight: bolder; text-transform: uppercase; text-align: left; vertical-align:top; line-height: 1em; padding: .5em 0 .35em .5em;}
td {font-size: .75em; padding: .5em 0 .5em .5em;}
td.photo{ vertical-align:top; text-align:center; width: 160px; }
td.title{color: #837a7a; font-size: 1em; text-align:left; border-bottom: #837a7a .062em solid; line-height: .5em; padding: .25em 0 .5em .5em;}
td.heading{color: #84939e; text-align:left; font-weight:bold; vertical-align:text-top;}
td a{color: #84939e;}
td a:hover{ text-decoration: none;}

table.degreePlan {width: 100%; padding: 0; color: #837a7a; border: #837a7a .062em solid; margin: 0 .5em 1em 1em; border-collapse:collapse;}
table.degreePlan a{color: #84939e;}
table.degreePlan a:hover {text-decoration: none;}
th.degreeSemester {font-weight: bolder; padding: .75em .5em .75em .5em; font-size: .7em; color: #837a7a; border-bottom: .062em solid #837a7a; text-align:left; vertical-align: top;}
th.degreeHours {font-weight: bolder; padding: .75em; font-size: .7em; vertical-align:top; border-bottom: .062em solid #837a7a; text-align: right; vertical-align: top;}

td.degreeShortDesc {color: #84939e; font-size: .65em; font-weight: bolder; text-align:left; vertical-align: top; text-transform: uppercase; padding: .75em 2em .75em .75em; vertical-align: top;}
td.degreeLongDesc { font-size: .65em; text-align: left; padding: .75em 0 .75em 0; vertical-align: top;}
td.degreeHours { color: #84939e; font-size: .65em; font-weight: bolder; text-align: right; padding: .75em .75em .75em .0; vertical-align: top;}
td.total {font-size: .7em; font-weight: bolder; text-align: left; vertical-align: top; border-top: .062em solid #837a7a;}
td.totals {font-size: .7em; font-weight: bolder; text-align: right; vertical-align: top; padding-right: .5em; border-top: .062em solid #837a7a;}

h4{color: #837a7a; border: .062em solid #837a7a; text-align: left; font-size: .8em; font-weight: bold; padding: .5em .5em .5em .5em; text-transform: uppercase; margin-top: 1em;}
h5{margin-top: .25em; font-size: .8em; font-weight: bold; text-transform:uppercase; color: #84939e;}
h6{color: #84939e; text-decoration: none; font-size: .75em; border-bottom: .062em #84939e solid;}
p.events{font-size: .7em; text-indent: 1em; padding-bottom: 1em;}


/* Tootip Styles */
div#bannerMenu dl{background: #FFFFFF; border: .062em solid #000000; width: 21em; border-collapse:collapse; font-size: .75em; font-family:'Courier New', Courier, monospace; color: #000000; font-weight:normal; text-transform:none;}
div#bannerMenu dl a:hover {color: #837a7a;}
div#bannerMenu dd {padding-left: .75em;}
div#bannerMenu dl {padding: .124em .312em .124em .312em;}
div#bannerMenu dl#phil {position:absolute; top: 1.8em; left: 8.5em; z-index: 100;}
div#bannerMenu dl#rel {position:absolute; top: 6.1em; left: 6.5em; z-index: 100;}
div#bannerMenu dl#hum {position:absolute; top: 10.3em; left: 8.2em; z-index: 100;}