/* general */
body, html { width: 100%; height: 100%; margin: 0; }
body { background-color: #E3007B; }
body, a, p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8.5pt; color: #333; }
a { text-decoration: none; }
a:hover { color: #000; }
a:focus, a:active { -moz-outline: none; outline: none; border: none; }
p { margin: 0 0 15px 0; line-height: 12.5pt; }
.small { font-size: 9px; line-height: 11px; }
ol { margin: 0; padding: 0 0 0 15px; list-style-image: url(images/pink-bullet.png); }
ol li {  line-height: 12.5pt; }
map area { cursor: default; }

/* ID specific */
#container { width: 726px; height: 520px; position: relative; overflow: visible; margin: 0; background-color: #fff; border: 25px solid #fff; border-width: 12px 15px 23px 35px; }
h1#logo { position: absolute; top: 0px; right: 0px; margin: 0; background: url(images/logo.png) 0px 1px no-repeat; width: 270px; height: 110px; overflow: hidden; z-index: 1; }
#text { position: absolute; top: 126px; left: 494px; text-align: left; width: 230px; }
#menu { position: absolute; left: 494px; top: 479px; }
#menu span.divider { background: url(images/divider.png) 0 5px no-repeat; width: 3px; height: 11px; display: block; float: left; overflow: hidden; margin: 0 5px; }
#menu a { display: block; float: left; margin-bottom: 4px; }
#menu a.selected { color: #E3007B; }
#page_photo { position: absolute; top: 24px; left: 0px; z-index: 2; }
#bubble { position: absolute; background: top left no-repeat; overflow: hidden; z-index: 3; visibility: hidden; text-align: left; }
#bubble p { margin: 15px 0 0 20px; color: #E3007B; }
#our_people_photo { position: absolute; top: -12px; left: -10px; z-index: 0; }
#our_people_flash { display: none; position: absolute; width: 478px; height: 537px; top: -3px; left: -10px; z-index: 8; }
#our_people_fadeout { background-color: #fff; display: none; position: absolute; width: 478px; height: 537px; top: 0; left: -10px; z-index: 9; }
#our_people_full_container { visibility: hidden; width: 308px; height: 391px; background: url(images/people-full-container.png) top left no-repeat; position: absolute; top: 70px; left: 90px; z-index: 10; }
#our_people_full_container div div { display: none; margin: 25px auto 0 auto; padding: 0 0 0 5px; text-align: left; width: 261px; }
#our_people_full_container div div img { margin-bottom: 15px;  }
#our_people_full_container div div span { width: 260px; display: block; color: #E3007B; }
#our_people_full_container div div span span { width: auto; display: inline; }
#our_people_full_container .people_innerwrap { height: 100%; width: 100%; position: absolute; top: 0px; left: 0px; z-index: 1000; }
#need_javascript { background-color: #ffc; position: absolute; top: 0; left: 0; width: 100%; border-bottom: 1px solid #ccc; }
#need_javascript div { padding: 3px; }
#need_javascript img { margin-top: -2px; }
#contact_details { margin-bottom: 15px; }
#contact_details td { vertical-align: bottom; padding: 0 10px 5px 0; }

/* popupss */
.close { position: absolute; top: 10px; right: 10px; display: block; height: 10px; width: 10px; background: url(images/close-button.png) top left no-repeat; z-index: 1000; text-decoration: none !important; }
.popup { visibility: hidden; position: absolute; z-index: 4; background: url(images/popup-bg.png) bottom left no-repeat; padding: 0 0 8px 8px; }
.popup div div { padding: 15px 25px 15px 15px; }
.popup p { text-align: left; margin: 0; color: #E3007B; }
.popup a { color: #E3007B; text-decoration: underline; }
.links_popup a {color: #E3007B; }
.links_popup a:hover {color: #c3005B; }
.links_popup p { margin: 0 0 10px 0; }
.popup p.header { margin: 0 0 3px 0; font-weight: bold; }

/* hide for CSS enabled browsers */
#logo span, #menu span.divider span, .close span { visibility: hidden; }

/* vertical align */
#outer { height: 100%; overflow: visible; position: relative; width: 100%;}
#outer[id] {display: table; position: static;}
#middle[id] {display: table-cell; vertical-align: middle; position: static; margin: 0 auto; #vertical-align: auto; }
#main_container { position: relative; top: expression(document.body.offsetHeight/2-this.offsetHeight/2>20?document.body.offsetHeight/2-this.offsetHeight/2:20);}

/* used by the CMS */
#page_content { padding: 20px; }