* {margin: 0; padding: 0;}
body {margin: 0; padding: 0; background: white; color: #143852; text-align: center; font: 80%/120% "Trebuchet MS", Verdana, sans-serif;}

img {border: 0;}

a {color: #66a3e0; text-decoration: none;}
a:hover{text-decoration: underline;}

br.clear {clear: both;}

#skipnav {text-indent: -9999em; width: 0; height: 0;}

#container {position: relative; width: 960px; margin: 0 auto; padding: 0; text-align: left;}

#branding {position: relative; width: 960px; height: 67px; padding: 0; margin: 0;}
#branding h1 {text-indent: -9999em; background: white url(../img/innovationUTAH.gif) left top no-repeat; width: 220px; height: 22px; position: absolute; top: 29px; left: 12px;}
#branding h1 a {display: block; width: 220px; height: 22px;}
#branding p {position: absolute; right: 16px; bottom: 18px; margin: 0; padding: 0;}

/* --------------------
 USTAR Main Navigation Bar
 ----------------------- */
#navigation {width: 960px; height: 40px; background: transparent url(../img/nav_bg.jpg) left top no-repeat; font-size: 14px; overflow: hidden; margin: 0 0 18px 0; padding: 0;}
#navigation ul {list-style: none; margin: 0 0 0 10px; border-left: 1px solid #cfd1d6; float: left; padding: 0;}
#navigation ul li {line-height: 40px; float: left; margin: 0; padding: 0;}
#navigation ul li a {display: block; line-height: 40px; border-right: 1px solid #cfd1d6; padding: 0 23px; margin: 0; color: #143852; text-decoration: none; float: left;}
#navigation ul li a:hover {background: #b1c2d0;}

/* --------------------
Main Content Area Secondary Pages
 ----------------------- */
#MainContent {float: left; width: 723px; margin: 0; padding: 0;}
#MainContent p, ul, ol, h1, h2, h3, h4, h5, h6 {margin: 5px 10px 1em 10px; font-weight: normal; padding: 0;}
#MainContent li {padding: 0; margin: 0 0 .6em 3em;}
#MainContent blockquote {margin: 0 30px 1em 30px; padding-left: 10px; border-left: 2px solid #143852;}
#MainContent bold {font-weight: bold;}
#MainContent .floatright {float: right;}
#MainContent .floatleft {float: left;}

/* --------------------
Main Content Area Image Styles
 ----------------------- */
#MainContent img {}
#MainContent img.imageLeft {float: left; margin: 0 10px 10px -10px;}
#MainContent img.imageRight {float: right; margin: 0 -10px 10px 10px;}

/* --------------------
Rounded Box Styles for Research Teams
 ----------------------- */
#MainContent div.round_box {width: 722px; background: transparent url(../img/roundbox_bg.gif) left top repeat-y; margin: 0 0 1em 0;}
#MainContent div.round_box h3.uu {background: transparent url(../img/uu_roundbox_top.gif) left top no-repeat; text-indent: -9999em; width: 722px; height: 42px; margin: 0 0 1em 0; padding: 0;}
#MainContent div.round_box h3.us {background: transparent url(../img/us_roundbox_top.gif) left top no-repeat; text-indent: -9999em; width: 722px; height: 39px; margin: 0 0 1em 0; padding: 0;}
#MainContent div.round_box div.round_box_bottom {clear: both; background: transparent url(../img/roundbox_bottom.gif) left bottom no-repeat; height: 17px;}
#MainContent div.round_box div.teams_left {width: 290px; float: left; margin-left: 30px;}
#MainContent div.round_box ul {list-style: none; margin: 0; padding: 0;}
#MainContent div.round_box li {margin: 0 0 1em 0; padding: 0; position: relative; height: 69px; display: block;}
#MainContent div.round_box li a {display: block; height: 45px; margin: 0; padding: 24px 0 0 80px; color: #143852; background: transparent url(../img/thumbs/fossil_thumb.jpg) left center no-repeat;}

#MainContent div.round_box div.teams_allstar {width: 560px; margin-left: 30px;}

/* --------------------
different images for Research Teams Icons/thumbnails
 ----------------------- */
#MainContent div.round_box li a.nano {background-image: url(../img/thumbs/nano_thumb.jpg);}
#MainContent div.round_box li a.brain {background-image: url(../img/thumbs/brain_thumb.jpg);}
#MainContent div.round_box li a.personal {background-image: url(../img/thumbs/personal_thumb.jpg);}
#MainContent div.round_box li a.biomed {background-image: url(../img/thumbs/biomed_thumb.jpg);}
#MainContent div.round_box li a.circuits {background-image: url(../img/thumbs/circuits_thumb.jpg);}
#MainContent div.round_box li a.diagnostic {background-image: url(../img/thumbs/diagnostic_thumb.jpg);}
#MainContent div.round_box li a.it {background-image: url(../img/thumbs/it_thumb.jpg);}
#MainContent div.round_box li a.advnutrition {background-image: url(../img/thumbs/advnutrition_thumb.jpg);}
#MainContent div.round_box li a.biofuels {background-image: url(../img/thumbs/biofuels_thumb.jpg);}
#MainContent div.round_box li a.remote3d {background-image: url(../img/thumbs/remote3d_thumb.jpg);}

/* --------------------
Secondary Content / Side Bar
 ----------------------- */
#SecondaryContent {float: right; width: 218px; margin: 0; padding: 0; }
#SecondaryContent img {margin: 0; padding: 0; border: 0;}

/* -------------------- Collaboration Network --------------------- */
#collaboration {background: #d3dbe1 url(../img/collaboration_bottom.gif) left bottom no-repeat; position: relative; margin: 0; padding: 0; width: 218px;}
#collaboration p, img {padding: 0 1em; margin: 0 0 1em 0;}
#collaboration a {float: right; display: block; margin: 0; padding: 0;}
#collaboration h3 {text-indent: -9999em; background: transparent url(../img/collaboration_h3.gif) left top no-repeat; width: 218px; height: 35px; margin: 0;}
#collaboration br {clear: both;}

/* -------------------- Research --------------------- */
#research {background: #d3dbe1 url(../img/collaboration_bottom.gif) left bottom no-repeat; position: relative; margin: 0; padding: 0; width: 218px;}
#research p, img {padding: 0 1em; margin: 0 0 1em 0;}
#research a {display: block; margin: 0 0 -10px 0; padding: 0;}
#research h3 {text-indent: -9999em; background: transparent url(../img/research_h3.gif) left top no-repeat; width: 218px; height: 35px; margin: 0;}
#research br {clear: both;}

/* -------------------- teamlinks --------------------- */
#teamlinks {clear: both; position: relative; height: 66px;  margin: 10px 0; padding: 20px 0 0 0; }
#teamlinks li { display: inline; list-style-type: none; padding: 0px; margin: 0 0px 0 -10px;}

/* -------------------- Did You Know? --------------------- */
#dyk {background: #e8f3ff url(../img/dyk_bg.gif) left bottom no-repeat; margin: 18px 0 0 0; padding: 0; position: relative; width: 218px;}
#dyk h3 {margin: 0; width: 218px; height: 35px; text-indent: -9999em; background: transparent url(../img/dyk_h3.gif) left top no-repeat;}
#dyk p, img {padding: 0 1em; margin: 0 0 1em 0;}
#dyk a {float: right; display: block;}
#dyk br {clear: both;}

/* --------------------
Secondary Content Tertiary navigation
  --------------------- */
#tertiary {background: transparent url(../img/collaboration_bottom.gif) left bottom no-repeat; position: relative; margin: 0 0 20px 0; padding: 0 0 10px 0; width: 218px;}
#tertiary ul {margin: 0; padding: 1em 0 0 0; background: #d0d7dc url(../img/tertiary_top.gif) left top no-repeat; list-style: none;}
#tertiary li {margin: 0 0 .6em 1em;}

/* --------------------
iFrame Stuff
  --------------------- */
iframe {width: 99%; height: 640px; border: none; overflow: auto;}

/* --------------------
Footer / Site Info
 ----------------------- */
#footer {clear: both; position: relative; height: 66px; width: 886px; margin: 10px 0; padding: 0 74px 0 0; background: transparent url(../img/poweredby_ustar.gif) right top no-repeat; border-top: 10px solid white;}
#footer ul {position: absolute; top: 0; left: 0; width: 866px; height: 35px; list-style: none; border-top: 4px solid #ececec; border-bottom: 4px solid #ececec; margin: 0; padding: 0;}
#footer li {float: left; line-height: 35px;}
#footer ul li a {text-decoration: none; color: #0066cc; display: block; float: left; padding: 0 10px; margin: 0;  line-height: 35px; background: white url(../img/footer_nav_sep.gif) right center no-repeat;}
#footer ul li a:hover {text-decoration: underline;}
#footer br {clear: both;}
#footer img {position: absolute; top: 0; right: 0;}
#footer p {position: absolute; bottom: 0; left: 0; color: #7f99b2; font-size: .8em;}