@charset "UTF-8";

/* HEADER */
div#UDStandardHeader {width:100%; height:70px; text-align:left; font-family:"Arial", Helvetica, Verdana, sans-serif; background-color:#002664; border-bottom: solid #ffdd00 4px; padding:0}

div#UDStandardHeader_LayoutContainer {width:980px; height:64px; margin:0 auto}
div#UDStandardHeader_LogoStandin {width:442px; height:64px; float:left; margin:0; padding:0; cursor:pointer}
div#UDStandardHeader_Toolbar {width:290px; height:64px; margin:0; float:right; padding:0}
div#UDStandardHeader_GSA {width:100%; height:24px; margin:0; margin-top:12px; padding:0}
div#UDStandardHeader_GSA form{margin:0; padding:0}

input#UDSearchButton {float:right; height:24px; margin:1px 0 0 2px}

input#UDSearchField {font-family:"Arial", Helvetica, Verdana, sans-serif; font-size:11px; height:12px; margin:4px 0 0 0; float:right; padding:2px 5px 3px 5px; border:1px solid #060c56; outline-style:none}
	
div#UDStandardHeader_MenuTier {width:100%; height:16px; margin:0; margin-top:3px; padding:0; color:#67AEFF; font-size:11px; font-weight:bold; text-align:right}
div#UDStandardHeader_MenuTier a {font-family:"Arial", Helvetica, Verdana, sans-serif; color:#67AEFF; text-decoration:none}
div#UDStandardHeader_MenuTier a:hover {color:white; text-decoration:underline}
ul#UDStandardHeader_MenuList {float:right; width:100%; margin:0; padding:0; list-style-type:none; text-align:right; white-space:nowrap}
ul#UDStandardHeader_MenuList:hover {position:relative}
ul#UDStandardHeader_MenuList li {float:right; padding:0 7px}
ul#UDStandardHeader_MenuList li.withsep {border-left:1px solid #67aeff}
ul#UDStandardHeader_MenuList li.withsep2 {border-left:1px solid #67aeff; margin-right:-6px}
ul#UDStandardHeader_MenuList li ul.submenu {width:390px; padding:0; position:absolute; top:12px; right:0; display:none; list-style-type:none; text-align:right; white-space:nowrap}
ul#UDStandardHeader_MenuList li.hover ul.submenu, ul#UDStandardHeader_MenuList li:hover ul.submenu {display:block}
ul#UDStandardHeader_MenuList li ul.submenu li {float:right; padding:2px}
ul#UDStandardHeader_MenuList li ul.submenu li.withspace {margin-left:10px}
ul#UDStandardHeader_MenuList li ul.submenu a:hover, ul#UDStandardHeader_MenuList li ul.submenu li:hover {color:#060c56; background-color:white; text-decoration:none}

@media print {
  div#UDStandardHeader_Toolbar {display:none}
  div#UDStandardHeader_LayoutContainer img {display:inline}
}


/* FOOTER */
div#UDStandardFooter {width:100%; margin:0; text-align:left; font-size:12px; display:block; color:#051669; background-color:#FFF}
div#UDStandardFooter_LayoutContainer {width:960px; margin:0 auto; border-top:4px solid #051669; font-family:"Arial", Helvetica, Verdana, sans-serif; padding:0 10px}
div#UDStandardFooter img#UDStandardFooter_Logo {float:right; margin:10px}
div#UDStandardFooter ul#UDStandardFooter_Address {width:600px; font-family:"Arial", Helvetica, Verdana, sans-serif; list-style-type:none; float:left; margin:16px 0 4px 0; clear:left; padding:0; line-height:1.2em}
div#UDStandardFooter ul#UDStandardFooter_Address li {font-family:"Arial", Helvetica, Verdana, sans-serif; float:left; padding:0 10px; margin:0; list-style-type:none; list-style-image:none}
div#UDStandardFooter ul#UDStandardFooter_Address li a {font-weight:bold; text-decoration:none; color:#051669}
div#UDStandardFooter ul#UDStandardFooter_Address li a:hover, div#UDStandardFooter ul#UDStandardFooter_Address li a.selected {color:#007AFF; text-decoration:underline; border:0}
div#UDStandardFooter ul#UDStandardFooter_Links {width:450px; list-style-type:none; font-family:"Arial", Helvetica, Verdana, sans-serif; float:left; margin:0 0 4px 0; clear:left; padding:0; line-height:1.3em}
div#UDStandardFooter ul#UDStandardFooter_Links li {float:left; font-family:"Arial", Helvetica, Verdana, sans-serif; padding:0 10px; margin:0; list-style-type:none; list-style-image:none}
div#UDStandardFooter ul#UDStandardFooter_Links li a {font-family:"Arial", Helvetica, Verdana, sans-serif; font-weight:bold; text-decoration:none; color:#051669}
div#UDStandardFooter ul#UDStandardFooter_Links li a:hover, div#UDStandardFooter ul#UDStandardFooter_Links li a.selected {color:#007AFF; text-decoration:underline; border:0}
div#UDStandardFooter ul#UDStandardFooter_Links li.withsep {border-right:1px solid #051669; margin:0}

.udclearfloat {clear:both; height:0; font-size:1px; line-height:0}

@media print {
  div#UDStandardFooter {border:none}
  div#UDStandardFooter img#UDStandardFooter_Logo {display:none}
}

* {margin:0; padding:0}
body {text-align:center; font:12px Verdana, Geneva, sans-serif; color:#474545; background-image:url(https://www.engr.udel.edu/images/bg2bk.jpg); background-repeat:repeat-x;}


#wrapper {width:980px; height:auto; margin:auto; text-align:left; padding-bottom:20px; border-radius: 5px}



#title {margin-top:5px; padding-left:65px; padding-top:15px; padding-bottom:15px; background-color:#003877; text-decoration:none; 
border-top-left-radius:10px; -moz-border-radius-topleft:10px; border-top-right-radius:10px; -moz-border-radius-topright:10px;
font-family:"arial", Arial, Helvetica, sans-serif; font-size:24px;
background: -webkit-gradient(linear, left top, left bottom, from(#007AC2), to(#003877));
background: -moz-linear-gradient(top, #007AC2, #003877);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007AC2, endColorstr='#003877);
}
#title  a,
#title  a:hover {font-size:24px; text-decoration:none; font-variant:small-caps; color:#EEE; text-shadow: 3px 5px 7px #111;}

#header {width:660px; height:325px; float:left; margin:20px; margin-bottom:10px; text-align:left; border-radius: 10px; background-image:url(http://research.me.udel.edu/~dlburris/images/FIBRAL12.jpg); background-repeat:none;}
#header2 {width:660px; height:325px; float:left; margin:20px; margin-bottom:0px; text-align:left; border-radius: 10px; background-repeat:none; overflow:hidden; color:white; font-family: Arial, sans-serif; font-size:14px; font-weight:300}

#headertext {width:640px; height:28px; margin-top:270px; padding-top:2px; padding-bottom:3px; padding-left:20px; text-align:left; background-color:rgba(30,30,30,0.8); color:rgba(237,190,0,0.8); font-family: Arial, sans-serif; font-size:25px; font-weight:300; letter-spacing:-1px}
#headertext a {color:rgba(237,190,0,0.8); text-decoration:none}
#headertext a:hover {text-decoration:none; color:#FFFDDD}
#headertext2 {width:640px; height:20px; margin-top:0px; padding-left:20px; padding-top:2px; padding-bottom:2px; text-align:left; background-color:#003877; color:white; font-family: Arial, sans-serif; font-size:12px; font-weight:300}

#sidebar {width:250px; float: right; margin:auto; text-align:left; background-color:#003877; margin:20px; margin-left:0; padding-bottom:20px; padding-left:10px; border-radius: 10px}
#sidebar a {color:#fff; text-decoration:none}
#sidebar a:hover {color:#fff; text-decoration:underline}
#sidebar h1 {padding:10px 15px 10px 10px; line-height:18px; color:#ffd200; font-size:20px; font-stretch:ultra-expanded; font-family:Verdana, Geneva, sans-serif; font-weight:100}
#sidebar h2 {font-size:1.5em; color:#ffd200; padding:10px 15px}
#sidebar h3 {font-size:1.1em; color:#474545; padding:5px 0; font-style:italic; font-weight:bold}
#sidebar ul {list-style-type:none; padding:0 15px 10px}
#sidebar ul li {margin:5px 15px 1px 15px; font-style:normal; line-height:1.5em; list-style:disc; list-style-position:outside; vertical-align:middle; line-height:1.5em; padding:2px 10px 2px 1px; color:#e1e1e1}
#sidebar ul li a {color:#fff}
#sidebar ul li a:hover {color:#ffd200}
#sidebar {padding:10px 10px 10px 0}
#sidebar h4 {padding:5px 0 5px 12px}
#sidebar a {font-weight:normal}

#engineeringlinks {padding:0 10px 20px 0}
#engineeringlinks h4 {padding:5px 0 5px 12px}

#main {width:980px; margin:auto; text-align:left; padding-bottom:20px; background-color:#FFF; border-radius:10px;}

#content {width:660px; height:580px; clear:left; margin:20px; margin-bottom:0; text-align:left; padding-top:1px; padding-bottom:20px}
#content h1 {margin:20px 0 10px 0; font-size:1.3em; color:#003877; font-stretch:extra-expanded}
#content a {text-decoration:none; color:#003877}
#content a:visited {text-decoration:none; color:#003877}
#content a:hover {text-decoration:none; color:#06C}
#content h2 {margin:10px 0 5px 0; font-size:1.1em; font-style:italic; color:#003877; font-stretch:expanded}
#content h3 {margin:0px 0 5px 0; font-size:1em; font-weight:600; color:#003877}
#content .post {text-align:left; height:130px; border-radius: 10px; border-bottom:dashed #CCC thin}
#content .post a {font-style:normal; color:#003877}
#content .thumb {height:115px; overflow:hidden; float:left; margin:0 15px 0 0}

#content ul { list-style-type:none}
#content ol { list-style-type:disc; list-style-position:inside}

#contentscroll {width:660px; height:570px; overflow-y:scroll; overflow-x:hidden; clear:left; margin:20px; margin-top:-20px; margin-bottom:0px; text-align:left; padding-bottom:20px}
#contentscroll h1 {margin:20px 0 10px 0; font-size:1.3em; color:#003877; font-stretch:extra-expanded}
#contentscroll a {text-decoration:none; color:#003877}
#contentscroll a:visited {text-decoration:none; color:#003877}
#contentscroll a:hover {text-decoration:none; color:#06C}
#contentscroll h2 {margin:10px 0 5px 0; font-size:1.1em; font-style:italic; color:#003877; font-stretch:expanded}
#contentscroll h3 {margin:0px 0 0px 0; font-size:1em; font-weight:600; color:#003877}
#contentscroll .post {text-align:left; height:130px; border-radius: 10px; border-bottom:dashed #CCC thin}
#contentscroll .post a {font-style:normal}
#contentscroll .thumb {height:115px; overflow:hidden; float:left; margin:0 15px 0 0}
#contentscroll .award {height:130px; width:495px; overflow:scroll; float:left;}

#contentscroll ul { list-style-type:none}
#contentscroll ol { list-style-type:disc}
#contentscroll ol li {margin:5px 5px 0px 27px; font-style:normal; line-height:1.5em; list-style-type:decimal; list-style-position:outside; vertical-align:middle; line-height:1.5em; padding:2px 5px 5px 5px; color: #000}

#contentscroll2 {width:660px; height:920px; overflow-y:scroll; overflow-x:hidden; clear:left; margin:20px; margin-top:0; margin-bottom:0; text-align:left; padding-bottom:20px}
#contentscroll2 h1 {margin:20px 0 10px 0; font-size:1.3em; color:#003877; font-stretch:extra-expanded}
#contentscroll2 a {text-decoration:none; color:#003877}
#contentscroll2 a:visited {text-decoration:none; color:#003877}
#contentscroll2 a:hover {text-decoration:none; color:#06C}
#contentscroll2 h2 {margin:10px 0 5px 0; font-size:1.1em; font-style:italic; color:#003877; font-stretch:expanded}
#contentscroll2 h3 {margin:0px 0 0px 0; font-size:1em; font-weight:600; color:#003877}
#contentscroll2 .post {text-align:left; height:130px; border-radius: 10px; border-bottom:dashed #CCC thin}
#contentscroll2 .post a {font-style:normal}
#contentscroll2 .thumb {height:115px; overflow:hidden; float:left; margin:0 15px 0 0}
#contentscroll2 .award {height:130px; width:495px; overflow:scroll; float:left;}

#contentscroll2 .linkdiv {position: relative}
#contentscroll2 .linkdiv a{position: absolute; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; /* No underlines on the link */ z-index: 10; /* Places the link above everything else in the div */
background-color: #00C; /* Fix to make div clickable in IE */ opacity: 0; /* Fix to make div clickable in IE */ filter: alpha(opacity=1); /* Fix to make div clickable in IE */}

#contentscroll2 ul { list-style-type:none}
#contentscroll2 ul li { list-style-type:none; padding-bottom:4px}
#contentscroll2 ol { list-style-type:disc}
#contentscroll2 ol li {margin:5px 5px 0px 27px; font-style:normal; line-height:1.5em; list-style-type:decimal; list-style-position:outside; vertical-align:middle; line-height:1.5em; padding:2px 5px 5px 5px; color: #000}




/* Navbar */
ul#navmenu {margin:0 0 0 0; border:0 none; padding:5px; width:1000px; list-style:none; height:24px}
ul.MenuBarActive {z-index:1000}
ul#navmenu li {margin:0; border:0 none; padding:0; float:left; display:inline; list-style:none; position:relative; height:24px}
ul#navmenu ul {margin:0; border:0 none; padding:0; width:200px; list-style:none; display:none; position:absolute; top:24px; left:0; z-index:1500}
ul#navmenu ul:after {clear:both; display:block; font:1px/0px serif; content:"."; height:0; visibility:hidden}
ul#navmenu ul li {width:200px; float:left; display:block !important; display:inline}

/* Root Menu */
ul#navmenu a {background-image:url(http://research.me.udel.edu/~dlburris/images/down.gif); background-repeat:no-repeat; background-position:left; padding:1px 25px 5px 25px; float:none !important; float:left; display:block; color:#FFF; font:bold 12px/22px Arial, Helvetica, sans-serif; text-decoration:none; height:auto !important; height:1%; width:200}

/* Root Menu Hover */
ul#navmenu a:hover, ul#navmenu li:hover a, ul#navmenu li.iehover a {background: #00539F;  color:#FFF}

/* 2nd Menu */
ul#navmenu li:hover li a, ul#navmenu li.iehover li a {float:none; background-color:#286BB6; color:#FFF}

/* 2nd Menu Hover */
ul#navmenu li:hover li a:hover, ul#navmenu li:hover li:hover a, ul#navmenu li.iehover li a:hover, ul#navmenu li.iehover li.iehover a {background:#00539F; color:#FFD200}


ul#navmenu li:hover ul ul, ul#navmenu li:hover ul ul ul, ul#navmenu li.iehover ul ul, ul#navmenu li.iehover ul ul ul {display:none}

ul#navmenu li:hover ul, ul#navmenu ul li:hover ul, ul#navmenu ul ul li:hover ul, ul#navmenu li.iehover ul, ul#navmenu ul li.iehover ul, ul#navmenu ul ul li.iehover ul {display:block}

/* slideshow */
#maincontent {
	width: 100%; 
	text-align: left; /* this overrides the text-align: center on the body element. */
	}

.topwrapper { 
	 width:960px;
	 w\idth:960px; /*IE6 width*/
	 height:400px;
	 margin:0 auto;
	 padding:0 15px 20px 15px}
.topcontent { 
	 width:600px;
	 w\idth:600px; /*IE6 width*/
	 padding:0;
	 position:absolute;
	 z-index:100}

/* Dare Home Page items */
/* Main Slideshow nav */
#nav { z-index:50; position:absolute; bottom:50px; right:20px}
#nav a { margin:0 2px; padding:2px 3px; background:#000; text-decoration:none; color:#fff; font-size:8px; line-height:12px;}
#nav a.activeSlide {background:#ea0; color:#000}
#nav a:focus {outline:none}
/* Main Slideshow */
#mainslideshow {width:600px; height:400px; overflow:hidden}
#mainslideshow div {width:600px; height: 400px; padding:0; color:#333; text-align:left}
#mainslideshow div img {float:left; margin:0; width:600px; height:400px; padding:0; background:#fff; visibility:hidden}

#mainslideshow div {top:0; left:0}
 
#mainslideshow div .boxcaption h2{padding:0 0 0 20px; color:#fff; font-weight:normal; font:14px "Lucida Grande", Arial, sans-serif; line-height:26px; background:#002663}
#mainslideshow div .boxcaption h2 a{padding:0; color:#fff; font-weight:normal; font:14px "Lucida Grande", Arial, sans-serif; line-height:26px; background:#002663}
				
#mainslideshow div .boxcaption{position:absolute; height:55px; width:600px; visibility:hidden}
#mainslideshow div .boxcaption {top:320px; left:0}
					
#mainslideshow div .boxcaption h1 {padding:0 0 0 20px; margin:0; color:#ffd200; font:32px Arial, sans-serif; letter-spacing:2px; line-height:42px; background-color:#111;
filter: alpha(opacity=70);
   filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
   -moz-opacity: 0.70;
   opacity:0.7;}
#mainslideshow div .boxcaption h1 a {color:#ea0; font:32px Arial, sans-serif; letter-spacing:-1px; line-height:40px; text-decoration:none}
#mainslideshow div .boxcaption h1 a:hover {color:#fff; font:32px Arial, sans-serif; letter-spacing:-1px; line-height:40px; text-decoration:none;}

/* top slider */
#s4 {width: 218px; height: 225px; background-color: #fff; margin:10px auto 5px auto; overflow:hidden}
#s4 div {width: 218px; height: 225px; padding: 0px; color: #333; text-align: left}
#s4 div img {float: left; margin: 0 10px 10px 0; width: 100px; height: 100px; padding: 0px; background: #fff}
#s4 div {top: 0; left: 0}

#body1 {background-color:#ccc; padding-top:10px}

#boxmega {width:250px; height:360px; background-color:#69C; margin-bottom:8px; padding:30px 5px 10px 5px; color:#000; -moz-border-radius:10px; border-radius:10px; text-align:center; margin-right:30px}