/*BEGIN: CSS default reset
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins,  kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, li, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1; color: black;  background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/*END: CSS default reset*/

body {
  background: #BFC0C7;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 62.5%;
  color: #333;}
.clear {clear: both;}

/*---Font size, style, color---*/
a {color: #333;}
.nav a {color: #FFF;}
a:hover, .nav a {text-decoration: none;}
.nav a:hover {text-decoration: underline;}
h1, h2, #LaborNews span {color: #3E4292; font-weight: bold;}
.main p, .nav, .footer, .main li {font-size: 1.2em; line-height: 1.6em;}
.main p {margin-top: .25em; }



.blurb h1 {font-size: 2em;}
.main h2 {font-size: 1.8em;}
.blurb p {font-size: 1.6em;}
.blurb p {line-height: 1.6em;}
#MoreAbout a {
  font-size: 1.4em;
  font-weight: bold;
  text-decoration: none;
  font-style:italic;}
h1, h2 {font-style: italic;}
h2 {margin-bottom: 1em;}
/*--------------------------------*/

table {border-collapse: collapse;}
.wrapper {
  margin: 0 auto 0 auto;
  width: 1024px;
  background: #FFF;}
.header, .masthead, .main{
  padding-left: 32px;
  padding-right: 32px;}
.header {
  position: relative;
  z-index: 2;
  height: 47px;
  background: url(/xp/seatu/images/header.background.png) top left repeat-x;}
.nav {
  margin-top: .5em;
  float: left;}
.search {
  margin-top: .5em;
  float: right;}
.textfield {
  color: #999;
  font-style: italic;
  background: #FDFBE9;}
.search .submit {
  background: #253373;
  color: #FFF;
  font-weight: bold;
  border: none;
  cursor: pointer;}
#SearchSubmit:hover {
  cursor: pointer;
  color: #F0C713;}
.nav li {
  display: inline;
  list-style: none;
  padding-right: 1em;}
.masthead {
  position: relative;
  z-index: 1;
  padding-bottom: 3em;
  margin-top: -10px;
  background: #FDFBE9 url(/xp/seatu/images/watermark.png) 525px -29px no-repeat;}
.masthead .seatulogo {width: 301px;}
#SEATULogo {
  float: left;
  padding-top: 2em;}
.blurb {
  float: right;
  width: 600px;
  margin-top: 3em;}
a#CallToAction {
  width: 152px;
  height: 42px;
  display: block;
  background: url(/xp/seatu/images/calltoaction.png) top left no-repeat;
  float: right;}
a#CallToAction:hover {background: url(/xp/seatu/images/calltoaction.hover.png) top left no-repeat;}
a#CallToAction span {display: none;}
.main {
  background: url(/xp/seatu/images/main.top.png) top left repeat-x;
  padding-top: 4em;
  padding-bottom: 4em;}
.column {width: 286px;}
#Column1 {float: left;}
#Column3 {float: right;}
#Column2 {
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
  margin: 0 316px;
  padding: 0 20px;}
.column h2 {
  padding: .5em 0 .5em 0;
  padding-left: 40px;}
#Column1 h2 {background: url(/xp/seatu/images/aboutseatu.icon.png) 0 0 no-repeat;}
#Column2 h2 {background: url(/xp/seatu/images/labornews.icon.png) 0 0 no-repeat;}
#Column3 h2 {background: url(/xp/seatu/images/photos.icon.png) 0 0 no-repeat;}
.slideshow {
  widthxx: 286px;
  height: 206px;}
.slideshow img {
  widthxx: 286px;
  height: 206px;
  top: 0;
  left: 0;
  -ms-interpolation-mode: bicubic;
  }
#MoreAbout li {
  margin: 0 0 1em 0;
  float:left;
  background: url(/xp/seatu/images/button.gray.png) top left no-repeat;
  width: 138px;
  height: 40px;}
#MoreAbout li.last {float: right;}
#MoreAbout li:hover {background: url(/xp/seatu/images/button.yellow.png) top left no-repeat;}
#MoreAbout a {
  display: block;
  margin: .5em 0 .5em .5em;}
#LaborNews {padding-left: 1.2em;}
#LaborNews li {
  margin-bottom: 1em;
  list-style: disc;}
.footer {
  margin: 0 32px 0 32px;
  padding: 1em 0 2em 0;
  border-top: 1px solid #CCC;}
.footer p {
  padding-top: 2.5em;
  float: left;}
.footer img {float: right;}
#PrevNext {margin-top: 1em;}
#Prev {float: left;}
#Next {float: right;}
#Content ul { padding-left: 1em; margin-left: 1em;}
#Content li { padding-left: 1em; margin-left: 1em; list-style: disc; line-height: 1.2em;} 
#Content p {margin-bottom: .3em; } 

/*Inner page styles*/
.inner .masthead {height: 100px !important;} /*For inner pages*/
.inner .blurb {float: left !important; width: auto !important; margin-top: 5em !important; margin-left: 2em !important;} /*For inner pages*/
.inner .masthead .seatulogo {width: 150px !important;} /*For inner pages*/
.inner a#SEATULogo {padding-top: 10px !important;} /*For inner pages*/