audio { width: 300px; display: block; margin:5px; text-align:center; border: 0; outline: none;} body { font-family: Calibri, Lucida Grande, Arial, Comic sans MS, Trebuchet MS, Verdana, Helvetica, sans-serif; font-size: 10pt; font-weight: normal; line-height:16pt; color: #FFF; } table { border-style: none;} table.noBorder { border-style: none; } div { font-family: Calibri, Lucida Grande, Arial, Comic sans MS, Trebuchet MS, Verdana, Helvetica, sans-serif; font-size: 15pt; font-weight: normal; line-height:140%; text-align: left; color: #67430A; } br {} br.ks1 {line-height:250%;} td { font-family: Calibri, Lucida Grande, Arial, Trebuchet MS, Verdana, Helvetica, sans-serif; font-size: 10pt; font-weight: normal; line-height:130%; text-align: left; color: #000; vertical-align: top; border-style: none } td.input { font-family: Arial,Comic sans MS, Trebuchet MS, Verdana, Helvetica, sans-serif; font-size: 10pt; font-weight: normal; line-height:17pt; text-align: right; color: #7693B2; border: none} img { text-align: left;} IMG.right { float: right;} fieldset {background-color:#ffdd35} a { color: #2555B8; text-decoration: none; outline: none; font-weight: normal;} a.header { font-family: Comic sans MS, Trebuchet MS, Arial,Verdana, Helvetica, sans-serif; font-weight: normal; color: #3F6287; text-decoration: none;} a.archive {font-weight: normal;color: #fbe104; } a.archiveQuickPrint {font-weight: normal;color: #76ea05; } a:hover { font-weight: normal; } a.searchMultimedia {font-weight: normal;color: #dd0202; } a.searchBook {font-weight: normal;color: #30c204; } a.searchVideo {font-weight: normal;color: #bb982f; } a.searchBookCode {font-size: 8pt; font-weight: normal;color: #269903; } a.video {font-weight: normal;color: #FFFFFF; } a:active, a:selected, a:visited { border: none; outline: none; } div.video { padding: 30px; background: #000000;} div.textBox { padding: 20px 40px;} h1 { font-family: Trebuchet MS, Verdana, Comic sans MS, Arial, Helvetica, sans-serif; font-size: 24pt; line-height: 22pt; font-weight: bold; color: #3F6287; text-align: center; } h1.gillsans { font-family: Gill Sans, sans-serif; font-size: 24pt; line-height: 30pt; font-weight: normal; color: #FFFFFF; text-align: center; } h1.introduction { font-family: Trebuchet MS, Verdana, Comic sans MS, Arial, Helvetica, sans-serif; font-size: 24pt; line-height: 22pt; font-weight: bold; color: #3F6287; text-align: center; } h1.show { font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 22pt; line-height: 21pt; font-weight: bold; color: #FFFFFF; text-align: center; } h1.right { font-family: Trebuchet MS,Verdana, Comic sans MS, Arial, Helvetica, sans-serif; font-size: 24pt; line-height: 22pt; font-weight: bold; color: #3F6287; text-align: right; } h1.alphabet { font-family: Comic sans MS, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 36pt; line-height: 100%; font-weight: bold; color: red; text-align: right; } h1.joke { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18pt; line-height: 100%; font-weight: bold; color: black; text-align: center; } h1.spelling { font-family: Comic sans MS, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 40pt; line-height: 12mm; font-weight: bold; color: #3F6287; text-align: right; } h1.spellingLarge { font-family: Comic sans MS, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 100pt; line-height: 100%; font-weight: bold; color: #3F6287; text-align: center; } h1.formal { font-family: Arial, Verdana, Trebuchet MS, Helvetica, sans-serif; font-size: 21pt; line-height: 22pt; font-weight: bold; color: red; text-align: center; } h1.whiteLarge { font-family: Arial, Verdana, Trebuchet MS, Helvetica, sans-serif; font-size: 16pt; line-height: 24pt; font-weight: normal; color: white; text-align: left; } h1.black { font-family: Verdana, Trebuchet MS, Helvetica, sans-serif; font-size: 18pt; line-height: 22pt; font-weight: bold; color: black; text-align: center; } h1.reference { font-family: Arial, Verdana, Trebuchet MS, Helvetica, sans-serif; font-size: 21pt; line-height: 22pt; font-weight: bold; color: #3F6287; text-align: center; } h1.video { font-family: Trebuchet MS, Arial, Comic sans MS, Helvetica, sans-serif; font-size: 24pt; line-height: 25pt; font-weight: normal; color: #FAF831; text-align: right; } h2 { font-family: Comic sans MS, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 21pt; line-height: 140%; font-weight: bold; color: #3F6287; text-align: center;} h2.title { font-family: Comic sans MS, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 21pt; line-height: 110%; font-weight: bold; color: #3F6287; text-align: center;} h2.formal { font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 21pt; line-height: 110%; font-weight: bold; color: #3F6287; text-align: center;} h2.globe { font-family: Arial, Helvetica, sans-serif; font-size: 18pt; line-height: 110%; font-weight: bold; color: #f8d907; text-align: center;} h2.dictionaryFrench { font-family: Arial, Verdana, Trebuchet MS,Helvetica, sans-serif; font-size: 24pt; line-height: 60%; font-weight: bold; color: #9C4C0B; text-align: center; } h2.dictionaryEnglish { font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 24pt; line-height: 100%; font-weight: bold; color: #000000; text-align: center; } h2.small { font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 14pt; font-weight: bold; line-height:150%; text-align: center; color: #000000;} h2.videoList { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 24pt; line-height: 120%; font-weight: bold; color:#FE3102; text-align:left;} h3 { font-family: Comic sans MS, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 15pt; font-weight: normal; color: #3F6287; line-height: 130%; text-align: center;} h3.introduction { font-family: Comic sans MS, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 15pt; font-weight: bold; color: #F37F04; line-height: 130%; text-align: center;} h3.reference { font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; color:#102158; line-height: 115%; text-align: center;} h3.trebuchet { font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 18pt; font-weight: bold; color:#FFFFFF; line-height: 115%; text-align: left;} h3.videoList { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18pt; line-height: 120%; font-weight: bold; color:#000000; text-align:left;} h4 { font-family: Arial,Comic sans MS, Trebuchet MS, Verdana, Helvetica, sans-serif; font-size: 11pt; line-height: 130%; font-weight: bold; color: #102158; text-align: left;} h4.formalBuffCenter { font-family: Arial, Verdana, Comic sans MS, Trebuchet MS, Helvetica, sans-serif; font-size: 11pt; line-height: 130%; font-weight: bold; color: #102158; text-align: left;} h4.QKS1 { font-family: Comic sans MS, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 13pt; line-height: 130%; font-weight: bold; color: #102158; text-align: left;} h4.caption { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; line-height: 120%; font-weight: bold; color: #102158; text-align: left; vertical-align:text-top;} h4.captionKS1 { font-family: Comic sans MS, Arial, Helvetica, sans-serif; font-size: 16pt; line-height: 130%; font-weight: bold; color: #102158; text-align: left;} h4.clock { font-family:Helvetica, sans-serif; font-size: 14pt; line-height: 120%; font-weight: bold; color:#02ef02; text-align: center;} h4.spellingCaption { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; line-height: 130%; font-weight: bold; color: #735005; text-align: left;} h4.formal { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14pt; line-height: 120%; font-weight: bold; color:#000000; text-align: LEFT;} h4.white { font-family:Arial, Helvetica, sans-serif; font-size: 12pt; line-height: 100%; font-weight: bold; color: #FFFFFF; text-align: LEFT;} h4.list { font-family: Comic sans MS, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 14pt; line-height: 120%; font-weight: bold; color:#102158; text-align: LEFT;} h4.login { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; line-height: 120%; font-weight: bold; color:#102158; text-align: LEFT;} h4.reference { font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; line-height: 120%; font-weight: bold; color:#102158; text-align: LEFT;} h4.chalkboard { font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 14pt; line-height: 120%; font-weight: normal; color:#000000; text-align: LEFT;} h4.screen { font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; line-height: 120%; font-weight: normal; color:#102158; text-align: LEFT;} h4.video { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; line-height: 120%; font-weight: normal; color:#FFFFFF; text-align:center;} h4.videoList { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10pt; line-height: 120%; font-weight: normal; color:#000000; text-align:left;} h4.formalBuffCenter { font-family: Arial,Trebuchet MS, Verdana, Helvetica, sans-serif; font-variant: normal; font-size: 12pt; line-height: 130%; font-weight: normal; color: #674417; text-align: center; font-style: normal;} h5 { font-family: Calibri, Lucida Grande, Comic sans MS, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-variant: normal; font-size: 8pt; line-height: 130%; font-weight: normal; color: #000000; text-align: left; font-style: normal;} h5.grey { font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-variant: normal; font-size: 8pt; line-height: 130%; font-weight: normal; color: #000000; text-align: center; font-style: normal;} h5.interactive { font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-variant: normal; font-size: 8pt; line-height: 130%; font-weight: normal; color: #000000; text-align: left; font-style: normal;} h5.formalCenter { font-family: Calibri, Lucida Grande, Arial, Helvetica, sans-serif; font-variant: normal; font-size: 10pt; line-height: 130%; font-weight: normal; color: #FFFFFF; text-align: center; font-style: normal;} h5.formal { font-family: Calibri, Lucida Grande, Arial,Trebuchet MS, Verdana, Helvetica, sans-serif; font-variant: normal; font-size: 10pt; line-height: 130%; font-weight: normal; color: #FFFFFF; text-align: left; font-style: normal;} h5.formalGray { font-family: Arial, Helvetica, sans-serif; font-variant: normal; font-size: 10pt; line-height: 110%; font-weight: normal; color: #bdbdbc; text-align: center; font-style: normal;} h5.formalDarkGray { font-family: Arial, Helvetica, sans-serif; font-variant: normal; font-size: 10pt; line-height: 110%; font-weight: normal; color: #4f5050; text-align: center; font-style: normal;} h5.formalBlue { font-family: Arial, Helvetica, sans-serif; font-variant: normal; font-size: 14pt; line-height: 150%; font-weight: normal; color: #038afc; text-align: left; font-style: normal;} h5.formalWhiteLarger { font-family: Arial, Helvetica, sans-serif; font-variant: normal; font-size: 14pt; line-height: 150%; font-weight: normal; color: #FFFFFF; text-align: center; font-style: normal;} h5.formalBuffCenter { font-family: Arial,Trebuchet MS, Verdana, Helvetica, sans-serif; font-variant: normal; font-size: 10pt; line-height: 130%; font-weight: normal; color: #674417; text-align: center; font-style: normal;} h5.formalYellow { font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-variant: normal; font-size: 10pt; line-height: 130%; font-weight: normal; color: #F3EE5F; text-align: left; font-style: normal;} h5.formalBlack { font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-variant: normal; font-size: 10pt; line-height: 120%; font-weight: normal; color: #000000; text-align: left; font-style: normal;} h5.formalBlackLarger { font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-variant: normal; font-size: 14pt; line-height: 120%; font-weight: bold; color: #000000; text-align: left; } h5.formalBlackSammler { font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-variant: normal; font-size: 9pt; line-height: 120%; font-weight: normal; color: #000000; text-align: left; font-style: normal;} h5.dictionaryFrench { font-family: Arial, Trebuchet MS, Verdana, Helvetica, sans-serif; font-size: 16pt; line-height: 80%; font-weight: bold; color: #9C4C0B; text-align: center; } h5.dictionaryEnglish { font-family:Arial, Trebuchet MS, Verdana, Helvetica, sans-serif; font-size: 18pt; line-height: 130%; font-weight: bold; color: #000000; text-align: left; } h5.larger { font-family: Comic sans MS, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-variant: normal; font-size: 10pt; line-height: 130%; font-weight: normal; color: #000000; text-align: center; font-style: normal;} http://www.curriculumvisionsathome.com/sampleLibrary/sampleLibrary2.html h5.left { font-family: Comic sans MS, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-variant: normal; font-size: 8pt; line-height: 130%; font-weight: normal; color: #000000; text-align: left; font-style: normal;} h5.caption { font-family: Comic sans MS, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-variant: normal; font-size: 8pt; line-height: 130%; font-weight: normal; color: #000000; text-align: left; font-style: normal;} h5.white { font-family: Arial, Comic sans MS, Trebuchet MS, Verdana, Helvetica, sans-serif; font-variant: normal; font-size: 8pt; line-height: 130%; font-weight: normal; color: #FFFFFF; text-align: left;} h5.whiteLarger { font-family: Arial, Comic sans MS, Trebuchet MS, Verdana, Helvetica, sans-serif; font-variant: normal; font-size: 11pt; line-height: 130%; font-weight: normal; color: #FFFFFF; text-align: left;} h5.search { font-family: Arial, Trebuchet MS, Verdana, Helvetica, sans-serif; font-variant: normal; font-size: 11pt; line-height: 120%; font-weight: normal; color: #dde2fc; text-align: left; font-style: normal;} h5.archive { font-family: Arial, Trebuchet MS, Verdana, Helvetica, sans-serif; font-variant: normal; font-size: 11pt; line-height: 120%; font-weight: normal; color: #fbe104; text-align: left; font-style: normal;} h5.catalog { font-family: Arial, Trebuchet MS, Verdana, Helvetica, sans-serif; font-variant: normal; font-size: 10pt; line-height: 120%; font-weight: normal; color: #dde2fc; text-align: center; font-style: normal;} h5.searchBar { font-family: Arial, Trebuchet MS, Verdana, Helvetica, sans-serif; font-variant: normal; font-size: 10pt; line-height: 120%; font-weight: normal; color: #0734f7; text-align: left; font-style: normal;} h5.searchBarRed { font-family: Arial, Trebuchet MS, Verdana, Helvetica, sans-serif; font-variant: normal; font-size: 10pt; line-height: 120%; font-weight: normal; color: #ff0000; text-align: left; font-style: normal;} h5.trebuchetWhite { font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-variant: normal; font-size: 10pt; line-height: 130%; font-weight: normal; color: #FFFFFF; text-align: left; font-style: normal;} h6 { font-family: Comic sans MS, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; line-height: 10pt; font-weight: normal; color: red; text-align: center;} h6.formal { font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; line-height: 10pt; font-weight: bold; color: red; text-align: right;} h6.login { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; line-height: 10pt; font-weight: bold; color: #7c7c7a; text-align: center;} h6.black { font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; line-height: 10pt; font-weight: normal; color: black; text-align: left;} h6.formalGray { font-family: Arial, Helvetica, sans-serif; font-variant: normal; font-size: 8pt; line-height: 110%; font-weight: normal; color: #bdbdbc; text-align: center; font-style: normal;} h6.formalDarkGray { font-family: Arial, Helvetica, sans-serif; font-variant: normal; font-size: 9pt; line-height: 110%; font-weight: normal; color: #4f5050; text-align: center; font-style: normal;} h6.white { font-family: Comic sans MS, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; line-height: 13pt; font-weight: normal; color: white; text-align: center;} h6.video {font-family: Arial, Helvetica, sans-serif; font-size: 8pt; line-height: 10pt; font-weight: normal; color: #5D345A; text-align: center;} h6.blue {font-family: Arial, Helvetica, sans-serif; font-size: 8pt; line-height: 10pt; font-weight: normal; color: #102158; text-align: center;} h6.lightblue {font-family: Arial, Helvetica, sans-serif; font-size: 8pt; line-height: 10pt; font-weight: normal; color: #87a1b7; text-align: left;} h6.yellow { font-family: Comic sans MS, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; line-height: 13pt; font-weight: normal; color: yellow; text-align: center;} img.floatLeft { float: left; margin: 4px; } input { font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; line-height: 10pt; font-weight: bold; color: red; text-align: center;padding:2px;} li { font-family: Comic sans MS, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 14pt; font-weight: normal; line-height:120%; text-align: left; color: #FAF831;} li.explain { font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: normal; line-height:150%; text-align: left; color: #000000;} li.tour { font-family: Comic sans MS, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 14pt; font-weight: normal; line-height:120%; text-align: left; color: #000000;} li.formal { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12pt; font-weight: normal; line-height:120%; text-align: left; color: #000000;} li.video { font-family: Arial,Trebuchet MS, Verdana, Helvetica, sans-serif; font-size: 14pt; font-weight: normal; line-height:150%; text-align: left; color: #FFFFFF;} p { font-family: Calibri, Lucida Grande, Verdana, Trebuchet MS, Comic sans MS, Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: normal; line-height:145%; text-align: left; color: #3F6287; margin-bottom: 25px} p.center { font-family: Calibri, Lucida Grande, Verdana, Trebuchet MS, Comic sans MS, Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: normal; line-height:145%; text-align: left; color: #3F6287; margin-bottom: 25px} p.ks1 { font-family: Comic sans MS, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 19pt; font-weight: normal; line-height:130%; text-align: left; color: #3F6287;} p.alphabet { font-family: Comic sans MS, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 30pt; font-weight: bold; line-height:20%; text-align: left; color: #3F6287;} p.alphabetEnglish { font-family: Comic sans MS, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: normal; line-height: 160%; text-align: left; color: #293C4B; font-style: italic; margin-left: 10%;} p.navigation { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: normal; line-height:145%; text-align: left; color: #ffffff; margin-bottom: 25px} p.dictionary { font-family: Calibri, Lucida Grande, Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: normal; line-height:145%; text-align: left; color: #000000; margin-bottom: 25px} p.video { font-family: Verdana, Arial, Comic sans MS, Trebuchet MS, Helvetica, sans-serif; font-size: 14pt; font-weight: normal; line-height:125%; text-align: left; color: #FAF831;} p.glossary { font-family: Calibri, Lucida Grande, Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: normal; line-height:125%; text-align: left; color: #3F6287;} p.glossaryHeader { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14pt; font-weight: bold; line-height:125%; text-align: left; color: #583933;} p.first { font-family: Comic sans MS, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 15pt; font-weight: normal; line-height:18pt; color: #3F6287; text-align: left;} p.question { font-family: Comic sans MS, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 14pt; font-weight: normal; line-height:130%; text-align: left; color: #C97E07; border-style: dotted; padding:5px;} p.spellingSmall { font-family: Comic sans MS, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: normal; line-height:125%; text-align: left; color: #0628F5;} p.spelling { font-family: Comic sans MS, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 20pt; font-weight: bold; line-height:140%; text-align: left; color: #3F6287; padding:5px;} p.spellingBacktint { font-family: Comic sans MS, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 20pt; font-weight: normal; line-height:150%; text-align: left; color: #3F6287; background-color: #BCFF42; padding:5px;} p.rollover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18pt; font-weight: normal; line-height:17px; text-align: center; color: #000000;} p:hover .x { color: white; background-color:#030303; } pre { font-family: Arial, Trebuchet MS, Verdana, Helvetica, sans-serif; font-variant: normal; font-size: 10pt; line-height: 120%; font-weight: normal; color: #dde2fc; text-align: left; font-style: normal;} UL { font-family: Comic sans MS, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; text-align: left; line-height: 15pt; color: darkblue;} ul.formal { font-family: Verdana, Arial, Trebuchet MS, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; text-align: left; line-height: 15pt; color: darkblue;} ul.explain { font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 14pt; font-weight: bold; line-height:150%; text-align: left; color: #000000;} ul.video { font-family: Arial,Trebuchet MS, Verdana, Helvetica, sans-serif; font-size: 18pt; font-weight: bold; line-height:150%; text-align: left; color: #FFFFFF;} OL { font-family: Comic sans MS, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; text-align: left; line-height: 17pt;} span.c1 { text-transform: uppercase; color: blue; font-size: 7pt; line-height: 14pt;} /*this is the css for the dropdownmenu*/ #dropmenudiv{ position:absolute; border-bottom-width: 0; border-right: none; border-left: none; border-top: none; font:bold 12px Arial, Trebuchet MS, Verdana; line-height:12pt; z-index:100; } #dropmenudiv a{ width: 100%; display: block; text-indent: 10px; border-bottom: 3px; border-right: none; border-left: none; padding: 1px; text-decoration: none; font-weight: bold; color: white; } #dropmenudiv a:hover{ /*hover background color*/ background-color: #808080; width: 95%; } menuColor{ /*menu text extra color*/ color:#66FF33; } /*this is the css for the homeMenutree*/ /*this is the css for the vertical version*/ .vertical ul{ list-style-type: none; padding: 0px; border-top: 0px solid; width: 200px; font: 15px Arial, Trebucheet,Verdana; } .vertical li a{ display: block; width: 200px; text-decoration: none; height: 1em; padding: .1em 1px; border: 1px solid; border-top: 0px; font: 12px Arial, Trebuchet, Verdana; } .vertical li{ /*Needed for IE. Don't ask me why, It was a lucky guess.*/ display: inline; font:bold 14px Arial,Verdana; } .vertical li ul{ position: absolute; margin-top: -1.3em; margin-left: 170px; font:bold 15px Arial,Verdana; } /*This section makes the menu not work in non-javascript enabled browsers by not showing the menu by default-This can be worked around by making top level links point to a sitemap*/ /*Not sure if I recommend this or not*/ .inaccesible li ul{ display: none; } /*Arrow code - looks like Text Arrow can be turned on/off with arrow class*/ .arrow a span{ padding-left: 1em; font-size: 85%; } .arrow a:hover span{ padding-left: 2em; } .arrow a span.noshow{ visibility: hidden; } /*Plus code*/ .plus a span{ padding-left: .5em; } /*colors for menu*/ .blackwhite li a{ background-color: #FFCC61; color: black; border-color:#FFCC61; } .blackwhite li a:hover,.blackwhite li a.first:hover,.blackwhite .trail a.hover{ background-color: black; color: white; border-color: black; } .blackwhite ul{ border-color: white; } /*Webkit change size classes*/ .hovergallery img{ -webkit-transform:scale(1.0); /*Webkit: Scale down image to 0.8x original size*/ -moz-transform:scale(1.0); /*Mozilla scale version*/ -o-transform:scale(1.0); /*Opera scale version*/ -webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/ -moz-transition-duration: 0.5s; /*Mozilla duration version*/ -o-transition-duration: 0.5s; /*Opera duration version*/ opacity: 1.0; /*initial opacity of images*/ margin: 0 10px 5px 0; /*margin between images*/ } .hovergallery img:hover{ -webkit-transform:scale(1.3); /*Webkit: Scale up image to 1.2x original size*/ -moz-transform:scale(1.3); /*Mozilla scale version*/ -o-transform:scale(1.3); /*Opera scale version*/ box-shadow:0px 0px 30px gray; /*CSS3 shadow: 30px blurred shadow all around image*/ -webkit-box-shadow:0px 0px 30px gray; /*Safari shadow version*/ -moz-box-shadow:0px 0px 5px gray; /*Mozilla shadow version*/ opacity: 1; } /* info popup */ #hintbox{ /*CSS for pop up hint box */ position:absolute; top: 0; background-color: lightyellow; width: 250px; /*Default width of hint.*/ padding: 20px; border:3px solid darkred; font:normal 11px Verdana; line-height:18px; z-index:100; border-right: 3px solid darkred; border-bottom: 3px solid darkred; visibility: hidden; } .hintanchor{ /*CSS for link that shows hint onmouseover*/ font-weight: bold; color: navy; margin: 3px 8px; } #mainContent { background-color: #FFFFFF; padding: 25px 10px 25px 10px; } #mainContent h1.video { text-align: center; } #mainContent p.alignRight { float:right; padding: 0px 100px 25px 20px; } #mainContent p.alignLeft { float:left; padding: 0px 50px 25px 50px; } #mainContent p.alignCenter { padding: 0px 250px 25px 250px; } #mainContent p.mainHead { color: blue; font-family: 'Arial', sans-serif; font-size: 30px; font-style: bold; margin: 0 0 6px 0; text-align: left; line-height: 120%; letter-spacing: normal; } #mainContent p.subHead { color: black; font-family: 'Arial', sans-serif; font-size: 24px; font-style: normal; margin: 0 0 10px 0; text-align: left; line-height: 150%; letter-spacing: normal; } #mainContent p /* STORY */ { color: black; font-family: 'Arial', sans-serif; font-size: 14px; font-style: normal; margin: 0 15% 6px 12%; padding-top:10px; padding-bottom:10px; padding-right:20px; padding-left:20px; text-align:left; line-height:120%; letter-spacing:normal; -moz-column-width:500px; /* Firefox */ -webkit-column-width:500px; /* Safari and Chrome */ column-width:500px; max-width:500px; } #mainContent p.link { color: black; font-family: 'Arial', sans-serif; font-size: 16px; font-style: bold; line-height:200%; margin: 0 0 15px 0; text-align: left; letter-spacing: normal; } #mainContent p.caption { color: black; font-family: 'Arial', sans-serif; font-size: 12px; font-style: italic; margin: 0 10% 6px 12%; text-align: left; line-height: 120%; letter-spacing: normal; -moz-column-width:700px; /* Firefox */ -webkit-column-width:700px; /* Safari and Chrome */ column-width:700px; max-width:700px; } #mainContent p.question { color: #0a6ec4; font-family: 'Arial', sans-serif; font-size: 14px; font-style: italic; margin: 0 0 6px 0; text-align: left; line-height: 120%; letter-spacing: normal; margin: 0 12% 6px 12%; }