@charset "utf-8";
/* The fan-tabulous CSS by http://www.focus97.com */

/* CSS reset.  Why?  Because browser makers make the www difficult to style. Enough with that. */
/* Reset by: http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
/* End the Reset.  Now let the games begin. */

body { text-align: center; height: 100%; width: 100%; margin: 0px; background-color: #4F6B92; background-image: url(images/background-gradient-5.jpg); background-repeat: repeat-x; background-position: left top; font-family: Helvetica, Arial, sans-serif; }
body.two { background-image: url(images/background-gradient-2.jpg); background-repeat: repeat-x; background-position: left top; background-color: #EDDEC1; }
body.three { background-image: url(images/background-gradient-3.jpg); background-repeat: repeat-x; background-position: left top; background-color: #f8f1e6; }
body.four { background-image: url(images/background-gradient-4.jpg); background-repeat: repeat-x; background-position: left top; background-color: #e0f1f6; }
body.five { background-image: url(images/background-gradient-5.jpg); background-repeat: repeat-x; background-position: left top; background-color: #4F6B92; }
p { line-height: 1.2em; }
#homeimages { margin-left: 87px; position: relative; margin-top: 8px; }
#top-left { position: absolute; z-index: 2; height: auto; width: auto; left: 0px; top: 0px; }
#left-top { width: 317px; top: 0px; left: 0px; position: absolute; height: 198px; overflow:hidden; }
#right-top { width:313px; height:198px; left:324px; top:0px; position:absolute; overflow:hidden }
#left-bottom { width: 317px; height:204px; top:262px; left:0px; position:absolute; overflow:hidden; }
#right-bottom { width:312px; height:204px; top:262px; left:325px; position:absolute; overflow:hidden }
#top-right { position: absolute; z-index: 1; height: auto; width: auto; right: 0px; top: 0px; }
#bottom-left { position: absolute; z-index: 4; height: auto; width: auto; left: 0px; bottom: 0px; }
#bottom-right { position: absolute; z-index: 3; height: auto; width: auto; right: 0px; bottom: 0px; }
#horizon { position: absolute; top: 50%; left: 0px; width: 100%; margin-top: -251px; text-align: center; z-index: 5; }
#news-clips { background-color: #eceef2; position: absolute; width: 634px; left: 3px; top: 198px; height: 67px; }
#wrapper { text-align: left; height: 501px; width: 1000px; margin-top: 100px; margin-right: auto; margin-bottom: 0px; margin-left: auto; position: relative; padding: 0px; }
#bodycontent { width: 950px; top: 0px; height: 450px; left: 0px; float: left; position: absolute; background-image: url(images/content-2010-2.png); background-repeat: no-repeat; background-position: center center; padding: 25px; }
#bodycontent-2 { width: 950px; top: 0px; padding: 25px; height: 450px; left: 0px; float: left; position: absolute; background-image: url(images/content-2010-2.png); background-repeat: no-repeat; background-position: center center; }
#logo { position: absolute; height: auto; width: auto; top: 60px; left: 15px; }
#logohome { position: absolute; height: auto; width: auto; top: 60px; left: 50px; }
#forumheader { position: relative; height:138px; top: 0px; left: 0px; }
#spectrum-logo { position: absolute; left: 40px; top: 140px; }
#forumheaderimage { position: relative; background-image:url(images/forum-header.jpg); background-repeat:no-repeat; background-position:center top; height:164px; top: 0px; left: 0px; }
#dr-oz { position: relative; top: 20px; margin-right: auto; margin-left: auto; }
#ted-med { position: absolute; left: 47px; top: 420px; }
.videobox { float: left; width: 30%; text-align: left; margin-top: 35px; margin-right: 5px; margin-bottom: 5px; margin-left: 15px; color: #666666; padding-bottom: 10px; }
.videobox:hover { background-color:#DADFE4; }
.videobox-message { color: #ECEEF2; padding: 3px; font-size: 1.3em; line-height: 1.4em; }
.videobox:hover .videobox-message { color: #FFFFFF; background-color: #577398; }
.videobox img { margin-bottom: 15px; }
.videobox img:hover { background-color: #A2AFBF; }
.videobox p { margin-left: 12px; margin-right: 12px; left:0; }
.video-spans { background-color: #A2AFBF; color: #FFFFFF; font-size: 2.3em; line-height: 1.2em; padding-right: 5px; padding-left: 5px; margin-bottom: 2px; margin-right: auto; }
.video-spans-sm { font-size: 1.5em; background-color: #CFD6DE; line-height: 1.4em; padding-right: 5px; padding-left: 5px; color: #555; }
#navforum { position:absolute; bottom:5px; left:10px; width:450px; height:30px; }
#welcomebox { position: absolute; width: auto; top: 30px; right: 5px; font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #999999; text-align: right; background-color: #99FFFF; padding: 15px; border: 1px solid #CCCCCC; background-image: url(images/background-gradient-5.jpg); background-repeat: repeat-x; background-position: left center; }
.cycleslides { float: right; width: 218px; overflow: hidden; height: 300px; border: 2px solid #ADE4F8; margin-left: 15px; }
.cycleslides img { height: 300px; width: 218px; }
#welcomesaying { font-family: Helvetica, Arial, sans-serif; font-size: 14px; color: #666666; position: relative; width: 900px; margin-right: auto; margin-left: auto; padding-top: 10px; padding-bottom: 15px; }
#menu { position: absolute; width: 170px; top: 170px; height: 221px; left: 60px; }
#menuhome { position: absolute; width: 170px; top: 180px; height: 221px; left: 100px; }
.social_icons { position: absolute; left: 25px; bottom: 15px; }
#tierneylab { position: absolute; bottom: 0px; left: 50px; }
#copy { position: absolute; width: 735px; top: 10px; font-size: 12px; color: #444; margin-right: 10px; right: 0px; z-index: 2; background-color: #ECEEF2; }
h2 { font-size: 2em; font-weight: normal; margin-bottom: 15px; border-bottom-width: 8px; border-bottom-style: solid; border-bottom-color: #CFD6DE; color: #2B4D7A; margin-top: 14px; }
.bioszindex { z-index: 11; overflow: auto; }
.bioszindex .clearimage { clear: both; display: block; color: #999999; height: 20px; line-height: 20px; text-align: center; padding: 5px; margin: 10px; font-size: 10px; }
.bioszindex img { margin-right: 15px; margin-bottom: 10px; float: left; }
#our-team table, table { background-color: #ECEEF2; }
table thead td { background-color:#f9f9f9; }
table tr { border-bottom:1px solid #fff; }
table td { padding:4px 6px; background-color:#eee; line-height:1.5em; }
table h4 { border-bottom:none; margin-bottom:0; padding:0; }
#our-team table thead td { background-color: #FFFFFF; padding: 5px; }
#our-team table tbody td { padding:5px; }
#our-team tbody a { background-color: #CFD6DE; margin-bottom: 3px; padding-top: 2px; padding-right: 6px; padding-bottom: 2px; padding-left: 6px; display: block; margin-top: 3px; margin-right: 0px; margin-left: 0px; }
#our-team tbody a:hover { color: #CFD6DE; background-color: #FFFFFF; }
a { text-decoration:none; outline:none; color: #0F3A64; }
#copy .ui-tabs-panel a { outline:none; text-decoration: none; }
#copy .ui-tabs-panel a:hover { color: #839A62; }
.tooltipbox { font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #152040; background-repeat: no-repeat; background-position: left top; display: none; height: 130px; width: 205px; padding-top: 18px; padding-right: 25px; padding-bottom: 10px; padding-left: 60px; text-align: left; background-image: url(images/tooltip-bg.gif); }
#center-logo { position: absolute; top: 180px; z-index: 15; left: 270px; }
#news-clips .news-text { float: left; width: 40%; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 15px; }
#news-clips .news-text-right { float: right; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 15px; width: 40%; }
#news-clips .news-heading { display: block; font-size: 18px; color: #133074; margin-bottom: 4px; }
#news-clips a { text-decoration: none; }
#news-clips a:hover { color: #0066FF; }
.tooltip-learn { font-size: 10px; color: #333333; }
h3, .title { font-size: 20px; color: #906a22; font-weight:normal; padding-bottom:5px; line-height:1.3em; }
h3 a, .title a { color: #0F3A64; font-weight:normal; }
h3 a:hover, .title a:hover { color:#1A66B0; }
h4, .title-2 { border-bottom: 1px solid #FFFFFF; clear:both; color: #2B87CB; display: block; font-size: 14px; font-weight: normal; padding: 6px 0 3px; margin-bottom:5px; line-height:1.4em; }
h4 em { font-family:"Times New Roman", Times, serif; }
h5 { font-size: 18px; font-weight: normal; color: #2b2b2b; margin-top: 15px; margin-bottom: 15px; }
.subtitle { font-size: 12px; color: #0f2c60; }
#h3-publications h3 { display:inline; }
.title-2 { color: #2B87CB; background-color: #CFD6DE; display: block; padding-top: 1px; padding-right: 1px; padding-bottom: 1px; padding-left: 3px; }
.img-alignright { float: right; margin-left: 15px; margin-bottom: 10px; border:1px solid #fff; }
#spectrum { font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #444444; background-color: #FFFFFF; }
#spectrum p { margin: 1px; }

.image_box { font-family: Helvetica, Arial, sans-serif; font-size: 10px; text-transform: uppercase; color: #999999; display: block; padding: 10px; }
.bio_box img { float: left; margin-right: 12px; margin-bottom: 10px; }
.underborder { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #A96552; padding-bottom: 10px; margin-bottom: 5px; padding-left: 5px; margin-right: 15px; color: #753819; }
#imageslidesmenu { float: left; overflow: auto; width: 200px; height: 410px; background-color: #FFFFFF; border-right-width: 1px; border-right-style: dotted; border-right-color: #003665; margin-right: 6px; }
.imagemenu { font-family: "Century Gothic", Helvetica, sans-serif; font-size: 12px; text-transform: capitalize; color: #000066; display: block; width: 95%; text-align: left; height: auto; padding-top: 3px; padding-bottom: 3px; border-bottom-width: 1px; border-top-style: none; border-right-style: none; border-bottom-style: solid; border-left-style: none; border-bottom-color: #D7D9CE; }
.imagemenu a { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
.imagemenu a:hover { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; color: #CCCCCC; }
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */ clear:both; height:0; font-size: 1px; line-height: 0px; }
.iframewidget { float: left; height: auto; width: auto; padding-right: 10px; padding-bottom: 10px; }
.booksbox { display: block; border-bottom-width: 1px; border-top-style: none; border-right-style: none; border-bottom-style: solid; border-left-style: none; border-bottom-color: #000033; padding: 10px; margin-top: 5px; }
#spectrumline { background-image: url(spectrum/images/color_spectrum_top.jpg); background-repeat: no-repeat; background-position: center top; height: 4px; width: 100%; position: absolute; z-index: 3; top: 0px; background-color: #000000; left: 0px; margin: 0px; padding: 0px; line-height: 1px; }
#spectrumlinebtm { background-image: url(spectrum/images/color_spectrum_top.jpg); background-repeat: no-repeat; background-position: center top; height: 4px; width: 100%; position: absolute; z-index: 5; bottom: 0px; background-color: #000000; margin: 0px; padding: 0px; line-height: 1px; font-size: 1px; right: 0px; }
.bio_box { display: block; padding: 10px; height: 330px; width: 590px; overflow: auto; visibility: visible; background-color: #FFFFFF; margin-bottom: 20px; }
img.spectrumlink { float: left; margin-right: 10px; border: 5px solid #CFD6DE; margin-bottom: 10px; }
.bio_image_left { float: left; margin-right: 10px; margin-bottom: 10px; }
/* menu items */
.home-nav {  width: 170px; height: 216px; position: absolute; }
.home-nav li { height:24px; background-image:url(images/menu-bg-2010-new.jpg); background-repeat: no-repeat; background-position: top left; }
.home-nav li a { position: absolute; height: 24; width:170px; text-indent: -9000px; overflow: hidden; z-index: 10; display: block; }

.home-nav .panel1  { left: 0px; top: 0px; }
.home-nav .panel1:hover { background: url(images/menu-bg-2010-new.jpg) no-repeat -170px 0px; }
.current-panel1 .panel1 li { background: url(images/menu-bg-2010-new.jpg) no-repeat -170px 0px; cursor: default; }


.home-nav .panel2 {  background-position: 0px -24px; }
.home-nav .panel2:hover { background: url(images/menu-bg-2010-new.jpg) no-repeat -170px -24px; }
.current-panel2 .panel2  { background: url(images/menu-bg-2010-new.jpg) no-repeat -170px -24px; cursor: default; }

.home-nav .panel3 { background-position: 0px -48px; }
.home-nav .panel3:hover { background: url(images/menu-bg-2010-new.jpg) no-repeat -170px -48px; }
.current-panel3 .panel3 { background: url(images/menu-bg-2010-new.jpg) no-repeat -170px -48px; cursor: default; }

.home-nav .panel4 { background-position: 0px -72px; }
.home-nav .panel4:hover { background: url(images/menu-bg-2010-new.jpg) no-repeat -170px -72px; }
.current-panel4 .panel4 { background: url(images/menu-bg-2010-new.jpg) no-repeat -170px -72px; cursor: default; }

.home-nav .panel5 { background-position: 0px -96px; }
.home-nav .panel5:hover { background: url(images/menu-bg-2010-new.jpg) no-repeat -170px -96px; }
.current-panel5 .panel5 { background: url(images/menu-bg-2010-new.jpg) no-repeat -170px -96px; cursor: default; }

.home-nav .panel6 { background-position: 0px -120px; }
.home-nav .panel6:hover { background: url(images/menu-bg-2010-new.jpg) no-repeat -170px -120px; }
.current-panel6 .panel6 { background: url(images/menu-bg-2010-new.jpg) no-repeat -170px -120px; cursor: default; }

.home-nav .panel8 { background-position: 0px -168px; }
.home-nav .panel8:hover { background: url(images/menu-bg-2010-new.jpg) no-repeat -170px -168px; }
.current-panel8 .panel8 { background: url(images/menu-bg-2010-new.jpg) no-repeat -170px -168px; cursor: default; }

.home-nav .panel9 { background-position: 0px -192px; }
.home-nav .panel9:hover { background: url(images/menu-bg-2010-new.jpg) no-repeat -170px -192px; }
.current-panel9 .panel9 { background: url(images/menu-bg-2010-new.jpg) no-repeat -170px -192px; cursor: default; }

#tooltip{position:absolute;margin-top:-40px;background-color:#eee;background-color:rgba(235, 235, 235, 0.9);padding:12px;display:none;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-moz-box-shadow:0px 0px 2px #333333;-webkit-box-shadow:0px 0px 2px #333333;border:1px solid #fff;box-shadow:0px 0px 2px #333333;z-index:99;color:#333;font-size:18px;font-family:Georgia, "Times New Roman", Times, serif;font-style:italic;}