@charset "utf-8";
/* Home Page */
body
{
float:none;
background-color:#FFFFFF;
height:auto;
padding: 0;
margin: 0;
}
.stucture
{
background-color:#FFFFFF;
background-image:url(Images/bg/bg.gif);
background-repeat:repeat-y;
width: 825px;
height: auto;

}

.hidden
{
	margin:-1500px;
}
.linkstable
{	
	border-bottom: 1px solid #999;
	width:535px;
	padding:0px 0px 10px 0px;
	
}
#top
{
background-image:url(Images/bg/top.gif);
background-repeat:no-repeat;
height: 8px;
width: 825px;
}
#topbg
{
background-image:url(Images/top/topbg.jpg);
background-repeat:no-repeat;
margin-top:0;
padding:0;
height: 26px;
width: 430px;
margin-right:-9px;
}
#nav_em
{
float:center; 
text-align:center; 
padding: 3px 0 0 0;
}
#formemail
{
	float:left;
	margin:-23px 0 0 35px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#666;
}

#formsubmit
{
	float:left;
	margin:-18px 0 0 35px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#eb8c00;
}
#submit 
{
	margin: 0 0 -4px 0;
}
#menutopfaq, #menutopcontact 
{
display: inline;
font-family: Arial, Helvetica, sans-serif;
font-size:  12px;
font-weight:bold;
text-decoration:none;
padding-left: 0.8em;
color: #FFF;
margin-left: 3em; 
padding-right: 4.3em;
border-right: 1px solid #FFF;
}
#menutopfaqhome, #menutopcontacthome
{
display: inline;
font-family: Arial, Helvetica, sans-serif;
font-size:  12px;
font-weight:bold;
text-decoration:none;
padding-left: 0.8em;
color: #00438a;
margin-left: 3em; 
padding-right: 4.3em;
border-right: 1px solid #FFF;
}
#menutop_home
{
display: inline;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
text-decoration:none;
padding-left: 3em;
color: #00438a;
margin-left: 2em; 
padding-right: 3.5em;
border-right: 1px solid #FFF;
}
#menutophome
{
display: inline;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
text-decoration:none;
padding-left: 3em;
color: #FFF;
margin-left: 2em; 
padding-right: 3.5em;
border-right: 1px solid #FFF;
}
#menutop.last {
	border-right: 0;
}
#menutopcontact.last, #menutopcontacthome.last {
	border-right: 0;
}
#menutopfaq:hover, #menutopcontact:hover, #menutophome:hover
{
color: #00438a;
}
.flash
{
margin:10px 23px 10px 10px;
}
.body
{
margin:2px 0 0 10px;
width: 556px;
height:auto;
padding: 0;
}
#body-index
{
	margin-top:-4px;
	width:555px;
	height:316px;
	border-left:1px solid #999999;
	
}
#body-index p
{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
margin-top:0px;
color:#333333;
padding:12px 300px 12px 10px;
text-align:left;
}
#body-index b
{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
padding:0 300px 0 10px;
text-align:left;
color:#e98c00;
}
#body-index .indexh
{
color: #E98C00;
font-weight: bold;
font-size: 16px;
}
.body2
{
margin-top:5px;
}

.body2 #babyhome
{
background-image:url(Images/body/index-baby.jpg);
background-repeat:no-repeat;
height:218px;
width:721px;
margin:-8px 0 0 80px;	
}
.body2 #indexheader
{
margin-left:23px;	
}
#body2-index p
{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#333333;
margin:15px 0 0 170px;
text-align:left;
}

#body2-index .indexh
{
color: #333333;
font-weight: bold;
font-size: 16px;
}
#body3-index p 
{
background-color:#ebebeb;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#333333;
font-weight:bold;
margin:0 0 0 170px;
padding:5px;
text-align:left;
}
#body3-index a
{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#E98C00;
text-decoration:none;
}
#body3-index a:hover
{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#999999;
}

#body3-index #index3line
{
margin:-223px -2px 0 0;
padding-left:2px;
}
#body-all
{
	margin-top:-4px;
	width:554px;
	height:auto;
	border-left:1px solid #999999;
	
	z-index:-1;
	
}
#body-all p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	margin-top:0;
	margin-bottom:0;
	color:#333333;
	padding:12px;
	text-align:left;
}
#body-all a, #body-listen a
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	margin-top:0px;
	color:#E98C00;
	text-align:left;
	text-decoration:none;
	font-weight:bold;
}
#body-all a:hover, #body-listen a:hover
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	margin-top:0px;
	color:#999999;
	text-align:left;
	text-decoration:none;
	font-weight:bold;
}

#body-all .section, #body-listen .section
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	background-color:#ebebeb;
	margin-top:0px;
	color:#333333;
	padding:12px;
	text-align:left;
}
.sectionheader {
	font-size: 16px;
	font-weight: bold;
}
.bodyall
{
margin-top:5px;
}
#body-listen
{
	margin-top:-4px;
	width:555px;
	height:auto;
	border-left:1px solid #999999;
	
}
#body-listen p
{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
margin-top:0px;
color:#333333;
padding:12px 0px 12px 10px;
text-align:left;
margin-top:0;
margin-bottom:0;

}

#body-listen ul
{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
margin:0 0 0 20px;
color:#333333;
padding:10px;
text-align:left;


}
#body-listen b
{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
text-align:left;
color:#e98c00;
padding:12px;
}
#body-listen h3, #body-all h3
{
font-family:Arial, Helvetica, sans-serif;
color: #E98C00;
font-weight: bold;
font-size: 16px;
margin:-5px 0 0 12px;
}

#body-listen h4, #body-all h4
{
font-family:Arial, Helvetica, sans-serif;
color: #E98C00;
font-weight: bold;
font-size: 16px;
margin:-5px 0 -12px 10px;
padding-top:12px;
padding-bottom:12px;
}
#body-listen ul.middle  {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#686868;
text-decoration:none;
list-style:disc;
margin:-10px 0 0 30px;

}

.tomatislogo
{
margin-right:15px;
}
#infoevents
{
width:208px;
height:143px;
background-repeat:no-repeat;
margin:0 0 0 23px;
z-index:1;
}
.sydneyinfotable
{
background-color:#ebebeb;
border:1px solid #666666;

}

.sydneyinfotable p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	margin-top:0px;
	color:#333333;
	padding:12px;
	text-align:left;

}
.canadainfotable
{
background-color:#ebebeb;
border:1px solid #666666;
}
.checklistinfotable
{
background-color:#ebebeb;
border:1px solid #666666;
}
.checkbox
{
border:1px solid #666;
background-color:#f1b55c;
margin:5px 0 0 5px;


}
.checklist
{

	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	font-weight:bold;

}
.checkform
{

	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333333;
	padding:10px;
	font-weight:bold;

}
.box
{
border:1px solid #666;
height:20px;
margin-left:10px;
padding:2px;
}
.boxcomment
{
border:1px solid #666;
margin-left:10px;
padding:2px;
width:300px;
}
.button {
font-family: Arial, Helvetica, sans-serif;
font-size: small;
color: #FFFFFF;
border: 1px solid #666666;
font-weight: bold;
background-color: #f1b55c;
height:2.2em;
margin-left:10px;
}
/* ARTICLES*********************************************************************/
#languagearticle h4 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
text-align:left;
border-top:1px solid #999999;
color:#333333;
background-color:#ebebeb;
padding:10px 0 10px 10px;
margin-left:0;
margin-bottom:20px;
}
#languagearticle p {
font-family:Arial, Helvetica, sans-serif;
font-size:small;
font-weight:normal;
color:#000;
padding:0 10px 10px 10px;
margin:-10px 0 0 0;
}
#languagearticle a {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#2E2E85;
text-decoration:none;
padding:10px;
}
#languagearticle li {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#686868;
text-decoration:none;
list-style:disc;
margin-left:30px;
margin-top:0px;

}
.languagecontent ul {
text-align:left;
list-style-type:none;
margin-bottom:5px;
padding:5px;
}
.languagecontent li a {
list-style-type:none;
background-image:url(Images/body/bullet.gif);
background-position: 0px 50%; /* X-pos Y-pos (from top-left) */
background-repeat: no-repeat;
padding-left: 20px;
margin-left: 10px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#686868;
text-decoration:underline;
}
.faqcontent ul {
text-align:left;
margin-left: 30px;
list-style-type:disc;
margin-bottom:5px;
padding:3px;
color:#999999;
}
.faqcontent li a {

background-repeat: no-repeat;
padding-left: 20px;
margin-left: 10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#686868;
text-decoration:underline;
}
/* PICTURES*********************************************************************/
#homepic
{
	background-image:url(Images/body/index.jpg);
	background-repeat:no-repeat;
	
	z-index:-1;
}	

.languagepic
{
float:right;
	z-index:-1;

	margin-left:10px;
	margin-top:-12px;
	padding-bottom:10px;
}	
.gerardpic
{
float:left;
padding-right:10px;
padding-bottom:10px;
}
.stingpic
{
float:left;
padding-right:10px;
padding-bottom:10px;
}


/* NAVIGATION**********************************************************************/


#menu {
	font-family: arial, sans-serif;
	width:208px;
	height:auto;
	min-height:380px;
	position:relative;
	font-size:14px;
	margin:-3px 0 0 23px;

} 

#menu ul { /* remove bullets and list indents */
list-style: none;
margin: 0;
padding: 0;
}
#menu ul li { /* a better way to set-up the hover blocks */
	position: relative;
	
}
#menu ul li .blank, #menu ul li .infoevents, #menu ul li .languagediff, #menu ul li .languages, #menu ul li .voicemusic, #menu ul li .personalgrowth, #menu ul li .overview, #menu ul li .listeningchecklist, #menu ul li .professionaltraining, #menu ul li .nicoloff, #menu ul li .testimonials, #menu ul li .mediareleases, #menu ul li .links, #menu ul li .blank2  {
  display: block;
  background-image:url(Images/body/nav-both.gif);
  background-repeat:no-repeat;
   height: 28px;
  }
  
#menu ul li .blank, #menu ul li .infoevents:hover, #menu ul li .languagediff:hover, #menu ul li .languages:hover, #menu ul li .voicemusic:hover, #menu ul li .personalgrowth:hover, #menu ul li .overview:hover, #menu ul li .listeningchecklist:hover, #menu ul li .professionaltraining:hover, #menu ul li .nicoloff:hover, #menu ul li .testimonials:hover, #menu ul li .mediareleases:hover, #menu ul li .links:hover, #menu ul li .blank2:hover  {
   background-image:url(Images/body/nav-both.gif);
  background-repeat:no-repeat;
  height: 28px;
 }
 #menu span {
display: none;
}
.blank {top: 0px; background-position: 0px 0px;}
.infoevents {top: 0px; background-position: 0px -28px;}
.overview {top: 0px; background-position: 0px -56px;}
.languagediff {top: 0px; background-position: 0px -84px}
.languages {top: 0px; background-position: 0px -112px;}
.voicemusic{top: 0px; background-position: 0px -140px;}
.personalgrowth {top: 0px; background-position: 0px -168px;}
.listeningchecklist {top: 0px; background-position: 0px -196px;}
.professionaltraining {top: 0px; background-position: 0px -224px;}
.nicoloff {top: 0px; background-position: 0px -252px;}
.testimonials{top: 0px; background-position: 0px -280px;}
.mediareleases {top: 0px; background-position: 0px -308px;}
.links {top: 0px; background-position: 0px -336px;}
.blank2 {top: 0px; background-position: 0px -364px;}

 .infoevents:hover {background-position: 0px -415px}
 .overview:hover {background-position: 0px -444px;}
.languagediff:hover {background-position: 0px -472px;}
.languages:hover {background-position: 0px -500px;}
.voicemusic:hover {background-position: 0px -528px;}
.personalgrowth:hover {background-position: 0px -556px}
.listeningchecklist:hover {background-position: 0px -584px;}
.professionaltraining:hover {background-position: 0px -612px;}
.nicoloff:hover {background-position: 0px -640px}
.testimonials:hover {background-position: 0px -669px;}
.mediareleases:hover {background-position: 0px -697px;}
.links:hover {background-position: 0px -725px;}


/* SECOND TIER */
#menu li {
/* make the list elements a containing block for the nested lists */
position: relative;
top:1px;
width:208px;
} 

#menu li.navsub {
/* make the list elements a containing block for the nested lists */
background-image:url(Images/body/sidenav.gif);
background-repeat:repeat-x;
display:block; 
text-decoration:none;
position: relative;
color:#FFF;
padding:5px;
width:180px;
background-color:#a5bdd5;
border-top:1px solid #00438a;
border-right:1px solid #00438a;
border-left:1px solid #00438a;
} 
#menu li.navsublast {
/* make the list elements a containing block for the nested lists */
background-image:url(Images/body/sidenav.gif);
background-repeat:repeat-x;
display:block; 
text-decoration:none;
position: relative;
color:#FFF;
padding:5px;
width:180px;
background-color:#a5bdd5;
border:1px solid #00438a;
} 
#menu li.navsub a{
display:block; 
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
color:#00438a;
}
#menu li.navsublast a{
display:block; 
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
color:#00438a;
}
#menu li.navsub:hover, li.navsublast:hover{
/* make the list elements a containing block for the nested lists */
display:block; 
text-decoration:none;
position: relative;
color:#FFF;
padding:5px;
width:180px;
background-color:#a5bdd5;
border-top:1px solid #00438a;
border-right:1px solid #00438a;
border-left:1px solid #00438a;
} 
#menu li:hover.navsub a{
display:block; 
color:#FFF;
}
#menu li:hover.navsublast a{
display:block; 
color:#FFF;
}
/*TIER 3*/
#menu ul ul {
display:block;
position: absolute;
top: -2px;
left: 100%; /* to position them to the right of their containing block */
width: 100%; /* width is based on the containing block */
}
#menu ul ul ul {
display:block;
position: absolute;
top: -2px;
left: 100%; /* to position them to the right of their containing block */
width: 100%; /* width is based on the containing block */
}
/* HIDING */
div#menu ul ul,
div#menu ul ul ul,
div#menu ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

body {
font-size: 100%; /* enable IE to resize em fonts */
} 
#menu ul li {
float: left; /* cure IE5.x "whitespace in lists" problem */
width: 100%;
}
#menu ul ul li {
float: left; /* cure IE5.x "whitespace in lists" problem */
width: 100%;
}
#menu ul ul ul li {
float: left; /* cure IE5.x "whitespace in lists" problem */
width: 100%;
}
#menu ul ul ul ul li {
float: left; /* cure IE5.x "whitespace in lists" problem */
width: 100%;
}
#menu ul li a, /* make links honour display: block; properly */
#menu ul ul li a, /* make links honour display: block; properly */
#menu ul ul ul li a /* make links honour display: block; properly */
{display: block;}


#menu a {
font: bold 0.7em/1.4em arial, helvetica, sans-serif; 
/* if required use em's for IE as it won't resize pixels */
} 

/* FOOTER**********************************************************************/

#footerlinks {
	padding-top:2px;
}

.footer_menu
{
background-image:url(Images/body/linkline.gif);
background-position: 100% 50%; /* X-pos Y-pos (from top-left) */
background-repeat: no-repeat;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
font-size: x-small;
text-decoration:none;
padding-left: 0.5em;
color: #666666;
margin-right: 1em; 
padding-right: 1.2em;

}
.footer_menu_last
{
font-family:Arial, Helvetica, sans-serif;
text-align:center;
font-size: x-small;
text-decoration:none;
padding-left: 0.2em;
color: #666666;
margin-right: 0.5em; 
padding-right: 1.2em;
}