/* Global Styles */ body { margin:0px; background-image: url(images/arttable.gif); background-color:#F7F7F7; } img { border:0; } #information { position:absolute; left:300px; top:225px; width:550px; height:150px; z-index:7; font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; color:#F7F7F7; background:#252525; } #information h1 { font-size: 12px; color:#D4E4FF; margin-top:0; margin-bottom:8px; } #information h1 a:active { font-size: 12px; color:#D4E4FF; text-decoration: none; } #information h1 a:link { font-size: 12px; color:#D4E4FF; text-decoration: none; } #information h1 a:visited { font-size: 12px; color:#D4E4FF; text-decoration: none; } #information h1 a: hover { font-size: 12px; color:#ffffff; background-color: #000000 } #information a:active { font-size: 11px; color:#D4E4FF; text-decoration: none; } #information a:link { font-size: 11px; color:#D4E4FF; text-decoration: none; } #information a:visited { font-size: 11px; color:#D4E4FF; text-decoration: none; } #information a: hover { font-size: 11px; color:#ffffff ; background-color: #000000; } #information .subhead { font-size: 13px; color:#47027F; } #information .subhead a:active { font-size: 13px; color:#47027F; text-decoration: none; } #information .subhead a:link { font-size: 13px; color:#47027F; text-decoration: none; } #information .subhead a:visited { font-size: 13px; color:#47027F; text-decoration: none; } #information .subhead a: hover { font-size: 13px; color:#333333; background-color: #ceceda } #foot_layer { position:absolute; left:25px; top:600px; height:30; z-index:3; background: #252525; } #foot_layer { font-family: Georgia, "Times New Roman", Times, serif; font-size: 9px; line-height: 11px; color: #F7F7F7; padding: 3px; } #foot_layer a { font-family: Georgia, "Times New Roman", Times, serif; font-size: 9px; line-height: 11px; color: #D4E4FF; padding: 3px; text-decoration: none; } #foot_layer a:hover { font-family: Georgia, "Times New Roman", Times, serif; font-size: 9px; line-height: 11px; color: #D4E4FF; padding: 3px; text-decoration: none; background: #000000; } #creative_logo { position:absolute; left:0; top:0; width:420px; height:220px; z-index:4; } #message { position:absolute; left:300px; top:195px; width:550px; height:20px; z-index:99; text-align:left; font-family:"Courier New", Courier, monospace; color:#222222; font-size:11px; } #message p { margin:0; } #menu_container { position:absolute; left:0px; top:220px; width:275px; height:150px; z-index:5; margin-bottom: 1em; font-family:"Courier New", Courier, monospace; font-size:11px; background-color: #252525; color: #F7F7F7; } #menu_container ul { list-style: none; margin: 0; padding: 0; border: none; } #menu_container li { margin: 0; } #menu_container li a { display: block; padding: 3px 0 3px 25px; color: #F7F7F7; text-decoration: none; width: 250px; border-bottom: 1px #333333 dotted; } #menu_container li a:hover { background-color: #000000; color: #fff; } #menu_container .sel { display: block; padding: 3px 0 3px 25px; color: #F7F7F7; text-decoration: none; width: 250px; border-bottom: 1px #333333 dotted; background-color:#000000; } #prev { position:absolute; left:265px; top:490px; width:30px; height:30px; z-index:50; } #prev a:active, #prev a:visited, #prev a:link {display:block; padding:7px; text-decoration:none;} #prev a:hover { display:block; padding:7px; text-decoration:none; background:#000000; } #next { position:absolute; left:858px; top:490px; width:30px; height:30px; z-index:50; } #next a:active, #next a:visited, #next a:link {display:block; padding:7px; text-decoration:none;} #next a:hover { display:block; padding:7px; text-decoration:none; background:#000000; } /* forms */ form {font-size: 10px; font-family: Veranda, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } input {font-size: 10px; font-family: Courier, Monaco;} textarea {font-size: 10px; font-family: Veranda, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } select {font-size: 10px; font-family: Veranda, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } #greybg { position:absolute; height:420px; top:220px; left:0; background: #252525; z-index:1; display:block; width:99%; } #greyb2 { position:absolute; height:420px; top:220px; right:0; background: #252525; z-index:0; display:block; width:99%; } /* @group Panic Thumbnails */ #toolbar { width:0; height:0; margin:0; visibility:hidden; } /* ul for indexing panes hidden with no space */ #thumbs { position:absolute; left:300px; top:480px; width:590px; height:75px; z-index:8; font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; color:#F7F7F7; padding:0; } a#leftArrow, a#leftArrow:visited { float:left; padding: 35px 0; height: 30px; width: 30px; background: url(images/lf.gif) no-repeat 25px left; text-decoration:none; } a#leftArrow:hover { background: url(images/lf_over.gif) no-repeat 25px left; } #leftArrow span { font-size: 6px; line-height: 1px; visibility: hidden; } a#rightArrow, a#rightArrow:visited { float:left; padding: 35px 0; height: 30px; width: 30px; background: url(images/rt.gif) no-repeat 25px left; text-decoration:none; } a#rightArrow:hover { background: url(images/rt_over.gif) no-repeat 25px left; } #rightArrow span { font-size: 6px; line-height: 1px; visibility: hidden; } #frame { overflow: hidden; margin: 0; width: 530px; height:75px; color:#FFFFFF; float:left; } #scroller { width: 530px; overflow: hidden; } .section { width: 530px; float: left; padding: 5px; text-align: center; } .block { display:block; width:75px; height:75px; float:left; background:#252525 top left no-repeat; margin: 6px; font: 10px/10px Georgia, "Times New Roman", Times, serif; } /* each block */ .block a.th, .block a.th:visited { opacity: 0; filter:alpha(opacity=0); background-color:white; margin:0; padding: 2px; width: 71px; height:71px; display:block; color:#000000; text-decoration:none; } .block a.th:hover { opacity:0.8; filter:alpha(opacity=80); }