body {
	margin:0 0 10px 0;
	background: #fff;
	font:120% Verdana, Arial, sans-serif;
	color: #000; 
	padding:0;
}
div#container{
	width: 980px;
	padding: 0;
	margin:0 auto;
	background: url("images/bg-shadow.gif") top center repeat-y;
	text-align: left;
voice-family: "\"}\""; 
voice-family:inherit;
width: 980px;
}
div#wrapper {padding:0; }
div#shadowend {background: url("images/shadow-btm.gif") bottom no-repeat; height: 30px;}

div#header {padding: 0 20px 5px; margin:0;}
div#searchbox {background: url("images/searchbox-bg.gif") bottom no-repeat; float: right; width: 200px;}
div#searchbox p {font-family:"Trebuchet MS",Verdana, sans-serif; letter-spacing:1px; font-size: 75%; padding: 5px 10px 0 10px; margin:0;}
div#searchbox p.searchbox {padding: 0 10px 8px;}

/* MAIN NAVIGATION ----------------------*/
div#mainnav {height: 35px; background: url("images/mainnav-bg.gif") no-repeat; padding:0; margin:0 20px;}
#mainnav ul {
      margin:0;
      padding:6px 4px 0;
      list-style:none; font-size: 80%;
      }
    #mainnav li {
      float:left;margin:0 5px;padding:0 0 0 4px;list-style:none;font-family:"Trebuchet MS",Verdana, sans-serif;
	  text-transform:uppercase;letter-spacing:1px;
      }
	   #mainnav li.select {
      float:left;
      background: url(images/nav-left-bg.gif) no-repeat left top;
    margin:0 2px;
      padding:0 3px 0 3px;list-style:none;font-family:"Trebuchet MS",Verdana, sans-serif;text-transform:uppercase;letter-spacing:1px;
      }
    #mainnav a {
      float:left;
      display:block;
      padding:4px 3px 10px;
      text-decoration:none;
     color:#404040;
      }
	  #mainnav ul li.select a {
      float:left;
      display:block;
      background: url(images/nav-right-bg.gif) no-repeat right top;
      padding:4px 6px 10px 5px;
      text-decoration:none;
     color:#c86767
     
      }
	  
    /* Commented Backslash Hack
       hides rule from IE5-Mac \*/
    #mainnav a {float:none;}
    /* End IE5-Mac hack */

div#content {margin: 10px 20px 20px; clear: left; }

div#broadcastcontent {margin: 10px 20px 20px;}
div#broadcastcontent a {color: #40539c;}
div#performancecontent {margin: 10px 20px 20px;}
div#performancecontent a {color: #4d9aa6;}
div#publishingcontent {margin: 10px 20px 20px;}
div#publishingcontent a {color: #6f3e9d;}
div#musiccontent {margin: 10px 20px 20px;}
div#musiccontent a {color: #947452;}
div#designcontent {margin: 10px 20px 20px;}
div#designcontent a {color: #a03b3a;}
div#fashioncontent {margin: 10px 20px 20px;}
div#fashioncontent a {color: #647f1d;}

div#homecontent {margin: 10px 20px 20px; clear: left;}

/* HOME STYLES -----------------------------------------------------*/
div#hometopleft {float: left; width: 470px; margin: 0 0px 0 0;}
div#hometopright {float: left; width: 470px; margin: 0;}

div#homecontent ul.lablinks {list-style: none; margin:0; padding:0; line-height: 0;}
div#homecontent ul.lablinks li {display: inline; padding:0; margin:0 0 5px 0; float: left; width: 228px; list-style: none;}
div#homecontent ul.lablinks li.first {margin:0 5px 5px 0;}

/* for lab home page */
div#content ul.lablinks {list-style: none; margin:0; padding:0; line-height: 0;}
div#content ul.lablinks li {display: inline; padding:0; margin:0 0 5px 0; float: left; width: 228px; list-style: none;}
div#content ul.lablinks li.first {margin:0 5px 5px 0;}

div#homebottomrow {margin: 5px 0 0 0; background: url("images/home-row-repeater.gif") top right repeat-y;}
div#homeprojects {float: left; width: 290px; margin:0 10px 0 0;}

div#homeprojects div.boxtext {float: left; width: 170px; margin:0; padding:0;}

div#homeworkimage {margin: 0 15px 10px; border-bottom: 1px solid #c8c8c8;padding: 5px 0 15px; background: url("images/image-icon-white.gif") top right no-repeat;}
div#homeworkaudio {margin: 0 15px 10px; border-bottom: 1px solid #c8c8c8;padding: 5px 0 15px; background: url("images/audio-icon-white.gif") top right no-repeat;}
div#homeworkvideo {margin: 0 15px 10px; border-bottom: 1px solid #c8c8c8;padding: 5px 0 15px; background: url("images/video-icon-white.gif") top right no-repeat;}
div#homeworkpodcast {margin: 0 15px 10px; border-bottom: 1px solid #c8c8c8;padding: 5px 0 15px; background: url("images/podcast-icon-white.gif") top right no-repeat;}
div#homeworkwritten {margin: 0 15px 10px; border-bottom: 1px solid #c8c8c8;padding: 5px 0 15px; background: url("images/written-icon-white.gif") top right no-repeat;}
div#homeworkwebsite {margin: 0 15px 10px; border-bottom: 1px solid #c8c8c8;padding: 5px 0 15px; background: url("images/website-icon-white.gif") top right no-repeat;}
div#homeworkflash {margin: 0 15px 10px; border-bottom: 1px solid #c8c8c8;padding: 5px 0 15px; background: url("images/flash-icon-white.gif") top right no-repeat;}
div#homeworkpowerpoint {margin: 0 15px 10px; border-bottom: 1px solid #c8c8c8;padding: 5px 0 15px; background: url("images/powerpoint-icon-white.gif") top right no-repeat;}


div#homeworkimage img.thumb, div#homeworkaudio img.thumb, div#homeworkvideo img.thumb, div#homeworkpodcast img.thumb, 
div#homeworkwritten img.thumb, div#homeworkwebsite img.thumb, div#homeworkflash img.thumb {padding: 5px; border: 1px solid #ccc; float: left; margin: 0 15px 0 0;}

div#homegreybtm {background: url("images/home-grey-btm.gif") top no-repeat;}

div#homenewsletter {float: left; width: 160px; margin:0 10px 0 0; background: url("images/newsletter-mid.gif") top repeat-y;}
div#homenewsletter p {padding: 0 15px 10px; margin:0;}
div#homeexchange {float: left; width: 230px; margin:0 10px 0 0; background: #ededed url("images/grey-290-top.gif") top no-repeat;}
div#homenews {float: left; width: 230px; margin:0; background: #ededed url("images/grey-290-top.gif") top no-repeat;}

div.nextbtn {padding: 0px 15px 0; text-align: right; margin:0;}
div.clearer {clear: left;height: 1px;}
div.clearight {clear: right;line-height: 0; height: 1px;}
div.clearer2 {clear: left;}
div.clearerbg {clear: left;line-height: 0; background: url("images/home-row-repeater.gif") top right repeat-y;}

div.homerowfinish {clear: left; background: url("images/home-btm-row.gif") top right no-repeat; height: 10px;}

/* TABBED NAVIGATION -----------------------------------------*/
div#tabnav {clear:left; padding: 10px 20px;}
#tabheader {
  float:left;width:100%;background: url("images/tab-slide-btm.gif") repeat-x bottom;line-height:normal;
  font-family:"Trebuchet MS",Verdana, sans-serif;text-transform:capitalize;font-size:90%;font-weight:normal; letter-spacing:1px; margin:0 0 10px 0;
  }
#tabheader ul {
  margin:0;
  padding:10px 10px 0;
  list-style:none;
  font-size: 90%;
  }
#tabheader li {
  float:left;
  background:url("images/tab-left-grey.gif") no-repeat left top;
  margin:0 5px 0 0;
  padding:0 0 0 6px;
  border-bottom: 1px solid #d2d2d2;
  }
 #tabheader li.selected, #tabheader li.performance, #tabheader li.design, #tabheader li.music, #tabheader li.broadcast, #tabheader li.fashion, #tabheader li.publishing{
  background:url("images/tab-left-white.gif") no-repeat left top;
  border-bottom: 1px solid #fff;
 }
#tabheader a {
  float:left;
  display:block;
  background:url("images/tab-right-grey.gif") no-repeat right top;
  padding:8px 10px 4px 4px;
  text-decoration:none;
  color:#999
  }
#tabheader li.selected a {
  background:url("images/tab-right-white.gif") no-repeat right top; color:#000;
 }
 #tabheader li.performance a {
  background:url("images/tab-right-white.gif") no-repeat right top; color:#4193a0;
 }
 #tabheader li.design a {
  background:url("images/tab-right-white.gif") no-repeat right top; color:#a03b3a;
 }
  #tabheader li.music a {
  background:url("images/tab-right-white.gif") no-repeat right top; color:#a46d33;
 }
 #tabheader li.broadcast a {
  background:url("images/tab-right-white.gif") no-repeat right top; color:#40539c;
 }
 #tabheader li.fashion a {
  background:url("images/tab-right-white.gif") no-repeat right top; color:#647f1d;
 }
 #tabheader li.publishing a {
  background:url("images/tab-right-white.gif") no-repeat right top; color:#6f3e9d;
 }
 /* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#tabheader a {float:none;}
/* End IE5-Mac hack */

/* SHOWCASE SECTION --------------------------------*/
div#studentprojectcontent {float: left; width: 745px; margin: 0 0 0 0px;}
div#studentprojectcontent p {padding: 0 10px 10px 10px;}

div#studentprojectdetails {float: left; width: 745px; margin: 0 0 0 0px; border-bottom: 5px solid #ededed; padding:0 0 30px 0;}
div#studentprojectdetails p {padding: 0 10px 10px 10px;}

div#studentprojectcontentholder {padding: 0 0 0 10px;}

div.studentsprojlistrow {padding: 0 0 0 10px;}

div#videoholder {text-align: center; margin:10px 0 10px 0;}
div#audioholder {margin: 10px 10px 20px;}


div#studentprojectright {float: left; width: 195px; margin: 0 0 0 0px;}
div#studentprojectrightholder {padding: 0 0 0 10px;}
div#researchprojectrightholder {padding: 30px 0 0 10px;}

div#showcaseleft {float: left; width: 230px;}
div#showcaseright {float: left; width: 690px; margin: 0 0 0 20px; border-bottom: 5px solid #ededed; padding: 0 0 30px 0}
div#darkbarbtm {background: url("images/dark-bar-btm.gif") top no-repeat; margin: 0 0 0px 0;}
div#showcaseright div.suppimages p {margin: 10px;}

div#showcasetext {margin: 0; float: left; width: 200px;}
div#showcasetext p {padding: 0 0 10px 10px;}
div#showcasework {margin: 0 0 10px 10px; float: left; width: 470px;}
/*div#showcasework img {border: 1px solid #ccc; margin:0;}*/
div.suppimages {float: left; width: 225px;}
div.suppimages img {margin: 0 0 0 10px;border: 1px solid #ccc; }

div#projectcomments {clear: left; border-top: 5px solid #ededed; padding: 0; margin: 10px 0 0 0;}
div.projectpost {border-top: 1px solid #ededed; margin: 0px 0 0 0; padding: 10px 0;}

div.showcasebox {background: #ededed url("images/showcase-box-top.gif") no-repeat; padding: 10px 0px 0 0; margin:0;}
div.showcasebox img {float: left; border: 1px solid #ccc; margin: 0 10px 0 10px;}
div.showcasebox div.boxtext {float: left; width: 110px; margin:0; padding:0;}
div.showcasebox div.boxtext p {padding:0 0 2px 0; margin:0;}
div.closeshowbox {background: #fff url("images/showcase-box-btm.gif") no-repeat; clear: left; margin:0;}
div.showcasebox a {color: #000;}

div.showcaseboxselect {background: #f0d9d8 url("images/showcase-redbox-top.gif") no-repeat; padding: 10px 0px 0 0; margin:0;}
div.showcaseboxselect img {float: left; border: 1px solid #998b8b; margin: 0 10px 0 10px;}
div.showcaseboxselect div.boxtext {float: left; width: 110px;}
div.showcaseboxselect div.boxtext p {padding:0 0 2px 0; margin:0;}
div.closeshowboxselect {background: #fff url("images/showcase-redbox-btm.gif") no-repeat; clear: left; margin:0;}
div.showcaseboxselect a {color: #000;}

div#content ul.showcase {margin:0; padding:0; list-style: none;}
div#content ul.showcase li {margin:0; padding:0; list-style: none;}

div.projectlistbox {background: #ededed url("images/showcase-box-top.gif") no-repeat; float: left; margin: 10px 10px 0 0; width: 230px; 
	 padding: 10px 0 0 0;}
div.projectlistbox img, div.developlistbox img {float: left; border: 1px solid #ccc; margin: 0 10px 0 10px;}
div.projectlistbox img.star {float: none; border:none; margin:0;}

div.developlistbox {background: #ededed url("images/showcase-box-top-no-arrow.gif") no-repeat; float: left; margin: 10px 10px 0 0; width: 230px; 
	 padding: 10px 0 0 0;}

div.projectlistbox div.boxtext, div.developlistbox div.boxtext {float: left; width: 140px; margin:0; padding:0;}
div#content div.projectlistbox div.boxtext p.heading, div#contentholder div.projectlistbox div.boxtext p.heading {padding-right: 40px;}
div#content div.projectlistbox div.boxtext p, div#contentholder div.projectlistbox div.boxtext p, div#content div.developlistbox div.boxtext p {padding:0 0 5px 0; margin:0;}
div.closeprojectlistbox {background: #fff url("images/showcase-box-btm.gif") no-repeat; margin:0; clear: left;}

div#projectsright {float: left; width: 720px; margin: 0 0 30px 0px; border-bottom: 5px solid #ededed; padding: 0 0 30px 0}
div#projectstext {margin: 0 0 30px 0; float: left; width: 220px;}

div#backnext {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 0 25px 0 10px; padding: 2px 5px 0px;}
div.leftinner {float: left; width: 100px; /*background: red;*/}
div.midinner {float: left; width: 490px; text-align: center; /*background: green;*/}
div.rightinner {float: left; width: 100px; text-align: right; /*background: blue;*/}

div#cmsbacknext {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 0 25px 0 10px; padding: 2px 5px 0px;}
div.cmsleftinner {float: left; width: 100px; /*background: red;*/}
div.cmsmidinner {float: left; width: 259px; text-align: center;/*background: green;*/}
div.cmsrightinner {float: left; width: 100px; text-align: right; /*background: blue;*/}

div#exchangebacknext {/*border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;*/ margin: 0 10px 0 10px; padding: 2px 0px 0px;}
div.exchangeleftinner {float: left; width: 100px; /*background: red;*/border-top: 1px solid #ccc;border-bottom: 1px solid #ccc; padding-bottom: 2px;}
div.exchangemidinner {float: left; width: 325px; text-align: center;/*background: green;*/border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;padding-bottom: 2px;}
div.exchangerightinner {float: left; width: 100px; text-align: right; /*background: blue;*/border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;padding-bottom: 2px;}

div#backnext p, div#cmsbacknext p, div#maincontent div#backnext p, div#exchangebacknext p {margin:0; padding:0;}

div.midinner a, div.exchangemidinner a, div.cmsmidinner a {color:#999;}

img.addbutton {margin:10px 0 0 8px;}

img.rhslabbtn {margin:0 0 5px 0;}

/* EXCHANGE STYLES -----------------------------*/
div.editbtns {float: right;}

/* ALUMNI STYLES -------------------------------*/
div#alumnitext {margin: 0 0 0 10px; float: left; width: 570px;}
div#alumnitext p {padding: 0 0 10px 10px;}
div#alumnithumb {margin: 0; float: left; width: 100px;}
div#alumnithumb img {border: 1px solid #ccc; margin: 5px 0 0 10px;}

/* LAYOUT STYLES --------------------------------*/
div#subnavmain {float: left; width: 170px; margin:15px 10px 0 0;}

div#subnavlab {float: left; width: 170px;}

div#maincontent {float: left; width: 735px; margin: 0 0 0 20px;}
div#maincontent p {padding: 0 0 10px 10px;}

div#content ul#subnav {font-family:"Trebuchet MS",Verdana, sans-serif;text-transform:capitalize;font-size:80%;font-weight:normal; 
letter-spacing:1px; list-style: none; color: #4d9aa6; margin:5px 0 0 0; padding:0; border-top: 1px solid #ccc;}
div#content ul#subnav li {padding: 5px 5px 5px 10px; border-bottom: 1px solid #ccc;}
div#content ul#subnav li.selected {background: #f3e6e6;}
div#content ul#subnav li a {text-decoration: none;}

/* SUB NAV LAB STYLES ---------------------------*/
div#performancecontent ul#subnavperformance {font-family:"Trebuchet MS",Verdana, sans-serif;text-transform:capitalize;font-size:80%;font-weight:normal; 
letter-spacing:1px; list-style: none; color: #4d9aa6; margin:5px 0 0 0; padding:0; border-top: 1px solid #71bfbf;}
div#performancecontent ul#subnavperformance li {padding: 5px 5px 5px 10px; border-bottom: 1px solid #71bfbf;}
div#performancecontent ul#subnavperformance li.selected {background: #e2f2f4;}
div#performancecontent ul#subnavperformance li a {text-decoration: none;}

div#designcontent ul#subnavdesign {font-family:"Trebuchet MS",Verdana, sans-serif;text-transform:capitalize;font-size:80%;font-weight:normal; 
letter-spacing:1px; list-style: none; color: #a03b3a; margin:5px 0 0 0; padding:0; border-top: 1px solid #d99594;}
div#designcontent ul#subnavdesign li {padding: 5px 5px 5px 10px; border-bottom: 1px solid #d99594;}
div#designcontent ul#subnavdesign li.selected {background: #f6e2e2;}
div#designcontent ul#subnavdesign li a {text-decoration: none;}

div#musiccontent ul#subnavmusic {font-family:"Trebuchet MS",Verdana, sans-serif;text-transform:capitalize;font-size:80%;font-weight:normal; 
letter-spacing:1px; list-style: none; color: #947452; margin:5px 0 0 0; padding:0; border-top: 1px solid #c5a788;}
div#musiccontent ul#subnavmusic li {padding: 5px 5px 5px 10px; border-bottom: 1px solid #c5a788;}
div#musiccontent ul#subnavmusic li.selected {background: #f6ebe0;}
div#musiccontent ul#subnavmusic li a {text-decoration: none;}

div#broadcastcontent ul#subnavbroadcast {font-family:"Trebuchet MS",Verdana, sans-serif;text-transform:capitalize;font-size:80%;font-weight:normal; 
letter-spacing:1px; list-style: none; color: #40539c; margin:5px 0 0 0; padding:0; border-top: 1px solid #8a96c4;}
div#broadcastcontent ul#subnavbroadcast li {padding: 5px 5px 5px 10px; border-bottom: 1px solid #8a96c4;}
div#broadcastcontent ul#subnavbroadcast li.selected {background: #dfe3f3;}
div#broadcastcontent ul#subnavbroadcast li a {text-decoration: none;}

div#fashioncontent ul#subnavfashion {font-family:"Trebuchet MS",Verdana, sans-serif;text-transform:capitalize;font-size:80%;font-weight:normal; 
letter-spacing:1px; list-style: none; color: #647f1d; margin:5px 0 0 0; padding:0; border-top: 1px solid #bcc89c;}
div#fashioncontent ul#subnavfashion li {padding: 5px 5px 5px 10px; border-bottom: 1px solid #bcc89c;}
div#fashioncontent ul#subnavfashion li.selected {background: #eaf1d8;}
div#fashioncontent ul#subnavfashion li a {text-decoration: none;}

div#publishingcontent ul#subnavpublishing {font-family:"Trebuchet MS",Verdana, sans-serif;text-transform:capitalize;font-size:80%;font-weight:normal; 
letter-spacing:1px; list-style: none; color: #6f3e9d; margin:5px 0 0 0; padding:0; border-top: 1px solid #bca4d3;}
div#publishingcontent ul#subnavpublishing li {padding: 5px 5px 5px 10px; border-bottom: 1px solid #bca4d3;}
div#publishingcontent ul#subnavpublishing li.selected {background: #ede8f5;}
div#publishingcontent ul#subnavpublishing li a {text-decoration: none;}
/* -----------------------------------------------*/

div#halfwidthbtm {background: url("images/half-width-grey-btm.gif") top no-repeat;}
div.halfwidthblockbtm {background: #fff url("images/half-width-btm.gif") top no-repeat;}

div#widedarkbtm {background: url("images/wide-dark-bar-btm.gif") top no-repeat; margin: 0;}
div#studentswidedarkbtm {background: url("images/wide-dark-bar-btm.gif") top no-repeat; margin: 0 10px 0 0;}

div#darkbarfullbtm {background: url("images/dark-bar-full-btm.gif") top no-repeat; margin: 0 0px 0 0;}

div#darkbtm720 {background: url("images/720-dark-bar-btm.gif") top no-repeat;}

div#darkbar550btm {background: url("images/dark-bar-550-btm.gif") top no-repeat;}

div#projectmainleft {float: left; width: 550px; margin:0 10px}
div#mainleft {float: left; width: 550px; margin:0 10px 0 0;}
div#mainleft p, div#projectmainleft p {margin: 0 10px;}

div#mainright {float: left; width: 375px; margin: 20px 0px 0 5px;}

div.rhsblock360 {margin: 5px 15px 0 0; background: #ededed;}
div.rhsblock360 img.thumb {float: left; margin: 0 15px 0 0; padding:0; border: 1px solid #ccc;}
div.rhsblock360 p {padding: 0 15px 0 0;}
div.rhsblock360 p.right {text-align: right; margin:20px 0 0; padding:0;}
div.rhsblock360holder {margin: 0 15px 0 15px;padding: 15px 0 0 0;border-top: 1px solid #999999; /*background: #ededed;*/}

div.visit_btn {text-align: right; padding:0 15px 0 0;}

div.rhsexchange {background: #ededed url("images/exchange-block-top.gif") no-repeat; padding: 5px 0 0 0; margin: 10px 0 0 0;}
div.closerhsexchange {background: url("images/exchange-block-btm.gif") no-repeat; clear: left; margin:0;}
div#labhomeleft div.rhsexchange p {padding: 10px 10px 10px 15px;}

div.rhsstudexchange {background: #ededed url("images/grey-block-top-185.gif") no-repeat; padding: 5px 0 0 0; margin: 10px 0 0 0;}
div.closerhsstudexchange {background: url("images/grey-block-btm-185.gif") no-repeat; clear: left; margin:0;}
div.rhsstudexchange p {padding: 10px 10px 10px 15px;}

div.workblock {background: #ededed url("images/grey-top-470.gif") no-repeat; padding: 5px 0 0 0; margin: 10px 0 0 0;}
div.closeworkblock {background: url("images/grey-btm-470.gif") no-repeat; margin:0;}
div.workblock embed {margin: 10px 0 0 15px; background: #ededed;}

div.greyblock735 {background: #ededed url("images/grey-block-735-top.gif") no-repeat;  padding: 5px 0 0 10px; margin: 10px 10px 0 0;}
div.greyblock735btm {background: #fff url("images/grey-block-735-btm.gif") no-repeat; margin:0 10px 0 0; }

div.greyblock725 {background: #ededed url("images/grey-block-735-top.gif") no-repeat;  padding: 5px 10px 0 10px; margin: 10px 0 0 0;}
div.greyblock725btm {background: #fff url("images/grey-block-735-btm.gif") no-repeat; margin:0 0 0 0; }

div.greyblock550 {background: #ededed url("images/grey-block-550-top.gif") no-repeat;  padding: 5px 0px 0 10px; margin: 10px 0px 0 0;}
div.greyblock550btm {background: #fff url("images/grey-block-550-btm.gif") no-repeat; margin:0 0px 0 0; }

div#help {float: right; width: 250px; background: url("images/help-icon.gif") no-repeat; margin: 10px; padding: 5px 0 50px 50px;}

div.endquotes {background: url("images/end-quote.gif") right no-repeat; margin:0 15px; padding: 0 0 30px 0;}

/* LABS AND SECONDARY LEVEL STUFF -------------------*/
div#labhomeleft {float: left; width: 450px; }
div#labhomeright {float: left; width: 470px; margin: 0 0 0 10px; }

div#labhomeleft p {padding: 0 10px 10px 10px;}

div.labhomeblock {float: left; width: 200px; margin: 5px 10px 0 10px;}
div#labmaintext {margin: 0 10px 0 10px;}
div#labmaintext p {padding: 0 30px 10px 0;}

div#labmainimage {float: right; width: 360px; margin: 0 0 0 20px;}
div#content div#labmainimage {margin: 15px 0 0 20px;}

div#labhomebtm {margin: 5px 0 0 0;}
div#labhomenews {float: left; width: 370px;}
div#labhomeproject {float: left; width: 360px; margin: 0 0 0 5px;background: #ededed url("images/half-width-top.gif") no-repeat;}
div#labhomeproject img.thumb {float: left; margin: 0 15px 0 0; padding:0; border: 1px solid #ccc;}
img.right {float: right; margin: 30px 0 0;}
div#labhomeproject p {padding: 0 60px 0 0;}

div#lablatestholderimage {margin: 0 15px 0 0;padding: 0 0 0 15px; background: url("images/image-icon-grey.gif") top right no-repeat;}
div#lablatestholderaudio {margin: 0 15px 0 0;padding: 0 0 0 15px; background: url("images/audio-icon-grey.gif") top right no-repeat;}
div#lablatestholdervideo {margin: 0 15px 0 0;padding: 0 0 0 15px; background: url("images/video-icon-grey.gif") top right no-repeat;}
div#lablatestholderpodcast {margin: 0 15px 0 0;padding: 0 0 0 15px; background: url("images/podcast-icon-grey.gif") top right no-repeat;}
div#lablatestholderwritten {margin: 0 15px 0 0;padding: 0 0 0 15px; background: url("images/written-icon-grey.gif") top right no-repeat;}
div#lablatestholderwebsite {margin: 0 15px 0 0;padding: 0 0 0 15px; background: url("images/website-icon-grey.gif") top right no-repeat;}
div#lablatestholderflash {margin: 0 15px 0 0;padding: 0 0 0 15px; background: url("images/flash-icon-grey.gif") top right no-repeat;}

div#smallright {float: left; width: 200px; margin: 50px 0 0 0; }

div.rhsgrey200 {background: #ededed url("images/small-grey-rhs-top.gif") no-repeat; margin:10px 0 0 0;}
div.rhsgrey200btm {background: url("images/small-grey-rhs-btm.gif") top no-repeat;}

div#smallright p {padding: 10px 15px;}

div#smallright img.left {float: left; margin: 5px;}
div#smallright img.mid {margin: 0 0 0 15px; border: 1px solid #ccc;}

div#rhsforum {margin: 10px 0 0 0;}
div#rhsartsworktv {margin: 10px 0 0 0;}

/* date styles from www.mezzoblue.com <http://www.mezzoblue.com>  (thanks!!) */
div.date {
	background: url(images/date-top.gif) 0 0 no-repeat;
	width: 60px;
	float: left;
	clear: none;
	margin: 0 10px 10px 10px;
	}
	
span.day {
	color: #000; 
	display: block; 
	background:Ưurl(images/date-top.gif) 0 0 no-repeat; 
	text-align: center; 
	text-transform: uppercase; 
	margin-top: 0; 
	width: 60px; 
	padding-top: 5px;
	font: 90%/1.1 "Trebuchet MS", Arial, Helvetica, sans-serif;
 /* I have to choose between IE5.0 and 5.5 here. I choose 5.5.*/
	left: 20px;
	voice-family: "\"}\"";
	voice-family:inherit; 
	left: -40px;
	} 

span.month {
	display: block; 
	font: bold 200%/1.1 "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing: 0; 
	color: #b73d3c; 
}

span.year {
	display: block; 
	font: normal 90%/1.1 "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing: 0; 
	color: #000; 
	background: url(images/date-bottom.gif) bottom left no-repeat; 
	padding-bottom: 5px;
	}


/* GENERIC BITS -------------------------------------*/
a {color: #b82c2c; text-decoration: underline;}

strong {color:#333333; font-weight: normal;}

p {font-size: 70%; line-height: 1.6;padding: 0 0 10px; margin:0;}

ul, ol {font-size: 70%; line-height: 1.3; margin:10px 0 0 30px; padding:0; }

ol li p, ul li p {font-size: 100%;}

ul.projectlinks {margin:0 0 10px 30px; padding:0; }
ul.cmslist {margin:0 0 10px 30px;}

div#mainleft ul, div#projectmainleft ul {font-size: 70%; line-height: 1.3; margin:10px 0 20px 50px; padding:0; list-style: url("images/red-arrow.gif");}
div#mainleft ul li, div#projectmainleft ul li {padding: 0 0 5px 5px;}

p.name {font-family:"Trebuchet MS",Verdana, sans-serif; letter-spacing:1px; font-size: 80%; color: #000; font-weight: normal; padding: 0 60px 5px 0;}
p.heading {font-family:"Trebuchet MS",Verdana, sans-serif; color: #000; font-size: 75%; padding: 0 0 5px 0;}
p.formheading {font-family:"Trebuchet MS",Verdana, sans-serif; color: #000; font-size: 75%; padding: 0 0 5px 10px;}
p.post {background: url("images/post.gif") no-repeat top left; padding: 0 0 5px 15px;}
div#studentprojectdetails p.post {background: url("images/post.gif") no-repeat top left; padding: 0 0 5px 15px; margin: 0 0 0 10px;}
div#content p.projectpost {background: url("images/post.gif") no-repeat top left; padding: 0 0 5px 15px;margin: 0 0 0 10px;}
p.audio {margin: 10px 0;}
div#content p.video {text-align: center; background: #ededed; margin:0; padding:0;}
p.popup {margin: 0 0 0 15px;}
p.back {margin: 0; padding: 0 0 0 10px;}
div#content p.innerheading {font-family:"Trebuchet MS",Verdana, sans-serif; color: #000; font-size: 75%; padding: 5px 0 0 0; 
margin:15px 15px 10px 15px; border-top: 1px solid #999;}
div#content p.nobottom {padding:10px 10px 0;}
div#content p.innerheadingnormal {padding: 5px 0 0 0; margin:15px 15px 0 15px; border-top: 1px solid #999;}

p.boxed {border: 1px solid #ccc; margin:0; padding: 10px;}

/* for skip nav */
p.hide {display : none;}

p.right {text-align: right;}

p.rhsmargin {margin: 0 180px 0 0;}

p.btmborder {border-bottom: 3px solid #ccc; margin: 0 10px 0 0; padding: 0 0 10px 0;}

img.mainright {float: right; margin: 10px 10px 0 10px; padding: 5px; border: 1px solid #ccc;}

span.red {color:#CC0000;}

div#homecontent ul.grey {margin:0 0 0 0; padding:20px 15px 15px; line-height: 1.3; list-style: none;}
div#homecontent ul.grey li {background: url("images/grey-bullet.gif") no-repeat; padding: 0 0 10px 30px; list-style: none;}

div#content ul.grey {margin:0 0 0 0; padding:20px 15px 15px; line-height: 1.3; list-style: none;}
div#content ul.grey li {background: url("images/grey-bullet.gif") no-repeat; padding: 0 0 10px 30px; list-style: none;}

div#content ul.white, div#musiccontent ul.white, div#designcontent ul.white, div#performancecontent ul.white,
div#broadcastcontent ul.white, div#publishingcontent ul.white, div#fashioncontent ul.white {margin:0 0 0 0; padding:10px 15px 15px; line-height: 1.3; list-style: none;}

div#content ul.white li, div#musiccontent ul.white li, div#designcontent ul.white li, div#performancecontent ul.white li,
div#broadcastcontent ul.white li, div#publishingcontent ul.white li, div#fashioncontent ul.white li {background: url("images/grey-on-white-arrow.gif") no-repeat; padding: 0 0 10px 30px;list-style: none;}

h1 {font-family:"Trebuchet MS",Verdana, sans-serif; letter-spacing:1px; font-size: 160%; color: #000; font-weight: normal;
	margin:0 10px 0 0; padding: 15px 10px 10px; line-height: 30px;}
h2 {font-family:"Trebuchet MS",Verdana, sans-serif; letter-spacing:1px; font-size: 140%; color: #000; font-weight: normal;
	margin:10px 10px 0 0; padding: 0 10px 15px 0; line-height: 1.4;}
h3 {font-family:"Trebuchet MS",Verdana, sans-serif; letter-spacing:1px; font-size: 110%; color: #000; font-weight: normal;
	margin:0; padding: 8px 15px;}
h4 {font-family:"Trebuchet MS",Verdana, sans-serif; letter-spacing:1px; font-size: 90%; color: #000; font-weight: normal;
	margin:10px 0 10px 0; background: url("images/h4-grey-bg.gif") no-repeat; padding: 6px 10px 10px; clear: left;}
h5 {font-family:"Trebuchet MS",Verdana, sans-serif; letter-spacing:1px; font-size: 80%; color: #9f8f6e; font-weight: normal; line-height: 1.3;
	margin:10px; background: #f8f3ea; padding: 10px; clear: both;}

div#labmaintext h1 {padding:15px 10px 10px 0;}

h1.labhome {padding: 5px 10px 10px;}
h2.home {font-size: 120%; color: #999; margin:14px 10px 0 0; padding: 2px 10px 5px 0; border-top: 1px solid #e1e1e1;}
h2.labhome {font-size: 120%; color: #999; margin:14px 10px 0 0; padding: 2px 10px 5px 0; border-top: 1px solid #e1e1e1;}
h3.homeprojects {background: #ededed url("images/home-grey-top.gif") no-repeat; padding: 8px 15px 0px;}
h3.newsletter {background: url("images/newsletter-top.gif") no-repeat;}
h3.homeblocks {padding: 8px 0px 5px; border-bottom: 1px solid #999999; margin: 0 15px;}
h3.darkbar {color: #fff; background: #606060 url("images/dark-bar-top.gif") no-repeat;padding: 8px 15px 0px; margin:0;}
h3.darkbar550 {color: #fff; background: #606060 url("images/dark-bar-550-top.gif") no-repeat;padding: 8px 15px 0px; margin:0;}
h3.halfwidthbar {color: #fff; background: #606060 url("images/half-width-grey-top.gif") no-repeat;padding: 8px 15px 0px 10px; margin:0;}
h3.widedarkbar {color: #fff; background: #606060 url("images/wide-dark-bar-top.gif") no-repeat;padding: 8px 15px 0px 10px; margin:0;}
h3.studentswidedarkbar {color: #fff; background: #606060 url("images/wide-dark-bar-top.gif") no-repeat;padding: 8px 15px 0px 10px; margin:0 10px 0 0;}
h3.exchange {padding: 5px 0px 5px; border-top: 1px solid #ccc; margin: 10px 10px 0; color: #999;}
h3.podcast {background: url("images/podcast.gif") no-repeat; padding: 8px 15px 8px 60px; margin: 5px 0 0 15px;}
h3.written {background: url("images/written-icon.gif") no-repeat; padding: 5px 15px 8px 60px; margin: 10px 0 0 15px;}
h3.website {background: url("images/website-icon.gif") no-repeat; padding: 8px 15px 8px 70px; margin: 5px 0 0 15px;}
h3.powerpoint {background: url("images/powerpoint-icon.gif") no-repeat; padding: 8px 15px 8px 70px; margin: 5px 0 0 15px;}
h3.flash {background: url("images/flash-icon.gif") no-repeat; padding: 8px 15px 8px 60px; margin: 5px 0 0 15px;}
h3.comments {padding: 8px 10px;}
h3.commentblock {padding: 8px 0px 5px; border-bottom: 1px solid #999999; margin: 0 15px 10px 10px;}
h3.darkbarfull {color: #fff; background: #606060 url("images/dark-bar-full-top.gif") no-repeat;padding: 8px 15px 0px; margin:0 0px 0 0;}
h3.darkloginbar {color: #fff; background: url("images/dark-login-bar.gif") no-repeat;padding: 8px 15px 15px 10px; margin:0 10px 0 0;}
h3.quotes {background: url("images/start-quote.gif") no-repeat; padding: 30px 15px 0; margin: 0;}
h3.rating {font-size: 100%; color: #666;padding: 8px 15px 5px 10px;}

h3.darkbar720 {color: #fff; background: url("images/720-dark-bar-top.gif") no-repeat;padding: 8px 50px 0px 10px; margin:0;}
h3.halfwidthgreyblock {padding: 8px 0 5px 0; border-bottom: 1px solid #999999; margin: 0 15px 15px;}
h3.rhsblock {padding: 8px 0 5px 15px;background: #ededed url("images/half-width-top.gif") no-repeat}
h4.labhome {background: none; clear: none;}
h4.projectheader {background: url("images/h4-grey-bg-470.gif") no-repeat; clear: none;}
h4.wide {background: url("images/h4-grey-bg-wide.gif") no-repeat;}
h4.grey735 {background: url("images/h4-grey-bg-735.gif") no-repeat;}

/* FOOTER ----------------*/
div#footer {background: #fff url("images/footer-bg.gif") no-repeat; height: 45px; padding: 10px 10px 0 20px;}
div#footer a {color: #999; text-decoration: underline;}
span.rss {padding:0 0 2px 18px; background: url("images/rss-icon.gif") left 2px no-repeat;}

/* FORM STYLES ------------*/
form#newsletter {/*text-align: right;*/ margin:0; padding:0; width: 160px;}
input.newsletter {width: 125px; font-size: 10px; background: #ededed; border: 1px solid #d3d3d3; padding: 2px; margin: 0 0 8px 15px; color: #999;}
input.signup {padding: 11px 0 0 0; margin:0 15px 0 0; float: right;}

form#search {margin:0; padding:0;}
input.searchbox {width: 128px; background: #fff; border: 1px solid #ccc; padding: 3px 2px; font-size: 11px; color: #999; margin:0 0 0 0;vertical-align: middle;}
input.go {vertical-align: middle;}

form.listprojects {background: #606060; margin:0; padding:0;}
form.studentslistprojects {background: #606060 url("images/wide-dark-bar-top.gif") no-repeat; margin:0 10px 0 0; padding:0;}

form.projectlistprojects {background: #606060 url("images/wide-dark-bar-top.gif") no-repeat; margin:0; padding:0;}

form#login {padding: 20px 0;}
form.exchange {margin:0; padding:0;}

form#newproject {margin:0; padding:0;}
form#newproject p {margin:0; padding:10px 0 0 15px;}

form#newprojectform {margin:0; padding:0;}

form#comments {padding: 0 0 20px; margin:0;}
form#logoutform {margin:0; padding:0;}

form#newuserform {margin:0; padding:0;}

form.newalumni {margin:0; padding:0;}
form.newalumni p {margin:0; padding:10px 0 0 15px;}

form#choosepage {margin: 10px 0 0 15px;}

form#login label {
	color: #666;
	display: inline;
	width: 200px;
	float: left;
	font: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 10px 5px 10px 10px;
	}

form#comments label {
	color: #666;
	display: inline;
	width: 200px;
	float: left;
	font: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 75%;
	margin: 10px 5px 10px 10px;
	}
	
form.exchange label {
	color: #666;
	display: inline;
	width: 150px;
	float: left;
	font: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 10px 5px 10px 0;
}

form#exchangereply label {
	color: #666;
	display: inline;
	width: 150px;
	float: left;
	font: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 75%;
	margin: 10px 5px 10px 10px;
}

	
form br {
	clear: left;
	}
	
input.login {margin: 10px 0;width: 200px; font-size: 12px; background: #ededed; border: 1px solid #d3d3d3; padding: 2px; color: #999;}
input.loginexchange {margin: 10px 0;width: 150px; font-size: 12px; background: #fff; border: 1px solid #d3d3d3; padding: 2px; color: #999;}
input.loginbtn {margin: 20px 0 0 215px;}

input.vidsize {width: 40px;}

input.replybtn {margin: 20px 0 0 165px;}

input.register {margin: 10px 0 0 0;}

input.comment {margin: 10px 0;width: 200px; font-size: 11px; background: #fff; border: 1px solid #d3d3d3; padding: 2px; color: #999;}

input.replytext {margin: 10px 0;width: 200px; font-size: 11px; background: #fff; border: 1px solid #d3d3d3; padding: 2px; color: #999;}

input.exchangebtn {margin: 20px 0 0 155px;}

select.projectdropdown {width: 150px; margin: 10px 0 10px 15px; font-size: 11px; padding: 2px 0;}
select.newpagedropdown {width: 200px; margin: 0 0 10px 15px; font-size: 11px; padding: 2px 0;}

textarea#textarea {width: 300px;}
textarea#textarea2 {width: 300px;}
textarea#commenttextarea {width: 200px;}

input.maincreatebtn {margin: 10px 0 0 0;}
input.projecttext {width: 200px; padding: 2px; margin: 0 0 5px 0;}
input.projectlinks {width: 200px; padding: 2px; margin: 0 10px 5px 0;}
input.projectinput {padding: 2px; margin: 0 0 5px 0;}

input.postbtn {margin: 0 0 0 5px;}

input.newprojectbtn {margin: 5px 0 0 8px;}

input.cmsbtn {margin: 5px 0 0 15px;}

input.newalumnibtn {margin: 10px 0 0 8px;}
input.editalumnibtn {margin: 10px 0 0 8px;}

input.alumnitext {width: 150px;}

/* CMS STYLES -------------------------------------------------*/
div.outlinebox {float: left; width: 300px; background: url("images/outline-mid.gif") repeat-y; margin: 0 20px 0 0;}
div.outlineboxclose {background: #fff url("images/outline-btm.gif") no-repeat; clear: left; padding: 5px 0 10px 10px;}
div.outlineboxheader {background: url("images/outline-top.gif") no-repeat; padding: 10px 0 0 30px;}

div.outlineboxwide {float: left; width: 550px; background: url("images/outline-wide-mid.gif") repeat-y; margin: 0 5px 0 0; padding:0}
div.outlineboxwideclose {background: #fff url("images/outline-wide-btm.gif") no-repeat; clear: left; padding: 5px 0 10px 10px;}
div.outlineboxwideheader {background: url("images/outline-wide-top.gif") no-repeat; padding: 10px 0 0 30px;}

div.outlineboxinner {padding: 0 0 10px 20px;}

form#adminform {margin:0; padding:0;}
form#cmsdropdown {margin:0; padding:0;}

div#cmslabrow {background: url("images/cms-block-top.gif") no-repeat;}
div#cmslabrowclose {background: #fff url("images/cms-block-btm.gif") no-repeat; clear:left;}

div#cmspublishinglabrow {background: url("images/publishing-block-top.gif") no-repeat;}
div#cmspublishinglabrowclose {background: #fff url("images/publishing-block-btm.gif") no-repeat; clear:left;}
div#cmspublishinglabrow a {color: #6f3e9d;}
span.PublishingLab {color: #6f3e9d;}

div#cmsperformancelabrow {background: url("images/performance-block-top.gif") no-repeat;}
div#cmsperformancelabrowclose {background: #fff url("images/performance-block-btm.gif") no-repeat; clear:left;}
div#cmsperformancelabrow a {color: #4d9aa6;}
span.PerformanceLab {color: #4d9aa6;}

div#cmsdesignlabrow {background: url("images/design-block-top.gif") no-repeat;}
div#cmsdesignlabrowclose {background: #fff url("images/design-block-btm.gif") no-repeat; clear:left;}
div#cmsdesignlabrow a {color: #a03b3a;}
span.DesignLab {color: #a03b3a;}

div#cmsmusiclabrow {background: url("images/music-block-top.gif") no-repeat;}
div#cmsmusiclabrowclose {background: #fff url("images/music-block-btm.gif") no-repeat; clear:left;}
div#cmsmusiclabrow a {color: #947452;}
span.MusicLab {color: #947452;}

div#cmsbroadcastlabrow {background: url("images/broadcast-block-top.gif") no-repeat;}
div#cmsbroadcastlabrowclose {background: #fff url("images/broadcast-block-btm.gif") no-repeat; clear:left;}
div#cmsbroadcastlabrow a {color: #40539c;}
span.BroadcastLab {color: #40539c;}

div#cmsfashionlabrow {background: url("images/fashion-block-top.gif") no-repeat;}
div#cmsfashionlabrowclose {background: #fff url("images/fashion-block-btm.gif") no-repeat; clear:left;}
div#cmsfashionlabrow a {color: #647f1d;}
span.FashionLab {color: #647f1d;}

div.cmsblock {float: left; width: 235px; margin: 0 15px 0 0;}
div.cmsblock3 {float: left; width: 235px; margin: 0;}


div.cmsblock ul, div.cmsblock3 ul {margin-top: 10px;}
div.cmsblock ul li, div.cmsblock3 ul li {padding: 5px 0;}

div#cmsleftcontent {float: left; width: 735px; margin: 0 0 0 0;}
div#cmsleftcontent p {padding: 0 10px 10px 10px;}

div.projectbtns {text-align: right; float: right; padding: 5px 0 0 0;}
div.projectbtns img {border:none; margin:0 10px 0 0;}