<!--
/* ------------------------------------------------------------------- DEFAULT PAGE ------------------------------------------------------------------------ */
.site { background: url('images/backgrounds/background-default.jpg'); background-repeat: no-repeat; background-position: top center; font-family: verdana; font-size: 11px; line-height: 140%; margin: 0px; color: #493831; }
.site HR { height: 1px; border: 0px }
.site a {color: #00abd5; text-decoration: underline;}
.site a:hover{color: #00abd5; text-decoration: none;}

/* MASTER ELEMENTS */

.site #pagediv { text-align: left; width: 720px; position: relative }
.site #logodiv { width; 100%; height: 117px }
.site #menudiv { width; 100%; height: 29px }
.site #bannerdiv { width; 100%; height: 94px }

/* ENGLISHDIV */

.site #englishdiv { position: absolute; text-align: right; left: 460px; width: 250px; top: 30px; color: #707070 } 
.site #englishdiv A { color: #000000; text-decoration: none; font-weight: bold }
.site #englishdiv IMG { border: 0px solid #aebcc1 }

/* LOGODIV */

.site #logodiv .logo { margin-top: 20px; margin-left: 20px }

#followmebanner { z-index: +10; margin-left: 290px; height: 72px; width: 391px; position: absolute; border: 1px solid black; }

/* USERDIV */

.site #userdiv { position: absolute; text-align: right; left: 458px; width: 250px; top: 70px; color: #707070 } 
.site #userdiv A { color: #aebcc1; text-decoration: none; font-weight: bold }

/* MENUDIV */

.site #menudiv .framediv { position: absolute; margin-top: 6px; margin-left: 10px; backgronund: red }
.site #menudiv A { width: 80px; font-weight: bold; font-family: Trebuchet MS; font-size: 12px; text-decoration: none; color: #493831;  }
.site #menudiv .menuitem { float: left; width: 80px; margin-left: 6px; margin-right: 6px; text-align: center }
.site #menudiv .dropdown0 { z-index: 3; margin-left: 10px; position: absolute; width: 160px; background: #ffffff; border: 2px solid #493831; margin-top: 0px; display: none }
.site #menudiv .dropdown0 .submenuitem { width: 100%; font-family: verdana; margin: 0px; padding: 5px }
.site #menudiv .dropdown0 A { text-decoration: none; text-transform: none; font-family: Trebuchet MS; font-size: 11px; font-weight: bold }
.site #menudiv .dropdown1 { z-index: 3; position: absolute; width: 180px; background: #ffffff; border: 2px solid #493831; display: none }
.site #menudiv .dropdown1 .submenuitem { margin: 0px; padding: 5px; width: 100%; font-family: verdana }
.site #menudiv .dropdown1 A { text-decoration: none; text-transform: none; font-family: verdana; font-weight: normal  }
.site #menudiv .dropdown2 { z-index: 3; position: absolute; width: 180px; background: #ffffff; border: 2px solid #493831; display: none }
.site #menudiv .dropdown2 .submenuitem { margin: 0px; padding: 5px; width: 100%; font-family: verdana }
.site #menudiv .dropdown2 A { text-decoration: none; text-transform: none; font-family: verdana; font-weight: normal  }

/* TABDIVS */

.site #tabdiv { position: absolute; left: 493px; top: 220px; text-transform: lowercase; font-size: 12px; width: 225px;}
.site #tabdiv A { font-weight: bold; color: #00abd5; font-family: Trebuchet MS; font-weight: bold; text-decoration: none; float: left; display: block; margin-right: 30px }
.site #tabdiv A:hover { text-decoration: underline }

/* COPYRIGHTDIV */

.site #copyrightdiv { }
.site #copyrightdiv .framediv { margin-left: 75px; margin-right: 75px; color: #b2c0c4; }
.site #copyrightdiv .framediv HR { size: 1px; height: 1px; background: #AEBCC1; border: 0px solid #AEBCC1; color: #AEBCC1 }
.site #copyrightdiv .framediv P { margin: 0px; margin-left: 20px }
.site #copyrightdiv .framediv A { color: #24778c }

/* COLUMNS */

.site #columnsdiv { width: 100%; margin-top: 10px }
.site #columnsdiv #submenudiv { float: left; width: 150px; position: relative; top: -22px; left: 0px; font-family: Trebuchet MS; font-size: 12px; font-weight: bold; }
.site #columnsdiv #contentdiv { float: left; width: 330px; margin-left: 20px; margin-top: 10px }
.site #columnsdiv #supportdiv { float: left; width: 200px; margin-left: 10px }
.site #columnsdiv H1 { font-size: 16px; color: #21b6da; font-family: Trebuchet MS }
.site #columnsdiv H2 { font-size: 11px; color: #493831; font-family: Trebuchet MS; font-weight: bold; }
.site #columnsdiv H3 { font-size: 11px; color: #000000; font-weight: bold; margin-bottom: 3px; margin-top: 3px }
.site #columnsdiv H1 IMG { float: right; margin-top: 5px }

/* COLUMN : SUBMENUDIV */

.site #columnsdiv #submenudiv .framediv { margin-right: 20px; margin-top: 0px; text-transform: lowercase; margin-bottom: 250px; line-height: 19px; }
.site #columnsdiv #submenudiv A { font-weight: bold; color: #493831; text-decoration: none; margin: 0px 3px 0px 0px; }
.site #columnsdiv #submenudiv A:hover { color: #aebcc1 }
.site #columnsdiv #submenudiv .menuitem { text-align: right }

/* COLUMN : CONTENTDIV */

.site #columnsdiv #contentdiv .header { margin: 0px }
.site #columnsdiv #contentdiv .header H1 { margin-bottom: 0px }
.site #columnsdiv #contentdiv .header .metadata { font-size: 10px; margin-top: 0px; color: #808080; text-transform: lowercase }
.site #columnsdiv #contentdiv .header .metadata A { color: #808080; text-decoration: none }

/* COLUMN : SUPPORTDIV */

.site #columnsdiv #supportdiv #extraspotlightdiv, .site #columnsdiv #supportdiv #studycontactdiv, .site #columnsdiv #supportdiv #studyemailandphonediv, .site #columnsdiv #supportdiv #studymapdiv, .site #columnsdiv #supportdiv #studylegenddiv, .site #columnsdiv #supportdiv #spotlightdiv, #columnsdiv #supportdiv #addressdiv, #columnsdiv #supportdiv #publicationarchivediv, #columnsdiv #supportdiv #newsarchivediv, #columnsdiv #supportdiv #filesdiv, #columnsdiv #supportdiv #publicationsdiv, #columnsdiv #supportdiv #picturesdiv, #columnsdiv #supportdiv #studyfilterdiv { border: 1px solid #cbd5d9; margin-bottom: 10px; background-repeat: repeat-x }
.site #columnsdiv #supportdiv #extraspotlightdiv H1, .site #columnsdiv #supportdiv #studycontactdiv H1, .site #columnsdiv #supportdiv #studyemailandphonediv H1, .site #columnsdiv #supportdiv #studymapdiv H1, .site #columnsdiv #supportdiv #studylegenddiv H1, .site #columnsdiv #supportdiv #spotlightdiv H1, #columnsdiv #supportdiv #addressdiv H1, #columnsdiv #supportdiv #publicationarchivediv H1, #columnsdiv #supportdiv #newsarchivediv H1, #columnsdiv #supportdiv #filesdiv H1, #columnsdiv #supportdiv #publicationsdiv H1,  #columnsdiv #supportdiv #picturesdiv H1, #columnsdiv #supportdiv #studyfilterdiv H1 { margin-top: 0px }
.site #columnsdiv #supportdiv #extraspotlightdiv P, .site #columnsdiv #supportdiv #studycontactdiv P, .site #columnsdiv #supportdiv #studyemailandphonediv P, .site #columnsdiv #supportdiv #studymapdiv P, .site #columnsdiv #supportdiv #studylegenddiv P, .site #columnsdiv #supportdiv #spotlightdiv P, #columnsdiv #supportdiv #addressdiv P, #columnsdiv #supportdiv #publicationarchivediv P, #columnsdiv #supportdiv #newsarchivediv P, #columnsdiv #supportdiv #filesdiv P, #columnsdiv #supportdiv #publicationsdiv P, #columnsdiv #supportdiv #picturesdiv P, #columnsdiv #supportdiv #studyfilterdiv P { margin-top: 0px }
.site #columnsdiv #supportdiv #extraspotlightdiv .framediv, .site #columnsdiv #supportdiv #studycontactdiv .framediv, .site #columnsdiv #supportdiv #studyemailandphonediv .framediv, .site #columnsdiv #supportdiv #studymapdiv .framediv, .site #columnsdiv #supportdiv #studylegenddiv .framediv, .site #columnsdiv #supportdiv #spotlightdiv .framediv, #columnsdiv #supportdiv #addressdiv .framediv, #columnsdiv #supportdiv #publicationarchivediv .framediv, #columnsdiv #supportdiv #newsarchivediv .framediv, #columnsdiv #supportdiv #filesdiv .framediv, #columnsdiv #supportdiv #publicationsdiv .framediv, #columnsdiv #supportdiv #picturesdiv .framediv, #columnsdiv #supportdiv #studyfilterdiv .framediv { margin: 10px }
.site #columnsdiv #supportdiv #picturesdiv .framediv .images IMG { border: 1px solid #808080; margin-left: 7px; margin-right: 7px; margin-bottom: 7px }
.site #columnsdiv #supportdiv #picturesdiv .framediv .images { width: 100% }
.site #columnsdiv #supportdiv #newsarchivediv IMG { margin-right: 10px }
.site #columnsdiv #supportdiv #newsarchivediv A { text-decoration: none; color: #000000 }
.site #columnsdiv #supportdiv #newsarchivediv A:hover { color: orange }
.site #columnsdiv #supportdiv #publicationarchivediv IMG { margin-right: 10px }
.site #columnsdiv #supportdiv #publicationarchivediv A { text-decoration: none; color: #000000 }
.site #columnsdiv #supportdiv #publicationarchivediv A:hover { color: orange }
.site #columnsdiv #supportdiv #filesdiv IMG { margin-right: 6px }
.site #columnsdiv #supportdiv #studylegenddiv IMG { margin-right: 10px }
.site #columnsdiv #supportdiv #studylegenddiv P { margin: 0px }

.site #columnsdiv #supportdiv #studymapdiv {  margin-top: 10px; }
.site #columnsdiv #supportdiv #studymapdiv { left: expression( ( 510 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); top: expression( ( 385 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); }

.site #columnsdiv #supportdiv #studymapdiv IMG { border: 0px }
.site #columnsdiv #supportdiv #studymapdiv .allstudies { text-align: center; font-weight: bold; margin: 0px }
.site #columnsdiv #supportdiv #studyemailandphonediv H3 { margin-top: 10px }
.site #columnsdiv #supportdiv #studyemailandphonediv IMG { margin-right: 5px }
.site #columnsdiv #supportdiv #studycontactdiv IMG { margin-right: 5px }
.site #columnsdiv #supportdiv #extraspotlightdiv { background: #fff; background-repeat: repeat-x; border: solid 1px #88d8eb }
.site #columnsdiv #supportdiv #extraspotlightdiv H1 { font-size: 14px }
.site #columnsdiv #supportdiv #extraspotlightdiv .description IMG { float: left; margin-right: 10px; border: 1px solid #000000 }

/* SPOTLIGHTDIV */

.site #spotlightdiv { }
.site #spotlightdiv .item { }
.site #spotlightdiv .description { width: 170px; margin-top: 10px; margin-bottom: 5px }
.site #spotlightdiv .description IMG { float: left; border: 1px solid #808080; margin-right: 10px }
.site #spotlightdiv .name { width: 170px; font-weight: bold; margin-top: 10px }
.site #spotlightdiv .name A { text-decoration: none; color: #24778c }
.site #spotlightdiv .name A:hover { color: #00abd5 } 

/* NEWSDIV */

.site #newsdiv { }
.site #newsdiv .item { border-top: 1px solid #D0D0D0 }
.site #newsdiv .thumb { width: 90px; float: left; margin-top: 10px }
.site #newsdiv .thumb IMG { border: 1px solid #808080 }
.site #newsdiv .name { width: 240px; float: left; font-weight: bold; margin-top: 10px }
.site #newsdiv .name A { text-decoration: underline; color: #00abd5 }
.site #newsdiv .name A:hover { text-decoration: none; color: #24778c } 

/* PUBLICATIONSDIV */

.site #publicationsdiv { }
.site #publicationsdiv .item { border-top: 1px solid #D0D0D0 }
.site #publicationsdiv .thumb { width: 90px; float: left; margin-top: 10px }
.site #publicationsdiv .thumb IMG { border: 1px solid #808080 }
.site #publicationsdiv .name { width: 240px; float: left; font-weight: bold; margin-top: 10px }
.site #publicationsdiv .name A { text-decoration: underline; color: #24778c }
.site #publicationsdiv .name A:hover { text-decoration: none; color: #00abd5 } 

/* STUDIESDIV */

.site #studiesdiv { }
.site #studiesdiv H2 { border-bottom: 1px solid #D0D0D0; margin-bottom: 5px }
.site #studiesdiv .province { border-bottom: 1px solid #D0D0D0 }
.site #studiesdiv .provincegroup { margin-bottom: 30px } 
.site #studiesdiv .item { }
.site #studiesdiv .city { float: left; font-weight: bold; width: 110px }
.site #studiesdiv .bullet { float: left; width: 15px} 
.site #studiesdiv .bullet IMG { margin-top: 4px }
.site #studiesdiv .types { float: left; width: 150px; margin-right: 10px }
.site #studiesdiv .study { float: left; width: 150px }
.site #studiesdiv .study A { text-decoration: underline; color: #00abd5 }
.site #studiesdiv .study A:hover { text-decoration: none; color: #24778c } 

/* SELECTORSDIV */

.site .selectorsdiv .provinceselectdiv { width: 95%; margin-left: 5px; margin-top: 5px; margin-bottom: 5px }
.site .selectorsdiv .provinceselectdiv SELECT { width: 100%; font-size: 10px }
.site .selectorsdiv .schoolselectdiv { width: 95%; margin-left: 5px; margin-top: 5px; margin-bottom: 5px }
.site .selectorsdiv .schoolselectdiv SELECT { width: 100%; font-size: 10px }
.site .selectorsdiv .studyselectdiv { width: 95%; margin-left: 5px; margin-top: 5px; margin-bottom: 5px }
.site .selectorsdiv .studyselectdiv SELECT { width: 100%; font-size: 10px }
.site .selectorsdiv { margin-top: 10px }
.site .selectorsdiv .clearfilter { border: 0px; width: 100px; height: 18px; font-size: 10px; background: #F0F0F0; font-weight: bold }
.site .selectorsdiv P { font-weight: bold; margin-left: 5px; margin-top: 5px; margin-bottom: 0px }

/* ADDRESSDIV */

.site #addressdiv { }
.site #addressdiv .icon { width: 20px; float: left }
.site #addressdiv .icon IMG { margin-top: 5px }
.site #addressdiv P { margin: 0px }

/* ORDERDIV */

.site #orderdiv { }

/* STUDYVIEW */

.site #studyviewdiv { }
.site #studyviewdiv .fieldlabel { float: left; width: 100px; font-weight: bold; margin-bottom: 3px }
.site #studyviewdiv .fieldvalue { float: left; width: 220px; margin-bottom: 3px }
.site #studyviewdiv .addressdiv { width: 165px; float: left }

/* ELEMENT : readmore */

.site .readmore { font-weight: bold; color: #999999; text-align: right; margin: 3px }
.site .readmore IMG { vertical-align: middle; margin-left: 5px }
.site .readmore A { text-decoration: none; color: #00abd5 }
.site .readmore A:hover { text-decoration: underline; color: #24778c }

/* ELEMENT : readnext & readprevious*/

.site .readnext, .site .readprevious { font-weight: bold; color: #999999; text-align: right; margin-top: 5px; float: left; width: 50%; text-transform: lowercase; margin: 0px }
.site .readnext { text-align: right }
.site .readprevious { text-align: left }
.site .readnext IMG, .readprevious IMG { vertical-align: middle }
.site .readnext IMG { margin-left: 10px }
.site .readprevious IMG { margin-right: 10px }
.site .readnext A, .site .readprevious A { text-decoration: none; color: #999999 }
.site .readnext A:hover, .site .readprevious A:hover { color: #000000 }

/* ELEMENT : CLEAR */

.site .clear { clear: both; height: 1px; margin: 0px; font-size: 1px }

/* ELEMENT : NOMARGIN */

.site .nomargin { margin: 0px; margin-bottom: 3px }

/* ELEMENT : ERROR */

.site .error { color: #00abd5; font-weight: bold }

/* ELEMENT : NORECORDS */

.site .norecords { font-style: italic }

/* ELEMENT : SEARCHCONDITION */

.site .searchcondition { background: #F0F0F0 }
.site .searchcondition P { padding: 5px; margin: 0px }

/* ELEMENT : TOTOP */

.site .totop { font-weight: bold; margin: 0px; margin-top: 10px; text-align: right }
.site .totop A { text-decoration: none; color: #00abd5 }

/* ELEMENT : FORMFIELDS */

.site .formlabel { float: left; width: 100px; margin-bottom: 5px }
.site .formfield { float: left; width: 223px; margin-bottom: 5px }
.site .formfield INPUT, .site #contactdiv .formfield TEXTAREA { width: 100%; border: 1px solid #808080; font-size: 12px; font-family: verdana }
.site .formfield TEXTAREA { height: 100px }
.site .formfield #name { width: 156px }
.site .formfield #gender { width: 59px }
.site .formbutton { text-align: right }
.site .formbutton INPUT { background: #808080; color: #ffffff; border: 0px; font-size: 11px }

/* ------------------------------------------------------------------- MESSAGE PAGE ----------------------------------------------------------------------- */

.messagepage { }

/* ------------------------------------------------------------------ RICHEDIT BLOCK ---------------------------------------------------------------------- */

.richeditblock { font-family: verdana; font-size: 11px; line-height: 140% }
.richeditblock BLOCKQUOTE { background: #F0F0F0; margin: 10px; padding: 7px; border: 1px solid #D0D0D0; color: #808080 }
.richeditblock H1 { }
.richeditblock H2 { }
.richeditblock H3 { }
.richeditblock H4 { }
.richeditblock P { }
.richeditblock IMG { border: 1px solid #000000; margin-right: 5px; margin-bottom: 5px }
.richeditblock A { }
.richeditblock A:hover { }
.richeditblock UL { }
.richeditblock OL { }
.richeditblock LI { }
.richeditblock HR { height: 1px; color: #aebcc1; border: 1px solid #aebcc1; background: #aebcc1 }
.richeditblock .bordered {  }
.richeditblock .bordered TD { border: 1px solid #D0D0D0; padding: 5px }
.richeditblock .bordered #header { background: #F0F0F0; text-align: center; font-weight: bold }
.richeditblock .bordered #footer { background: #F0F0F0; text-align: center }
.richeditblock .borderless { }
.richeditblock .borderless TD { }
.richeditblock .borderless #header { background: #F0F0F0; text-align: center; font-weight: bold }
.richeditblock .borderless #footer { background: #F0F0F0; text-align: center }

//-->