body { background-image: url(../img/BG-body.jpg); background-repeat:repeat; padding:0px; margin:24px 0px 0px 0px; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:22px; font-style:normal; font-weight:normal; color:#000000; } p {padding:0px; margin:0px;} sup {font-size:12px;} a:link, a:visited {color: #645E47; text-decoration: underline;} a:hover {text-decoration: none;} .redlink:link, .redlink:visited {color: #FF0000; text-decoration: underline; font-weight:bold;} .redlink:hover {text-decoration: none;} #altlink a:link, #altlink a:visited {color: #645E47; text-decoration: none;} #altlink a:hover {text-decoration: underline;} #biglink a:link, #biglink a:visited {font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; text-decoration:none; color:#54949E; line-height:20px;} #biglink a:hover {color:#645E47;} #learn-cyan a:link, #learn-cyan a:visited {color:#54949E; font-weight:normal; text-decoration:underline;} #learn-cyan a:hover {color:#CCCCCC; font-weight:normal; text-decoration:none;} #learn-brown a:link, #learn-brown a:visited {color:#A87F3F; font-weight:normal; text-decoration:underline;} #learn-brown a:hover {color:#CCCCCC; font-weight:normal; text-decoration:none;} #topnav a:link, #topnav a:visited {font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; color:#5EA4B0; text-decoration:none;} #topnav a:hover {color:#CCCCCC; text-decoration:none;} #topnav2 a:link, #topnav2 a:visited {font-size:8px; font-weight:normal; color:#5EA4B0; text-decoration:none;} #topnav2 a:hover {color:#CCCCCC; text-decoration:none;} #footer {font-size:12px; color:#A59D7E; text-align:center; line-height:20px;} #footer a:link, #footer a:visited {color:#A59D7E; text-decoration:none;} #footer a:hover {color:#52B2B9; text-decoration:none;} #foot a:link, #foot a:visited {font-size:12px; color:#A59D7E; text-decoration:underline; line-height:20px;} #foot a:hover {font-size:12px; color:#A59D7E; color:#52B2B9; text-decoration:none;} #borders {border: 1px solid #EBEBEB;} #floatleft {float: left; padding-right: 8px;} #floatright {float: right; padding-left: 8px;} .bigHeader-brown {font-family:Arial, Helvetica, sans-serif; font-size: 24px; font-weight: normal; color: #876730; line-height: 30px;} .bigHeader-cyan {font-family:Arial, Helvetica, sans-serif; font-size: 24px; font-weight: normal; color: #54949E; line-height: 30px;} .storyHeader-brown {font-family:Arial, Helvetica, sans-serif; font-size: 20px; font-weight: normal; color: #876730; line-height: 24px;} .storyHeader-cyan {font-family:Arial, Helvetica, sans-serif; font-size: 20px; font-weight: normal; color: #54949E; line-height: 24px;} .sidebarHeader {font-family:Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; color: #594318; line-height:20px;} .sidebarText {font-size:12px; line-height:17px; font-weight:normal;} .header {font-family:Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; color: #54949E; line-height:20px;} .ja-header {font-family:Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; color: #B77D18; line-height:20px;} .pp-header {font-family:Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; color: #C85B2C; line-height:20px;} .vid-header {font-family:Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; color: #7C9F55; line-height:20px;} .online-header {font-family:Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; color: #0066FF; line-height:20px;} .brown {color: #594318;} .cyan {color: #54949E;} .navbarbox {background-color:#AFDADA; font-weight:bold;} .h-line {line-height:1px; border-top:1px solid #C0B48D; border-bottom:0px; width:100%;} .inlinedots {position:relative; bottom:10px} /* Begin navbars */ #sidenav, #sidenav a:link, #sidenav a:visited { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; font-weight: normal; text-decoration: none; color: #594318; } #sidenav a:hover { color: #5EA4B0; } /* -- */ #horizontaltablenav td { text-align:center; border:2px solid #AFDADA; } #horizontaltablenav a:link, #horizontaltablenav a:visited { line-height: 20px; text-decoration: none; display: block; padding: 2px; } #horizontaltablenav a:hover { background: #FFFFFF; text-decoration: none; font-weight: bold; } /* -- */ #sidetablenav td { border-bottom: 1px solid #FFFFFF; } #sidetablenav a:link, #sidetablenav a:visited { line-height: 20px; font-weight:bold; text-decoration: none; display: block; padding: 8px; } #sidetablenav a:hover { background: #FFFFFF; text-decoration: none; font-weight: bold; } /* -- */ #sidetablenav2 td { border-bottom: 1px solid #FFFFFF; } #sidetablenav2 a:link, #sidetablenav2 a:visited { line-height: 20px; text-decoration: none; display: block; padding: 8px; } #sidetablenav2 a:hover { background: #FFFFFF; color:#645E47; text-decoration: none; font-weight: bold; } /* End navbars */ /* Begin nav images */ #adobereader-icon {display:block; height:30px; width:30px; background-image: url(../img/icon_reader1.gif);} #adobereader-icon:hover {background-image: url(../img/icon_reader2.gif);} #adobeflash-icon {display:block; height:30px; width:30px; background-image: url(../img/icon_flashplayer1.gif);} #adobeflash-icon:hover {background-image: url(../img/icon_flashplayer2.gif);} #calendars {display:block; height:30px; width:134px; background-image: url(../img/tabBlank.gif);} #calendars:hover {background-image: url(../img/tabBlank.gif);} #clubhouses {display:block; height:30px; width:134px; background-image: url(../img/tabClubhouses1.gif);} #clubhouses:hover {background-image: url(../img/tabClubhouses2.gif);} #courses {display:block; height:30px; width:134px; background-image: url(../img/tabCourses1.gif);} #courses:hover {background-image: url(../img/tabCourses2.gif);} #courses-icon {display:block; height:30px; width:30px; background-image: url(../img/icon_Courses1.gif); background-repeat:no-repeat;} #courses-icon:hover {background-image: url(../img/icon_Courses2.gif); background-repeat:no-repeat;} #courses-button {display:block; height:52px; width:52px; background-image: url(../img/buttonCourses1.gif); background-repeat:no-repeat;} #courses-button:hover {background-image: url(../img/buttonCourses2.gif); background-repeat:no-repeat;} #demomodule-button {display:block; height:24px; width:189px; background-image: url(../img/buttonDemomodule1.gif); background-repeat:no-repeat;} #demomodule-button:hover {background-image: url(../img/buttonDemomodule2.gif); background-repeat:no-repeat;} #discussion-button {display:block; height:17px; width:114px; background-image: url(../img/buttonDiscussion1.gif); background-repeat:no-repeat;} #discussion-button:hover {background-image: url(../img/buttonDiscussion2.gif); background-repeat:no-repeat;} #flu-button {display:block; height:27px; width:148px; background-image: url(../img/buttonFluPandemic1.gif); background-repeat:no-repeat;} #flu-button:hover {background-image: url(../img/buttonFluPandemic2.gif); background-repeat:no-repeat;} #group-icon {display:block; height:34px; width:34px; background-image: url(../img/icon_group1.gif); background-repeat:no-repeat;} #group-icon:hover {background-image: url(../img/icon_group2.gif); background-repeat:no-repeat;} #help-button {display:block; height:16px; width:74px; background-image: url(../img/buttonNeedHelp1.gif); background-repeat:no-repeat;} #help-button:hover {background-image: url(../img/buttonNeedHelp2.gif); background-repeat:no-repeat;} #interactivetools-button {display:block; height:52px; width:118px; background-image: url(../img/buttonInteractiveTools1.gif); background-repeat:no-repeat;} #interactivetools-button:hover {background-image: url(../img/buttonInteractiveTools2.gif); background-repeat:no-repeat;} #learn-button {display:block; height:19px; width:84px; background-image: url(../img/buttonLearn1.gif); background-repeat:no-repeat;} #learn-button:hover {background-image: url(../img/buttonLearn2.gif); background-repeat:no-repeat;} #login-button {display:block; height:13px; width:38px; background-image: url(../img/buttonLogin1.gif); background-repeat:no-repeat;} #login-button:hover {background-image: url(../img/buttonLogin2.gif); background-repeat:no-repeat;} #media {display:block; height:30px; width:134px; background-image: url(../img/tabMedia1.gif);} #media:hover {background-image: url(../img/tabMedia2.gif);} #media-button {display:block; height:52px; width:52px; background-image: url(../img/buttonMedia1.gif); background-repeat:no-repeat;} #media-button:hover {background-image: url(../img/buttonMedia2.gif); background-repeat:no-repeat;} #nextlesson-button {display:block; height:24px; width:189px; background-image: url(../img/buttonNextlesson1.gif); background-repeat:no-repeat;} #nextlesson-button:hover {background-image: url(../img/buttonNextlesson2.gif); background-repeat:no-repeat;} #ppoint-icon {display:block; height:30px; width:30px; background-image: url(../img/icon_ppoint1.gif);} #ppoint-icon:hover {background-image: url(../img/icon_ppoint2.gif);} #presentinstruct-button {display:block; height:54px; width:120px; background-image: url(../img/buttonPresenterInstruction1.gif); background-repeat:no-repeat;} #presentinstruct-button:hover {background-image: url(../img/buttonPresenterInstruction2.gif); background-repeat:no-repeat;} #resources {display:block; height:30px; width:134px; background-image: url(../img/tabResources1.gif);} #resources:hover {background-image: url(../img/tabResources2.gif);} #search-button {display:block; height:18px; width:54px; background-image: url(../img/buttonSearch1.gif); background-repeat:no-repeat;} #search-button:hover {background-image: url(../img/buttonSearch2.gif); background-repeat:no-repeat;} #session1-button {display:block; height:24px; width:26px; background-image: url(../img/buttonSession1a.gif); background-repeat:no-repeat;} #session1-button:hover {background-image: url(../img/buttonSession1b.gif); background-repeat:no-repeat;} #session2-button {display:block; height:24px; width:26px; background-image: url(../img/buttonSession2a.gif); background-repeat:no-repeat;} #session2-button:hover {background-image: url(../img/buttonSession2b.gif); background-repeat:no-repeat;} #session3-button {display:block; height:24px; width:26px; background-image: url(../img/buttonSession3a.gif); background-repeat:no-repeat;} #session3-button:hover {background-image: url(../img/buttonSession3b.gif); background-repeat:no-repeat;} #session4-button {display:block; height:24px; width:26px; background-image: url(../img/buttonSession4a.gif); background-repeat:no-repeat;} #session4-button:hover {background-image: url(../img/buttonSession4b.gif); background-repeat:no-repeat;} #session5-button {display:block; height:24px; width:26px; background-image: url(../img/buttonSession5a.gif); background-repeat:no-repeat;} #session5-button:hover {background-image: url(../img/buttonSession5b.gif); background-repeat:no-repeat;} #session6-button {display:block; height:24px; width:26px; background-image: url(../img/buttonSession6a.gif); background-repeat:no-repeat;} #session6-button:hover {background-image: url(../img/buttonSession6b.gif); background-repeat:no-repeat;} #session7-button {display:block; height:24px; width:26px; background-image: url(../img/buttonSession7a.gif); background-repeat:no-repeat;} #session7-button:hover {background-image: url(../img/buttonSession7b.gif); background-repeat:no-repeat;} #signup-button {display:block; height:28px; width:148px; background-image: url(../img/buttonSignUp1.gif); background-repeat:no-repeat;} #signup-button:hover {background-image: url(../img/buttonSignUp2.gif); background-repeat:no-repeat;} #streaming-button {display:block; height:17px; width:97px; background-image: url(../img/buttonStreaming1.gif); background-repeat:no-repeat;} #streaming-button:hover {background-image: url(../img/buttonStreaming2.gif); background-repeat:no-repeat;} #video-icon {display:block; height:30px; width:30px; background-image: url(../img/icon_Vid1.gif); background-repeat:no-repeat;} #video-icon:hover {background-image: url(../img/icon_Vid2.gif); background-repeat:no-repeat;} #vidintro {display:block; height:48px; width:90px; background-image: url(../img/VideoIntro1.gif); background-repeat:no-repeat;} #vidintro:hover {background-image: url(../img/VideoIntro2.gif); background-repeat:no-repeat;} #web-icon {display:block; height:16px; width:54px; background-image: url(../img/icon_web1.gif); background-repeat:no-repeat;} #web-icon:hover {background-image: url(../img/icon_web2.gif); background-repeat:no-repeat;} #webcam-icon {display:block; height:34px; width:38px; background-image: url(../img/icon_webcam1.gif); background-repeat:no-repeat;} #webcam-icon:hover {background-image: url(../img/icon_webcam2.gif); background-repeat:no-repeat;} #wiredlogo {display:block; height:90px; width:134px; background-image: url(../img/WiREDlogo1.gif);} #wiredlogo:hover {background-image: url(../img/WiREDlogo2.gif);} #word-icon {display:block; height:30px; width:30px; background-image: url(../img/icon_word1.gif);} #word-icon:hover {background-image: url(../img/icon_word2.gif);} /* End nav images */