html{height:100%;font-size:20px}
body{height:100%}
#page{width:900px;min-height:100%;height:auto;margin:0 auto}
#layout{width:900px;margin:0 auto;padding-top:20px}
#logo{clear:both;width:900px;margin:0 auto}
#adsense1{clear:both;width:900px;margin:0 auto;padding-bottom:15px}
#content{clear:both;width:900px;margin:0 auto;padding-bottom:15px}
#more{clear:both;width:900px;margin:0 auto;padding-bottom:15px}
#adsense2{clear:both;width:900px;margin:0 auto}
#footer{clear:both;width:900px;margin:0 auto;padding-bottom:15px}
#copyright{clear:both;width:900px;margin:0 auto}
#background1{position:fixed;top:0;left:0;z-index:-100;min-height:100%;height:auto;min-width:950px;width:100%;background-size:cover;background-image:url(../images/back/cover.jpg);background-position:center center;background-repeat:no-repeat}
#background2{position:fixed;top:0;left:0;z-index:-50;min-height:100%;height:auto;min-width:950px;width:100%;background-image:url(../images/back/darktint950.png);background-position:center center;background-repeat:repeat-y}
h1{font-size:1.2em;line-height:1.5em;font-family:Helvetica,Arial,sans-serif;vertical-align:middle;color:#fff}
h2{font-size:1.1em;line-height:1.5em;font-family:Helvetica,Arial,sans-serif;vertical-align:middle;color:#fff}
h3{font-size:1.1em;line-height:1.5em;font-family:Helvetica,Arial,sans-serif;vertical-align:middle;color:#fff}
h4{font-size:1em;line-height:1.5em;font-family:Helvetica,Arial,sans-serif;vertical-align:middle;color:#fff}
h5{font-size:1em;line-height:1.5em;font-family:Helvetica,Arial,sans-serif;vertical-align:middle;color:#fff}
p{font-size:.9em;line-height:1.5em;font-family:Helvetica,Arial,sans-serif;vertical-align:middle;color:#fff}
ul{font-size:.9em;line-height:1.5em;font-family:Helvetica,Arial,sans-serif;vertical-align:middle;color:#fff}
ol{font-size:.9em;line-height:1.5em;font-family:Helvetica,Arial,sans-serif;vertical-align:middle;color:#fff}
h1{text-align:center;margin:6em 0 1em}
h2{text-align:center;margin:1.5em 0 .5em}
h3{text-align:center;margin:1em 0 .5em}
h4{text-align:center;margin:2em 0 .5em}
h5{text-align:center;margin:0 0 .5em}
p{text-align:left;margin:0 0 1em}
ul{text-align:justify;margin:0 0 1em}
ol{text-align:justify;margin:0 0 1em}
.logoimage{width:100%}
.contentimage{width:100%}
.footerimage{width:100%}
.creditimage{vertical-align:middle;margin-bottom:2px}
.bold{font-weight:700}
.italic{font-style:italic}
.superscript{font-size:.8em;vertical-align:baseline;position:relative;top:-.4em}
.subscript{font-size:.8em;vertical-align:baseline;position:relative;top:.4em}
.clearboth{clear:both}
.textcentre{text-align:center}
.screenonly{display:inherit}
.printonly{display:none}
#content a:link{color:#393;text-decoration:none}
#content a:visited{color:#393;text-decoration:none}
#content a:hover{color:#369;text-decoration:none}
#more a:link{color:#393;text-decoration:none}
#more a:visited{color:#393;text-decoration:none}
#more a:hover{color:#369;text-decoration:none}
#footer a:link{color:#fff;text-decoration:none}
#footer a:visited{color:#fff;text-decoration:none}
#footer a:hover{color:#393;text-decoration:none}
#copyright a:link{color:#fff;text-decoration:none}
#copyright a:visited{color:#393;text-decoration:none}
#copyright a:hover{color:#393;text-decoration:none}
#footer p{font-size:.75em;text-align:center;color:#fff}
@media only screen and (max-width : 517px) {
html{font-size:14px}
body{background-color:#eee}
#page{width:250px}
#layout{width:250px}
#logo{width:250px}
#adsense1{width:250px}
#content{width:250px}
#more{width:250px}
#adsense2{width:250px}
#footer{width:250px}
#footer p{font-size:.6em}
#copyright{width:250px}
#background1{min-width:inherit;background-image:url(../images/back/cover550.jpg)}
#background2{min-width:inherit;background-image:url(../images/back/darktint270.png)}
}
@media only screen and (min-width : 518px) and (max-width : 777px) {
html{font-size:16px}
#page{width:468px}
#layout{width:468px}
#logo{width:468px}
#adsense1{width:468px}
#content{width:468px}
#more{width:468px}
#adsense2{width:468px}
#footer{width:468px}
#copyright{width:468px}
#background2{min-width:518px;background-image:url(../images/back/darktint518.png)}
}
@media only screen and (min-width : 778px) and (max-width : 949px) {
html{font-size:18px}
#page{width:728px}
#layout{width:728px}
#logo{width:728px}
#adsense1{width:728px}
#content{width:728px}
#more{width:728px}
#adsense2{width:728px}
#footer{width:728px}
#copyright{width:728px}
#background2{min-width:778px;background-image:url(../images/back/darktint778.png)}
}
@media only screen and (min-width : 950px) {
html{font-size:20px}
}