/*

HEADER

*/

#header {
	position: relative;
	width: 948px;
	height: 180px;
	background: url(../images/grownups/bg-rounded-top.png) no-repeat 0 bottom;
}

#header h1 {
	position: absolute;
	top: 0;
	left: -27px;
	width: 399px;
	height: 166px;
	background: url(../images/grownups/logo.png);
}

#header h1 a {
	display: block;
	width: 150px;
	height: 103px;
	text-indent: -9999em;
	float: left;
	margin: 15px 0 0 30px;
	display: inline;
}

#header h2 {
	position: absolute;
	top: 65px;
	left: 420px;
	width: 503px;
	height: 309px;
	background: url(../images/grownups/phone-number.png) no-repeat;
}

#header form {
	position: absolute;
	top: 20px;
	left: 668px;
}

#header form input {
	margin: 1px 0 0;
}

#header form span.textbox {
	border: 0;
	background: transparent url(../images/grownups/bg-search-box.png) no-repeat;
	float: left;
	padding: 5px;
	width: 189px;
	height: 15px;
	margin: 0;
}

#header form span.textbox input {
	background: none;
	border: 0;
	width: 180px;
	height: 15px;
	margin: 0;
}

#theme-switcher {
	display: none;
}

#navigation ul {
	position: absolute;
	float: left;
	display: block;
	width: 900px;
	height: 43px;
	top: 126px;
	left: 134px;
	list-style-type: none;
}

#navigation ul li {
	float: left;
}

#navigation ul li a {
	float: left;
	display: inline;
	text-indent: -9999em;
	height: 50px;
}

#navigation ul li.grownups a {
	width: 109px;
	background: url(../images/grownups/nav-grownups.png) no-repeat;
}

#navigation ul li.getting-help a {
	width: 93px;
	background: url(../images/grownups/nav-getting-help.png) no-repeat;
}

#navigation ul li.research-publications a {
	width: 157px;
	background: url(../images/grownups/nav-research.png) no-repeat;
}

/* mara 31/05/09 */
#navigation ul li.news-research a {
	width: 124px;
	background: url(../images/grownups/nav-news-research.png) no-repeat;
}

#navigation ul li.business-friends a {
	width: 118px;
	background: url(../images/grownups/nav-business-friends.png) no-repeat;
}
/* end 31/05/09 */

#navigation ul li.news-media a {
	width: 108px;
	background: url(../images/grownups/nav-news.png) no-repeat;
}

#navigation ul li.about-us a {
	width: 79px;
	background: url(../images/grownups/nav-about.png) no-repeat;
}

#navigation ul li.support-us a {
	width: 82px;
	margin: 0 40px 0 0;
	background: url(../images/grownups/nav-support.png) no-repeat;
}

#navigation ul li.kids a {
	width: 83px;
	background: url(../images/grownups/nav-kids.png) no-repeat;
}

#navigation ul li.kids a {
	width: 83px;
	background: url(../images/grownups/nav-kids.png) no-repeat;
}

#navigation ul li.teens a {
	width: 63px;
	background: url(../images/grownups/nav-teens.png) no-repeat;
}

#navigation ul li a:hover, #navigation ul li.selected a {
	background-position: 0 -54px;
}

#navigation ul li a:hover, #navigation ul li.selected a {
	background-position: 0 -54px;
}

/* IE6 hack */
* html #navigation ul li a:hover, * html #navigation ul li.selected a {
	background-position: 0 -53px;
}

/* 

SECTION HEADERS

*/

#subnavigation h3 {
	right: 2px;
	top: -9px;
}

#subnavigation h3.about-us a {
	display: block;
	background: url(../images/grownups/header-about-us.png);
	width: 290px;
	height: 111px;
}

#subnavigation h3.getting-help a {
	display: block;
	background: url(../images/grownups/header-getting-help.png);
	width: 290px;
	height: 111px;
}

#subnavigation h3.news-research a {
	display: block;
	background: url(../images/grownups/header-news-research.png);
	width: 290px;
	height: 111px;
}

#subnavigation h3.business-friends a {
	display: block;
	background: url(../images/grownups/header-business-friends.png);
	width: 290px;
	height: 111px;
}

#subnavigation h3.support-us a {
	display: block;
	background: url(../images/grownups/header-support-us.png);
	width: 290px;
	height: 111px;
}
/*

CONTENT

*/




div.home #content ol {
	list-style-type: none;
}

div.home #content ol li {
	float: left;
	display: block;
	clear: both;
	padding: 0 0 10px 17px;
	margin: 10px 0 0;
	width: 470px;
	background: url(../images/grownups/bg-document-icon.png) no-repeat 0 4px;
	border-bottom: 1px solid #c6f2ff;
}


div.home #content ol li a {
	float: left;
	clear: both;
	font-weight: bold;
	font-size: 0.85em;
}

div.home #content ol li em {
	float: left;
	clear: both;
	font-size: 0.85em;
	color: #4C4C46;
}

div.home #content ol li.first {
	margin: 0;
}

div.home #content ol li.last {
	border-bottom: none;
	margin: 10px 0 10px 0;
}

div.home #content ol li em {
	float: left;
	display: block;
	clear: both;
	font-style: normal;
}

/*

HOME PAGE

*/

#home-toolbox {
	position: absolute;
	right: 0;
	float: left;
	width: 400px;
	height: 100%;
	background: url(../images/grownups/bg-home-right.png) no-repeat 0 bottom;
	padding: 0 0 0 20px;
}

#home-toolbox h1  {
	margin: 10px 0 0;
}

#home-toolbox p {
	float: left;
	display: block;
	width: 200px;
	clear: both;
}

#home-toolbox p a.more-information {
	float: left;
	display: block;
	width: 136px;
	height: 30px;
	background: url(../images/grownups/btn-more-information.png) no-repeat;
	text-indent: -9999em;
	padding: 0 0 3em 0;
	margin: 1.2em 0 0;
	clear: both;
}

#home-toolbox h3 {
	float: left;
	display: block;
	width: 180px;
	clear: both;
}

#home-toolbox ul {
	float: left;
	display: block;
	width: 180px;
	clear: both;
	list-style-type: none;
}

#home-toolbox ul li {
	background: url(../images/bg-li.png) no-repeat 0 8px;
	padding: 3px 20px;
}

/* PROMOS */

#content div.promo-support {
	float: left;
	display: inline;
	width: 210px;
	height: 134px;
	background: url(../images/grownups/bg-support-panel.png) no-repeat;
	padding: 8px 0 0 17px;
	margin: 0 10px 0 0;
}

#content div.promo-support h3 {
	margin: 0;
}

#content div.promo-support p {
	float: left;
	display: block;
	clear: none;
	width: 198px;
	font-size: 0.85em;
	margin: 8px 0 8px 0;
}

#content div.promo-support a {
	float: left;
	display: block;
	width: 168px;
	height: 40px;
	clear: none;
	background: url(../images/grownups/btn-make-donation.png) no-repeat;
	text-indent: -9999em;
}

/* start new code - cyberspace mara 06/06/11*/

#content div.promo-narrow {
	float: left;
	display: inline;
	width: 271px;
	height: 64px;
	background: url(../images/grownups/bg-promo-panel-narrow.png) no-repeat;
	padding: 4px 0 0 17px;
	margin: 0 10px 0 0;
}

#content div.promo-narrow p {
	float: left;
	display: block;
	clear: none;
	width: 250px;
	font-size: 0.85em;
	margin: 5px 0 8px 0;
}

/* end new code  mara 06/06/11*/

/* start new code  mara 12/05/10*/

#content div.promo-wide {
	float: left;
	display: inline;
	width: 463px;
	height: 45px;
	background: url(../images/grownups/bg-promo-panel-wide.png) no-repeat;
	padding: 4px 0 0 17px;
	margin: 0 10px 0 0;
}

#content div.promo-wide p {
	float: left;
	display: block;
	clear: none;
	width: 440px;
	font-size: 0.85em;
	margin: 5px 0 8px 0;
}

/* end new code  mara 12/05/10*/
#content div.promo-promotional {
	float: left;
	display: inline;
	width: 210px;
	height: 134px;
	background: url(../images/grownups/bg-support-panel.png) no-repeat;
	padding: 8px 0 0 17px;
}

#content div.promo-promotional h3 {
	margin: 0;
}

#content div.promo-promotional p {
	float: left;
	display: block;
	clear: none;
	width: 198px;
	font-size: 0.85em;
	margin: 8px 0 8px 0;
}

#content div.promo-promotional a {
	float: left;
	display: block;
	width: 168px;
	height: 40px;
	clear: none;
	background: url(../images/grownups/btn-promotional-materials.png) no-repeat;
	text-indent: -9999em;
}

/* 

DOWNLOADS 
mara 5/6/09 changed.. full copy from teens
*/

#downloads div.video,
#downloads div.audio,
#downloads div.screensavers,
#downloads div.documents,
#downloads div.wallpaper {
	float: left;
	display: block;
	width: 580px;
	min-height: 100px;
	margin: 10px 0;
	position: relative;
}

#downloads div.wallpaper {
	min-height: 80px;
}

#downloads div.last {
	margin: 10px 0 0;
}

#downloads div h3 {
	float: left;
	width: 135px;
	clear: none;
}

#downloads div.video h3, #downloads div.wallpaper h3 {
	clear: both;
	float: none;
}

#downloads div.video div, #downloads div.wallpaper div {
	float: left;
	width: 285px;
	display: block;
}

#downloads div.video div a.thumb {
	float: left;
	width: 78px;
	height: 52px;
	padding: 0 8px 8px 0;
}

#downloads div.video div div a {
	float: left;
	clear: both;
}

#downloads div.wallpaper div img.thumb {
	float: left;
	width: 78px;
	height: 52px;
	margin: 0 8px 8px 0;
	padding-bottom: 8px;
}

#downloads div.video div div, #downloads div.wallpaper div div {
	float: left;
	clear: none;
	width: 180px;
}


#downloads div.wallpaper div div ul li {
	float: left;
	display: inline;
	padding: 0 10px 0 0;
	margin: 0 10px 0 0;
	border-right: 1px solid #8E8E88;
	font-size: 0.85em;
	clear: none;
	width: auto;
}

#downloads div.wallpaper div div ul li.last {
	border-right: none;
}

#downloads div.video div div em {
	float: left;
	clear: both;
	font-style: normal;
	font-size: 0.85em;
	white-space: nowrap;
}

#downloads div h4 {
	position: absolute;
	top: 0; 
	right: 0;
}

#downloads div ul {
	float: left;
	clear: none;
	width: 400px;
	padding: 0 0 0 90px;
	display: inline;
}

#downloads div.wallpaper div div ul {
	width: 150px;
	padding: 0;
}

#downloads div ul li {
	padding: 0;
	background: none;
}

#downloads div.screensavers {
	background: url(../images/teens/icon-screensavers.png) no-repeat 0 30px;
}

#downloads div.audio {
	background: url(../images/teens/icon-audio.png) no-repeat 0 30px;
}


#downloads div.documents {
	background: url(../images/teens/icon-documents.png) no-repeat 0 30px;
}

/*

SEARCH added mara 4/6/09 direct copy from teens.css

*/
div.service-search-keyword {
	float: left;
	width: 190px;
}

div.service-search-keyword fieldset input {
	width: 160px;
}

div.select-service {
	float: left;
	width: 580px;
}

div.select-service fieldset {
	float: left;
	display: inline;
/* mara 23/06/09  changed from 1.2em down to .5em */ 
	margin: 0 0 .5em;
	width: 182px;
	clear: none!important;
}

div.select-service span {
	float: left;
	display: inline;
	clear: both;
	width: 182px;
}

div.select-service input {
	float: left;
	margin: 4px 0 0;
	clear: none!important;
}

div.select-service label {
	float: left;
	width: 155px;

	/* mara BoysTown modification: Use minus 10 for the x position so that */
	/* the style sheet makes the html work more like a normal web page */
	margin: -10px 0 2px 5px;

	font-weight: normal!important;
	font-size: 0.85em;
	clear: none!important;
}


/* 

SERVICE BY STATE

*/

div.service-by-state  {
	float: left;
	width: 580px;
	margin: 0 0 1em;
	/* mara added 23/06/09 */
	margin-top: 10px;
}


div.service-by-state fieldset {
	float: left;
	width: 350px;
}


div.service-by-state fieldset div {
	float: left;
	margin: 0 2px 0 0;
	clear: none!important;
}


div.service-by-state fieldset div strong {
	float: left;
	margin: 2.1em 7px 0 7px;
}

div.service-by-state fieldset select, div.service-by-state fieldset input {
	font-size: 1.1em!important;
	clear: both!important;
}

div.service-by-state fieldset select {
	float: left;
	margin: 2px 0 0;
}

div.service-by-state fieldset label {
	float: left;
	width: 130px;
	clear: both;
	font-weight: bold!important;
	font-size: 1.1em;
	margin: 3px 0 2px 0;
}

div.service-by-state fieldset a.find-postcode {
	float: left;
	width: 90px;
	height: 25px;
	background: url(../images/teens/btn-find-postcode.png) no-repeat;
	text-indent: -9999em;
	margin: 4px 0 0 7px;
	clear: none;
	display: inline;
}

div.service-by-keyword  {
	float: left;
	clear: both;
	width: 580px;
	/* mara added 23/06/09 */
	margin-top: 10px;
}

div.service-by-keyword h3, div.service-by-state h3 {
	float: left;
	width: 182px;
	clear: none;
}

div.service-by-keyword h3 {
	padding: 7px 0 0;
}

div.service-by-state h3 {
	padding: 30px 0 0;
}

div.search-results table {
	width: 580px;
	border: 1px solid #E2E2E2;
	border-collapse: collapse;
	margin: 0 0 2em;
}

div.search-results table.last {
	margin: 0;
}

div.search-results table th {
	padding: 5px 17px;
	background: #F1F1F1 url(../images/bg-th.png) repeat-x;
	text-align: left;
}


div.search-results table td {
	padding: 9px 17px;
	border: 1px solid #E2E2E2;
}

div.search-results table td a:hover {
	text-decoration: none;
}



div.search-results table th.name {
	width: 380px;
}

div.search-results table th.city {
	width: 120px;
}

div.search-results table th.postcode {
	width: 50px;
}

div.search-results div.your-search {
	float: left;
	width: 580px;
	height: 37px;
	clear: both;
	margin: 0 0 1em;
	background: url(../images/teens/bg-your-search.png);
}

div.search-results div.your-search em {
	float: left;
	font-style: normal;
	margin: 10px 0 0 150px;
	color: #FFF;
}

div.search-results div.your-search a {
	float: right;
	background: url(../images/teens/btn-search-again.png);
	width: 103px;
	height: 26px;
	text-indent: -9999em;
	margin: 6px;
}

div.search-results div.change-search {
	margin: 2em 0 0;
}

div.search-results div.change-search, div.search-results div.change-search h4, div.search-results div.change-search dl {
	float: left;
	width: 580px;
	clear: both;
	display: block;
}

div.search-results div.change-search dl dt {
	float: left;
	width: 185px;
}

div.search-results div.change-search dl dt a:hover {
	text-decoration: none;
}


div.search-results div.change-search dl dd {
	float: left;
	width: 390px;
}

/*

PAGING

*/

div.paging {
	float: right;
	clear: both;
	display: block;
}

div.paging ul {
	float: left;
	width: auto!important;
	clear: none!important;
	display: inline!important;
}

div.paging strong {
	float: left;
	clear: none!important;
	display: inline!important;
	margin: 2px 24px 0 0;
}

div.paging ul li {
	float: left;
	padding: 1px 7px 2px 7px!important;
	background: none!important;
	clear: none!important;
	width: auto!important;
}

div.paging ul li a {
	float: left;
}

div.paging ul li.last {
	padding: 1px 0 2px 7px!important;
}

/* images moved from teens and renamed - mara 06/04/2011 */
div.paging ul li.first-page a {
	background: url(../images/page-first.png) no-repeat 0 4px;
	width: 18px;
	height: 12px;
	text-indent: -9999em;
}

div.paging ul li.previous-page a {
	background: url(../images/page-first.png) no-repeat 0 4px;
	width: 9px;
	height: 12px;
	text-indent: -9999em;
}


div.paging ul li.next-page a {
	background: url(../images/page-next.png) no-repeat 0 4px;
	width: 9px;
	height: 12px;
	text-indent: -9999em;
}


div.paging ul li.last-page a {
	background: url(../images/page-last.png) no-repeat 0 4px;
	width: 18px;
	height: 12px;
	text-indent: -9999em;
}

div.paging ul li.selected {
	background: url(../images/paging-selected.png) no-repeat center 0!important;
	color: #FFF;
	padding: 1px 7px 2px 7px!important;
}

/* end mara 06/04/2011 */

div.paging ul li.selected a {
	color: #FFF;
	text-decoration: none;
}

/* end mara 4/6/09*/


/* Copied from kids.css, then modified - added by thiru 21/06/2010 */
#content div.frame {
	position: relative;
	background: url(../images/grownups/bg-support-us-frame.png) no-repeat;
	float: left;
	width: 125px;
	height: 134px;
	padding: 7px 0 0 7px;
	margin: 5px 4px 0 7px;
}
#content div.frame p {
	width: 115px;

}

#content div.wpg-frame {
	position: relative;
	background: url(../..//images/grownups/wpg.png) no-repeat;
	float: left;
	width: 253px;
	height: 234px;
	padding: 7px 0 0 7px;
	margin: 5px 4px 0 7px;
}

#content div.wpg-frame p {
	width: 210px;
	margin-left:20px;
	margin-top:25px;
}

#content div.wpg-frame ul {
	margin-left:20px;
}

#content div.wpg-frame li {
	width:170px;
}