/* --------------------------------- GLOBAL --------------------------------- */

body {
	font-family: "Lucida Grande", "Lucida Sans Unicode", arial;
	margin: 0;
	padding: 0;
	color: #666;
	background-color: white;
	font-size: 12px;
}

img {
	border: none;
}

h1, h2, h3, h4, h5 {margin: 0; padding: 0;}
dl, dt, dd {margin: 0; padding: 0;}
a {font-weight: bold; text-decoration: none; outline: none; color: #1f7cba;}
a:hover {text-decoration: underline;}


br.clear {clear: both;}

/* --------------------------------- BANNER --------------------------------- */

.titleWrapper {
	margin: 0;
	padding: 0;
	line-height: 29px;
	background: transparent url(bg-title.jpg) top repeat-x;
}

.titleLinks {
	margin: 0 auto;
	width: 961px;
	text-align: right;
}

.bannerWrapper {
	height: 261px;
	background: transparent url(bg-banner.jpg) repeat-x;
}

.banner {
	margin: 0 auto;
	width: 961px;
}

/* --------------------------------- CONTENT --------------------------------- */

.content {
	padding: 0 0 20px 0;
	background: transparent url(bg-content.jpg) repeat-x;
}

.homeFlash {
	margin: 0 auto;
	width: 961px;
}

.copy {
	margin: 0 auto;
	padding-top: 20px;
	width: 961px;
	background: transparent url(bg-copy.jpg) top no-repeat;
}

.page {
	float: left;
	margin: 0 0 0 20px;
	padding: 14px 0 0 0;
	width: 690px;
	min-height: 500px;
}

.page h2 {margin: 0 20px; height: 40px; text-indent: -9999px;}
.page h2#register {background: transparent url(h2register.gif) no-repeat;}
.page h2#changeofdetail {background: transparent url(h2changeofdetails.gif) no-repeat;}
.page h2#audiologist {background: transparent url(h2askanaudio.gif) no-repeat;}
.page h2#activitycenter {background: transparent url(h2activitycentre.gif) no-repeat;}
.page h2#activitycentergames {background: transparent url(h2activitycentre-games.gif) no-repeat;}
.page h2#activitycenterstories {background: transparent url(h2activitycentre-stories.gif) no-repeat;}
.page h2#activitycenteractivities {background: transparent url(h2activitycentre-activities.gif) no-repeat;}
.page h2#activitycenterarticles {background: transparent url(h2activitycentre-articles.gif) no-repeat;}
.page h2#contests {background: transparent url(h2contests.gif) no-repeat;}
.page h2#caretips {background: transparent url(h2caretips.gif) no-repeat;}
.page h2#carekit {background: transparent url(h2carekit.gif) no-repeat;}
.page h2#parents {background: transparent url(h2parents.gif) no-repeat;}
.page h2#yourchildshearing {background: transparent url(h2-yourchildshearing.gif) no-repeat;}
.page h2#privacy {background: transparent url(h2-privacyw.jpg) no-repeat;}
.page h2#myidea {background: transparent url(h2-myidea.gif) no-repeat;}
.page h2#submitted {background: transparent url(h2-submittedw.jpg) no-repeat;}

.page p {margin: 10px 20px;}
.page h3 {margin: 20px 20px 10px 20px;}

.page .pagebanner {margin-bottom: 15px;}

.page .pagebanner .fright {
	float:right;
	margin-left: 15px;
	margin-bottom: 10px;
	display:inline;
	width: 225px;
	text-align: center;
}

.page .pagebanner .fleft {
	float:left;
	margin-right: 15px;
	margin-bottom: 10px;
	display: inline;
}

.page .pagebanner .closing {font-size: 11px; color:#8ba331;}

.flr {
	float:right;
	margin-left: 15px;
	margin-bottom: 10px;
	display:inline;
}

.fll {
	float:left;
	margin-right: 25px;
	margin-bottom: 10px;
	display: inline;
	border: solid 1px #cccccc;
}

.left-books {
	float:left;
	margin-right: 15px;
	margin-left: 20px;
	margin-bottom: 10px;
	display: inline;
}

.page dl.games {margin: 0 0 10px 20px;padding: 0 0 10px 0;width: 420px;background:url(dl-games-bg.gif) bottom no-repeat;}
.page dl.games dt {background: url(dl-games-bg.gif) top no-repeat;padding: 10px 0 0 0;}
.page dl.games dd.img {float: left;width: 130px;padding: 0 20px;}
.page dl.games dd.img a {display: block;border: solid 3px white;}
.page dl.games dd.img a:hover {border: solid 3px #15619b;}
.page dl.games dd.description {float: right;display: inline;width: 230px;}

.page dl.selfesteem {margin: 10px 20px 10px;}
.page dt.selfesteem {color: #333; font-size: 12px; margin: 0 0 0 20px; padding: 0px;}

.page dl.contestwinners {width: 447px;background: url(contest-winner-bg.gif) bottom no-repeat;padding-bottom: 10px;margin: 20px 0 0 0;}
.page dl.contestwinners dt {background: url(contest-winner-bg.gif) top no-repeat;padding: 10px 0 0 0;}
.page dl.contestwinners dd.img {float: left;margin: 0 0 0 10px;}
.page dl.contestwinners dd.contest-title {width:340px;float: right;display: inline;padding: 0 20px 0 0;font-size: 12px;color:#15619b;font-weight: bold;margin: 0 0 5px 0;}
.page dl.contestwinners dd.details {width:340px;float: right;display: inline;padding: 0 20px 0 0;font-size: 10px;line-height: 15px;margin: 0 0 5px 0;}


/* --------------------------------- SIDENAV --------------------------------- */

.sidenav {
	float: left;
	width: 209px;
	margin: 0 0 0 15px;
	padding: 0 0 50px 0;
	display: inline;
}

.sidenav dl {
	background: #dbe8b2 url(navbtm.gif) bottom no-repeat;
}
.sidenav dt {
	background: #dbe8b2 url(navtop.gif) top no-repeat;
	height: 15px;
}

.sidenav dd a {
	display: block;
	margin: 0 0 0 0;
	height: 31px;
	text-indent: -9999px;

}

.sidenav dd a.small {
	display: block;
 	height: 19px;
	margin: 0;
	padding: 3px 0 0 15px;
	line-height: 15px;
	text-indent: 0px;
	font-weight: normal;
	font-size: 11px;
	color: #8ba331;
	border-bottom: dotted 1px #899639;
}

.sidenav dd a:hover {
	color: #666;
	text-decoration: none;
}

.sidenav dd a.smallActive {
	display: block;
 	height: 16px;
	margin: 0;
	padding: 3px 0 0 15px;
	font-weight: normal;
	font-size: 11px;
	line-height: 15px;
	text-indent: 0px;
	color: #666;
	border-bottom: dotted 1px #899639;
}

.sidenav dd a.home {background: transparent url(sidenav-home1.gif) no-repeat;}
.sidenav dd a.home:hover {background: transparent url(sidenav-home2.gif) no-repeat;}
.sidenav dd a.homeActive {background: transparent url(sidenav-home2.gif) no-repeat;}

.sidenav dd a.activitycenter {background: transparent url(sidenav-activity1.gif) no-repeat;}
.sidenav dd a.activitycenter:hover {background: transparent url(sidenav-activity2.gif) no-repeat;}
.sidenav dd a.activitycenterActive {background: transparent url(sidenav-activity2.gif) no-repeat;}

.sidenav dd a.contests {background: transparent url(sidenav-contests1.gif) no-repeat;}
.sidenav dd a.contests:hover {background: transparent url(sidenav-contests2.gif) no-repeat;}
.sidenav dd a.contestsActive {background: transparent url(sidenav-contests2.gif) no-repeat;}

.sidenav dd a.parents {background: transparent url(sidenav-parents1.gif) no-repeat;}
.sidenav dd a.parents:hover {background: transparent url(sidenav-parents2.gif) no-repeat;}
.sidenav dd a.parentsActive {background: transparent url(sidenav-parents2.gif) no-repeat;}

.sidenav dd a.caretips {background: transparent url(sidenav-caretips1.gif) no-repeat;}
.sidenav dd a.caretips:hover {background: transparent url(sidenav-caretips2.gif) no-repeat;}
.sidenav dd a.caretipsActive {background: transparent url(sidenav-caretips2.gif) no-repeat;}

.sidenav dd a.register {background: transparent url(sidenav-register1.gif) no-repeat;}
.sidenav dd a.register:hover {background: transparent url(sidenav-register2.gif) no-repeat;}
.sidenav dd a.registerActive {background: transparent url(sidenav-register2.gif) no-repeat;}

.sidenav dd a.audiologist {background: transparent url(sidenav-audiologist1.gif) no-repeat;}
.sidenav dd a.audiologist:hover {background: transparent url(sidenav-audiologist2.gif) no-repeat;}
.sidenav dd a.audiologistActive {background: transparent url(sidenav-audiologist2.gif) no-repeat;}

.sidenav dd a.myidea {background: transparent url(sidenav-idea.gif) no-repeat;}
.sidenav dd a.myidea:hover {background: transparent url(sidenav-idea-r.gif) no-repeat;}
.sidenav dd a.myideaActive {background: transparent url(sidenav-idea-r.gif) no-repeat;}

.sidenav span.activitycenterSub {
	display: none;
	visibility: hidden;
}

.sidenav span.activitycenterSubActive {
	display: inline;
	visibility: visible;
	margin-bottom: 10px;
}


div.gnmMain {margin: 15px 0 0 20px;}
div.gnmMain a {display: block;float:left;width:310px;height:100px;margin: 10px 20px 10px 0;text-indent: -9999px;}
div.gnmMain a.activitiesLink {background: url('link-gnm-activities1.jpg') no-repeat;}
div.gnmMain a.activitiesLink:hover {background: url('link-gnm-activities2.jpg') no-repeat;}
div.gnmMain a.articlesLink {background: url('link-gnm-articles1.jpg') no-repeat;}
div.gnmMain a.articlesLink:hover {background: url('link-gnm-articles2.jpg') no-repeat;}
div.gnmMain a.gamesLink {background: url('link-gnm-games1.jpg') no-repeat;}
div.gnmMain a.gamesLink:hover {background: url('link-gnm-games2.jpg') no-repeat;}
div.gnmMain a.storiesLink {background: url('link-gnm-stories1.jpg') no-repeat;}
div.gnmMain a.storiesLink:hover {background: url('link-gnm-stories2.jpg') no-repeat;}

/* --------------------------------- WELCOME (HOME) --------------------------------- */

.welcome {
	float: left;
	margin: 0 0 0 10px;
	padding: 0 0 0 0;
	width: 240px;
}

.welcome dt {
	text-indent: -9999px;
}

.welcome p {margin: 0 0 6px 0;padding: 0 20px 10px 20px;line-height: 16px;}
.welcome p b {color: #333;}

/* --------------------------------- DETAIL BOXES (HOME) --------------------------------- */

.details {
	float: right;
	margin: 10px 0 0 0;
	padding: 0 0 10px 0;
	width: 470px;
}

.details dd {
	float: left;
	display: inline;
	margin: 0 0 10px 10px;
	padding: 10px;
	width: 436px;
	background-color: #dfeaf1;
}

.details dd img {
	float: right;
	margin: 0 15px;
}

.details dd a.go {display: block; padding: 0; margin: 0;}
.details dd a.go img {float: none; margin: 0; padding: 10px 0 0 0;}

.details dd h2 {
	margin: 0;
	padding: 0;
	display: block;
	height: 21px;
	text-indent: -9999px;
}

h2.activitycenter {background: transparent url(h2-activitycenter.jpg) no-repeat;}
h2.messageboard {background: transparent url(h2-messageboard.jpg) no-repeat;}

.details dd p {
	margin: 5px 0 0 0;
	padding: 0;
	font-size: x-small;
}

.details dd.note {padding-top: 0; background-color: white; font-size: xx-small; color: #999;}
.details dd.note b {color: #666;}

/* --------------------------------- ACTIVITY CENTRE --------------------------------- */

.rightBar {float: right; width: 205px; padding: 10px;}
.rightBar dt {display: block; margin: 15px 0 6px 0; font-size: 15px; color:#15619b;}
.rightBar dd a {display: block; padding: 4px 10px 4px 20px; font-weight: normal; color: #666; border-top: dotted 1px #666; background: white url(rightBar1.jpg) 2px 5px no-repeat;}
.rightBar dd a:hover {color: #6f851c; background: #dce8b2 url(rightBar2.jpg) 2px 5px no-repeat; text-decoration: none;}
.rightBar dd.disclaimer {padding: 6px; font-size: xx-small; border-top: dotted 1px #CCC;}
.rightBar dd.disclaimer p {margin: 0 0 10px 0; padding: 0 0 0 14px;}
.rightBar dd.disclaimer p b {color: #333;}
.rightBar dd.disclaimer p a {padding: 0; border: none; background: none; display: inline; text-decoration: underline;}

.activities {float: left; width: 425px; padding-left: 20px;}

table.contestblock {
	margin: 0 0 10px 20px;
	padding: 0;
	width: 420px;
}

table.contestblock td {padding: 0; margin: 0;}
table.contestblock td h1 {margin-bottom: 10px; font-size: 13px; color:#15619b;}
table.contestblock td h1.note {margin-bottom: 10px; font-size: 11px; color:#8ba331;}
table.contestblock td p {padding: 0; margin: 0 0 12px 0;}
table.contestblock td p.note {font-size: 10px;padding: 6px 0; margin: 0 0 12px 0; border-top: 1px dotted #ccc;}
table.contestblock td p b {color: #333;}

table.downloadblock {
	margin: 0 0 10px 20px;
	padding: 0;
	width: 420px;
	background-color: #f0f0f0;
}

table.downloadblock td {padding: 6px; margin: 0;}
table.downloadblock td.title {margin-bottom: 10px; font-size: 13px; color:#15619b;}
table.downloadblock td.image a {display: block;border: solid 3px white;}
table.downloadblock td.image a:hover {border: solid 3px #15619b;}


div.download {margin: 0; padding: 0; border: solid 1px white; background-color: #f0f0f0;}
div.download h3 {padding: 0; margin-bottom: 10px; font-size: 13px; color:#15619b;}
div.download a {float: left; margin: 0 15px 15px 0; border: solid 3px white; display: inline;}
div.download a:hover {border: solid 3px #15619b;}


table.downloadblock dl.full {margin: 0 auto; margin-bottom: 10px; width: 400px; padding: 0; clear: both; border-top: dotted 1px #999;}
table.downloadblock dl.full dt {color: #15619b; margin: 0; padding: 5px 3px;}
table.downloadblock dl.full dd {margin-bottom: 0; padding: 5px 3px;}
table.downloadblock dl.full dd b {color: #333;}

dl.download {margin: 0 0 10px 0; padding: 6px; border: dotted 1px #ccc;}
dl.download dt {margin-bottom: 10px; font-size: 13px; color:#15619b;}
dl.download dd.sub {margin-bottom: 6px;font-size: 13px;color: #333;}
dl.download dd.top {margin-top: 10px; text-align: right; text-transform: uppercase;}
dl.download dd.top a {padding: 0 0 0 12px; font-size: xx-small; color: #CCC; background: transparent url(top1.jpg) 0px 1px no-repeat;}
dl.download dd.top a:hover {color: #15619b; background: transparent url(top2.jpg) 0px 1px no-repeat; text-decoration: none;}
dl.download:hover {border: dotted 1px #16629c; background-color: #e0ebf1;}

a.back {float: right; color: #666; margin: 0 20px 0 0; padding: 4px 10px 4px 20px;background: white url(backBar1.jpg) 2px 5px no-repeat;}
a.back:hover {background: #dce8b2 url(backBar2.jpg) 2px 5px no-repeat; text-decoration: none;}

.newsArticle {width: 650px;}
.newsArticle img.right {float: right; margin: 20px 0 20px 20px; border: double 3px #CCC;}
.newsArticle p.quote {padding: 6px; background-color: #F0F0F0;}
.newsArticle h1 {margin: 5px 0 0 20px;color: #8ba331;}
.newsArticle h3 {color: #666; font-size: 12px; margin: 0 0 0 20px; padding-bottom: 8px; border-bottom: dotted 1px #CCC;}
.newsArticle h4 {color: #333; font-size: 12px; margin: 0 0 0 20px; padding: 6px 0 0 0;}

.newsArticle img.callout {margin: 10px 0 20px 20px;}

.newsArticle div.photo-box {float: right;margin: 10px 0 20px 20px;width: 210px;}
.newsArticle div.photo-box img {border: double 3px #CCC;margin-bottom: 10px;}
.newsArticle div.photo-box p {margin: 0;padding: 0;text-align: center;}

.newsArticle ol li {margin-bottom: 7px;}

.newsArticle table.ingredients {width: 100%;margin: 20px 20px;border-left: 1px solid #ccc;border-top: 1px solid #ccc;}
.newsArticle table.ingredients th,.newsArticle table.ingredients td {border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.newsArticle table.ingredients th {background: #dbebf2;color: #156c95;padding: 7px 0;}
.newsArticle table.ingredients td {padding: 10px 20px;font-size: 11px;}
.newsArticle table.ingredients td ol {margin: 0;}
.newsArticle table.ingredients td ol {*padding:0 20px;}


dl#newstory {
	float: right;
	padding-left: 0;
	padding-bottom: 10px;
	padding-right: 0px;
	padding-top: 0px;
	margin: 10px 0px 20px 20px;
	width: 267px;
	background: url(newstory-bg.gif) bottom left no-repeat;
}

dl#newstory dt {
	margin-top: 0px;
	padding-top: 10px; 
	padding-bottom: 0px;
	padding-left: 20px;
	padding-right: 20px;
	background: transparent url(newstory-bg.gif) no-repeat;
}
dl#newstory dt.title {
	color:#406618;
	font-size: 13px;
}
dl#newstory dd {
	padding-left: 20px;
	padding-right: 20px;
}


dl#story {
	padding-left: 0;
	padding-bottom: 10px;
	padding-right: 0px;
	padding-top: 0px;
	margin: 15px 15px 0 0;
	width: 205px;
	background: #ebebeb url(storybtm.gif) bottom left no-repeat;
}

dl#story dt {
	margin-top: 0px;
	padding-top: 10px; 
	padding-bottom: 0px;
	
	background: transparent url(storytop.gif) no-repeat;
}

dl#story dd {
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 0px;
	padding-top: 0px;
	margin: 0px;
}
dl#story dd.title {
	color:#406618;
	font-size: 10px;
	line-height: 14px;
	font-weight: bold;
}
dl#story dd a {
	text-decoration:none;
	border: none;
	background-color: #ebebeb;
	padding: 0px;
	display:inline;
	background-image: none;
	color: #990000;
	
}
dl#story dd a:hover {
	background-color:#ebebeb;
	color: #990000;
	text-decoration: underline;
	
}

dl#story dd a.meetmalti {
	width: 165px;
	height:57px;
	background: url(meetmalti.gif) no-repeat;
	text-indent: -9999px;
	display: block;
}
dl#story dd a.meetmalti:hover {
	background: url(meetmalti-r.gif) no-repeat;
}

.fleft4 {
	float: left;
	margin-right: 5px;
	margin-top: -2px;
}

.fleft3 {
	float: left;
	margin-right: 10px;
	margin-bottom: 35px;
	border: solid 1px #b6bd6e;
}
/* --------------------------------- Q & A --------------------------------- */

div#dexi-question {
	background: url(../images/dexi-question.gif) top left no-repeat;	
	border-top: 1px dotted #ccc;
	margin-left: 20px;
	padding-left: 35px;
	padding-top: 4px;
	padding-bottom: 5px;
}
div#dexi-question p {
	margin-top: 0;
	padding: 0;
	margin-left:0;
	font-size: 14px;
	font-weight: bold;
	color: #333;
	
}


div#dexi-answer {
	background: url(../images/dexi-answer.gif) top left no-repeat;	
	
	margin-left: 20px;
	padding-left: 35px;
	padding-top: 2px;
	padding-bottom: 10px;
	margin-bottom: 25px;
}
div#dexi-answer p {
	margin-top: 0;
	padding: 0;
	margin-left:0;
	font-size: 12px;
	font-weight: normal;
	
}

.photo-caption {
	text-align: left;
	margin: 0;
	padding: 5px;
	color: #333;
}



/* --------------------------------- FORM --------------------------------- */

div.regDetails {
	float: right;
	width: 175px;
	padding: 6px 6px 15px 6px;
	display: inline;
	margin: 0 20px 15px 20px;
	background-color: #f0f0f0;
}

div.regDetails b {
	font-size: 13px;
}

div.regDetails p {
	margin: 6px 0 0 0;
	padding: 0;
	font-size: 11px;
}


form.basic {
	margin: 0 20px 20px 20px;
	padding: 6px 0 20px 0;
}

form.basic label {
	float: left;
	width: 120px;
	padding: 4px 20px;
	margin: 0 0 6px 0;
	text-align: right;
}


form.basic label.mandatory {
	background: transparent url(bg-mandatory.jpg) 0px 5px no-repeat;
}

form.basic p.mandatoryTitle {
	display: block;
	padding: 4px 0 10px 20px;
	margin: 0 20px 15px 0;
	text-align: left;
	font-weight: bold;
	border: solid 1px white;
	color: #333;
	background: transparent url(bg-mandatory.jpg) 0px 5px no-repeat;
	border-bottom: dotted 1px #CCC;
}

form.basic label em {
	display: block;
	color: #999;
	font-style: normal;
	font-size: xx-small;
}

form.basic input, select {
	font-size: 11px;
}

form.basic input.text {
	float: left;
	width: 200px;
	padding: 3px;
	color: #666;
	border: solid 1px #CCC;
}

form.basic input.month {
	width: 25px;
	margin-right: 3px;
}

form.basic input.day {
	width: 25px;
	margin-right: 3px;
}

form.basic input.year {
	width: 40px;
	margin-right: 3px;
}

form.basic input.postal {
	width: 50px;
	margin-right: 3px;
}

form.basic input.text:focus {background-color: #e0ebf1; color: #000; border: solid 1px #999;}


form.basic textarea {
	float: left;
	padding: 3px;
	font-size: 11px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", arial;
	color: #666;
	border: solid 1px #CCC;
}

form.basic textarea:focus {background-color: #e0ebf1; color: #000; border: solid 1px #999;}

form.basic br {
	clear: both;
}

form.basic select {
	float: left;
	padding: 3px;
	color: #666;
	border: solid 1px #CCC;
}

form.basic .options {
	margin-top: 20px;
	padding: 10px 0;
	border-top: dotted 1px #CCC;
}

form.basic input.submit {
	padding: 4px;
	border-left: solid 1px #CCC;
	border-top: solid 1px #CCC;
	border-right: solid 1px #999;
	border-bottom: solid 1px #999;
	font-size: 12px;
	background-color: #f0f0f0;
}

form.basic input.submit:hover {
	border-left: solid 1px #999;
	border-top: solid 1px #999;
	border-right: solid 1px #666;
	border-bottom: solid 1px #666;
	background-color: #e0ebf1;
}

form.basic .attachments {
	margin: 10px 0;
	padding: 0 0 10px 0;
	background-color: #def0e7;
	border: solid 1px #b5d0c3;
}

form.basic .attachments h3 {
	padding-top: 0;
	margin-top: 8px;
	margin-bottom: 8px;
	text-indent: -9999px;
	line-height: 26px;
	border-bottom: dotted 1px #b5d0c3;
	background: transparent url(bg-form-myattachments.jpg) no-repeat;
}

form.basic p.note {
	float: left;
	width: 425px;
	padding: 5px 0;
	margin: 0;
	color: #666;
}
/* --------------------------------- FOOTER --------------------------------- */

.footer {
	margin: 0 auto;
	width: 961px;
	font-size: xx-small;
	text-transform: uppercase;
	color: #666;
	background: transparent url(bg-footer.jpg) 15px 0px no-repeat;
}

.footer p {
	display: block;
	line-height: 31px;
	margin-left: 25px;
}

.footer p.jigsaw {color: #999; margin-right: 20px; line-height: 15px; text-transform: none;}

.footer a {
	font-weight: normal;
	color: #999;
	text-decoration: none;
}

.footer a:hover {
	color: #333;
	text-decoration: none;
}