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

/* Handy Pastes
border: 1px solid #000000;
*/

@import url("ncsa_base.css");

/* ------------ Page Structure Styles ------------ */

#contentwrap { float: left; width: 50%; }
#centercol { display:block; float:right; width:860px; margin-right:-430px; position:relative; overflow:visible; }

#leftwrap { float:left; margin-left:-50%; width: 50%; }
#leftside { margin:65px 430px 0 0; height:263px; background:url("/includes/images/topbar-bg.jpg") repeat-x; }
#leftside span { display:block; height:263px; background:url("/includes/images/topbar-leftbg.jpg") no-repeat right top; }

#rightwrap { float:right; margin-left:-430px; width: 50%; }
#rightside { margin:65px 0 0 430px; height:263px; background:url("/includes/images/topbar-bg.jpg") repeat-x; }
#rightside span { display:block; height:263px; background:url("/includes/images/topbar-rightbg.jpg") no-repeat left top; }

#ncsa-logo { position:absolute; top:21px; left:20px; }
#ncsa-logo span {display:block; background:url("/includes/images/ncsa-logo.jpg") no-repeat; width:133px; height:33px; }

#tagline { position:absolute; top:24px; left:170px; width:209px; height:25px; background:url("/includes/images/tagline.gif") no-repeat; }

#ui-logo { position:absolute; top:15px; left:700px; width:18em; }
#ui-logo span { display:block; float:left; margin:0 10px 0 0; width:26px; height:37px; background:url("/includes/images/uilogo.gif") no-repeat; cursor:pointer; }

#bartop { position:absolute; top:65px; background:#5D6B9B; height:4px; width:861px; }

#mainnav { position:absolute; top:69px; left:0; width:270px; height:230px; background:url("/includes/images/main-nav-bg.jpg") no-repeat; }
#mainnav ul { list-style:none; margin:0; padding:18px 0 0 20px; width:200px; }
#mainnav li { list-style:none; margin:0; display:inline; height:20px; }

#b-about, #b-projects, #b-bluewaters, #b-userinfo, #b-news { display:block; height:20px; width:200px; padding:6px 0 0 0; cursor:pointer; }
#b-about { background:url("/includes/images/nav-buttons/about.gif") no-repeat; }
#b-about:hover { background:url("/includes/images/nav-buttons/hi-about.gif") no-repeat; }
#b-projects { background:url("/includes/images/nav-buttons/projects.gif") no-repeat; }
#b-projects:hover { background:url("/includes/images/nav-buttons/hi-projects.gif") no-repeat; }
#b-bluewaters { background:url("/includes/images/nav-buttons/bluewaters.gif") no-repeat; }
#b-bluewaters:hover { background:url("/includes/images/nav-buttons/hi-bluewaters.gif") no-repeat; }
#b-userinfo { background:url("/includes/images/nav-buttons/userinfo.gif") no-repeat; }
#b-userinfo:hover { background:url("/includes/images/nav-buttons/hi-userinfo.gif") no-repeat; }
#b-news { background:url("/includes/images/nav-buttons/news.gif") no-repeat; }
#b-news:hover { background:url("/includes/images/nav-buttons/hi-news.gif") no-repeat; }

.searchfield { height:1.3em; border:1px solid #1e385c; vertical-align:middle; color:#4D5258; }
.searchbutton { border:0; background:url("/includes/images/search-button.jpg") no-repeat; color:#344a74; margin-left:6px; height:17px; width:50px; cursor:pointer; vertical-align:middle; }

/* COVER STORY IMAGES */
#topstory {  }
#topstory_wrapper { position:absolute; top:69px; left:270px; border-bottom:1px solid #9CA5B7; }
#topstory span { display:block; width:591px; height:229px; background:#182243 url("/includes/images/storyimages/covers/10/simply_works.jpg") no-repeat; cursor:pointer;  }

#graygrad { position:absolute; top:299px; left:0; width:861px; height:29px; background:url("/includes/images/gray-gradient.jpg") repeat-x; }

#contentarea { position:relative; top:299px; left:0px; margin:0; padding:0; width:860px; }
#leftcol { position:relative; float:left; margin:0 0 30px 0; padding:0; width:270px; }

/* FEATURE IMAGES */
#featurearea { position:relative; float:right; width:570px; margin:30px 0 10px 0; }
#featurearea .feature1, .feature2 { border-top:1px solid #3e7ad5; padding:15px 220px 15px 0; }
#featurearea .feature1 { background:url("/includes/images/storyimages/features/10/bw_newsletter01.jpg") top right no-repeat; /* padding: 15px 160px 15px 15px; PADDING FOR SMALLER IMAGES */ }
#featurearea .feature2 { background:url("/includes/images/storyimages/features/10/rouse.jpg") top right no-repeat; }
#featurearea .feature-video { border-top: 1px solid #3e7ad5; padding:15px 220px 15px 0; }

#newswrapper { position:relative; float:right; margin:0 0 30px 0; padding:0; width:570px; }
#middlecol { position:relative; float:left; margin:0; width:270px; }
#rightcol { position:relative; float:right; margin:0; width:270px; }

#search { width:245px; min-height:20px; margin:0; padding:10px 5px 10px 20px; background:#40476F url("/includes/images/search-bg.jpg") no-repeat; }
#extralinks { width:270px; margin:0 0 35px 0; background:#7B8CB2 url("/includes/images/extra-links-bg.jpg") no-repeat; }
#extralinks .bottom { min-height:85px; padding:15px 15px 20px 20px; background:url("/includes/images/extra-links-bottom.gif") bottom left no-repeat; }

#rightcol dl dt { padding:0 0 0.4em 0; margin:0 0 0.6em 0; border-bottom:1px solid #b6cce0; }

#footer { position:relative; margin:0; padding:15px 0 70px 0; width:860px; min-height:70px; clear:both; border-top:1px solid #b6cce0; }
#footerlogos .ui { float:right; display:block; width:26px; height:37px; top:0; right:0; background:url("/includes/images/uilogo.gif") no-repeat; cursor:pointer; }
#footerlogos .ncsa { float:left; display:block; width:80px; height:18px; background:url("/includes/images/ncsa-footer-logo.jpg") no-repeat; cursor:pointer; }
#footertext p { float:left; font-size:1.1em; margin:-4px 0 0 25px; line-height:1.8em; }

#ui-logo h2 { font-size:1.1em; line-height:1.2em; padding:6px 0 0 0;  margin:0;  font-weight:normal; }
#ui-logo h2 a { color:#92abd1; text-decoration:none; }

#extralinks li a { color:#FEFEFE; }

#middlecol .event { font-size:1.2em; padding:0 0 0.3em 0; }
#middlecol .date { font-size:1.1em;  color:#5c6772; padding:0 0 0.6em 0; margin:0 0 0.8em 0; border-bottom:1px solid #b6cce0; }

#acbimage, #collabimage { width:270px; height:90px; }
#acbimage { background:url("/includes/images/acb.jpg") no-repeat;  }
#collabimage { background:url("/includes/images/collab.jpg") no-repeat; margin-top: 30px; }

h4.linkmore { padding:1.2em 0; }

/* WEBTOOLS UPCOMING EVENTS TWEAKS */
.edu-uiuc-webservices-pc-198-10-date { font-size: 1.2em !important; }