* {
  margin: 0;
  padding: 0;
}
body {
  text-align: center;
  font: normal 11px/16px Verdana, Arial, sans-serif;
  background: #f7b6d0;
  color: #777;
}
img {
  border: 0;
}

/* LINKS ---------------------------------------- */

a {
  color: #09f;
}
a:hover {
  color: #f25ea9;
}

/* TYPOGRAPHY ----------------------------------- */

p {
  margin: 0 0 1.5em;
}
h1 {
  font: normal 24px/50px Georgia, 'Times New Roman', serif;
  color: #fff;
  margin: 0 -13px 14px;
  padding: 0 0 0 20px;
  height: 59px;
  background: url(../img/site/h1-new.gif) no-repeat 0 0;
}
* html h1 {
  position: relative;
}
h1 a {
  color: #fff;
  text-decoration: none;
}
h1 a:hover {
  color: #fff;
  border-bottom: 1px dashed #fff;
}
h2 {
  color: #F25EA9;
  font: normal 19px/1em Georgia, 'Times New Roman', serif;
  margin: 1.2em 0 .3em;
  line-height: 1.1em;
  font-size: 19px;
}
h2.center {
  text-align: center;
}
#main > h2:first-child {
  margin-top: 0;
}
h3, h4 {
  margin: 1.2em 0 .3em;
  line-height: 1.4em;
}
h4 {
  color: #09f;
  font-size: 11px;
  line-height: 14px;
}
blockquote {
  margin: 0 2em;
}
small {
  font-size: 11px;
}
.error {
  font-weight: bold;
  color: red;
}
.success {
  font-weight: bold;
  color: green;
}
.notop {
  margin-top: 0;
}
.nobottom {
  margin-bottom: 0;
}

/* sIFR 3 r436 */
@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}
@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}
@media screen {
  .sIFR-active h2 {
    visibility: hidden;
    font-family: Verdana;
    line-height: 1.1em;
    font-size: 19px;
  }
}

/* LISTS ---------------------------------------- */

ul, ol {
  margin: .5em .5em 1.5em;
}
ol {
  margin-left: 1.75em;
}
ul ul, ul ol, ol ul, ol ol {
  margin-top: 0;
  margin-bottom: 0;
}
ul.related, ol.related {
  margin-top: -1em;
}
li {
  margin-left: 1.4em;
  padding-left: 0;
  line-height: 1.4em;
}
ul.spaced li, ol.spaced li {
  margin-bottom: 1em;
}

/* LAYOUT --------------------------------------- */

#page {
  width: 796px;
  margin: 3px auto 0;
  background: url(../img/site/page-bg.gif) repeat-y 0 0;
  text-align: left;
  position: relative;
}
#pageInner {
  padding: 10px 23px 1px;
  background: url(../img/site/page-top.gif) no-repeat 0 0;
}
#logo {
  position: absolute;
  top: 19px;
  left: 39px;
}
#flashMessage, #authMessage {
  color: red;
  font-weight: bold;
  margin-bottom: 1em;
  text-align: center;
}
#left {
  float: left;
  width: 187px;
}
#main {
  margin-left: 208px;
}
#footer {
  width: 796px;
  background: url(../img/site/page-bottom.gif) no-repeat 0 0;
  padding: 24px 0;
  margin: 0 auto;
  text-align: center;
  font-size: 11px;
  line-height: 14px;
  color: #c69;
}
#footer a {
  color: #c69;
}
#footer a:hover {
  color: #fff;
}

/* NAV ------------------------------------------ */

#utilityNav {
  list-style: none;
  text-align: right;
  font-size: 11px;
  margin: 0;
  padding: 23px 2px 0 0;
}
#utilityNav li {
  display: inline;
  margin: 0;
}
#utilityNav a {
  color: #777;
  padding: 0 3px;
  text-decoration: none;
}
#utilityNav li.last a {
  padding-right: 0;
}
#utilityNav a:hover {
  text-decoration: underline;
}
#mainNav {
  list-style: none;
  text-align: right;
  font-size: 10px;
  font-weight: bold;
  margin: 0;
  padding: 8px 2px 13px;
}
#mainNav li {
  display: inline;
  margin-left: 13px;
}
#mainNav a {
  color: #f25ea9;
  text-decoration: none;
}
#mainNav a:hover {
  color: #09f;
  text-decoration: underline;
}
#mainNav li.active a {
  color: #777;
}
#subNav {
  margin: 0;
  position: relative;
  top: -24px;
  background: #ffdced;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #feafd4;
  padding: .6em 0 .6em 1em;
  color: #f25ea9;
}
#subNav li {
  margin-top: .4em;
  margin-bottom: .4em;
}
#subNav a {
  color: #f25ea9;
  font-weight: bold;
  text-decoration: none;
  padding-right: .5em;
}
#subNav a:hover {
  color: #09f;
  text-decoration: underline;
}
#subNav li.active, #subNav li.active a {
  color: #777;
}
#subNav h4 {
  color: #fff;
  background: #F99DCB;
  padding: 0 4px;
  margin-left: -1em;
  text-align: center;
  line-height: 1.5em;
}

/* MISC ----------------------------------------- */

.blurb {
  text-align: center;
  font-size: 1.3em;
  font-style: italic;
}
.square {
  float: right;
  margin: 0 0 1em 1.5em;
}
.diagonal {
  float: right;
  margin: 0 0 1em 1em;
}
#info {
  float: right;
  width: 190px;
  background-color: #fcc;
  border: 3px solid #f9c;
  padding: 5px;
  margin: 0 0 1em 1em;
  text-align: center;
}
#info h4 {
  color: #f69;
  font-size: 14px;
  margin: 0 0 5px;
}
#info strong {
  color: #c06;
}
#info em {
  color: #369;
}
hr {
  margin: 1em 0;
}

/* PRINT ---------------------------------------- */

@media print {
  body {
    background-color: #fff;
    color: #000;
  }
  #page, #pageInner, #footer, h1 {
    background: none;
  }
  #pageInner {
    padding: 0;
  }
  #footer {
    padding: 10px;
    color: #999;
    text-align: left;
    border-top: 1px solid #999;
    margin-top: 1em;
  }
  h1 {
    border-bottom: 4px solid #f25ea9;
    color: #999;
    margin: 0;
    padding: .5em 0 0 0;
    line-height: 1.5em;
  }
  h1 a {
    color: #999;
  }
  #subNav {
    top: 0;
  }
}