/* Style sheet for IEDC, created 2004-06-21, revised 2005-09-01, validated ? */

html, body {
 margin:0;
 padding:0;
 }

#pagewidth {
 width:100%;
 min-width: 500px;
 background-color: white;
 color: black;
 font-family: geneva,arial,helvetica,sans-serif;
 }

p, th, td, ul, li { color: black;
 font-family: geneva,arial,helvetica,sans-serif; }

a:link { color: #33F; text-decoration: none; }
a:visited { color: #F33; text-decoration: none; }
a:hover { color: #F3F; text-decoration: underline; }

img { border: 0; }
b, strong { font-weight: bold; }
i, em, cite { font-style: italic; }

.center { text-align: center; }
.copyright { font-size: 80%; text-align: center;
 font-family: geneva,arial,helvetica,sans-serif; }
.crumbs { font-size: 80%;
 font-family: geneva,arial,helvetica,sans-serif; }

#content {
 padding: 5px;
 margin-left: 215px;
} /* not to be confused with content class below */

#header {
 height:150px;
 width:100%;
 background: url(sb-mts.jpg) right top no-repeat;
 background-color:#99F;
 color: white;
 font-size: 200%;
 font-weight: bold;
 }

#leftcol {
  width:200px;
  float:left;
  position:relative;
  margin-left:-200px;
  margin-right:1px;}
#leftcol ul {
  margin: 0;
  padding: 0;
  list-style: none;}
#leftcol li {
  padding: 8px 0 7px 12px;
  margin: 0;
  line-height: 160%;
  border-bottom: 1px solid #FFF;
  position: relative;}
#leftcol li a {
  color: #333;
  font-weight: bold;
  text-decoration: none; }
#leftcol li:hover, #leftcol li:active {
  background: red 0 0; }
#leftcol li:hover a, #leftcol li a:hover {
  background: red 0 0;
  color: #FFF;
  text-decoration: underline; }

#outer {
 border:solid white 0px;
  /*/*/ border-left-width: 200px ;  /* left column width. NN4 hack to hide borders */
 border-left-color: #FCC;   /* left column colour */
 border-left-style: solid;
 background-color: white; /* center column colour */
 width: auto;
 }

#footer {
 clear:both;
 height:150px;
 width:100%;
 text-align: center;
 border-top: solid blue;
 }

#inner {margin:0; width:100%;}

#maincol {
 float: left;
 width: 100%;
 position: relative;
 margin: 0 -8px 0 -2px;
 }

#outer>#inner { border-bottom: 1px solid white;  }

.clr {clear:both;}

.content {padding:5px;} /*padding for content */

#header .content{padding-bottom:0;  /*padding bottom 0 to remove space in IE5 Mac*/
  position: absolute;
  top: 100px;}

#box dl { border: 1px solid #99F; }
#box dt { background-color: #99F;
 color: #000;
 font-weight: bold;
 padding: .3em; }
#box dd { margin-left: .5em;
 padding: .3em; }

/*printer styles*/
@media print {
 /*hide the left column when printing*/
 #leftcol{display:none;}
 #outer{border-left:0;}
 }

.s80 { font-size: 80% } /* for size -2 or h6 */
.s90 { font-size: 90% } /* for size -1 or h5 */
.s110 { font-size: 110% }  /* for size=4 or h3 (bold for h) */
.s140 { font-size: 140% }  /* for size=5 or h2 (bold for h)*/
.s200 { font-size: 200% }  /* for size=6 or h1 */
.s300 { font-size: 300% }  /* for size=7 */