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

* {margin: 0; padding: 0;}

body {background-color: #000000;/*#f6f3ef;*/ font-size: 100%; color: #ffffff; font-family:Verdana, Arial, Helvetica, sans-serif;}
/* Font Sizes:
 100% = 16pt;
 therefore:
 14pt = .825em
 12pt = .75em
 10pt = .625em
 
 */
 br.clear {clear: both;}
 
a:link {
	color: #0033FF;
}
a:hover {
	color: #CC0000;
}

#header{position: relative; width: 922px; margin: 0 auto; height: 75px;}
#header #contactInfo{position: absolute; top: 7px; right: 0; width: 250px; height: 75px;}
#header #contactInfo h1{font-size: .625em; font-weight: bold; text-align: right; margin: 2px 0 0 0;}
#header #contactInfo p{font-size: .625em; text-align: right;}
#header #contactInfo p a{color: #ffffff; text-decoration: none;}
#header #contactInfo p a:hover{color: red; text-decoration: underline;} 
#header img{margin: 0; padding: 0; border: none; float: left;}

#navbar{position: relative; width: 922px; height: 2em; margin: 0 auto; font-size: .75em; font-weight: bold; z-index: 100; border-top: #ffffff solid 2px; border-bottom: #ffffff solid 2px;}
#nav {width: 100%; margin: 0 auto; list-style: none outside; position:relative; line-height: 2em; } 
#nav a{width: 174px; display: block; padding: 0 5px; color:#ffffff; text-decoration:none; text-align: center; text-transform:uppercase;}
#nav ul{list-style: none outside; position:relative; line-height: 2em;}
#nav ul a{width: 140px; display: block; padding: 0 5px; border:1px solid #333333;  color:#ffffff; 
 text-align:left; background:#000000;}
#nav a:hover{background-color:#333333; color:red;}
#nav li{float: left; position: relative;}
#nav ul{position: absolute; width: 12em; top: 2em; display: none;}
#nav li ul a{width: 140px; float: left;}
#nav ul ul{top: auto;}	
#nav li ul ul {left: 140px; margin: 0 0 0 10px;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{display: none;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{display: block;}

/******************************* CONTENT DIV *******************************************************/
#homeContent{width: 922px; margin: 30px auto; max-height: 490px;}


#content{position: relative; width: 922px; margin: 10px auto; clear: both;}
#content img{margin-left:20px; margin-right:20px}
#allBioContent{position: relative; width: 922px; margin: 20px  auto; clear: both;}
#contentGallery{position: relative; width: 922px; margin: 10px auto; clear: both;}
div.mainImage{display: inline; float: right; top: 20%; height: 400px; width: 920px; display: none; z-index: -1;}
div.mainImage img{position: absolute; top: 0px; right: 0px; z-index: -10;}
div.mainImage p{position: absolute; top: 300px; right: 20px; z-index: -1; font-size: 12px; background: #111111; border: 1px #222222 solid; padding: 5px;}
div.mainImage p em{font-size: 9px; }
#mainContent{width: 415px; padding: 15px 0px 15px 10px; z-index: 10; background: #111111; border: 1px #222222 solid; float:left;}
#mainContent p {margin: 10px 20px 6px 20px; font-size: .725em; text-align: justify; line-height: 16px; font-weight:bold; color:#ffffff;}
#mainContent p.announcements {margin: 0 20px 10px 20px; font-size: .6em; text-align: justify; line-height: 14px; font-weight:bold; color: #FFCC00;}
#mainContent li {margin: 0 20px 4px 50px; font-size: .725em; line-height: 16px; color:#ffffff;}
#mainContent p2 {margin: 10px 20px 6px 20px; font-size: .625em; text-align: justify; line-height: 16px; font-weight:bold; color:#ffffff;}

#galleryContent{display: inline; min-height: 400px; width: 400px; z-index: 10;}

h1{clear: both; width: 100%; display: block; font-size: 1.5em; font-family:Georgia, "Times New Roman", Times, serif; color: #0033CC; font-weight: bold; margin: 10px 0 10px 10px; text-transform:uppercase;}
h2{clear: both; width: 100%; display: block; font-size: 1em; font-family:Georgia, "Times New Roman", Times, serif; color: #CC0000; font-weight: bold; margin: 10px 0 10px 20px; text-transform:uppercase;}
#pageContent{display:inline; float: left; width: 862px; margin: 0 20px 10px 20px; padding: 10px; background: #111111; border: 1px #222222 solid; }
#pageContent h3{font-size: .8em; color: #FFCC00; font-weight: bold; margin: 15px 0 0 10px;}
#pageContent h4{font-size: .75em; color: #FFCC00; font-weight: normal; margin: 0 0 0 10px;}
#pageContent h5{font-size: .9em; color: #FBFBFB; font-weight: bold; margin: 0 0 0 10px; border-bottom:1px solid white;}

#pageContent p{font-size: .7em; line-height: 18px; margin: 0 0 10px 10px; text-align:justify;}
#pageContent p em{font-weight: bold;}
#pageContent p a{text-decoration: underline; color: #ffffff;}
#pageContent p a:hover{text-decoration: underline; color: red;}
#pageContent p2{font-size: .7em; line-height: 18px; margin: 0 0 10px 10px; text-align:justify;}
#pageContent ul{margin: 5px 40px 10px 20px; list-style: outside; font-size: .7em;}
#pageContent ul li { line-height: 18px; margin: 0 0 0 20px;}


#bioContent{position:relative; left:90px; width: 600px; margin: 10px 20px 10px 20px; padding: 20px 30px 20px 30px; background: #111111; border: 1px #222222 solid; line-height:22px; font-size:12px;}

#faculty{display:inline; float: left; width: 380px; margin: 0 20px 10px 20px; padding: 5px; background: #111111; border: 1px #222222 solid; }
#faculty h3{font-size: .8em; color: #FFCC00; font-weight: bold; margin: 0 0 0 10px;}
#faculty h4{font-size: .75em; color: #FFCC00; font-weight: normal; margin: 0 0 0 10px;}
#faculty p{font-size: .7em; line-height: 18px; margin: 0 0 0 10px; text-align:justify;}
#faculty p em{font-weight: bold;}
#faculty p a{text-decoration: underline; color: #ffffff;}
#faculty p a:hover{text-decoration: underline; color: red;}
#faculty ul{margin: 5px 40px 10px 20px; list-style: outside; font-size: .7em;}
#faculty ul li { line-height: 18px; margin: 0 0 0 20px;}
/******************************* FOOTER DIV *******************************************************/
#footer{position: relative; width: 922px; margin: 0 auto;}
#footer p { width: 100%; text-align: center; font-size: .625em;}
#footer a { text-decoration: underline; color: #ffffff;}
#footer a:hover{color: red;}

#footerMenu ul{ height: 1.2em; width: 100%; border-top: 1px #ffffff solid; border-bottom: 1px #ffffff solid; list-style: none;}
#footerMenu li{ float: left; white-space: nowrap; list-style: none; font-size: .625em; line-height: 1.9em;}
#footerMenu a{ display: block; text-decoration: none; text-transform: uppercase; padding: 0 15px 0 15px; font-weight: bold;}
#footerMenu a:hover{color: red;}

 table.degreePlan {width: 510px; padding: 0; color: #ffffff; margin: 10px 10px 10px 175px; border-collapse:collapse;}
 table.degreePlan a{color: #ffffff; text-decoration: underline;}
 table.degreePlan a:hover {text-decoration: underline; color: red;}
 th.degreeSemester {font-weight: bolder; padding: .75em .5em .75em .5em; font-size: .7em; color: #FFCC00; text-align:left; background-color:#333333;}
 th.degreeHours {font-weight: bolder; padding: .75em .5em .75em .5em; font-size: .7em; vertical-align:top; color: #FFCC00;  text-align: right; background-color:#333333;}

 td.degreeShortDesc {color: #ffffff; font-weight: bolder; text-align:left; text-transform: uppercase; padding: .75em 2em .75em .75em; vertical-align: top; font-size: .65em; background-color:#444444;}
 td.degreeLongDesc { text-align: left; padding: .75em 0 .75em 0; vertical-align: top; font-size: .65em; background-color:#444444;}
 td.degreeHours { color: #ffffff; font-weight: bolder; text-align: right;padding: .75em .75em .75em .0; vertical-align: top; font-size: .65em; background-color:#444444;}
 td.total {font-weight: bolder; text-align: left; vertical-align: top; color: #FFCC00; font-size: .7em; padding: .75em .5em .75em .5em; background-color:#333333;}
 td.totals {font-weight: bolder; text-align: right; vertical-align: top; padding-right: .5em; color: #FFCC00; font-size: .7em; padding: .75em .5em .75em .5em; background-color:#333333;}