@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: #F8F5F0; font-family: Helvetica, Arial, sans-serif;  }
#top-left { position: absolute; z-index: 2; height: auto; width: auto; left: 0px; top: 0px; }
#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 { background-color: transparent; position: absolute; top: 50%; left: 0px; width: 100%; margin-top: -250px; text-align: center; z-index: 5; }
#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; padding: 25px; height: 450px; left: 0px; float: left; position: absolute; background-image: url(images/bodycontent-bg.png); background-repeat: no-repeat; background-position: center center; }
#logo { position: absolute; height: auto; width: auto; top: 60px; left: 30px; }
#logohome { position: absolute; height: auto; width: auto; top: 60px; left: 80px; }
#menu { position: absolute; width: 170px; top: 170px; left: 60px; height: 221px; }
#menuhome { position: absolute; width: 170px; top: 180px; height: 221px; left: 105px; }
#ted-med { position: absolute; left: 50px; top: 420px; }

.menu-item { display: block; height: 25px; width: 220px; }
.menu-item-on { background-image: url(images/menu-bg.png); background-repeat: no-repeat; background-position: center -33px; display: block; }
.menu-item a:hover { background-image: url(images/menu-bg.jpg); background-repeat: no-repeat; background-position: center -1px; height: 26px; width: 220px; top: 0px; display: block; }
#copy { position: absolute; width: 735px; top: 13px; font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #666666; margin-right: 10px; right: 0px; }
#copy #flashshow { position: absolute; height: 400px; width: 290px; left: 0px; top: 65px; background-image: url(images/rotator/005.jpg); background-repeat: no-repeat; background-position: left center; }
#copy #flashshow #flashobject { width: 290px; height: 400px; margin: 0px; padding: 0px; }
a { outline:none; color: #0A4D0A; text-decoration: none; }
#copy a:hover { color: #839A62; text-decoration: underline; }
.cycleslides { float: right; width: 218px; overflow: hidden; height: 300px; border: 2px solid #ADE4F8; margin-left: 15px; }
.cycleslides img { height: 300px; width: 218px; }
h2 { font-size: 2em; font-weight: normal; margin-bottom: 15px; border-bottom-width: 8px; border-bottom-style: solid; border-bottom-color: #C0E2C1; color: #063B07; margin-top: 14px; }
.tooltipbox { font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #152040; display: none; width: 330px; text-align: left; background-color: #FFFFFF; padding: 15px; border: 3px solid #0B5D75; }
#center-logo { background-image: url(images/center-logo.png); background-repeat: no-repeat; background-position: left top; height: 150px; width: 150px; position: absolute; top: 131px; z-index: 15; left: 249px; }
.tooltip-learn { font-size: 10px; color: #333333; }

h3, .title { font-size: 14px; color: #0A0A52; font-weight:normal; padding-left:3px; padding-bottom:5px;  }
h3 a, .title a { font-weight:normal; } 
h4, .title-2 { color:#666666; background-color:#ddd; display: block; padding-top: 1px; padding-right: 1px; padding-bottom: 1px; padding-left: 3px; }

.subtitle { font-size: 14px; color: #003300; }
#tooltip { font-family: Helvetica, Arial, sans-serif; font-size: 11px; 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); }
.image_box { font-family: Helvetica, Arial, sans-serif; font-size: 10px; text-transform: uppercase; color: #999999; display: block; padding: 10px; }
.bio_image_left { float: left; margin-right: 10px; 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: dotted; border-left-style: none; border-top-color: #9F958B; border-right-color: #9F958B; border-bottom-color: #9F958B; border-left-color: #9F958B; letter-spacing: -1px; }
.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: #999999; padding-top: 15px; padding-left: 15px; }
#spectrumline { background-image: url(images/color_spectrum_top.jpg); background-repeat: no-repeat; background-position: center top; height: 3px; 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(images/color_spectrum_top.jpg); background-repeat: no-repeat; background-position: center top; height: 3px; width: 100%; position: absolute; z-index: 5; bottom: 0px; background-color: #000000; margin: 0px; padding: 0px; line-height: 1px; font-size: 1px; right: 0px; }
.social_icons { position: absolute; left: 25px; bottom: 5px; }
#homeimages { margin-left: 90px; position: relative; margin-top: 3px; }

.home-nav { background-image:url(images/menu-bg-2010.jpg); background-repeat: no-repeat; width: 170px; height: 216px; background-position: left top; position: absolute; }
.home-nav li { height:24px; }
.home-nav li a { position: absolute; height: 24px; width:170px; text-indent: -9000px; overflow: hidden; z-index: 10; }

.home-nav .panel1 a { left: 0px; top: 0px; }
.home-nav .panel1 a:hover { background: url(images/menu-bg-2010.jpg) no-repeat -170px 0px; }
.current-panel1 .panel1 a { background: url(images/menu-bg-2010.jpg) no-repeat -170px 0px; cursor: default; }
.home-nav-panel1 { position:absolute; top: 0px; left:0px; width: 170px; height:24px; background: url(images/menu-bg-2010.jpg) no-repeat -170px 0px; }

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

.home-nav .panel3 a { left: 0px; top: 48px; }
.home-nav .panel3 a:hover { background: url(images/menu-bg-2010.jpg) no-repeat -170px -48px; }
.current-panel3 .panel3 a { background: url(images/menu-bg-2010.jpg) no-repeat -170px -48px; cursor: default; }
.home-nav-panel3 { position:absolute; top: 48px; left:0px; width: 170px; height:24px; background: url(images/menu-bg-2010.jpg) no-repeat -170px -48px; }

.home-nav .panel4 a { left: 0px; top: 72px; }
.home-nav .panel4 a:hover { background: url(images/menu-bg-2010.jpg) no-repeat -170px -72px; }
.current-panel4 .panel4 a { background: url(images/menu-bg-2010.jpg) no-repeat -170px -72px; cursor: default; }
.home-nav-panel4 { position:absolute; top: 72px; left:0px; width: 170px; height:24px; background: url(images/menu-bg-2010.jpg) no-repeat -170px -72px; }

.home-nav .panel5 a { left: 0px; top: 96px; }
.home-nav .panel5 a:hover { background: url(images/menu-bg-2010.jpg) no-repeat -170px -96px; }
.current-panel5 .panel5 a { background: url(images/menu-bg-2010.jpg) no-repeat -170px -96px; cursor: default; }
.home-nav-panel5 { position:absolute; top: 96px; left:0px; width: 170px; height:24px; background: url(images/menu-bg-2010.jpg) no-repeat -170px -96px; }

.home-nav .panel6 a { left: 0px; top: 120px; }
.home-nav .panel6 a:hover { background: url(images/menu-bg-2010.jpg) no-repeat -170px -120px; }
.current-panel6 .panel6 a { background: url(images/menu-bg-2010.jpg) no-repeat -170px -120px; cursor: default; }
.home-nav-panel6 { position:absolute; top: 120px; left:0px; width: 170px; height:24px; background: url(images/menu-bg-2010.jpg) no-repeat -170px -120px; }

.home-nav .panel7 a { left: 0px; top: 144px; }
.home-nav .panel7 a:hover { background: url(images/menu-bg-2010.jpg) no-repeat -170px -144px; }
.current-panel7 .panel7 a { background: url(images/menu-bg-2010.jpg) no-repeat -170px -144px; cursor: default; }
.home-nav-panel7 { position:absolute; top: 144px; left:0px; width: 170px; height:24px; background: url(images/menu-bg-2010.jpg) no-repeat -170px -144px; }

.home-nav .panel8 a { left: 0px; top: 168px; }
.home-nav .panel8 a:hover { background: url(images/menu-bg-2010.jpg) no-repeat -170px -168px; }
.current-panel8 .panel8 a { background: url(images/menu-bg-2010.jpg) no-repeat -170px -168px; cursor: default; }
.home-nav-panel8 { position:absolute; top: 168px; left:0px; width: 170px; height:24px; background: url(images/menu-bg-2010.jpg) no-repeat -170px -168px; }

.home-nav .panel9 a { left: 0px; top: 192px; }
.home-nav .panel9 a:hover { background: url(images/menu-bg-2010.jpg) no-repeat -170px -192px; }
.current-panel9 .panel9 a { background: url(images/menu-bg-2010.jpg) no-repeat -170px -192px; cursor: default; }
.home-nav-panel9 { position:absolute; top: 192px; left:0px; width: 170px; height:24px; background: url(images/menu-bg-2010.jpg) no-repeat -170px -192px; }