@charset "UTF-8";
/* CSS Document */


body {
	
	font:0.8em 'Lucida Grande', 'Lucida Sans Unicode',Verdana, sans-serif;	
	line-height:1.4;
	color:#181818;
	margin:0;
	padding:0 0 0 0;
	background: #F9F9F9 url('../images/page_bg.png') repeat-x fixed; 
/*	background:#047C97 url(../images/pg_bg_wide.gif) center;
*/
	
	/*border-top:1px solid #763089;*/
}

table td {		
	line-height:1.4;
}

 a:focus {
	-moz-outline:0;
	outline:0;
	outline-offset:0;
}

a:link, a:visited {
text-decoration:none;
/*border-bottom:#00A4C2 dotted 1px;*/
color:#00A4C2;
}

a:hover,  a:active {
	/*border-bottom:#00A4C2 solid 1px;*/
	text-decoration:none;
	color:#006d81;
}

/* code for footer link, add class <a href="http://www.sunshinebooks.com.au/contact-us.html" class="whitelink">contact us</a> */
a.whitelink:link {
	color:#FFF;
	
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
a.whitelink:active {
	color:#FFF;

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
a.whitelink:visited {
	color:#FFF;
	
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
a.whitelink:hover {
	color:#8bedff;
	
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}



a img  {
border:none;
text-decoration:none;
}
img {
border:none;
}
hr{
/*
display:block;
clear:both;
	border-top: 1px dotted #FFFFFF;
	border-bottom: 1px dotted #CCCCCC;
	border-left:none;
	border-right:none;
	height:2px;
	*/
	border:0;
	background-image:url(../images/blockquote.png);
background-repeat:repeat-x;

margin-bottom:0px;
margin-top:0px;
margin-left:0px;
padding:10px;

padding-bottom:0px;
	
}


/*
p, ol, ul {
	margin:0 0 18px 0;
	padding:0;
	padding-right:20px;
	line-height:1.5;
	
}
*/

h1 {
font-family:Georgia,'Lucida Grande', 'Lucida Sans Unicode',Verdana, sans-serif;
	font-size:2.1em;
	font-weight:normal;
	color:#00A4C2;
	margin:0;
	padding:10px 0;
	line-height:1.2em;
	text-align:left;
	/*border-bottom:1px solid #444;*/
	
}

h1 a:link, h1 a:visited, h1 a:hover, h1 a:active {
	color:#00A4C2;
	text-decoration:none;
	font-size:2em;
	padding:0;
	
}

h2 {
font-family:'Lucida Grande', 'Lucida Sans Unicode',Verdana, sans-serif;
	
	color:#666;
	margin:0;
	padding:0 0 10px 0;
	font-weight:normal;
	font-size:14px;

	
}

h3 {
	/*font-family:'Lucida Grande', 'Lucida Sans Unicode',Verdana, sans-serif;
font-size:1em;*/
font-family:verdana, arial, helvetica, sans-serif;
	
	font-size:12px;
	color:#00A4C2;
	margin:0 0 4px 0;
	padding:0;
}

h4 {
/*font-family:'Lucida Grande', 'Lucida Sans Unicode',Verdana, sans-serif;
	color:#00A4C2;
	font-size:1em;*/
	margin:0 0 2px 0;
	padding:0;

	display:inline;
}
/*
li {
	padding:0;
	margin:0;
	
	font-size:.85em;
	line-height:18px;
	
	list-style:none;
	
}



li ul {
	margin:0;
	
}
*/

form {margin:0;padding:0;font:1em 'Lucida Grande', 'Lucida Sans Unicode',Verdana, sans-serif;}

input, select, textarea {
	font:1em 'Lucida Grande', 'Lucida Sans Unicode',Verdana, sans-serif;
/*	font-weight:bold; */
	margin:2px 0;
}


h3 small {color:#888;}



#wrapper{
/*change width to 1000px for adding banner on side*/
width:795px;
margin:0 auto;
/*background:#047C97;
*/
min-height:400px;
/*background:#047C97  url(../images/right_col_bg.gif) repeat-y top right;*/
/*background: #F9F9F9 url('../images/page_bg.png') repeat-x fixed; */
/*uncomment below to add colour behind right col*/
	/*background:#047C97 url(../images/pg_bg_wide.gif) center;*/

overflow:hidden;

}
#container {
	/*margin:0 10px  0 10px;*/
	
	text-align:left;
	width:795px;
	min-height:450px;
	float:left;
	background:#FFFFFF;
	/*background:#FFFFFF url(../images/sm_footer.png) no-repeat bottom left;*/
    /*background:#FFFFFF url(../images/footer_panel_0.jpg) no-repeat bottom left;*/
	
}

#container *{
text-align:left;


}
#right_col{
float:left;
width:220px;

}
#right_col_content{
width:200px;
float:left;
margin-left:10px;
}

#header {
	width:800px;
	height:160px;
	display:table-cell; 
	vertical-align:bottom;
	background: #FFFFFF url('../images/header.png') no-repeat left top; 
	
}
#search {

	float:right;
	margin-right:10px;
	margin-bottom:10px;
}
#nav_holder{
	z-index:20;
	clear:right;
	display:block;
    height:33px;
	background:#00a4c2 url(../images/nav_bg.png) repeat-x top;
}
#subnav_holder{
	z-index:20;
    height:30px;
	padding:0 20px 0 20px ;
	background:#FFFFFF url(../images/subnav_bg.png) repeat-x top;
}


#footer {
	display:block;
	background-color:#00A4C2;
	font-style:normal;
	color:#FFF;
	clear:both;
	margin-top:60px;
/*margin-top:10px;
	display:block;
	color:#A6A6A6;
	font-size:9px;*/
	text-align:center;
	height:20px;
	width:780px;
	
	
	
	
	
	
}
#divider {

background-image:url(../images/sm_div.png);
background-repeat:repeat-x; 
background-position:right; 
height:5px;
margin:0;
width:450px;
float:right;
display:block;

}
#divider_full {

background-image:url(../images/sm_div.png);
background-repeat:repeat-x; 
height:5px;
margin:0;
clear:both;
width:100%;
display:block;

}

#cart ul{

padding:0;
text-align:right;
}
#cart li{
text-align:right;
list-style:none;
padding:0;

}
/*
ul#catalog li {
	list-style:circle;
	list-style-position:outside; 
	list-style-image:url(../images/arrow_right.png);
	margin-left:20px;
	background-color:#ffffff;
}*/

ul#catalog{
text-align:left;
margin:0px;
}
#catalog li{
text-align:left;
list-style-image:url(../images/bull.gif);
list-style-position:inside;
}
#catalog li.cart_put{
padding:20px 0 20px 0;
list-style-image:url(../images/cart_put.png);
list-style-position:inside;
}
#catalog li.price{
padding:20px 0 0 0;
list-style-image:url(../images/bullet.gif);
list-style-position:inside;
}
#catalog li.notes{
padding:20px 0 20px 0;
list-style-image:url(../images/bull.gif);
list-style-position:outside;
}
#catalog li.price{
padding:20px 0 0 0;
list-style-image:url(../images/bullet.gif);
list-style-position:inside;
}





/* Set the width of the menu elements at second level. Leaving first level flexible. */
#nav li li { 
   width: 190px;
}


/* Unless you know what you do, do not touch this */ 
#nav, #nav ul { 
   list-style: none; 
   margin: 0px; 
   padding: 0px; 
}
#nav ul { 
   position: absolute; 
   top: auto; 
   display: none; 
}
#nav ul ul { 
   margin-top: 1px;
   margin-left: -1px;
   left: 100%; 
   top: 0px; 
}
	
#nav li { 

/*   margin-left: -1px;
   float: left; */
   font-size:.95em;
	float:left;
	margin:0 6px 0 0;
	padding:0;
}
#nav li li { 
   margin-left: 0px;
   margin-top: -1px;
   float: none; 
   position: relative; 
}

/* Styling the basic apperance of the menu elements */

#nav li a { 
   color:#FFFFFF;
	text-decoration:none;
	border:none;
	display:block;
	margin:0;
	padding:9px 4px 7px 4px;
}
#nav li li a { 
   border-top: 1px dotted #FFFFFF;
}	
#nav li li { 
  background-color:#007B91;
}
#nav li li:hover, #nav li li.menuh  { 
background-color:#00A4C2;
}

#nav li li li{ 
  background-color:#005868;
}
#nav li li li:hover, #nav li li li.menuh { 

background-color:#00a4c2;
background-image:url('../images/nav3_bg.png')
}


/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */



/* Styling the apperance of menu items on hover */

.menuparent {
	z-index:20;
	}

#nav li:hover, #nav li.menuparenth, #nav li.menuh{
background:#005868;
	/*background-image:url('../images/nav3_bg.png')*/
}

#nav li.menuactive,#nav li.activeparent {
	/* background-image:url('../images/nav_bg.png')*/
}


#nav li a.menuactive, #nav li a.activeparent{
color:#FFFFFF;
background-color:#007B91;
}

#nav li li a.menuactive, #nav li li a.activeparent{
color:#FFFFFF;
background-color:#00a4c2;
}

/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

/* 
just add 
#nav li:hover ul ul, 
#nav li.menuparenth ul ul ul,
for fourth level 
*/
#nav ul, 
#nav li:hover ul, 
#nav li:hover ul ul, 
#nav li.menuparenth ul, 
#nav li.menuparenth ul ul { 
   display: none; 
}

/* add 
#nav ul ul ul li:hover ul, 
#nav ul ul ul li.menuparenth ul,
for fourth level
*/
#nav li:hover ul, 
#nav ul li:hover ul, 
#nav ul ul li:hover ul, 
#nav li.menuparenth ul, 
#nav ul li.menuparenth ul, 
#nav ul ul li.menuparenth ul { 
   display: block; 
}


/* IE Hacks */
#nav li li { 
   float: left; 
   clear: both; 
}
#nav li li a { 
   height: 1%; 
}
#nav li a.sectionheader,#nav li li a.sectionheader {
	cursor: default;
}


ul#nav li#checkout {
	float:right;
	margin-right:0;
	/*width:72px;*/
}

ul#subnav{
margin:0;
padding:0;

}
#subnav ul{

margin:0 0 0 10px;
padding:0;

}
#subnav li {
border-bottom:#F3F3F3 solid 1px;
font-size:10px;
margin:0;
padding:2px;
list-style-image:url(../images/bull.gif);
list-style-position:outside;

}
/*
#subnav li a{
font-size:11px;
}
#subnav li li a{
font-size:10px;
}
#subnav li li a{
font-size:9px;
}
*/
#subnav li li{
border:none;
/*border-left:#ff0000 dotted 1px;*/
	list-style:circle ;
	list-style-position:inside;
	list-style:square;
	list-style-image:url(../images/bull.gif);
	list-style-position:outside;

}

#subnav li li li{

list-style:none;
list-style-image:url(../images/bull_closed.gif);
list-style-position:outside;
}
ul#subnav li a,ul#subnav li li a{
border:none;
	color:#666;
	text-decoration:none;
}
ul#subnav li li li a{
	
	text-decoration:none;
}
ul#subnav li a:hover{
	color:#00A4C2;
	text-decoration:underline;
}

ul#subnav  li.activeparent, ul#subnav li li.activeparent {
border-bottom:#F3F3F3 solid 1px;
	color:#00A4C2;
	list-style:circle ;
	list-style-position:outside;
	list-style-image:url(../images/bull_open.gif);
	
}

ul#subnav  li.menuactive, ul#subnav li li.menuactive {

	
	list-style:circle ;
	list-style-position:outside;
	list-style-image:url(../images/bullet.gif);
}
ul#subnav  li a.menuactive {
color:#00A4C2;
}
ul#subnav  li a.activeparent,ul#subnav li li a.activeparent {
color:#00A4C2;
}

/*
ul#subnav li a {
    display:block;
	
	margin:0;
	
}

ul#subnav li a:hover {
color:#FFFFFF;
background:#FFFFFF url(../images/subnav_bg.png) repeat-x top;
	
	
	}


ul#subnav  li.menuactive, ul#subnav li li.menuactive {
margin:0;
padding:0;
	font-weight:bold;
	color:#00A4C2;
	list-style:circle ;
	list-style-position:inside;
	list-style-image:url(../images/bullet.gif);
	background: #ffffff;
}

ul#subnav li.activeparent {
margin:0;
padding:0;
	font-weight:bold;
	
	
}
ul#subnav li li  {
	font-weight:normal;
	margin-left:20px;
	
}*/
/*
ul#subnav li li a {
    display:block;
	color:#00A4C2;
	text-decoration:none;
	margin:0;
	
}
*/




.inputtext{
width:400px;
}


#content #flash_demo {
padding:20px;
padding-right:10px;
padding-bottom:0px;
	float:left;
}
#bodytext{
	text-align: justify;
	/*font-family:verdana, arial, helvetica, sans-serif;*/
	font-size:12px;
	color:#333;
	line-height:20px;
	padding:0 20px 20px 20px;
/*
	width:740px; */
}
#bodytext, #bodytext .leftbox{

	font-size:12px;

}
#bodytext  td{
font-size:12px;
}
#bodytext ul {
text-align:left;
	/*margin-top:0;
	margin-left:20px;
	padding:0;*/
}
#bodytext p{
	margin:0;
	padding:0;
}
#bodytext li{
	/*text-align:left;*/
	list-style-position:outside;
	list-style-image:url(../images/bullet.gif);

}
#list_home { 
	color:#333;
	margin:0;
}
ul#list_home li {
	list-style:circle;
	list-style-position:outside; 
	list-style-image:url(../images/arrow_right.png);
	margin-left:20px;
	/*background-color:#ffffff;*/
}
#list_main { 
	color:#662C90;
}
ul#list_main li {
	list-style:circle;
	list-style-position:outside; 
	list-style-image:url(../images/arrow_right.png);
	margin-left:20px;
	/*background-color:#ffffff;*/
}

#testimonials {
clear:both;

}
hr {

background-image:url(../images/blockquote.png);
background-repeat:repeat-x;

margin-bottom:0px;
margin-top:0px;
margin-left:0px;
padding:10px;

padding-bottom:0px;

}
#testimonials h4  
{
    /*color:#333;*/
    font-size: 1em;
}

.leftbox{
background-image:url(../images/content_bg2.png);
background-repeat:no-repeat;
background-position:right top;
	float: left;

	padding: 10px 40px 10px 0px;
}

#navleftbox{
font-family:verdana, arial, helvetica, sans-serif;
clear:left;
background-image:url(../images/content_bg2.png);
background-repeat:no-repeat;
background-position:right top;
	float: left;
width:120px;
	padding:20px;
	height:auto;
	
}
.rightbox{
	float: right;
	padding: 1em 0em 1em 1em;
	
	background-image:url(../images/content_bg2.png);
background-repeat:no-repeat;
background-position:left top;
	

	padding: 10px 10px 10px 30px;
}
td .rightbox{
font-size:9px;
}
.credit 
{
    font-style: italic;
    font-size: 11px;
    color:#666;
    display: inline;
 
}
.smalltext{
	font-size:10px;
}
.lightgrey{
	color:#999999;
}
.darkgrey{
	color:#555555;
}

.pur {
	color:#662C90;
}
.gr {
	color:#76b41c;
}
.grey {
color:#999999;
/*font:0.8em 'Lucida Grande', 'Lucida Sans Unicode',Verdana, sans-serif;*/
font:10px verdana, arial, helvetica, sans-serif;

}

img.left {
	clear:left;
	float:left;
	margin:0 50px 20px 0;
}

img.right {
	clear:right;
	float:right;
	margin:0 0 0 50px;
}


h4 a:link, h4 a:visited, h4 a:hover, h4 a:active {text-decoration:none;color:#fff;}
h4 a:hover {text-decoration:underline;}

<!-- styling for flags in top right-->
#flag td a {

vertical-align:center;

}

#flag td a img {

float:none;

}

h5 {
font-family:'Lucida Grande', 'Lucida Sans Unicode',Verdana, sans-serif;
	
color:#ffffff;
	margin:0;
	padding:0 0 10px 0;
	font-weight:bold;
	font-size:14px;

	
}

#computer {
	width:600px;
	height:228px;
	padding-bottom:5px;
}

#staff {
	width:337px;
	height:95px;
	float:left;
	clear:both;
}

#small_container {
	width:600px;
	height:328px;
	padding-top:10px;
	padding-bottom:10px;
	}
	
#smallContainerFunways {
	width:600px;
	height:513px;
	padding-top:10px;
	padding-bottom:10px;
	}
	
	
#quotebutton {
	float:right;
	height:49px;
	width:260px;	
}

#trialbutton {
	
	float:right;
	height:49px;
	width:258px;
	padding-right:3px;	
}

#buttonFunways {
	float:right;
	height:300px;
	width:215px;
	padding-right:10px;
	padding-top:5px;
	clear:both;	
}
#freeTourButtonFunways {
	float:right;
	height:114px;
	width:226px;
	padding-right:3px;
	clear:both;	
}

#registerButtonFunways {
	float:right;
	height:114px;
	width:226px;
	padding-right:3px;
	clear:both;		
}

#form {
	float:left;
	width:160px;
	
}
#loginBox {
	width: 195px;
	height: auto;
	float:right;
	margin-top:30px;
	padding-right:5px;
}


#loginMid {
	background-image: url(../assets/images/loginBack_mid.jpg);
	background-repeat: repeat-y;
	float: right;
	height: auto;
	width: 169px;
	clear: both;
	padding-top:5px;
	padding-right: 13px;
	padding-left: 13px;
	
}

#loginBottom {
	background-image: url(../assets/images/loginBack_bottom.jpg);
	background-repeat: no-repeat;
	clear: both;
	float: right;
	height: 30px;
	width: 169px;
	
	padding-right: 13px;
	padding-left: 13px;
	
}

.onlinetext {
	width:375px;
	float:left;
	margin-top:10px;
		
}
.onlinetext2 {
	width:575px;
	float:left;
	margin-top:10px;
		
}
.funwaystext {
	width:370px;
	float:left;
	margin-top:10px;
		
}

/*--------------------------------------------------home page styling-------------------------------*/


#main_col {
	width:560;
	float:left;
	clear:right;
	margin-bottom:0px;
	

}

	
.p1 {
	font-family: 'Trebuchet MS',Arial,Helvetica,sans-serif;
	margin-top:12px; 
	font-size: 18px;  
	margin-left:20px; 
	clear: none; 
	display: block; 
	width: 260px; 
	font-weight: bold;
}

.p2 {
	font-family:'Trebuchet MS',Arial,Helvetica,sans-serif; 
	font-size: 12px;   
	margin-left:20px; 
	margin-top:-20px; 
	display: block; 
	width: 260px;
}


	

	


/* styling for right coloumn*/


/* Literacy Panel styling about literacy and about maths*/

.panelHeader {
	display:block;
	width:230px;
	height:20px;
	background-color:#009994;
	float:left;
	margin-right:10px;

	}
	
.mainPanel {
	display:block;
	background-color:#bfe7e6;
	width:230px;
	height:auto;
	float:left;
	margin-top:0px;
	}

.literacyHeaderPanelLeft, .literacyHeaderPanelRight  {
	display:block;
	width:230px;
	height:auto;
	float:left;
	padding-left:10px;
}

a.literacyHeaderPanelLeft:link, a.literacyHeaderPanelRight:link {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;

	
}
a.literacyHeaderPanelLeft:active, a.literacyHeaderPanelRight:active {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;
}
a.literacyHeaderPanelLeft:visited, a.literacyHeaderPanelRight:visited {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
		color:#FFF;

	
}
a.literacyHeaderPanelLeft:hover, a.literacyHeaderPanelRight:hover {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;
}

.panelHeaderRight {
	display:block;
	width:230px;
	height:20px;
	background-color:#009994;
	float:left;
	margin-right:10px;

	}

.mainPanelRight {
	display:block;
	background-color:#bfe7e6;
	width:230px;
	height:auto;
	float:left;
	margin-top:0px;
	}


.literacyMainPanelLeft, .literacyMainPanelRight {
	display:block;
	width:230px;
	height:auto;
	float:left;
	margin-top:0px;
	padding-left:10px;

}
a.literacyMainPanelLeft:link, a.literacyMainPanelRight:link {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#00A4C2;

	
}
a.literacyMainPanelLeft:active, a.literacyMainPanelRight:active {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#00A4C2;
}
a.literacyMainPanelLeft:visited, a.literacyMainPanelRight:visited {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#00A4C2;

	
}
a.literacyMainPanelLeft:hover, a.literacyMainPanelRight:hover {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#008199;
}
	
#preload { 
display:none;
	}
	
#trialbutton {
	display:block;
	width:260px;
	background-image:url(../assets/images/freeTrial.jpg);
	margin:0px;
	
	background-repeat:no-repeat;
	float:left;
}
a#trialbutton:hover{
	background-image:url(../assets/images/freeTrialOver.jpg);	
}

a.alt {
	display:none;
}

#freeTourButtonFunways {
	
	width:226px;
    height:100px;
	background-image:url(../assets/images/tourButton.jpg);
	margin-bottom:10px;
	background-repeat:no-repeat;
	float:left;
}
a#freeTourButtonFunways:hover{
	background-image:url(../assets/images/tourButtonOver.jpg);	
}

a.alt {
	display:none;
}
#registerButtonFunways {
	
	width:226px;
	height:100px;
	background-image:url(../assets/images/registerButton.jpg);
	margin:0px;
	
	background-repeat:no-repeat;
	float:left;
}
a#registerButtonFunways:hover{
	background-image:url(../assets/images/registerButtonOver.jpg);	
}

a.alt {
	display:none;
}
#registerButtonSchool {
	
	width:226px;
	height:100px;
	background-image:url(../assets/images/registerButtonSchool.jpg);
	margin:0px;
	
	background-repeat:no-repeat;
	float:left;
}
a#registerButtonSchool:hover{
	background-image:url(../assets/images/registerButtonSchoolOver.jpg);	
}

a.alt {
	display:none;
}

#subscribeParent {

	width:226px;
	height:20px;
	background-image:url(../assets/images/subscribeFun.jpg);
	margin-top:0px;
	
	background-repeat:no-repeat;
	float:left;
}
a#subscribeParent:hover{
	background-image:url(../assets/images/subscribeFunOver.jpg);	
}

a.alt {
	display:none;
}

#subscribeSchool {
	
	width:226px;
	background-image:url(../assets/images/subscribeFunSchool.jpg);
	margin-top:0px;
	height:20px;
	background-repeat:no-repeat;
	float:left;
}
a#subscribeSchool:hover{
	background-image:url(../assets/images/subscribeFunSchoolOver.jpg);	
}

a.alt {
	display:none;
}
.discovertext {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:100;
	font-size:14px;
	line-height:27px;
	color:#666;
	text-align:left;
}

.main {
	font-family: Arial, Helvetica, sans-serif;
	font-size:28px;
	line-height:32px;
	text-align: left;
	color:#C30;
	margin-top:5px;
	padding-top:5px;
}
#literacyResources {
	padding-bottom:20px;
	height:280px;
}
.congratulations {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	line-height:18px;
	margin-left:5px;
	color:#C30;
}