/*
Theme Name:Flying Start
Description: Flying Start theme.
Version: 1.0
Author: Elliot Condon

*/

/* COLORS
==============================

HOME - #3E90FE

THE PROGRAM - #FFAD47

THE COMPONENTS - #AC53FB

THE BOOKS - #7AD94E





*/



/* GENERAL

==============================*/

body{

	padding:0px;

	margin:0px;

	background-color:#E6E6E6; 

}



#container{

	width:900px;

	margin-left:auto;

	margin-right:auto;

	position:relative;

}

.content
{
	width:100%;
	background-color:#FFF;
	overflow:auto;
	position:relative;
}


.content, .content .sb-inner { background:#FFF; }
.content .sb-border { background:#D6D6D6; }




/* FONTS

==============================*/





p, h1, h2, h3, a, label, img{

	font-family:Arial, Helvetica, sans-serif;

	color:#333;

	margin:0px;

}



p, a{

	font-size:14px;

	line-height:23px;

	

}

p{

}



h1{

	font-size:28px;
	color:#000;
	font-weight:normal;
	margin-bottom:10px;
}



h2{

	font-size:16px;
	margin-bottom:5px;
	color:#1F1F1F;
}



h3{
	


}



a{

	text-decoration:none;

	color:#06F;

}





.hr{

	margin:30px 0px 30px 0px;

	border-top:#CCC dotted 1px;

	width:100%;

	height:1px;

}



img{

	max-width:875px;	

	border:none;

}



.hidden{

	display:none;	

}



/* LOGIN

****************/

.login{

	position:fixed;

	top:0px;

	left:0px;

	height:20px;

	width:50px;

}



.login a{

	position:absolute;

	display:none;

	color:#FFF;

	font-size:14px;

	padding:5px 10px 5px 10px;

	background-color:#000;

	text-decoration:none;

}



.login:hover a{

	display:block;

	padding-left:8px;

	

	

}




/* HEADER

****************/

#header{
	position:relative;
	width:860px;
	padding:10px 20px 10px 20px;
	margin-top:15px;
}

#header .logo{
	width:161px;
	height:60px;
	background:#FFF url(images/logo.gif) no-repeat;
	
}

#header ul{
	margin:0px;
	padding:0px;
	list-style:none;
	position:absolute;
	top:30px;
	left:220px;
}

#header ul li{
	margin:0px;
	margin-right:25px;
	padding:0px;
	list-style:none;
	float:left;
	display:block;	

}


#header ul li a{
	font-weight:bold;
	font-size:16px;
	color:#000;
	border-bottom:#FFF solid 2px;
}


/* NAV COLORS
*****************/

/* HOME / DEFAULT
--------------------*/
#header ul li a:hover, #header ul li.current_page_parent a{
	border-bottom:#3E90FE solid 2px;
}


/* THE PROGRAM
--------------------*/
#header ul li.page-item-5 a:hover, #header ul li.page-item-5.current_page_parent a{
	border-bottom:#FFAD47 solid 2px;
}


/* THE COMPOENTS
--------------------*/
#header ul li.page-item-27 a:hover, #header ul li.page-item-27.current_page_parent a{
	border-bottom:#AC53FB solid 2px;
}


/* THE BOOKS
--------------------*/
#header ul li.page-item-6 a:hover, #header ul li.page-item-6.current_page_parent a{
	border-bottom:#7AD94E solid 2px;
}



/* HOME

****************/

.title-box{
	width:820px;
	padding:40px;
	margin:15px 0px 15px 0px;
	position:relative;
	z-index:2;
}

.title-box h1{
	font-size:48px;
}

#home-title
{
	background:#06F url(images/home-title-bg.jpg) no-repeat;
	height:248px;
	
}

.title-box h2, #home-title h2 a
{
	color:#003453;
	font-size:24px;
	margin:0px;
	padding:0px;
}

#home-title h2 a:hover
{
	color:#0561AB;

}

#home-title p
{
	color:#FFF;
	margin:0px 0px 10px 0px;
	padding:0px;
}

#home-title .child
{
	position:absolute;
	bottom:4px;
	right:40px;
	width:225px;
	height:357px;
	background-image:url(images/home/home-title-image.png);
}

.third{
	width:300px;
	float:left;
	position:relative;
}

.tlc{
	width:8px;
	height:8px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:3;
	background:url(images/tlc.gif) no-repeat;
}

.trc{
	width:8px;
	height:8px;
	position:absolute;
	top:0px;
	right:0px;
	z-index:3;
	background:url(images/trc.gif) top right no-repeat;
}

.third .heading{
	height:50px;
}

.third .heading h2{
	font-size:24px;
	font-weight:normal;
	padding:12px 0px 0px 20px;
}

.third .content{
	padding:20px;
	padding-bottom:0px;
	border:#D6D6D6 solid 1px;
	width:258px;
	position:relative;
	min-height:180px;
	overflow:hidden;
}


.third .bottom{
	width:100%;
	height:4px;
	position:absolute;
	bottom:0px;
	left:0px;
}

.third a{
	color:#000;
	font-size:14px;
	padding:10px;
	display:block;
	position:absolute;
	bottom:0px;
	right:0px;
}


.third .content#third-questions{
	background:#FFF url(images/home/home-third-questions.jpg) 100% 100% no-repeat;
}

.third .content#third-questions .bottom{
	background-color:#FFAD47;
}

.third .content#third-questions a{
	background-color:#FFAD47;
}

.third .content#third-questions a:hover{
	background-color:#FFB75E;
}

.third .content#third-questions p{
	padding-right:100px;
}




.third .content#third-books{
	width:260px;
	border-left:none;
	border-right:none;
	background:#FFF url(images/home/home-third-components.jpg) 20% 100% no-repeat;
}

.third .content#third-books .bottom{
	background-color:#7AD94E;
}

.third .content#third-books a{
	background-color:#7AD94E;
}
.third .content#third-books a:hover{
	background-color:#91DF6A;
}





.third .content#third-teachers{
	background:#FFF url(images/home/home-third-teachers.jpg) 90% 100% no-repeat;
}

.third .content#third-teachers .bottom{
	background-color:#AC53FB;
}

.third .content#third-teachers a{
	background-color:#AC53FB;
}

.third .content#third-teachers a:hover{
	background-color:#B361FC;
}
.third .content#third-teachers p{
	padding-right:130px;
}





/* 
-------------------------------------------------------------------------------------------------------------------------------------

																PROGRAM

-------------------------------------------------------------------------------------------------------------------------------------
*/

p.edit{
	text-align:right;	
}

#program-title{
	background:#F93 url(images/program/program-title-bg.jpg) no-repeat;
	height:93px;
}



#program-title img#child
{
	position:absolute;
	bottom:4px;
	right:40px;
}

.content#program{
	border-top:#CCC solid 1px;	
	width:860px;
	padding:40px 20px 40px 20px;	
}

.content#program hr{
	border-top:#FFAD47 solid 2px;
}


ul{
	margin:0px;	
	padding-left:40px;	

}

.formmal{
	margin:0px;	
	padding-left:152px;	
}
.formmal_index
{
	margin-left:165px;
margin-top:-33px;
width:385px;
}
.formmal_index li
{
	list-style:none;

}

ul li{
	list-style-image:url(images/li-logo.jpg);
	padding-bottom:10px;
}


hr{
	border:none;
	border-top:#CCC dotted 1px;
	background-color:#FFF;	
	height:1px;
	margin:50px 0px 50px 0px;
	
}

img.research{
	padding-right:20px;	
}
/* COMPONENT

****************/



#components-title{
	background:#F93 url(images/components/components-title-bg.jpg) no-repeat;
	height:93px;
}

#components-title img#child
{
	position:absolute;
	bottom:3px;
	right:20px;
}

.content#components{
	border-top:#CCC solid 1px;	
	width:860px;
	padding:40px 20px 40px 20px;		
}

.content#components hr{
	border-top:#AC53FB solid 2px;
}





/* 
-------------------------------------------------------------------------------------------------------------------------------------

																	BOOKS

-------------------------------------------------------------------------------------------------------------------------------------
*/


.content#books{
	border-top:#CCC solid 1px;	
	width:860px;
	padding:40px 20px 40px 20px;	
}

.content#books table{
	width:856px;
	border:#7AD94E solid 2px;
}

.content#books hr{
	border-top:#7AD94E solid 2px;
}



.content#books table tr.sub-heading td{
	padding:20px 0px 20px 20px;
	border-bottom:#7AD94E solid 2px;
}

.content#books table tr.sub-heading td h1{
	font-size:20px;
	margin-bottom:0px;
}

.content#books table tr.sub-heading td p a{
	font-size:12px;
}


.content#books table tr td{
	padding:20px 0px 20px 20px;
	border-bottom:#CCC dotted 1px;
}

.content#books table tr td img{
	max-height:135px;
	margin-right:20px;
}
/* ================New Books styling ==============================*/

#table {
	width:806px;
	border:#7AD94E solid 2px;
	padding:10px 25px 0px 25px;
}

#row { 
	border-bottom: dotted 1px #cbc7c7; 
       	height: 165px;
}
#rowbottom { 
	
       	height: 165px;
}

#tableheader {
	width:806px;
	border:#7AD94E solid 2px;
	padding:10px 25px 0px 25px;
	border-bottom:0;
}

#tableheaderupper {
	border-bottom: 0px;  
        width: auto;
        padding-bottom: 10px;
}
#tableupper {

        padding-bottom: 10px;
}

#tableheaderupper h1{
        font-size:20px;
}



#tableupper img { 
       height: 135px;
       margin: 10px 31px 0 0;
       border: 0;
       padding: 2px; 
}
#tableupper a img {
       border: 1px solid #c7cae0;
       padding: 2px; 
       background-color: #e8e6e6;
}

#tableupper a:hover img {
      background-color:orange;
      border: 1px outset yellow;
      padding:2px;
}

.booksright {
       min-width:260px;


}
#booksrightdiv {
       float: right;
       width: 510px;
}


/* SUB NAV

****************/
.sub-nav
{
	width:900px;
	padding:0px;
	height:50px;
	position:relative;
	z-index:2;
}



.sub-nav, .sub-nav .sb-inner { background:#EDF0F1; }
.sub-nav .sb-border { background:#CCC; }

.sub-nav .tlc
{
	width:8px;
	height:8px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:3;
	background:url(images/sub-nav-corner.gif) no-repeat;
}

.sub-nav ul{
	margin:0px;
	padding:0px;
	list-style:none;
	position:absolute;
	top:1px;
	left:1px;
}
 
.sub-nav ul li{
	margin:0px;
	padding:0px;
	list-style:none;
	display:block;
	float:left;
	border-right:#CCC solid 1px;	
}

.sub-nav ul li a{
	margin:0px;
	padding:0px;
	display:block;
	padding:15px 20px 0px 20px;
	height:35px;
	color:#000;
	font-size:15px;
	font-weight:bold;
}

.sub-nav ul li a:hover{
	background-color:#F7F9F9;	
	height:34px;
}

.sub-nav ul li.current_page_item a, .sub-nav ul li.current-cat a{
	background-color:#FFF;
	height:35px;
}



/* BOOKS

****************/


/*
table tr td{
	padding:20px 0px 20px 0px;
	border-bottom:#CCC dotted 1px;
}

table tr.sub-heading td{

}

table tr.sub-heading td h2{

}
*/




/* CONTENT TABLE

****************/

table.format{
	width:100%;
}

table.format tr{
	vertical-align:top;
}

table.format tr td{
	width:260px;
	padding:0px 20px 0px 0px;
	border-bottom:none;
}

table.clean{
	width:100%;
}

table.clean tr{
	
}

table.clean tr td{
	padding:0px 0px 0px 0px;
	border-bottom:none;
}

table.clean img{
	padding-right:20px;
}



/* FOOTER
==============================*/
h3{
	font-size:16px;
	margin-bottom:0px;
}

.footer{
	margin-bottom:40px;
	position:relative;
}

#footer-nav
{
	width:860px;
	padding:18px 20px 18px 20px;
}

#footer-nav h3{
	margin-bottom:5px;
}

#footer-nav .section{
	padding-right:70px;	
	float:left;
}

#footer-nav .section#last{
	padding-right:0px;	
}

#footer-nav ul{
	margin:0px;
	padding:0px;
	list-style:none;
}

#footer-nav ul li{
	margin:0px;
	padding:0px;
	list-style:none;
	list-style-image:none;
}

.footer p.details{
	font-size:12px;	
}




.footer .offer{
	position:relative;	
	margin-bottom:20px;
}

.footer .offer .image{
	position:absolute;
	bottom:1px;
	left:20px;
	z-index:2;
	width:101px;
	height:150px;
	background-image:url(images/footer/flying-start-to-literacy-offer.png);
}



.footer .content#offer{
	z-index:1;
/*	height:120px;	*/
}

.footer .content#offer h2{
	padding-top:20px;
	margin-left:130px;
}

.footer .content#offer p{
	margin-left:130px;
}