@import "base.css";

/* General */
body { background-color:#d4d4af; margin-top:3px }

/* Forms */
input[type=text], input[type=password], input[type=file], textarea, select { border-color:#663; color:#330 }

/* Page */
div#pageContainer { width:1001px; margin:0px auto; text-align:left }

/* Search Notification */
div#darkenedScreen { background-color:Black; opacity:0.5; -moz-opacity:0.50; filter:alpha(opacity=50); z-index:20; width:100%; height:100%; background-repeat:repeat; position:fixed; top:0px; left:0px; display:none }
div#connectNotice { text-align:center; position:absolute; z-index:25; display:none; border:solid 16px White }
div#connectNotice div { width:232px; padding:10px; background:White; border:solid 4px #dedece; font:18px Verdana, Arial, Helvetica, sans-serif; color:#999 }
img#spinner { width:16px; height:16px; margin-top:8px }

/* Menu */
div#menu { background:Transparent url(../images/menu.gif) no-repeat scroll left top; width:1001px; height:60px }
div#menu a { float:left; height:0px; padding-top:60px; overflow:hidden }
a#temples { width:126px }
a#temples:hover { background-image:url(../images/temples-over.png) }
a#schedules { width:120px }
a#schedules:hover { background-image:url(../images/schedules-over.png) }
a#photographs { width:147px }
a#photographs:hover { background-image:url(../images/photographs-over.png) }
a#maps { width:71px }
a#maps:hover { background-image:url(../images/maps-over.png) }
a#construction { width:220px }
a#construction:hover { background-image:url(../images/construction-over.png) }
a#news { width:73px }
a#news:hover { background-image:url(../images/news-over.png) }
a#articles { width:101px }
a#articles:hover { background-image:url(../images/articles-over.png) }
a#statistics { width:143px }
a#statistics:hover { background-image:url(../images/statistics-over.png) }

/* Content Container */
div#contentContainer { background-color:White }

/* Header */
div#header { height:100px }
div#header a, div#header div { float:left }
div#header div.line { width:1px; height:100px; background-color:White }
div#header a#logo { display:block; background:White url(../images/logo.png) no-repeat scroll left top; width:124px; height:100px }
div#header div#doorknob { background:White url(../images/doorknob.jpg) no-repeat scroll left top; width:154px; height:100px }
div#header div#title { background:White url(../images/title.jpg) no-repeat scroll left top; width:721px; height:100px }

div#navigationBar { background-color:#036; height:32px }
div#navigationBar div.line { float:left; width:1px; height:32px; background-color:White }
div#navigationBar a#home { float:left; display:block; background:#036 url(../images/home.gif) no-repeat scroll left top; width:124px; height:32px }
div#breadcrumb { float:left; padding:9px 0px 0px 20px }
div#breadcrumb, div#breadcrumb a { font:11px Arial, Helvetica, sans-serif; color:White; text-decoration:none }
div#breadcrumb a:hover { text-decoration:underline }
div#navigation { margin-right:16px }

/* Content */
div#content { background:White url(../images/background.gif) repeat-y scroll left top }
div#contentTextContainer { float:left; width:656px; color:#330 }
div#contentText { padding:20px 21px 25px 20px }
div#contentText p { text-indent:20px }

/* Submenu */
div#submenu { float:left; width:95px; padding:15px }
div#submenu, div#submenu a, div#submenu div { font:13px Verdana, Arial, Helvetica, sans-serif; color:#663; text-decoration:none }
div#submenu a, div#submenu div { display:block; margin-bottom:10px }
div#submenu a:hover { color:#369; text-decoration:underline }
div#submenu div { font-weight:bold; color:#369 }

/* Panel */
div#panel { float:left; width:220px; height:auto; background:#dedece url(../images/panel-background.jpg) no-repeat scroll left top; font:13px Verdana, Arial, Helvetica, sans-serif; color:#330 }
div#search { background:#dedece url(../images/search.gif) no-repeat scroll left top; width:220px; height:14px; margin:20px 0px 10px 0px }
input#query { margin-left:21px; height:18px; width:150px; border:0; padding:3px }
div#quote { background:#dedece url(../images/quote.gif) no-repeat scroll left top; width:220px; height:17px; margin:31px 0px 0px 0px }
div#quoteBody { padding:12px 21px }
div#share { background:transparent url(../images/share.gif) no-repeat scroll left top; width:220px; height:17px; margin:31px 0px 12px 0px }
div#addThis { padding:6px 0 0 20px }
div#questions { background:transparent url(../images/questions.png) no-repeat scroll left top; width:220px; height:17px; margin-top:31px }
div#questionsBody { padding:10px 21px }
div#disclaimer { background:transparent url(../images/disclaimer.gif) no-repeat scroll left top; width:220px; height:17px; margin-top:8px }
div#disclaimerBody { padding:10px 21px 21px 21px; font-style:italic }
div#attendance { background:transparent url(../images/attendance.gif) no-repeat scroll left top; width:220px; height:17px; margin:21px 0 14px 0 }

/* Headings */
h1 { font:24px Times New Roman,Times,serif; color:#663 }
h2 { font:16px Times New Roman,Times,serif; color:#663 }
h3, a.heading { display:block; font:19px Times New Roman,Times,serif; color:#663; text-decoration:none; margin-bottom:10px }
a.heading:hover { color:#369 }
h3 a { color:#663!important }
h4 { padding:7px 20px 0px 20px; font:bold 13px Arial,Helvetica,sans-serif; color:White; margin:0 }
h5 { font:11px Arial,Helvetica,sans-serif; text-transform:uppercase; letter-spacing:2px }
h6 { font:italic bold 16px Times New Roman,Times,serif; color:#663 }
div.subheading { font:small-caps bold 16px Times New Roman,Times,serif; color:#330; padding-bottom:5px }
span.paragraphHeading, a.paragraphHeading { font-variant:small-caps; font-weight:bold; text-decoration:none }
a.paragraphHeading:hover { text-decoration:underline }

/* Title */
table#titleTable { margin-bottom:20px }
td#titleCell { width:100%; height:31px; vertical-align:bottom; padding-left:10px }
td#subtitleCell div.next { float:right; margin:10px 0 0 20px }
td#subtitleCell div.next, td#subtitleCell div.next a { font:11px Arial, Helvetica, sans-serif; color:#663 }
td#subtitleCell div.next a { text-decoration:none }
td#subtitleCell div.next a:hover { text-decoration:underline }
tr#lineRow td { height:1px; background:#996 url(../images/menu_line.gif) no-repeat scroll center right }
td#subtitleCell { width:100%; height:30px; padding-left:10px }

/* Notice */
a.noticeLink { display:block; text-decoration:none; font-size:22px; font-style:italic; color:#663; margin:4px auto; padding:8px; box-shadow:4px 4px 12px #999 }
a.noticeLink div.notice { text-align:center; border:solid 1px #d1ceb7; padding:10px 16px }
a.noticeLink div.notice div.title { text-transform:uppercase; font-style:normal; font-size:18px; letter-spacing:2px; margin-bottom:4px }
a.noticeLink div.notice div.subtext { font:14px Arial, Helvetica, sans-serif; color:#999; text-transform:uppercase; letter-spacing:3px; padding-top:8px }

/* Construction */
a.photograph { display:block; position:relative; width:146px; height:85px }
div.photograph { position:absolute; bottom:0; right:0; width:106px; border:solid 1px #d1ceb7; margin:2px 20px 0 20px; box-shadow:1px 1px 5px #999; background-color:white }
div.photograph img { width:100px; height:75px; background-size:cover; background-position:center center; margin:3px; border:0 }
table#construction tr td { text-align:center }
table#construction tr td a { position:relative; display:block; width:258px; border:solid 1px #d1ceb7; margin:10px; box-shadow:4px 4px 12px #999; text-decoration:none }
table#construction tr td a:hover { box-shadow:1px 1px 4px #999 }
table#construction tr td a div.caption { font:13px Arial, Helvetica, sans-serif; color:#663; padding-top:6px; height:24px }
table#construction tr td a div.image { width:250px; height:188px; background-size:cover; background-position:center center; margin:4px }
table#construction tr td a div.date { position:absolute; bottom:9px; left:0; right:0; text-align:center; font:12px Arial, Helvetica, sans-serif; color:#663 }
table#construction tr td a div.photographer { position:absolute; bottom:15px; right:10px; font:13px Arial, Helvetica, sans-serif; color:#663 }
div#loader { height:30px; width:820px; border:solid 1px #d1ceb7; box-shadow:4px 4px 12px #999; margin:20px auto 0 auto; background:transparent url(../images/spinner.gif) no-repeat scroll center center }
a#loadMore { display:block; height:34px; width:820px; border:solid 1px #d1ceb7; box-shadow:4px 4px 12px #999; margin:20px auto 0 auto; text-align:center; padding-top:16px; text-decoration:none; font:bold 15px Arial, Helvetica, sans-serif; color:#663 }
a#loadMore:hover { background-color:#f9f9f9; color:#336699 }

/* Viewer */
div#viewerContainer { text-align:center }
div#viewerBorder { position:relative; background:transparent url(../images/viewer/border.gif) no-repeat scroll 0px 0px; width:608px; height:454px; margin:0px auto; padding:4px }
div#viewer { width:600px; height:450px; overflow:hidden; vertical-align:middle; text-align:center }
div#viewerImageContainer { width:600px; height:450px; position:relative }
img#viewerImage { position:absolute; top:225px; left:300px; filter:blendTrans(duration=0.6) }
div#caption { background:White url(../images/viewer/caption.gif) no-repeat scroll 0px 0px; font:14px Arial, Helvetica, sans-serif; color:#330; text-align:center; width:592px; height:18px; padding:5px 8px 3px 8px; margin-bottom:4px }

div#controlBar { background:White url(../images/viewer/controlBar.gif) no-repeat scroll 0px 0px; width:608px; height:26px; margin-top:-1px auto 0px auto }
a#cbPlay, a#cbPause, div#cbPauseBackground, div#cbCount, a#cbRewind, a#cbPrev, a#cbNext { height:26px; float:left }
a#cbPlay, a#cbPause, div#cbPauseBackground { width:45px; margin-right:4px }
a#cbPause, div#cbPauseBackground { background-image:url(../images/viewer/pause.gif); position:absolute; z-index:3; display:none }
div#cbPauseBackground { z-index:2 }
a#cbPlay:hover { background-image:url(../images/viewer/play-over.gif) }
a#cbPause:hover { background-image:url(../images/viewer/pause-over.gif) }
div#cbCount { width:383px; text-align:center; margin-right:4px; padding-top:5px; font:bold 14px Arial, Helvetica, sans-serif; color:#663 }
a#cbRewind { width:45px; margin-right:4px }
a#cbRewind:hover { background-image:url(../images/viewer/rewind-over.gif) }
a#cbPrev { width:61px; margin-right: 2px }
a#cbPrev:hover { background-image:url(../images/viewer/prev-over.gif) }
a#cbNext { width:60px }
a#cbNext:hover { background-image:url(../images/viewer/next-over.gif) }

/* Dropzone */
@-webkit-keyframes passing-through { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); }
  30%, 70% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); }
  100% { opacity: 0; -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); } }
@-moz-keyframes passing-through { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); }
  30%, 70% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); }
  100% { opacity: 0; -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); } }
@keyframes passing-through { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); }
  30%, 70% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); }
  100% { opacity: 0; -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); } }
@-webkit-keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); }
  30% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } }
@-moz-keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); }
  30% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } }
@keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); }
  30% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } }
@-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
  10% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
  20% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } }
@-moz-keyframes pulse { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
  10% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
  20% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } }
@keyframes pulse { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
  10% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
  20% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } }
.dropzone, .dropzone * { box-sizing: border-box; }

.dropzone { min-height:150px; border:2px dashed rgba(212, 212, 175, 1); background: white; padding: 10px; font:24px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#666633 }
.dropzone.dz-clickable { cursor: pointer; }
.dropzone.dz-clickable * { cursor: default; }
.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * { cursor: pointer; }
.dropzone.dz-started .dz-message { display: none; }
.dropzone.dz-drag-hover { border-style: solid; }
.dropzone.dz-drag-hover .dz-message { opacity: 0.5; }
.dropzone .dz-message { text-align: center; margin: 2em 0; }
.dropzone .dz-preview { position: relative; display: inline-block; vertical-align: top; margin: 16px; min-height: 100px; }
.dropzone .dz-preview:hover { z-index: 1000; }
.dropzone .dz-preview:hover .dz-details { opacity: 1; }
.dropzone .dz-preview.dz-file-preview .dz-image { border-radius: 20px; background: #999; background: linear-gradient(to bottom, #eee, #ddd); }
.dropzone .dz-preview.dz-file-preview .dz-details { opacity: 1; }
.dropzone .dz-preview.dz-image-preview { background: white; }
.dropzone .dz-preview.dz-image-preview .dz-details { -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -ms-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; }
.dropzone .dz-preview .dz-remove { font-size: 14px; text-align: center; display: block; cursor: pointer; border: none; }
.dropzone .dz-preview .dz-remove:hover { text-decoration: underline; }
.dropzone .dz-preview:hover .dz-details { opacity: 1; }
.dropzone .dz-preview .dz-details { z-index: 20; position: absolute; top: 0; left: 0; opacity: 0; font-size: 13px; min-width: 100%; max-width: 100%; padding: 2em 1em; text-align: center; color: rgba(0, 0, 0, 0.9); line-height: 150%; }
.dropzone .dz-preview .dz-details .dz-size { margin-bottom: 1em; font-size: 16px; }
.dropzone .dz-preview .dz-details .dz-filename { white-space: nowrap; }
.dropzone .dz-preview .dz-details .dz-filename:hover span { border: 1px solid rgba(200, 200, 200, 0.8); background-color: rgba(255, 255, 255, 0.8); }
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) { overflow: hidden; text-overflow: ellipsis; }
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span { border: 1px solid transparent; }
.dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span { background-color: rgba(255, 255, 255, 0.4); padding: 0 0.4em; border-radius: 3px; }
.dropzone .dz-preview:hover .dz-image img { -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); -webkit-filter: blur(8px); filter: blur(8px); }
.dropzone .dz-preview .dz-image { border-radius: 20px; overflow: hidden; width: 120px; height: 120px; position: relative; display: block; z-index: 10; }
.dropzone .dz-preview .dz-image img { display: block; }
.dropzone .dz-preview.dz-success .dz-success-mark { -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); }
.dropzone .dz-preview.dz-error .dz-error-mark { opacity: 1; -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); }
.dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark { pointer-events: none; opacity: 0; z-index: 500; position: absolute; display: block; top: 50%; left: 50%; margin-left: -27px; margin-top: -27px; }
.dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg { display: block; width: 54px; height: 54px; }
.dropzone .dz-preview.dz-processing .dz-progress { opacity: 1; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.dropzone .dz-preview.dz-complete .dz-progress { opacity: 0; -webkit-transition: opacity 0.4s ease-in; -moz-transition: opacity 0.4s ease-in; -ms-transition: opacity 0.4s ease-in; -o-transition: opacity 0.4s ease-in; transition: opacity 0.4s ease-in; }
.dropzone .dz-preview:not(.dz-processing) .dz-progress { -webkit-animation: pulse 6s ease infinite; -moz-animation: pulse 6s ease infinite; -ms-animation: pulse 6s ease infinite; -o-animation: pulse 6s ease infinite; animation: pulse 6s ease infinite; }
.dropzone .dz-preview .dz-progress { opacity: 1; z-index: 1000; pointer-events: none; position: absolute; height: 16px; left: 50%; top: 50%; margin-top: -8px; width: 80px; margin-left: -40px; background: rgba(255, 255, 255, 0.9); -webkit-transform: scale(1); border-radius: 8px; overflow: hidden; }
.dropzone .dz-preview .dz-progress .dz-upload { background: #333; background: linear-gradient(to bottom, #666, #444); position: absolute; top: 0; left: 0; bottom: 0; width: 0; -webkit-transition: width 300ms ease-in-out; -moz-transition: width 300ms ease-in-out; -ms-transition: width 300ms ease-in-out; -o-transition: width 300ms ease-in-out; transition: width 300ms ease-in-out; }
.dropzone .dz-preview.dz-error .dz-error-message { display: block; }
.dropzone .dz-preview.dz-error:hover .dz-error-message { opacity: 1; pointer-events: auto; }
.dropzone .dz-preview .dz-error-message { pointer-events: none; z-index: 1000; position: absolute; display: block; display: none; opacity: 0; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; border-radius: 8px; font-size: 13px; top: 130px; left: -10px; width: 140px; background: #be2626; background: linear-gradient(to bottom, #be2626, #a92222); padding: 0.5em 1.2em; color: white; }
.dropzone .dz-preview .dz-error-message:after { content: ''; position: absolute; top: -6px; left: 64px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #be2626; }

/* Milestone */
span.milestone { font-weight:bold; font-variant:small-caps }

/* Copyright */
div.copyright { text-align:center }
div.copyright, div.copyright a { font:11px Arial,Helvetica,Geneva,Swiss,SunSans-Regular; color:#330 }

/* Slideshow */
div.slideshow { text-align:right; font:bold 13px Arial,Helvetica,Geneva,Swiss,SunSans-Regular; color:#330 }

/* Pager */
table.pager { width:100%; margin-top:24px }
table.pager tr { vertical-align:top }
td.pager { width:100%; border-top:1px solid #663; padding-top:4px; font:13px Arial,Helvetica,Geneva,Swiss,SunSans-Regular; color:#663 }
td.pagerNav { position:relative; text-align:right }
a.next { position:absolute; z-index:5; display:block; width:54px; height:20px; background-image:url(../images/next.gif) }
a.next:hover { background-image:url(../images/next-over.gif) }

/* Tables */
.list a { text-decoration:none }
.list a:hover { text-decoration:underline }

table.lined { width:100% }
table.lined tr { border-bottom:solid 1px #cc9 }
table.lined tr.linked:hover { background-color:#f1f1e6; cursor:pointer }
table.lined tr.linked:hover td span { color:#369; text-decoration:underline }
table.lined tr:last-child { border-bottom:0 }
table.lined tr th { font:11px Arial,Helvetica,sans-serif; padding:4px 8px 8px 8px; text-transform:uppercase; letter-spacing:2px }
table.lined tr th a { text-decoration:none }
table.lined tr th a:hover { text-decoration:underline }
table.lined tr td { padding:4px 8px 6px 8px }
table.lined tr td:not(:first-child), table.lined tr th:not(:first-child) { text-align:right; white-space:nowrap }
table.lined tr td:first-child, table.lined tr th:first-child, table.lined tr td.leftAlign, table.lined tr th.leftAlign { text-align:left }
table.lined tr td.wrap { white-space:normal }
table.lined tr td.total { font-weight:bold; font-size:18px }
table.lined tr td.date { padding-left:22px }
table.lined tr td.article { font-style:italic }
table.lined tr.invisible { border:0 }
table.lined tr.invisible td { padding:1px 8px 3px 8px }

/* Box */
div.scheduleTop { margin-top:15px; height:28px; background-image:url(../images/schedule_top.gif) }
div.boxTop, div.boxTopLong, div.boxBottom, div.boxBottomLong, div.scheduleBottom, div.boxTopMap, div.boxBottomMap { height:15px }
div.boxTop { background-image:url(../images/box_top.gif); margin-top:10px }
div.boxTopLong { background-image:url(../images/box_top_long.gif) }
div.boxTopMap { background-image:url(../images/box_top_map.gif) }
div.box, div.scheduleBox, td.left, td.right { background-color:#d4d4af; padding:0px 20px; font:13px Arial,Helvetica,sans-serif; color:#330 }
div.boxBottom, div.boxBottomLong, div.boxBottomMap { margin-bottom:20px }
div.boxBottom, div.scheduleBottom { background-image:url(../images/box_bottom.gif) }
div.boxBottomLong { background-image:url(../images/box_bottom_long.gif) }
div.boxBottomMap { background-image:url(../images/box_bottom_map.gif) }
div.scheduleBottom { margin-bottom:0px }
div.scheduleBox, td.left, td.right { padding-top:10px }
td.left { width:140px; padding-right:20px }
td.right { width:443px }
.box h5 { font-weight:bold }
div.box a:hover { color:#369 }

/* Links */
a, a:visited { color:#330 }
a:hover { color:#369 }
a.constructionLink { display:inline; font-weight:bold; font-size:18px; text-decoration:none }
a.google { display:block; float:left; height:16px; background:White url(../images/google.gif) no-repeat scroll left top; padding-left:20px; font:13px Arial, Helvetica, sans-serif; text-decoration:none }
a.screensaver { font-size:18px; text-decoration:none }
a.screensaver:hover { text-decoration:underline }
div.directions { margin-top:12px; height:16px; padding-left:20px; font-size:11px; color:#663; background:transparent url(../images/map.png) no-repeat scroll left top }
div.directions a { font-size:11px; color:#663; text-decoration:none }
div.directions a:hover { color:#330; text-decoration:underline }
div.webcam, div.webcamTitle, div.webcam a, div.webcamTitle a { display:block; width:83px; height:16px; background:transparent url(../images/webcam.png) no-repeat scroll left top }
div.webcam { float:right }
div.webcamTitle { position:relative; top:6px; float:right }
div.webcam a:hover, div.webcamTitle a:hover { background-image:url(../images/webcam-over.png) }

/* Images */
img.rightImage { float:right; margin:0px 0px 10px 20px }
img.leftImage { float:left; margin:0px 20px 10px 0px }
img.framed { padding:5px; border:solid 1px #d1ceb7; box-shadow:1px 1px 5px #999; margin-bottom:10px }

/* News */
table#news a { font-weight:bold; text-decoration:none; font-size:18px }
table#news img { margin-right:15px }
table#news span { font-variant:small-caps }
a.archive, a.archive:visited { font-size:14px; color:#663; text-decoration:none }
a.archive:hover { color:#369; text-decoration:underline }

/* Footnote */
span.footnote {	font:11px Arial,Helvetica,sans-serif; color:#330 }
sup { vertical-align:3px }
hr.footnoteSeparator { color:#330; background-color:#330; width:200px; height:1px; margin:20px 0px 6px 0px; text-align:left }