@charset "UTF-8";

/* HEADER */
div#UDStandardHeader {width:100%; text-align:center; position:relative; font-family:"Arial", Helvetica, Verdana, sans-serif; border-bottom: 3px solid #ffd300; padding: 10px; padding-top: 45px; background:url(http://research.me.udel.edu/~dlburris/images/seal3.png) 50% 0; background-repeat:no-repeat; background-color: #0048a5}

div#UDStandardHeader_LayoutContainer {height: 100px; margin:15px}
div#UDStandardHeader_LogoStandin {width:200 px; height:100 px}
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}


#wrapper {width:755px; height:auto; margin:auto; text-align:left}



#title {width: 100%; background-color:rgba(0, 0, 0, 0.7); padding: 10px; text-align:center}
#titlecontainer {width: 755px; margin: auto; text-align:center; padding:5px}


#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 {margin:auto; text-align:left; padding-bottom:20px; background-color:#FFF}

#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 {height: auto; overflow-y:scroll; overflow-x:hidden; clear:left; margin:20px; margin-top:0; margin-bottom:0; text-align:left}
#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; list-style:none; height:24px}
ul.MenuBarActive {z-index:1000}
ul#navmenu li {margin:0; padding:0; float:left; border-right: 1px solid white; list-style:none; width: 150px; position:relative; height:24px}
ul#navmenu li:last-child {border: 0 none}
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:150px; float:left; display:block !important; display:inline; borde: 0 none}




/* Root Menu */
ul#navmenu a {background-position:left; padding:1px 25px 5px 25px; float:none !important; float:left; display:block; color:#FFF; font-stretch:semi-condensed; font:15px 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 {color:white}

/* 2nd Menu */
ul#navmenu li:hover li a, ul#navmenu li.iehover li a {float:none; background-color:gray; color:#FFF; border: 1px solid gray}

/* 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:gray; color:black; border: 1px solid gray}


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}

@media only screen and (max-device-width: 755px) {
    #wrapper {width:100%}
	#titlecontainer {width:100%; height:auto}
    ul#navmenu li {width: auto; background-color: black; position:relative; height: auto}
    #contentscroll2 {font-size:2.75em}
	ul#navmenu a {font-size:3em; display:block}
}

ul {
	list-style-type:none;
	margin:0;
	padding:0;
	position: absolute;
}

/*Create a horizontal list with spacing*/
li {
	display:inline-block;
	float: left;
	margin-right: 1px;
}

/*Style for menu links*/
li a {
	display:block;
	min-width:140px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #fff;
	background: #2f3036;
	text-decoration: none;
}

/*Hover state for top level links*/
li:hover a {
	background: #19c589;
}

/*Style for dropdown links*/
li:hover ul a {
	background: #f3f3f3;
	color: #2f3036;
	height: 40px;
	line-height: 40px;
}

/*Hover state for dropdown links*/
li:hover ul a:hover {
	background: #19c589;
	color: #fff;
}

/*Hide dropdown links until they are needed*/
li ul {
	display: none;
}

/*Make dropdown links vertical*/
li ul li {
	display: block;
	float: none;
}

/*Prevent text wrapping*/
li ul li a {
	width: auto;
	min-width: 100px;
	padding: 0 20px;
}

/*Display the dropdown on hover*/
ul li a:hover + .hidden, .hidden:hover {
	display: block;
}

/*Style 'show menu' label button and hide it by default*/
.show-menu {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: #fff;
	background: #19c589;
	text-align: center;
	padding: 10px 0;
	display: none;
}

/*Hide checkbox*/
input[type=checkbox]{
    display: none;
}

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu{
    display: block;
}


/*Responsive Styles*/

@media only screen and (max-device-width: 755px) {
	/*Make dropdown links appear inline*/
	ul {
		position: static;
		display: none;
	}
	/*Create vertical spacing*/
	li {
		margin-bottom: 1px;
	}
	/*Make all menu links full width*/
	ul li, li a {
		width: 100%; font-size: 2em;
	}
	/*Display 'show menu' link*/
	.show-menu {
		display:block; font-size: 3em;
	}
}