/* Color Palette 4f330f / 106AB4 background, active tab 333333 picture background, menu background white title text 323232 title text-shadow 4f330f body background, narrow separator, hover menu 198,216,255,.95 submenu background 033,033,033,.50 logo background when mouse hovers 255,255,000,.30 any link when mouse hovers 000,000,000,.50 IE9- fix for missing text shadow */ @font-face { font-family: "Arvil Sans"; src: url("../fonts/Arvil_Sans.eot"); src: url("../fonts/Arvil_Sans.eot?#iefix") format('embedded-opentype'), url("../fonts/Arvil_Sans.woff") format('woff'), url("../fonts/Arvil_Sans.ttf") format('truetype'); font-weight: normal; } @font-face { font-family: "Dumb"; src: url("../fonts/Arvil_Sans.eot"); src: url("../fonts/Arvil_Sans.eot?#iefix") format('embedded-opentype'), url("../fonts/Arvil_Sans.woff") format('woff'), url("../fonts/3Dumb.ttf") format('truetype'); font-weight: normal; } @font-face { font-family: "Signika"; src: url("../fonts/Signika-Regular.eot"); src: url("../fonts/Signika-Regular.eot?#iefix") format('embedded-opentype'), url("../fonts/Signika-Regular.woff") format('woff'), url("../fonts/Signika-Regular.ttf") format('truetype'); font-weight: normal; } @font-face { font-family: "Signika"; src: url("../fonts/Signika-Bold.eot"); src: url("../fonts/Signika-Bold.eot?#iefix") format('embedded-opentype'), url("../fonts/Signika-Bold.woff") format('woff'), url("../fonts/Signika-Bold.ttf") format('truetype'); font-weight: bold; } * { font-family: font-family: 'Philosopher', sans-serif;; "Signika", Helvetica, Arial, "Nimbus Sans", "Liberation Sans", FreeSans, sans-serif; } h1, h4, a.submenu, a.gray { font-family: 'Cabin', sans-serif; "Arvil Sans", Arial, sans-serif; } h3 {font-family: 'Amatic SC', cursive} h2 {font-family: 'Amatic SC', cursive} p { font-size:18px; line-height:24px; margin: 0 0 5px; font-weight: normal;color:white; } p { font-size:18px; line-height:24px; margin: 0 0 5px; font-weight: normal;color:white; } h1 { font-size:30px; line-height:30px; margin: 0px 0 0px; font-weight: normal; letter-spacing: 1px; word-spacing: 2px; color:white;} h2 { font-size:36px; line-height:32px; margin: 20px 0 5px; font-weight: bold; letter-spacing: 0px; word-spacing: 2px; color:white; } h3 { font-size:24px; line-height:28px; margin: 20px 0 5px; font-weight: normal; letter-spacing: 0px; word-spacing: 2px;color:white; } h4 { font-size:20px; line-height:20px; margin: 10px 0 5px; font-weight: normal; letter-spacing: 0px; word-spacing: 0px; } p.note { font-size:12px; line-height:12px; text-align:right; } table, html, body { margin: 0px; padding: 0px; } html { overflow-y: scroll; } body { background-color:#f8ddcd; padding: 0; max-height: 1000px; min-width: 700px; } img { border: 0px solid black; margin: 0; padding: 0; } a { color:inherit; font-family:inherit; border:0; text-decoration:none; } a:hover { background-color:#9f4915; color:#F8BDB4; } a.visible, .visiblelinks a { text-decoration:underline; white-space: nowrap; } a.title { font-style: italic; text-decoration:underline; } a.namedlecture, a.netitle { font-style: italic; } p.expandablelist { margin-bottom: .3em; } div.expandableblock { margin-bottom: .7em; margin-left: 1em; } div.centered { display: table; margin-left: auto; margin-right: auto; } .white a { color:white } div.littlespace{ width:840px; height:2px; background-color:#eeab83; } div.fullpage { display:block; width:840px; margin-left:auto; margin-right:auto; } #fixedmenu { position:fixed; width:840px; background-color:#eeab83; } #bapicture { background-image: url("../Pictures/xiiiMV.jpg"); background-repeat:no-repeat; height:220px ; background-size: 840px 220px; background-color:#333333; } #logo { float:left; position:relative; left:-24px; bottom:8px; } #logo img { width:110px; padding: 2px; } #logo:hover { background-color: rgba(033,033,033,.50); cursor:pointer; } #logo a:hover { background-color:transparent; } .shadowouter { height:70px; } .shadowouter h1 { padding:2px; margin:18px 0 0 0; color:white; text-shadow: 0 0 1px #323232, 0 0 2px #323232, 0 0 3px #323232, 0 0 4px #323232, 0 0 5px #323232, 0 0 7px #323232, 0 0 9px #323232; } #spa37, #spauba, #spadates { float: right; } div.menucontainer { height:30px; margin:0; overflow:visible; width:840px; } div.menu { float:left; display:table-cell; padding:0; height:30px; overflow:hidden; font-weight:normal; margin:0; } a.gray { display:block; padding:0 13px; color:black; font-size:16px; line-height:30px; letter-spacing: 0px; overflow:hidden; } a.gray.current { background-color:#f8ddcd; color: black; } a.gray:hover, a.submenu:hover { background-color:#e16920; color: white; } div.submenucontainer { displayy:none; position:fixed; margin-left:-20px; width:840px; max-height:25px; overflow:hidden; background-color:rgba(198,216,255,.95); } div.submenu { float:left; display:table-cell; padding:0; height:25px; overflow:hidden; font-weight:normal; margin:0; } a.submenu { display:block; padding:0 25px; color:black; font-size:22px; line-height:25px; letter-spacing: 0px; overflow:hidden; } div.menuspacer { width:840px; height:254px; } a.anchor { display: block; position: relative; top: -270px; visibility: hidden; } div#outer { background:#e16920 url("../Pictures/") repeat-y; margin:0; padding:0 20px 2em; width:800px; text-align:left; min-height:400px; overflow:hidden; } div#main { padding: 0; margin-topp:20px; } div.right { float:right; width:370px; } div.left { float:left; width:370px; } p.toobig { width:810px; } div.bottomspace { height:2em; text-align:center; } /* MSIE fixes using HTML element classes, added with javascript: .ie7leq .ie8leq .ie9leq .ie9 .ie10leq .ie10 .ie10geq .ie11geq Warning message,, Text-shadow, Transarency Positioning */ div.bottomspace span { display:none; } .ie10leq div.bottomspace span.css3message { display:inline; } .ie9 .shadowouter h1 { background:rgba(000,000,000,.50); } .ie8leqq .shadowouter h1 { margin-top: 20px; } .ie8leq .shadowouter h1 { background:#808080; background:url('../Pictures/background-black-50.png'); } .ie8leq #logo:hover { background:#505050; background:url('../Pictures/background-gray-50.png'); } .ie8leq div.submenucontainer { background-color:green; } .ie7leq div.shadowouter { margin-right: 29px; } .ie7leq #logo { float:left; position:absolute; left:5px; bottom:36px; } /* .ie8leq h1 { font-size:24px; letter-spacing: 0px; word-spacing: 0px;} .ie8leq a.gray, .ie8leq a.submenu { font-size:12px; } /**/