@charset "utf-8";
body { text-align: center; height: 100%; width: 100%; margin: 0px; background-color: #a3e1f6; background-image: url(images/background-gradient.jpg); background-repeat: repeat-x; background-position: left top; }
#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: 227px; overflow:hidden; }
#right-top { width:313px; height:227px; left:324px; top:0px; position:absolute; overflow:hidden }
#left-bottom { width: 317px; height:227px; top:234px; left:0px; position:absolute; overflow:hidden; }
#right-bottom { width:313px; height:227px; top:234px; left:324px; 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: -250px; text-align: center; z-index: 5; }
#wrapper { text-align: left; height: 501px; width: 920px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; position: relative; padding: 0px; }
#bodycontent { width: 870px; top: 0px; padding: 15px; margin: 10px; height: 450px; left: 0px; float: left; position: absolute; }
#logo { position: absolute; height: auto; width: auto; top: 60px; left: -3px; }
#forumheader { position: relative; height:138px; top: 0px; left: 0px; }
#forumheaderimage { position: relative; background-image:url(images/forum-header.jpg); background-repeat:no-repeat; background-position:center top; height:164px; top: 0px; left: 0px; }
#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: #fff; text-align: right; background-color: #506b92; padding: 15px; border: 1px solid #CCCCCC; background-image: url(images/welcomebox-bg-2.jpg); background-repeat: repeat-x; background-position: left top; }
#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: 220px; top: 200px; padding-top: 5px; text-align: center; }
.social_icons { position: absolute; left: 25px; bottom: 5px; }
#tierneylab { position: absolute; bottom: 0px; left: 50px; }
.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; height: 462px; width: 645px; top: 5px; font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #666666; margin-right: 10px; right: 0px; z-index: 2; }
.bioszindex { background-color: #FFFFFF; position: relative; z-index: 11; left: 0px; top: 0px; margin: 0px; }
#bioszindex { background-color: #FFFFFF; z-index: 11; margin: 0px; overflow: auto; height: 400px; }
#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; }
#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; background-color: #FFFFFF; z-index: 1; }
#flashshow #flashobject { width: 290px; height: 400px; margin: 0px; padding: 0px; background-color: #FFFFFF; background-image: url(images/rotator/005.jpg); background-repeat: no-repeat; background-position: center center; }
a { outline:none; color: #0F3A64; text-decoration: none; }
#copy a:hover { color: #839A62; text-decoration: underline; }
.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 { background-image: url(images/center-logo.png); background-repeat: no-repeat; background-position: left top; height: 150px; width: 150px; position: absolute; top: 156px; z-index: 15; left: 248px; }
.tooltip-learn { font-size: 10px; color: #333333; }
.title { font-family: Helvetica, Arial, sans-serif; font-size: 18px; color: #839A62; }
#spectrum { font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #444444; }
#spectrum p { margin: 1px; }
.subtitle { font-size: 12px; color: #000066; font-weight: bold; }
#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_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; }
.bio_image_left { float: left; margin-right: 10px; margin-bottom: 10px; }