/* ********* Set Defaults to Zero ******* */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
/*ol,ul{list-style:none;}*/
caption,th{text-align:left;}
h1,h2,h3,h4{font-size:100%;}
/* turn off the link outline in Firefox */
a {outline: none;}
/* !!!!!!!!!! YOU MUST RESTYE THE ABOVE AS NEEDED !!!!!!!!!!!!!  */

/* set global paragraph margin */
p { margin:0 0 15px 0; line-height:18px;}
/* Apply left margin only to the few elements that need it: */
dd, blockquote { margin-left: 1em; }
li { margin-left: 2.5em; }
table { font-size:100%; }
/* remember to define focus styles! */
:focus {outline:0px;}

/* This makes the text left justified in the CS debug area */
.cfdebug {text-align:left;}

.floatleft { float:left;}
.floatright { float:right;}
.clear { clear:both;}

a:link {color: #002596;	text-decoration: underline; font-size:100%;}
a:visited {color: #002596; text-decoration: underline; font-size:100%;}
a:hover {color: #A32634; text-decoration: underline; font-size:100%;}
a:active, a:focus {color: #002596; text-decoration: underline; font-size:100%;}

body { font-size: .75em; color:#333333; font-family: Arial, Helvetica, sans-serif ; margin-top: 11px; text-align: center;  background:#F1F1F1 url(../graphics/bg_maintop.gif) repeat-x;}
.fse-hidden { display:none; }
input, select, textarea { font-size: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
input { vertical-align:middle;}
select { vertical-align:middle;}
/*  NOTE - the percentages below will scale off of the font size set in the body selector style above */
/* Header tag styles */
h1 { font-size:18px;color:#000;}
h2 { font-size:16px;color:#000;}
h3 { font-size:14px;color:#000;}

.centered { text-align:center;}
.align-right { text-align:right;}
.align-left { text-align:left;}

.label { visibility:hidden;}
/* this contains everything in the site and controls centering and margins */	
#container{ width: 980px; margin: 0 auto; margin-bottom: 20px;  height:100%; text-align: left; }

#logo { height:64px; margin-left:53px; float:left; margin-top:30px; }
#STP-login { width:271px; float:left; }
#STP-login2 { width:271px; float:left; }
#content-box { width:665px; float:right; margin-right:44px; }
#content-area { background:url(../graphics/content_tx_bg.gif);}
/*#content-area p{ padding:10px 20px 0px 30px; }*/
#content-foot { width:665px; height:26px; background:url(../graphics/splash_tx_foot.gif) no-repeat; margin-top:-15px;}

/* splash page */
#splash-left { width:223px; float:left; }
#splash-right { width:757px; float:right; }
.splash-text { font-size:16px; color:#666666; padding:15px 30px 15px 40px;}

.mid-menu { width:980px; height:36px; clear:both; }

/* home page */
#home-left { width:223px; float:left; }
.home-top-leftH { width:223px; height:214px; background: url(../graphics/RegionLanding_HK_blank.gif) no-repeat; padding-top:28px; margin-bottom:-28px;  }
.home-top-left { width:223px; height:214px; background: url(../graphics/RegionLanding_HK_bg.gif) no-repeat; padding-top:28px; margin-bottom:-28px;  }
.HK-pic { width:120px; height:100px; margin-left:72px; }
.HK-pic td{ width:120px; height:100px; overflow:hidden; text-align:center; vertical-align:middle; }
.HK-pic td img{ width:120px; }
.HK-title { width:140px; margin-left:60px; margin-top:35px; text-align:center;}
.home-bottom-leftH { width:223px; height:217px; background: url(../graphics/RegionLanding_FM_blank.gif) no-repeat; }
.home-bottom-left { width:223px; height:217px; background: url(../graphics/RegionLanding_FM_bg.gif) no-repeat; }
.FM-logo { width:130px; margin:25px 0 0 67px; xborder:1px solid black;}
.FM-logo td{ height:110px; vertical-align:middle; text-align:center; }
.FM-title {width:140px; margin-left:60px; margin-top:30px; text-align:center;}
#home-right { width:757px; float:right; }
.home-text { font-size:11px; color:#666666;}
#home-left a{ font-weight:bold; text-decoration:none;}
#home-content { width:610px; margin:0 0 0 30px;}
#home-content  p{ margin:8px 30px 8px 0px; }
#home-content .cell-1{ width:410px; vertical-align:top; padding-top:15px; padding-bottom:15px; }
#home-content .cell-2{ width:200px; vertical-align:top; padding-top:15px; padding-bottom:15px; }
#home-content .cell-2 a{ text-decoration:none; }

/* commonly used */
#template-main-full { width:980px; height:423px; background:url(../graphics/template_content_full_bg.jpg) no-repeat; }
#template-bot { width:980px; height:88px; background:url(../graphics/template_bot_bg.gif) no-repeat; }
.content-822 { width:822px; height:320px; margin:0 0 0 85px; overflow:auto; background:url(../graphics/content_inner_822_bg.jpg)}

.title-left { width:325px; float:left; font-size:18px; font-weight:bold; color:#000000; margin-top:20px; margin-bottom:10px; margin-left:100px; }
.title-right { width:325px; float:right; font-size:18px; font-weight:bold; color:#000000; margin-top:20px; margin-bottom:10px; margin-right:175px; }

.content-table-760 { width:760px; margin-top:10px; margin-left:5px; }
.ct760-td{ width:380px; vertical-align:top; }

.content-table-380 { width:380px;}
.ct380-img-cell { width:100px; height:80px; overflow:hidden; background:#FFFFFF; text-align:center; vertical-align: middle; }
.ct380-info-cell { width:260px; vertical-align:top; padding:0 10px 0 10px; xborder:1px solid #000000; }
.ct380-info-cell a:link {color: #002596;	text-decoration: none; font-weight:bold; }
.ct380-info-cell a:visited {color: #002596; text-decoration: none; font-weight:bold; }
.ct380-info-cell a:hover {color: #A32634; text-decoration: none; font-weight:bold; }
.ct380-info-cell a:active, a:focus {color: #002596; text-decoration: none; font-weight:bold; }
.ct380-spacer { height:20px; }

.page-title { font-size:18px; height:40px; font-weight:bold; padding:20px 0 0 0; color:#000000; }
.title { font-size:18px; font-weight:bold; padding-bottom:10px; color:#000000; }
.div-600 { width:600px; height:270px; overflow:auto; margin: 0 0 0 30px; background:url(../graphics/div_600_bg.jpg); }

/* 2 colum layout */
.table-2col td{ vertical-align:top; margin:0; padding:0;}
.sub-left-271 { width:271px; height:423px;}
.sub-left-271-blank { width:271px; height:423px; background:url(../graphics/left_bg.jpg) no-repeat; }
.sub-right-709 { width:709px; height:368px; background:url(../graphics/sub_709_bg.jpg) no-repeat; }

.sub-right-709 p{ margin-right:20px; margin-left:20px; margin-top:10px; }
.sub-right-709 h1, h2, h3, h4{ margin-right:20px; margin-left:20px; margin-top:10px; }
/*.sub-left-271bot { width:271px; height:55px; float:left; background:url(../graphics/sub_left_271bot_bg.jpg) no-repeat; }*/
.content-640x300 { width:640px; height:300px; background: #FFFFFF; overflow:auto; }

.sub-right-709bot { width:709px; height:55px; background:url(../graphics/sub_709_bot_bg.jpg) no-repeat; }

.page-scroller { width:500px; height:30px; margin-left:90px; padding-top:20px; text-align:center; }

/* Associations */
.asc-table { width:570px; margin-top:10px;}
.asc-td-left { width:190px; vertical-align:top; text-align:center; padding-top:5px; }
.asc-td-right { width:380px; vertical-align:top; }
.pic-160x160 { margin-left:12px; margin-bottom:15px; }
.pic-160x160 td{ width:160px; height:160px; background:url(../graphics/160x160_bg.gif) no-repeat; text-align:center; }

.asc-list-table { width:560px; margin-top:10px; margin-left:12px; }
.asc-list-td-left { width:120px; vertical-align:top; text-align:center; padding-top:5px; padding-left:15px; }
.asc-list-td-right { width:440px; vertical-align:top; padding: 5px 0 0 0; }
.pic-100x100 { margin-bottom:15px; }
.pic-100x100 td{ width:100px; height:100px; background:url(../graphics/100x100_bg.gif) no-repeat; text-align:center; }

/* landing layout */
#landing-main { width:980px; height:423px; background:url(../graphics/WhatsNew_bg.jpg) no-repeat; }
#landing-bot { width:980px; height:88px; background:url(../graphics/WhatsNew_bot_bg.gif) no-repeat; }
.landing-pic-div { width:250px; height:250px; float:left; margin:66px 0 0 118px; overflow:hidden; }
.landing-txt-div { width:482px; height:270px; float:right; overflow:auto; margin:56px 105px 0 0; background:url(../graphics/WhatsNew_text_bg.jpg) repeat-x; }
.landing-txt-div p{ padding:10px 30px 0 20px; }
.landing-txt-div h1{ padding:20px 0 0 20px; }

/* contact page */
#contact-left { width:160px; height:270px; float:left; }
#contact-right { width:480px; height:270px; float:right; margin-right:65px; overflow:auto; background:url(../graphics/div_480_bg.jpg) no-repeat; }
.caps-title { text-transform:uppercase; font-weight:bold; padding-bottom:10px;}
.cnt-btn { margin-bottom:8px;}

/* for form validation  */
.required { font-weight:bold;}
.alert { font-weight:bold; color:#CC0000;}
/* contact form */
#form-table { width:450px; margin:20px 0 20px 0; }
#form-table thead td.cell-1 { width:130px; }
#form-table thead td.cell-2 { width:320px;}
#form-table tbody td { height:30px; padding:4px;} /* height:20px; in IE fix style sheets */
#form-table tbody td.cell-1 { width:200px; text-align:right;}
#form-table tbody td.cell-2 { width:310px;}
#form-table .textbox {border:1px solid #81B8D6; width:300px; height:18px; }
#form-table .textbox-city {border:1px solid #81B8D6; width:149px; height:18px; }
#form-table .textbox-zip {border:1px solid #81B8D6; width:60px; height:18px; }
#form-table .textarea-comments {border:1px solid #81B8D6; width:300px; height:125px; }
#form-table .select {border:1px solid #81B8D6; height:20px; }
#form-table .button { border:1px solid #81B8D6; margin:4px 0 0 4px; }
.contact-thanks { text-align:center; font-size:14px; padding-top:80px;}

/* Client Info */
.client-info-name { font-size:120%; font-weight:bold; margin:5px 0;}
.client-info-address1 { margin:5px 0;}
.client-info-address2 { margin:5px 0;}
.client-info-citystatezip { margin:5px 0;}
.client-info-phone { margin:5px 0;}
.client-info-phone span{ font-weight:bold; text-transform:lowercase; font-size:11px;}

/* Staff Page */
#staff-div { width:625px; height:270px; overflow:auto; }
#contacts-div { width:480px; height:270px; overflow:auto; }
.staff-table { width:100%;}
.staff-table a{ text-decoration:none; }
.staff-table td{ vertical-align:top; }
.staff-spacer { height:8px;}
.staff-spacer2 { height:15px;}
.staff-dept { font-size:13px; font-weight:bold; color:#FFFFFF; background-color:#90AFD7; text-transform:uppercase; padding:5px; }
.staff-name { width:45%; font-size:12px; font-weight:bold; padding:2px; line-height:20px; }
.staff-title { font-weight:normal; font-size:11px; font-style:italic; padding:2px; line-height:20px; }
.staff-phone { width:45%; font-size:12px; line-height:20px;}
/*.staff-ext {}
.staff-cell {}
.staff-bio { width:10%;padding:2px; }*/
.staff-email { width:10%;padding:2px; font-size:11px; font-weight:bold; }
/*.cnt-staff-table-tr1 { background:#FFFFFF; }
.cnt-staff-table-tr2 { background:#EEEEEE; }*/

/* Staff Profile page */
.staff-profile { width:95%; font-size:100%; margin:20px; border:1px solid #CCCCCC;}
.staff-profile-pic { width:40%; padding:10px;}
.staff-profile-info { width:60%; padding:10px;}
.staff-profile-name { font-weight:bold; font-size:125%;}
.staff-profile-title { font-style:italic;}
.staff-profile-numbers { text-align:right; padding:10px;}
.staff-profile-bio { font-size:100%; padding:10px; }
.staff-profile-close { text-align:center; padding:10px;}

/* facilities ------------------------------------------------------------- border:1px solid #000000;*/
.fac-img { width:600px; overflow:hidden; height:340px; margin: 0 0 0 30px;  }
.fac-img img{ margin-top:25px; }
.fac-caption { width:600px; text-align:center; padding-top:20px; margin-left:30px; }
.fac-thumbs { width:830px; margin-left:70px; padding-top:14px; }
.fac-table { float:right;}
.fac-thumbs-bg { width:50px; height:50px; display:inline-block; overflow:hidden; background:#0E44CD; margin-left:15px; }
.fac-thumbs-bg img{ margin-left:-40px; margin-top:-20px; }
/* ------------------------------------------------------------------------- */

/* page classes */
.fineprint { font-size:80%;}
.mediumprint { font-size:85%;}

/* ************** Pager Classes - used on utl_callPager.cfm *******************border:1px solid #000000; */
/* pager table*/
/*.pager {  }*/
.label { font-size:11px; padding-right:4px; }
.previous { padding-right:5px; width:71px; }
.page-numbers { font-size:12px; }
.next { padding-left:5px;  }

a:link.LoopLink {font-weight:bold; color:#FFF; font-size:90%; text-decoration:none; padding:3px 8px 2px 6px; background-color:#002596;  }
a:visited.LoopLink  {font-weight:bold; color:#FFF; font-size:90%; text-decoration:none; padding:3px 8px 2px 6px; background-color:#002596; }
a:hover.LoopLink  {font-weight:bold; color:#FFF; font-size:90%; text-decoration:none; padding:3px 8px 2px 6px; background-color:#91AFD7; }
a:active.LoopLink  {font-weight:bold; color:#FFF; font-size:90%; text-decoration:none; padding:3px 8px 2px 6px; background-color:#91AFD7; }

a:link.onPage {font-weight:bold; color:#FFF; font-size:90%; text-decoration:none; padding:3px 8px 2px 6px; background-color:#91AFD7; }
a:visited.onPage  {font-weight:bold; color:#FFF; font-size:90%; text-decoration:none; padding:3px 8px 2px 6px; background-color:#91AFD7; }
a:hover.onPage  {font-weight:bold; color:#FFF; font-size:90%; text-decoration:none; padding:3px 8px 2px 6px; background-color:#002596; }
a:active.onPage  {font-weight:bold; color:#FFF; font-size:90%; text-decoration:none; padding:3px 8px 2px 6px; background-color:#002596; }

/* Content Creator */
.cc-pic { float:right; margin:10px 10px 0 15px;}
.cc-image {}
.cc-caption { font-size:10px; text-align:center;}
/* footer */
#footer { height:100px; text-align:center; font-size:11px; color:#999999; clear:both; padding-top:20px; }
#footer p{ margin:0 0 4px 0; }
#footer a:link {color: #999999;	text-decoration: none; font-size:11px; font-weight:normal; }
#footer a:visited {color: #999999; text-decoration: none; font-size:11px; font-weight:normal;}
#footer a:hover {color: #999999; text-decoration: underline; font-size:11px; font-weight:normal;}
#footer a:active, a:focus {color: #999999; text-decoration: none; font-size:11px; font-weight:normal;}

/* Pop up box*/
.popup-header { width:100%; height:25px; color:#FFFFFF; background:#002596; margin-top:-11px;}
.popup-header .cell-1{ width:50%; text-align:left; padding-left:10px; }
.popup-header .cell-2{ width:50%; text-align:right; vertical-align:top; }
.popup-header .cell-2 a{ color:#FFFFFF; text-decoration:none; }
.popup-header .cell-2 img{ margin-left:10px;  }

.popup-close { width:200px; margin-left:200px; }
.popup-close img{ margin-top:6px; }
.popup-hdr-text { font-weight:bold; font-size:125%; vertical-align:middle; }

/* directions */
#dropinboxv2 { width:150px; border:1px solid #C9C9C9; margin-top:20px;}
#dropinboxv2 p{ margin:0; padding:2px; }

.record-pager { width:400px; float:right; padding-top:60px; text-align:right; }