html, body {margin:0;
padding:0;
text-align:center;}

body {font: 62.5% arial,sans-serif;
background-color: #fff;}

#mainpanel {width: 780px;
text-align:left;
margin-left:auto;
margin-right:auto;
margin-top: 30px;
color: #fff;
background: #272750 url(../../images/readability/readability_bg.jpg) repeat-x;}

#header {position: relative;
height: 130px;}

#mainfooter {position: relative;
height: 130px;}

a img {border: none;}

#text_content {position: relative;
font-size: 1.4em;
padding: 30px;}

#mainfooter img, #mainfooter #footer, 
#mainfooter #sponsorthanks, #header img,
#homebutton {position: absolute;}

/* Header stuff */

img#readability_logo {left:500px;
top: 30px;}

div#homebutton {left:20px;
top: 20px;
height: 90px;
width:97px;
background: url(../../images/readability/homebutton_sprite.jpg) no-repeat 0 0;}

#homebutton a {display: block;
height: 100%;
text-indent: -9000px;
}

#homebutton a:hover {
	background: url(../../images/readability/homebutton_sprite.jpg) no-repeat 0 -90px;
	}

/* Main styling */

h1 {margin:0;
padding: 0;
color: #fed002;
font-size: 1.4em}

h2 {margin:0 0 10px 0;
padding: 0;
color: #fed002;
font-size: 1.1em}

a {color: #d21a4d;}

blockquote {
margin: 0px 0px;
padding-left: 42px;
background: transparent url("../../images/readability/quote.gif") no-repeat 0 0;
}

.attachmenttitle a {color: #fed002;}

.attachmentformat {margin-bottom: 8px;}

p.signup {font-size: 1.3em}

.clear {display:inline-block;}

.clear:after {display:block;
visibility:hidden;
clear:both;
height:0;
content: ".";}

div.download_item {float: right;
display: block;
margin-right: 14px;}

div.download_format {font-size: 0.8em;}

/* IMAGE TABLE PADDING */

table.documentimage,
table.documentimage_left {padding: 0 10px 10px 0}

table.documentimage_centre {padding: 10px 0 10px 0}

table.documentimage_right {padding: 0 0 8px 10px}


/* Bottom page links */

#bottomnav {height: 20px;
font-size: 1.2em;
margin-left: 20px;}

#bottomnav ul {list-style: none;
margin: 0;
padding: 0;
width: 240px;}

#bottomnav ul li {float: right;
margin-right: 20px;
}

#bottomnav li a {;
padding-left: 20px;
text-decoration: none;}

#bottomnav li#bottom_home a {background: url(../../images/readability/home.gif) no-repeat 0 1px;}

#bottomnav li#bottom_top a {background: url(../../images/readability/top.gif) no-repeat 0 1px;}

/* Footer stuff */

#footer {top: 100px;
left: 30px;
font-size: 1.2em}

#sponsorthanks {top: 10px;
left: 30px;
font-size: 1.4em;
font-weight: bold;}

img#sims_logo {left: 30px;
top: 35px;}

img#foresters_logo {left: 96px;
top: 35px;}

img#promethean_logo {left: 210px;
top: 35px;}

img#lcd_logo {left: 684px;
top: 10px;}

/* Homepage splash */

ul#splash {list-style: none;
background: url(../../images/readability/homepage_sprite.jpg) no-repeat 0 0;
position: relative;
width: 780px;
height: 493px;
margin: 0;
padding: 0;}

ul#splash li {
position: absolute;}

ul#splash li a {display: block;
height: 100%;
text-indent: -9000px;
}

ul#splash li#news a {display: block;
height: 100%;
text-indent: 0;
font-size: 2em;
color: #F2173F;
text-decoration: none;
text-align: right;
}

#introtxt {text-indent: -9000px;}

#whatis {width: 130px ;
height: 130px;
top: 47px;
left: 8px;}

#aboutlcd {width: 126px;
height: 126px;
top: 51px;
left: 225px;}

#whyneed {width: 98px;
height: 99px;
top: 157px;
left: 140px;}

#endorsing {width: 97px;
height: 97px;
top: 218px;
left: 28px;}

#ourbooklet {width: 114px;
height: 114px;
top: 276px;
left: 137px;}

#sponsors {width: 112px;
height: 114px;
top: 368px;
left: 28px;}

#signup {width: 115px;
height: 115px;
top: 168px;
left: 604px;}

#news {width: 326px;
height: 50px;
top: 396px;
left: 440px;}

#privacy {width: 100px;
height: 18px;
top: 454px;
left: 670px;}

ul#splash li a:hover {
	background: url(../../images/readability/homepage_sprite.jpg) no-repeat 0 0;}
	
ul#splash li#news a:hover {
	background: #222244;
	color: #FED102;}

ul#splash li#whatis a:hover {
	background-position: -7px -540px;
}

ul#splash li#aboutlcd a:hover {
	background-position: -226px -544px;
}

ul#splash li#whyneed a:hover {
	background-position: -140px -651px;
}

ul#splash li#endorsing a:hover {
	background-position: -26px -713px;
}

ul#splash li#ourbooklet a:hover {
	background-position: -136px -771px;
}

ul#splash li#sponsors a:hover {
	background-position: -26px -863px;
}

ul#splash li#signup a:hover {
	background-position: -608px -663px;
}

ul#splash li#privacy a:hover {
	background-position: -670px -947px;
}