/* Self-contained stylesheet for the maintenance page.
   Rules copied from the main site's style.css / header.inc, trimmed to what this page uses.
   All url() paths are relative to this folder. */

* { box-sizing: border-box; }

body { margin:0; padding:0; }
body { background:#0F2A2A url(images/bg.png) repeat-x center top; font: .825em/1.35em normal "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif; color:#333; text-align:center; }
body { font-family: Arial, Helvetica, sans-serif; }
img  { border:0; }

#header { background:transparent url(images/bg_top.png) no-repeat center top; position:absolute; top:0px; left:0; margin:0; padding:0; height:29em; width:100%; }

/* Navigation bars - same look as the main site, but the items are plain text (not links) and greyed out */
#nav, #nav2, #nav3 { background:transparent url(images/bg_links.png) no-repeat center top; width:44.5em; height:2em; position:relative; text-align:center; margin:auto; padding:0; font: 1.3em normal Arial,sans-serif; }
#nav  { top:165px; }
#nav2 { top:175px; }
#nav3 { top:185px; }

.navbar { width:65em; margin:auto; overflow:auto; padding-left:.6em; }
.navbar span { float:left; display:block; width:20%; height:3em; margin:0 1em 0 1.2em; padding:.4em 3em 0 .4em; font-size:.89em; font-weight:normal; text-align:center; text-decoration:none; color:#777; cursor:default; }

#wrapperIndex { width:58em; border:1px solid #666; position:relative; margin:auto; padding:0 0 2em 0; background:white url(images/bg_shadow.jpg) no-repeat center 21em; top:210px; }

#content { text-align:left; display:inline; float:left; width:49em; margin:.5em 0 0 2em; }
	#content h1 { font: 3em/1.25em normal Georgia, "Times New Roman", Times, serif; margin:0 .8em .5em 0; padding-top:.5em; border-bottom:.1em double #000; }
	#content p  { margin-right:1.3em; margin-top:0; margin-bottom:1em; padding-right:1em; }

#contentwide { width:55em; }

#extra { clear:both; width:100%; position:relative; }

#footer { background-color:#000; color:#999; position:relative; top:150px; height:5em; margin:0 0 -3em 0; font-size:.8em; }

@media only screen and (min-device-width : 320px) and (max-device-width : 1024px) {
	body { font: 1em normal "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif; font-size:.8em; }
	#wrapperIndex { top:205px; }
}