@charset "utf-8";
body { background-color: #03170a; background-image: url(images/Op-Rainbow-site-bg.jpg); background-repeat: no-repeat; background-position: center top; text-align:center; height: 100%; width: 100%; margin:0; }
#footerholder { width: 100%; position: relative; top: 0px; text-align: center; background-color: #000000; border-top-width: 1px; border-top-style: solid; border-top-color: #756446; margin-bottom: 0px; }
#footer { background-color: #000000; background-image: url(images/footer-bg.jpg); background-repeat: no-repeat; background-position: center top; height: 100px; width: 750px; position: relative; top: 0px; margin-right: auto; margin-left: auto; left: 75px; font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #00FFCC; padding-top: 30px; text-align: right; }
#footer a { color: #00CC66; text-decoration: none; }
#footer a:hover { color: #FFFFFF; }
#content { background-color: #062e14; background-image: url(images/content-bg.jpg); background-repeat: no-repeat; background-position: center top; text-align: left; position: relative; left: 150px; width: 720px; margin-top: 20px; padding-top: 15px; padding-right: 15px; padding-left: 15px; padding-bottom: 0px; }
#content #text { background-color: #FEFFDF; margin: 0px; font-family: Helvetica, Arial, sans-serif; font-size: 14px; color: #444; padding: 10px; }
#content_inner { background-color: #062e14; background-image: url(images/content-bg-inner.jpg); background-repeat: no-repeat; background-position: center top; text-align: left; position: relative; left: 150px; width: 720px; margin-top: 20px; padding-top: 15px; padding-right: 15px; padding-left: 15px; padding-bottom: 0px; }
.imageborder { background-color: #DEB99E; padding: 5px; border: 1px solid #C29F89; margin: 5px; }
.img-left-float { float: left; background-color: #DEB99E; padding: 3px; border: 1px solid #C29F89; margin-right: 15px; margin-bottom: 10px; }
.img-right-float { float: right; background-color: #DEB99E; padding: 3px; border: 1px solid #C29F89; margin-bottom: 10px; margin-left: 15px; }
#content_inner #sidebar { text-align: left; width: 250px; border-left-width: 3px; border-left-style: solid; border-left-color: #E7D1BA; border-top-style: none; border-right-style: none; border-bottom-style: none; float: right; margin-top: 10px; margin-right: 0px; padding-left: 10px; background-color: #FFFFE0; }
#text h2 { font-size: 24px; font-weight: normal; color: #95000A; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #67593C; }
#haiti-images img { margin-right: 10px; border: 4px solid #0F235F; margin-bottom: 10px; }
#content_inner #sidebar p { margin-top: 5px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
#flashobject { height: 250px; width: 250px; overflow: visible; border-right-color: #303867; border-bottom-color: #303867; border-left-color: #303867; margin-top: 9px; margin-bottom: 9px; background-image: url(images/rotator/018.jpg); background-repeat: no-repeat; color: #FFFF00; }
#flashobject a { font-size: 12px; color: #FFFFFF; text-decoration: none; }
#content_inner #text { background-color: #ffffe0; margin: 0px; font-family: Helvetica, Arial, sans-serif; font-size: 14px; color: #333333; padding-top: 10px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; position: relative; left: 0px; top: 0px; width: 700px; }
#wrapper { width: 900px; margin: 0 auto; text-align: left; position: relative; }
#header { overflow: visible; position: relative; height: 100px; width: 900px; }
#header #logo { position: absolute; left: 0px; top: 0px; }
#rainbow_box { position: relative; height: 350px; width: 900px; top: 0px; overflow: visible; }
#rainbow_box #rollover { position: absolute; height: 350px; width: 750px; top: 0px; right: 0px; z-index: 2; }
#rollover #buttons { height: 350px; width: 190px; overflow: visible; position: absolute; left: 0px; top: 0px; }
#rollover #images { overflow: hidden; position: absolute; height: 350px; width: 550px; top: 0px; right: 0px; }
#rainbow_box #sign { position: absolute; height: 293px; width: 151px; bottom: -120px; }
#menu_box { position: relative; height: 200px; width: 750px; top: 0px; overflow: visible; margin-left: 150px; }
#menu_box #buttons { height: 200px; width: 140px; overflow: visible; position: absolute; left: 0px; top: 0px; }
blockquote { margin: 0px; padding: 0px; font-size: 22px; font-family: Times, serif; line-height: 90%; color: #333333; }
blockquote .name { color: #666666; font-size: 80%; }
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */ clear:both; height:0; font-size: 1px; line-height: 0px; }
a { outline: none; font-family: Helvetica, Arial, sans-serif; color: #000066; text-decoration: none; }
.technology { /*header of 2nd demo*/ cursor: hand; cursor: pointer; font: bold 14px Verdana; margin-top: 10px; margin-right: 10; margin-bottom: 10px; margin-left: 0; width: 420px; text-align: left; display: block; }
.openlanguage { /*class added to contents of 2nd demo when they are open*/ font-size: 10px; color: #666666; font-family: Helvetica, Arial, sans-serif; }
.title { font-family: Helvetica, Arial, sans-serif; font-size: 16px; color: #9C000B; }
.thelanguage { height: 400px; overflow: auto; width: 400px; background-color: #FFFFCF; padding-top: 5px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; border: 1px solid #F1DBC6; }
.closedlanguage { /*class added to contents of 2nd demo when they are closed*/ font-size: 12px; color: #990000; font-family: Helvetica, Arial, sans-serif; font-weight: normal; }
.home-left-floats-learn { float: left; width: 230px; background-image: url(images/learn-bg.jpg); background-repeat: no-repeat; background-position: left top; }
.home-left-floats-learn p { border: 1px solid #BCBE70; padding: 7px; display: block; margin-top: 45px; margin-right: 0px; margin-bottom: 0px; margin-left: 25px; background-color: #472A56; color: #FFFFFF; }
.home-left-floats-read { padding: 0px; float: left; width: 230px; background-image: url(images/read-bg.jpg); background-repeat: no-repeat; background-position: left top; }
.home-left-floats-read p { border: 1px solid #BCBE70; padding: 7px; display: block; margin-top: 45px; margin-right: 0px; margin-bottom: 0px; margin-left: 25px; background-color: #99010D; color: #FFFFFF; }
.home-left-floats-see { padding: 0px; float: left; width: 230px; background-image: url(images/see-bg.jpg); background-repeat: no-repeat; background-position: left top; }
.home-left-floats-see p { border: 1px solid #BCBE70; padding: 7px; display: block; margin-top: 45px; margin-right: 0px; margin-bottom: 0px; margin-left: 25px; background-color: #033D15; color: #FFFFFF; }
#home_slideshow { position:absolute; width:550px; height:350px; overflow:hidden; padding: 0px; top: 0px; right: 0px; }
#home_slideshow #home_slideshow_violator { z-index:1000; height:31px; position:relative; background-image: url(images/slide-caption-bg.png); margin:0px; float: right; top: -35px; right: 20px; width: 150px; }
#home_slideshow #home_slideshow_violator #project_caption { display:none; font-family:Helvetica, Arial, sans-serif; padding:4px 10px; color:#000; float:left; font-weight: bold; margin:0px; }
#home_slideshow #home_slideshow_violator #project_caption a { margin-left:8px; color:#013766; }
#home_slideshow #home_slideshow_violator #project_caption a:hover { text-decoration:none; color:#666; }
#home_slideshow #home_slideshow_violator #slide_navigation { position:absolute; right:10px; top:10px; }
#home_slideshow #home_slideshow_violator #slide_navigation a { text-indent:-9999px; overflow:hidden; display:block; width:8px; height:8px; float:left; margin-left:5px; cursor:pointer; overflow:hidden; border: 1px solid #ccc; font-size: 1px; }
#home_slideshow #home_slideshow_violator #slide_navigation a:hover { background-color:#ccc;}
#home_slideshow #home_slideshow_violator #slide_navigation a.activeSlide { background-color:#fff; }
#home_slideshow #home_slideshow_violator #slide_navigation a { outline:none; }
#home_slideshow li span.slide_caption { display:none; }
#home_slides { background-color:#333333; overflow:hidden; height:350px; margin:0px; padding: 0px; }
.innovate-floats { display: block; float: left; width: 245px; margin-right: 15px; padding-right: 13px; border-right-width: 1px; border-right-style: dotted; border-right-color: #022F66; }
.innovate-floats-right { display: block; float: left; width: 240px; margin-right: 10px; }
.research_prof_title { font-size: 30px; color: #333333; }
.profile_icons { margin-right: 10px; }
.prof_contact { color: #333333; font-size: 16px; }
.research_title { color: #333333; font-size: 24px; margin-bottom: 1px; display: block; border-top-width: 1px; border-top-style: dotted; border-top-color: #0C3960; }
#slideshow { position:relative; width:170px; margin-left: 15px; background-image: url(images/featured_paper.jpg); padding-top: 24px; background-repeat: no-repeat; background-position: center top; text-align: left; padding-left: 10px; border-left-width: 4px; border-left-style: solid; border-left-color: #E4DBD1; margin-bottom: 15px; float: right; clear: right; margin-top: 12px; height: auto; }
#slideshow #slideshow_violator { z-index:1000; width:170px; height:40px; float:right; position:relative; top:0px; }
#slideshow #slideshow_violator #project_caption { display:none; padding:0px; color:#000; float:left; margin: 0px; }
#slideshow #slideshow_violator #project_caption a { color:#013766; }
#slideshow #slideshow_violator #project_caption a:hover { text-decoration:none; color:#666; }
#slideshow li span.slide_caption { display:none; }
#slides { background-color:#fff; overflow:hidden; height:120px; margin: 0px; }