/*----- ESSENTIALS -----*/
body { font:11px "Trebuchet MS"; color:#767676; background:#000 url(/images/bkg-body.gif) 0 0; margin:0;
/* make anything a hover in IE with this code >> */ behavior:url("/css/csshover.htc") }
table, td { border:0; border-spacing:0; border-collapse:collapse; padding:0; margin:0; vertical-align:top }
img { border:0 }
ul, li { list-style-type:none; padding:0; margin:0 }
form, input { padding:0; margin:0 }
h1, h2, h3 { padding:0; margin:0; text-transform:uppercase }
h1 { font:bold 15px Arial, Helvetica, sans-serif; color:#2f3c52; padding:13px 0 7px }
h2 { font:11px Arial, Helvetica, sans-serif; color:#2f3c52 }
h3 { }
a { font-weight:bold; color:#767676; text-decoration:none }
a:hover { color:#37465d; text-decoration:underline }

/* blue links */
.blue { color:#37465d }
.blue:hover { color:#000; text-decoration:underline }

/* page titles */
.pTTL { width:476px; height:46px; background:url(/images/bkg-pageTitle.gif) 0 0 no-repeat; padding:0 0 0 19px }
.pTTL2 { width:505px; height:46px; background:url(/images/bkg-pageTitle2.gif) 0 0 no-repeat; padding:0 0 0 19px }

/* lists */
.list { margin:5px 10px }
.list li { background:url(/images/bullet-arrow.gif) 0 5px no-repeat; padding:0 0 0 12px }
/*----- ESSENTIALS -----*/

/*----- WRAPPER -----*/
#hpWrap { width:100%; background:url(/images/bkg-mainHP.gif) 0 0 repeat-x; margin:0 auto }
#inWrap { width:100%; background:url(/images/bkg-mainIN.gif) 0 0 repeat-x; margin:0 auto }
#contentWrap { width:758px; min-height:415px; height:auto !important /* for firefox and safari */; height:415px /* for ie */; background:#FFF url(/images/bkg-shadow.gif) 0 0 repeat-y; padding:0 9px; margin:0 auto }
/*----- WRAPPER -----*/

/*----- HEADER -----*/
#hdr { width:760px; height:110px; background:url(/images/bkg-header.gif) 100% 0 no-repeat; margin:0 auto }
#hdr img { margin:14px 0 0 }
/*----- HEADER -----*/

/*----- SPLASH -----*/
/* homepage splash */
#hpSplash { height:114px; width:403px; background:url(/images/splash-hp.jpg) 0 2px no-repeat; border:solid #b8b8b8; border-width:0 4px 4px; padding:114px 330px 0 19px; margin:0 auto }
#hpSplash h1 { font-weight:normal; font-size:18px }
#hpSplash .learnMore { display:block; width:134px; height:25px; font-weight:normal; text-transform:uppercase; color:#FFF; background:url(/images/button-learnMore.gif) 0 0 no-repeat; padding:4px 0 0; text-align:center; margin:7px 0 0 -3px }
#hpSplash .learnMore:hover { color:#FFCC00; text-decoration:none }

/* internal splash */
#inSplash { width:403px; height:111px; border:solid #b8b8b8; border-width:0 4px 4px; padding:0 330px 0 19px; margin:0 auto }
#inSplash h1 { font-weight:normal; font-size:18px }
.photo01 { background:url(/images/splash-01.gif) 0 2px no-repeat }
/*----- SPLASH -----*/

/*----- NAVIGATION -----*/
/* top navigation */
#navTop { width:760px; height:30px; background:url(/images/divider-navTop.gif) 0 0 no-repeat; margin:0 auto }
#navTop li { float:left; background:url(/images/divider-navTop.gif) 100% 0 no-repeat }
#navTop a { display:block; float:left; font-weight:normal; font:11px Arial, Helvetica, sans-serif; color:#b3b3b3; padding:8px 18px }
#navTop a:hover { color:#FFF; text-decoration:none }

/* header navigation */
#navHdr { float:right; width:200px; height:21px; color:#334259; background:url(/images/bkg-navHdr.gif) 0 0 no-repeat; padding:4px 0 0; text-align:center }
#navHdr a { font-weight:normal; color:#334259 }
#navHdr a:hover { color:#000 }

/* left navigation internal */
#navLeft { min-height:223px; height:auto !important; height:223px; background:url(/images/divider-grayDash.gif) 0 100% repeat-x; padding:7px 0 }
#navLeft ul { padding:0 12px }
#navLeft li { background:url(/images/divider-grayDash.gif) 0 100% repeat-x; padding:5px 0 5px 7px }
#navLeft .end { background:none }
#navLeft ul ul li { background:none; padding:0 }
.moreStaff { display:none }
.moreStaff a { color:#37465d }
.moreStaff a:hover { color:#000 }
/*----- NAVIGATION -----*/

/*----- BODY HOMEPAGE -----*/
#hpBody { width:758px; height:415px }
#hpBody .left { width:456px; padding:0 18px 0 21px }
#hpBody .pTTL { margin:0 -18px 12px -21px }
#hpBody .right { width:220px; background:url(/images/bkg-hpBodyRight.gif) 0 0 repeat-y; padding:0 15px 0 28px }

/* small content boxes */
#hpCnt { background:url(/images/divider-grayDash.gif) 0 0 repeat-x; margin:13px 0 0 }
#hpCnt td { width:137px; height:151px; line-height:14px; border:1px dashed #b8b8b8; border-width:0 1px 1px; padding:0 5px 0 9px }
#hpCnt td h2 { padding:0 0 3px; margin:-3px 0 0 }
#hpCnt .top { width:454px; height:auto; line-height:normal; border:0; padding:0 0 18px }
#hpCnt .box1 { color:#444; background:url(/images/bkg-hpCntBox1.jpg) 0 100% no-repeat }
#hpCnt .box2 { color:#444; background:url(/images/bkg-hpCntBox2.jpg) 0 100% no-repeat }
#hpCnt .box3 { color:#444; background:url(/images/bkg-hpCntBox3.jpg) 0 100% no-repeat }
#hpCnt .viewall { float:right; display:block; width:105px; height:16px; font:normal 11px Arial, Helvetica, sans-serif; color:#fff; background:url(/images/button-viewAll.gif) 0 0 no-repeat; padding:1px 0 0; margin-right:-5px !important /* firefox and safari */; margin:50px -3px 0 0 /* ie */; text-align:center }
#hpCnt .viewall:hover { color:#ffcc00; text-decoration:none }

/* publications list */
#pubList { background:url(/images/divider-grayDash.gif) 0 100% repeat-x; padding:0 0 10px }
#pubList h1 { font:bold 13px "Trebuchet MS"; text-transform:none; padding:0 }
#pubList ul { padding:0 7px 0 0 }
#pubList li { border-bottom:1px solid #b8b8b8; padding:5px 5px 5px 1px }
#pubList .end { border:0 }

/* contact box */
#hpCtc { width:220px; height:140px; line-height:14px; background:url(/images/bkg-hpContact.jpg) 0 100% no-repeat }
/*----- BODY HOMEPAGE -----*/

/*----- BODY INTERNAL -----*/
#inBody {  }
#inBody { width:758px; height:415px }
#inBody .left { width:220px; background:url(/images/bkg-inBodyLeft.gif) 0 0 repeat-y; padding:0 14px 0 0 }
#inBody .left .ttl { background:url(/images/divider-grayDash.gif) 0 100% repeat-x; padding:10px 0 10px 19px }
#inBody .right { width:481px; padding:0 25px 0 18px }
#inBody .right h1 { font-size:14px; font-weight:normal; padding:14px 0 3px }
#inBody .right .pTTL2 { margin:0 -25px 0 -18px }
#inBody .right .pTTL2 h1 { font-size:15px; font-weight:bold; padding:13px 0 7px }
#inBody .inBanner { padding:6px 0 10px }
#inBody .inBanner2 { padding:19px 0 0 }

/* product list */
#inBody #products img { float:left; margin:0 7px 0 0 }
#inBody #products h1 { font-size:12px; font-weight:bold; text-transform:none; padding:0 }
#inBody #products li { padding:7px; margin:0 0 5px }
#inBody #products li:hover { background:#dfdfdf }

/* contact box */
#inCtc { width:205px; height:140px; line-height:14px; background:url(/images/bkg-hpContact.jpg) 0 100% no-repeat; padding:0 0 0 15px }

/* profile picture */
.profile-pic { float:right; border:1px solid #888; padding:1px; margin:0 0 10px 10px }
/*----- BODY INTERNAL -----*/

/*----- FOOTER -----*/
#hpFtr, #inFtr { width:731px; height:37px; padding:26px 21px 0 24px; margin:0 auto }
#hpFtr { background:url(/images/bkg-hpFooter.gif) 0 0 no-repeat }
#inFtr { background:url(/images/bkg-inFooter.gif) 0 0 no-repeat }
#hpFtr div, #inFtr div { float:right }
#hpFtr a, #inFtr a { font-weight:normal }
#hpFtr .gray, #inFtr .gray { color:#767676 }
#hpFtr .gray:hover, #inFtr .gray:hover { color:#767676; text-decoration:none }
/*----- FOOTER -----*/