a img{border:0;}

#box0{
background-image:url(images10/bg_summerreading.jpg);
background-repeat:no-repeat;
height:1074px;
margin-left:-19px;
position:relative;
width:956px;
font:12px arial,sans-serif;
}

#box1{
background:url(images10/txt_congratulations.png) no-repeat scroll 0 0 transparent;
height:250px;
left:28px;
position:absolute;
top:70px;
width:445px;
}

#box2{
height:330px;
left:28px;
position:absolute;
top:389px;
width:444px;
}

#box3{
height:340px;
left:28px;
position:absolute;
top:707px;
width:442px;
}

#box4{
position:absolute;
right:37px;
top:330px;
height:317px;
top:348px;
}

#box5{
height:310px;
position:absolute;
right:37px;
top:731px;
width:414px;
}


#allMinutesCounter {
background:url(images10/readCounterBg_.png) no-repeat scroll 0 0 transparent;
height:26px;
left:60px;
padding:6px 5px;
position:absolute;
top:185px;
width:333px;
}
#allMinutesCounter span {
display:block;
float:left;
font-size:20px;
font-weight:bold;
margin:0 1px;
padding:0 9px 0 8px;}

#map{
height:317px;
width:414px;
}

#schl3o a {
color:#006699;
font-weight:bold;
}

#schl3o a:hover {
color:#E92020;
}


h1, h2{
height:44px;
margin:0;
padding:0;
position:absolute;
text-indent:-100001px;
top:-35px;
width:410px;
z-index:100;
}

#box2 h2{
background:url(images10/txt_top25.png) no-repeat scroll 0 0 transparent;
}

#topTabs,#allSchools{
margin-top:5px;
}
#topTabs .tableHeader,#allSchools .tableHeader{
font-size:14px;
margin:0 25px 3px 9px;
text-transform:uppercase;
height:15px;
}
#topTabs .tableHeader span,#allSchools .tableHeader span{
font-weight:bold;
float:left;
width:100px;
}
#topTabs .tableHeader strong, #allSchools .tableHeader strong{
float:right;
width:150px;
text-align:right;
}

#topTabs ol, #allSchools ol{
clear:both;
overflow-y:scroll;
padding:0;
margin:0;
}
#topTabs ol{
height:180px;
}

#topTabs ol li, #allSchools ol li{
border-bottom:1px solid #CCCCCC;
clear:both;
font-size:15px;
height:34px;
list-style:none outside none;
margin:2px 9px;
padding:0;
}

#topTabs ol li span{
float:left;
width:279px;
}

#topTabs ol li strong, #allSchools ol li strong{
float:right;
width:70px;
text-align:right;
}

#featured{
color:#FFFFFF;
font-weight:bold;
margin:5px 0 0 5px;
}

#box5 .content{
padding:24px 31px 0;
font-size:14px
}

#box3 h2
{
background:url(images10/txt_genreInfo.png) no-repeat scroll 0 0 transparent;
}
#box3 .stats{
background:url(images10/groupCounterBg.png) no-repeat scroll 0 0 transparent;
height:30px;
margin:5px 0 0 17px;
padding:5px 17px 0 0;
position:relative;
text-align:right;
width:191px;
}
#box3 .stats span{
font-size:17px;
font-weight:bold;
padding:5px;
color:#000000;
margin:0;
}
/* root element for tabs  */
.tabs { 
height:30px;
list-style:none outside none;
margin:0 !important;
padding:0 0 0 5px;	
}

/* single tab */
.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
#schl3o .tabs a { 
background:url(images10/tab_small_off.png) no-repeat scroll 0 -12px transparent;
color:#666666;
display:block;
font-size:11px;
height:30px;
line-height:12px;
margin:0;
padding:3px 0 0 8px;
position:relative;
text-align:left;
text-decoration:none;
top:1px;
width:98px;
}

.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
#schl3o .tabs a:hover {
	background:url(images10/tab_small_on.png)  no-repeat scroll 0 -12px transparent;
	color:#97201a;	
	text-decoration:none;
}

/* active tab uses a class name current. it's highlight is also done by moving the background image. */
#schl3o .tabs .current, #schl3o .tabs .current:hover, #schl3o  .tabs li.current a {
	cursor:default !important; 
	color:#000 !important;
		background:url(images10/tab_small_on.png) no-repeat scroll 0 -12px transparent;
}


/* initially all panes are hidden */ 
.panes .pane {
	display:none;		
}

#topTabs .panes{
background:url(images10/bg_tanBox.png) no-repeat scroll 0 0 transparent;
height:225px;
padding:20px;
}

.tabs a { 
	/* background: url(/img/global/tabs.png) no-repeat -652px 0;*/
	
}

#genreTabs  h3{
background-color:#333333;
font-size:18px;
margin:30px 20px 10px;
padding:5px 10px;
text-align:center;
color:#fff;
-moz-border-radius: 8px;
border-radius: 8px;
}

.panes .content{
padding:5px;
}

.genreStats{
float:left;
width:232px;
}

.title{
color:#000;
font-size:14px;
font-weight:bold;
text-align:center;
}

.author{
float:left;
margin:20px 0 0 13px;
width:162px;
}
.author h4 {
font-size:13px;
font-weight:bold;
margin:3px 0;
}

.author p{
margin:0;
}

#box4 h2{
background:url(images10/txt_summer_tracker.png) no-repeat scroll 0 0 transparent;
}

#box5 h2{
background:url(images10/txt_whatNext.png) no-repeat scroll 0 0 transparent;
}


#REDlab{
font-size:18px;
margin:10px;
text-align:center;
}

#seeAll{
text-align:right;
margin:10px 0 0;
}

#overlay {
	background-image:url(images10/transparent.png);
	color:#efefef;
	height:450px;
}

div.contentWrap {
height:480px;
overflow:hidden;
}
.apple_overlay {
	display:none;
	width:640px;		
	padding:35px;
}

/* default close button positioned on upper right corner */
.apple_overlay .close {
	background-image:url(images10/close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}
.alphaList{
	margin:0 auto;
	width:343px;
}

.alphaList ul
{
	list-style:none;
	margin:0;
	padding:0;
}

.alphaList li
{
	float:left;
	margin:0 5px 0 0;
}

.clearBoth
{
	clear:both;
	height:12px;
}

#allSchools ol{
	height:405px;
}
#allSchools ol li{
	height:22px;
}
#allSchools ol li span{
float:left;
width:440px;
}