/*================================================================*/
/* THE HEATH                                                      */
/*================================================================*/
html
  {
  overflow-y: scroll;
  background: #6E8878;
  }

body
  {
  width: 968px;
  margin: 0 auto 0 auto;
  padding-bottom: 16px;
  background: #c6cecc;
  border-left: solid #55635A 1px;
  border-top: 0;
  box-shadow: 5px 0px 15px #757171;
  -moz-box-shadow: 5px 0px 15px #757171;
  -webkit-box-shadow: 5px 0px 15px #757171;
  }

div.paper
  {
  width: 944px;
  border: solid #c6cecc 12px;
  border-top: 0;
  -moz-border-radius-bottomleft: 24px;
  -webkit-border-bottom-left-radius: 24px;
  border-bottom-left-radius: 24px;
  -moz-border-radius-bottomright: 24px;
  -webkit-border-bottom-right-radius: 24px;
  border-bottom-right-radius: 24px;
  color: #74876b;
  background: white;
  font-family: arial, helvetica, sans-serif;
  font-size: 10pt;
  line-height: 13pt;
  }

/*================================================================*/
/* Round the images                                               */
/*================================================================*/
span.roundedimage
  {
  display: inline-block;
  border-radius: 16px;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
  background-repeat: no-repeat;
  }

span.roundedimage img
  {
  display: block;
  visibility: hidden;
  }

div.imagetray img
  {
  border: solid black 1px;
  }

/*================================================================*/
/* Image swap internal photos                                     */
/*================================================================*/
img.mainpic
  {
  padding: 0px;
  border: solid gray 1px;
  display: block;
  }

/*================================================================*/
/* PAGE HEADER LOGO, TOP MENU AND SEARCH BOX                      */
/*================================================================*/
table.header
  {
  border: 0;
  width: 944px;
  padding-bottom: 16px;
  padding-top: 25px;
  }

table.header td
  {
  vertical-align: top;
  font-family: tahoma;
  font-size: 9pt;
  }

div.topmenu
  {
  padding-top: 16px;
  font-family: tahoma;
  font-size: 9pt;
  }

div.topmenu a, div.topmenu a:visited
  {
  color: #74876b;
  text-decoration: none;
  display: inline-block;
  padding: 0 1px 2px 8px;
  border-left: solid #74876b 1px;
  line-height: 100%;
  }

div.topmenu a:hover
  {
  color: #ef4827;
  text-decoration: underline;
  }

div.topmenu a:first-child
  {
  border-left: 0;
  }

form.topsearch
  {
  padding-top: 32px;
  xcolor: #74876b;
  color: #F75A29;
  font-weight: bold;
  }

form.topsearch input.text
  {
  width: 200px;
  border: solid #E3E8E2 1px;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  }

form.topsearch input.submit
  {
  border: solid #F75A29 1px;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  color: white;
  background: #F75A29;
  }

div.banner
  {
  padding: 10px;
  display: none;
  text-align: center;
  }

/*================================================================*/
/* LOOKING FOR SECTION and MAJOR SECTIONS BUTTONS                 */
/*================================================================*/
div.lookingfor
  {
  padding: 16px 0 16px 10px;
  color: #8ca295;
  font-size: 18pt;
  font-weight: bold;
  padding-bottom: 8px;
  }

table.sectionbuttons
  {
  width: 944px;
  border: 0;
  border-collapse: separate;
  border-spacing: 8px 8px;
  padding-bottom: 8px;
  margin-bottom: 8px;
  }

table.sectionbuttons td
  {
  vertical-align: top;
  }

table.sectionbuttons img
  {
  display: block;
  border: 0;
  }

table.sectionbuttons a:hover img
  {
  opacity: 0.80;
  filter: alpha(opacity=80);
  }

/*================================================================*/
/* COLUMN WIDTHS                                                  */
/*================================================================*/
table.main
  {
  width: 944px;
  border: 0;
  border-collapse: separate;
  border-spacing: 10px 10px;
  padding-bottom: 32px;
  }

table.main td
  {
  vertical-align: top;
  }

td.col1
  {
  width: 336px;
  }

td.col2
  {
  width: 338px;
  }

td.col12
  {
  width: 685px;
  }

td.col3
  {
  width: 222px;
  }

td.half
  {
  width: 50%;
  }

/*================================================================*/
/* HORIZONTAL DIVIDERS                                            */
/*================================================================*/
table.header, div.banner, table.sectionbuttons, table.main
  {
  border-bottom: solid #c6cecc 1px;
  }

/*================================================================*/
/* COLUMN HEADINGS AND SUBHEADINGS                                */
/*================================================================*/
h1, h2, h3, h4
  {
  font-family: Avant Garde, Century Gothic, Arial, Helvetica, Sans-Serif;
  }

h1, h2, h3
  {
  font-size: 18pt;
  font-weight: bold;
  margin: 0;
  padding: 0 0 18px 0;
  line-height: 122%;
  }

h1
  {
  color: #f79420;
  }

h2
  {
  color: #74876b;
  }

h3
  {
  color: #d2dbd5;
  }

h4
  {
  font-size: 14pt;
  font-weight: bold;
  line-height: 18pt;
  margin: 8px 0 2px 0;
  color: #f79420;
  border-bottom: solid #f79420 2px;
  }

h5
  {
  font-size: 12pt;
  font-weight: bold;
  line-height: normal;
  color: white;
  }

h5.news
  {
  font-size: 10pt;
  font-weight: bold;
  line-height: normal;
  color: #f79420;
  margin: 0;
  }

h1.events
  {
  color: #f79420;
  padding-bottom: 0px;
  margin-bottom: 0px;
  }

/*================================================================*/
/* BOXES WITH ROUNDED CORNERS                                     */
/*================================================================*/
div.whitebox, div.colorbox, div.darkbox, div.lightbox
  {
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  padding: 0 8px 8px 8px;
  }

div.whitebox
  {
  border: solid #D5DCD0 1px;
  }

div.colorbox
  {
  border: solid #f79420 1px;
  color: white;
  background: #f79420;
  }

div.darkbox
  {
  border: solid #8ca295 1px;
  color: white;
  background: #8ca295;
  }

div.lightbox
  {
  border: solid #d2dbd5 1px;
  color: #74876b;
  background: #d2dbd5;
  }

/*================================================================*/
/* STYLES USED WITHIN THE PAGE BOXES                              */
/*================================================================*/
p.intro
  {
  font-weight: bold;
  font-size: 11pt;
  line-height: 15pt;
  }

.hilite
  {
  font-weight: bold;
  font-size: 11pt;
  line-height: 15pt;
  color: #f79420;
  }

.bigtext
  {
  font-size: 150%;
  font-weight: bold;
  line-height: 175%;
  }

ul
  {
  padding-left: 1em;
  margin-left: 0.5em;
  }

/*================================================================*/
/* GENERIC HORIZONTAL DIVIDER                                     */
/*================================================================*/
div.pagedivider
  {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  border-bottom: solid #82bfab 1px;
  }

/*================================================================*/
/* H4 UNDERLINING COLORS AND HRS WITHIN SHADED BOXES              */
/*================================================================*/
div.colorbox h4
  {
  color: white;
  border-bottom: solid white 1px;
  }

div.colorbox hr
  {
  color: white;
  size: 1px;
  }

div.darkbox hr
  {
  color: white;
  size: 1px;
  }

div.darkbox h4
  {
  color: white;
  border-bottom: solid white 1px;
  }

div.lightbox h4
  {
  color: #74876b;
  border-bottom: solid white 1px;
  }

/*================================================================*/
/* LINK COLORS WITHIN BOXES                                       */
/*================================================================*/
div.whitebox a, div.whitebox a:visited
  {
  color: #666688;
  }

div.whitebox a:hover
  {
  color: #990000;
  }

div.colorbox a, div.colorbox a:visited, div.colorbox a:hover
  {
  color: white;
  }

div.darkbox a, div.darkbox a:visited, div.darkbox a:hover
  {
  color: white;
  }

div.lightbox a, div.lightbox a:visited, div.lightbox a:hover
  {
  color: black;
  }

/*================================================================*/
/* COLOR OVER-RIDES ACCORDING TO SECTION OF SITE                  */
/*================================================================*/
body.officespace h1
  {
  color: #f15b2a;
  }

body.labspace h1
  {
  color: #be202e;
  }

body.conferences h1
  {
  color: #9e2063;
  }

body.leisure h1
  {
  color: #ee2c7b;
  }

body.officespace div.whitebox h4
  {
  color: #f15b2a;
  border-color: #f15b2a;
  }

body.labspace div.whitebox h4
  {
  color: #be202e;
  border-color: #be202e;
  }

body.conferences div.whitebox h4
  {
  color: #9e2063;
  border-color: #9e2063;
  }

body.leisure div.whitebox h4
  {
  color: #ee2c7b;
  border-color: #ee2c7b;
  }

body.officespace .hilite
  {
  color: #f15b2a;
  }

body.labspace .hilite
  {
  color: #be202e;
  }

body.conferences .hilite
  {
  color: #9e2063;
  }

body.leisure .hilite
  {
  color: #ee2c7b;
  }

body.officespace div.colorbox
  {
  background: #f15b2a;
  border-color: #f15b2a;
  }

body.labspace div.colorbox
  {
  background: #be202e;
  border-color: #be202e;
  }

body.conferences div.colorbox
  {
  background: #9e2063;
  border-color: #9e2063;
  }

body.leisure div.colorbox
  {
  background: #ee2c7b;
  border-color: #ee2c7b;
  }

body.officespace div.whitebox a, body.officespace div.whitebox a:visited
  {
  color: #f15b2a;
  }

body.labspace div.whitebox a, body.labspace div.whiteboxa:visited
  {
  color: #be202e;
  }

body.conferences div.whitebox a, body.conferences div.whiteboxa:visited
  {
  color: #9e2063;
  }

body.leisure div.whitebox a, body.leisure div.whiteboxa:visited
  {
  color: #ee2c7b;
  }

/*================================================================*/
/* COLOR/IMAGE OVER-RIDES FOR BULLETS IN WHITE BOXES              */
/*================================================================*/
div.whitebox li
  {
  list-style-image: url( /graphics/bullet.png );
  list-style-type: disc;
  }

body.officespace div.whitebox li
  {
  list-style-image: url( /graphics/bullet.officespace.png );
  }

body.labspace div.whitebox li
  {
  list-style-image: url( /graphics/bullet.labspace.png );
  }

body.conferences div.whitebox li
  {
  list-style-image: url( /graphics/bullet.conferences.png );
  }

body.leisure div.whitebox li
  {
  list-style-image: url( /graphics/bullet.leisure.png );
  }

/*================================================================*/
/* COLOR OVER-RIDES FOR TABULATIONS                               */
/*================================================================*/
table.tab
  {
  width: 100%;
  empty-cells: show;
  border-collapse: collapse;
  }

table.tab td
  {
  padding: 4px;
  vertical-align: top;
  }

body.conferences table.tab thead td
  {
  background: #b56485;
  font-weight: bold;
  }

body.conferences table.tab tbody td
  {
  background: #A6396D;
  }

body.conferences table.tab tbody tr td:first-child
  {
  background: #AE5079;
  }

body.conferences table.tab tr.divider td
  {
  border-bottom: solid #9e2063 1px;
  }

/*================================================================*/
/* FORMS APPEARING IN LIGHT BOXES                                 */
/*================================================================*/
input.lightbox, textarea.lightbox
  {
  border: 0;
  background: #f7f7f7;
  padding: 4px;
  width: 95%;
  font-size: 100%;
  font-family: arial, helvetica, sans-serif;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  }

input.lightboxbutton
  {
  padding: 4px;
  border: solid #999999 1px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  }

input.normal
  {
  border: solid #317B4A 1px;
  background: #f7f7f7;
  padding: 4px;
  width: 250px;
  font-size: 100%;
  font-family: arial, helvetica, sans-serif;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  }

/*================================================================*/
/* PAGE FOOTER                                                    */
/*================================================================*/
table.footer
  {
  width: 944px;
  border: 0;
  border-collapse: separate;
  border-spacing: 10px 10px;
  }

table.footer a, table.footer a:visited
  {
  font-size: 9pt;
  color: #74876b;
  text-decoration: none;
  }

table.footer a:hover
  {
  color: #ef4827;
  text-decoration: underline;
  }

table.footer li
  {
  list-style-image: url( /graphics/bullet.footer.png );
  list-style-type: disc;
  }

table.footer h1
  {
  color: #71877A;
  }

/*================================================================*/
/* MODIFICATIONS FOR PRINTING                                     */
/*================================================================*/
@media print
  {
  html
    {
    background: none;
    }

  body
    {
    border: 0;
    }

  div.topmenu, form.topsearch, div.footer
    {
    display: none;
    }

  }
/*================================================================*/
/* Contact Page color codes                                       */
/*================================================================*/
div.office
  {
  color: #f15b2a;
  }

/*================================================================*/
/* Search box                                                     */
/*================================================================*/
div.nosearchform input
  {
  display: none;
  }

div.nosearchform a
  {
  text-decoration: none;
  }

div.nosearchform a:hover
  {
  text-decoration: underline;
  }

/******************************************************************/
/* Front page image swap                                          */
/******************************************************************/
div.container
  {
  position: relative;
  width: 932px;
  height: 206px;
  overflow: hidden;
  }

div.container img
  {
  position: absolute;
  top: 0;
  left: 0;
  border: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  }

div.container img.first
  {
  opacity: 1;
  filter: alpha(opacity=100);
  }

/******************************************************************/
/* Resident Zone                                                  */
/******************************************************************/

SPAN.announcedate
  {
  font-size: 8pt;
  text-align: right;
  }