/*
    screen-modern.css: MODERN BROWSER (v5+) SCREEN STYLES
    ------------
    Job:               Knowsley Children and Young People's Services - Teens
    Produced by:       CN @ Mando Group
	Start date:        28/03/2007
    ------------
    COLOUR SPEC:
	yellow 1:		   #ffc100	background h2, nav teens, div.yellow
	yellow 2:		   #a30052	links
	yellow 3:		   #ef57a3	search area
	yellow 4:		   #ffedb7	colbox
	yellow 5:		   #f3d473	"find a service" border
	yellow 6:		   #ffda66	sub nav background
	yellow 7:		   #ffe699	sub sub nav background
	yellow 8:		   #fff2ca	sub sub sub nav background
	
	blue 1:			   #000066	links
	
	grey 1:			   #f2f2f2	background
	grey 2:			   #bbbbbb	link background 1, events list border, calendar li border
	grey 3:			   #c4c4c4	link background 2
	grey 4:			   #cdcdcd	link background 3
	grey 5:			   #d4d4d4	link background 4
	grey 6:			   #dbdbdb	link background 5
	grey 7:			   #dcdcdc	link background 6
	grey 8:			   #e6e6e6	link background 7
	grey 9:			   #ececec	colbox, leftcolumn, events image background
	grey 10:		   #7c7c7c	link home greyout, greytext
	grey 11:		   #979797	link newszone greyout
    ------------
    TOC:
    1.	type selectors
    2.	structural
	3.  typographical
    4.	navigation
    5.	forms
    6.  tables
    6.	hacks
*/

/* =1. type selectors */

* 
{
margin:0;
padding:0;
font-size:1em;
}
a img 
{
border:none;
}
body 
{
font-family:Arial, Helvetica, sans-serif;
font-size:75%;
background-color:#f2f2f2;
}
ul
{
list-style:none;
}
ol
{
margin:10px 0 10px 25px;
}
.floatleft
{
float:left;
padding:0 10px 5px 0;
}
.floatright
{
float:right;
padding:0 0 5px 10px;
}
	
/* =2. structural */

div.wrapper
{
width:790px;
height:100%;
margin:0 auto;
padding:0 12px 0 12px;
background:#fff url(/_common/img/teens/background-repeat.jpg) repeat-y;
}
div.header
{
width:790px;
padding:0 0 5px 0;
background-color:#fff;
color:#000;
}
div.main
{
width:790px;
display:block;
position:relative;
min-height:100%;
}
div.posbot
{
min-height:100%;
}
div.posbot div.leftcolumn
{
width:367px;
float:left;
margin:5px 0 10px 0;
padding:8px 8px 270px 20px;
position:relative;
z-index:1;
}
div.leftcol
{
width:207px;
height:inherit;
margin:0 5px 0 0;
float:left;
color:#000;
background-color:#ececec;
}
div.colbox
{
color:#000;
padding:5px 7px 5px 10px;
margin:0;
}
div.whitetopbtmborder {
border-top: 3px solid white;
border-bottom: 6px solid white;
}
div.rightcolumn div.colbox
{
padding:0 7px 10px 0;
}
div.rightcol div.colbox img
{
margin:0;
}
div.colbox ul
{
margin: 0;
padding: 0;
}
div.colbox li
{
clear:left;
margin: 0;
padding: 0;
line-height: 1;
}
div.colbox a
{
display:block;
margin:0 0 10px 0;
}
div.colbox form
{
margin:10px 0 5px 0;
}
div.colbox form #submit
{
margin:5px 0 0 0;
}
div.colbox form fieldset
{
border:0;
margin:0;
padding:0;
}
div.colbox form #text
{
display:block;
margin:0 0 8px 0;
width:148px;
font-size:1.1em;
}
div.colbox form textarea
{
display:block;
margin:0 0 5px 0;
width:150px;
height:100px;
font-size:1.4em;
}
div.radiovote
{
display:block;
margin:0 0 7px 0;
}
div.rightcol
{
width:574px;
margin:0;
float:right;
background:#fff url(/_common/img/teens/background-rightcol.jpg) top repeat-y;
padding:0;
}
div.rightcol img
{
margin:0 0 -4px 0;
}
div.reviews {
background:#fff url(/_common/img/teens/background-reviews.jpg) top repeat-y;
}
div.btmimg{
font-size:1px;
float:right;
position:relative;
margin:-300px 0 0 0;
}
div.main div.btmimg{
font-size:1px;
float:right;
position:relative;
margin:0;
}
div.row
{
height:100%;
display:block;
clear:both;
}
div.banner
{
padding:15px 0 0 0;
height:100%;
}
div.search
{
width:552px;
padding:0 10px 9px 10px;
margin:0 0 10px 10px;
color:#000;
}
div.search a
{

}
div.search ul
{
float:left;
list-style:none;
margin:5px 0 0 10px;
}
div.search li
{
margin:5px 20px 5px 0;
width:105px;
}
div.keyword
{
width:552px;
min-height:70px;
background:#fff url(/_common/img/main/background-pinkgrad.jpg) repeat-x top;
padding:0 10px 9px 10px;
color:#fff;
}
div.inputbox
{
float:left;
margin:0 15px 0 0;
}
div.radiobox
{
float:left;
margin:20px 20px 0 0;
}
div.column
{
float:left;
width:170px;
margin:10px 10px 0 0;
padding:5px;
}
div.column span
{
display:block;
}
div.column li
{
margin:0 0 15px 0;
}
div.detailcolumn
{
float:left;
margin:0 0 20px 0;
}
div.detailcolumn p
{
width:250px;
}
div.detailcolumn h4
{
background-color:transparent;
color:#000;
padding:0;
margin:0 0 5px 0;
font-size:1em;
}
div.leftcolumn div.detailcolumn img
{
float:right;
margin:0 0 5px 10px;
}
div.fullcolumn
{
padding:0 0 0 20px;
}
div.fullcolumn img
{
border:5px solid #000;
}
div.fullcolumn p
{
padding:8px 20px 8px 0;
}
div.fullcolumn h3
{
margin:10px 0 10px 0;
}
div.fullcolumn ul
{
margin:5px 0 10px 0;
}
div.fullcolumn li
{
margin:2px 0 2px 0;
}
div.fullcolumn img
{
float:right;
margin:18px 0px 5px 10px;
}
ul.bulletlist
{
list-style:disc;
margin:5px 0 10px 15px;
}
div.fullcolumn ul.bulletlist
{
list-style:disc;
margin:5px 0 10px 15px;
}
div.subsect
{
margin:20px 0 20px 0;
text-align: right;
}
div.subsect a
{
margin:0 2px 0 2px;
}
div.areyoua
{
width:180px;
padding:0;
padding:5px 0 5px 0;
}
div.areyoua img
{
padding:5px;
border:1px solid #bbbbbb;
}
div.areyoua li
{
width:89px;
float:left;
margin:0 0 25px 0;
}
div.leftcolumn
{
width:367px;
float:left;
margin:5px 0 10px 0;
padding:8px 8px 8px 20px;
position:relative;
z-index:1;
}
div.leftcolumn ul
{
margin:0 0 10px 0;
}
div.leftcolumn li
{
margin:2px 0 2px 0;
}
div.leftcolumn img
{
float:left;
margin:0 10px 4px 0;
border:5px solid #000;
}
div.leftcolumnhome
{
width:340px;
float:left;
margin:5px 0 10px 0;
padding:0 0 0 15px;
}
div.leftcolumnhome a
{
font-weight:bold;
}
div.leftcolumnhome ul
{
margin:0 0 10px 20px;
}
div.leftcolumnhome li
{
margin:2px 0 2px 0;
}
div.leftcolumnhome h4
{
background-color:transparent;
color:#000;
font-size:1.5em;
}
img.chevrons 
{
margin:-3px 5px 0 0;
vertical-align:middle;
border:0;
}
a.chevron
{
background:transparent url(/_common/img/teens/chevrons.gif) no-repeat left top;
background-position:0 4px;
padding:0 0 0 20px;
}
div.copy ul.chevrons 
{
list-style:none;
display:block;
}
div.copy ul.chevrons li
{
background:transparent url(/_common/img/teens/chevrons.gif) no-repeat left top;
background-position:0 11px;
padding:8px 0 8px 20px;
}
div.copy img
{
float:right;
margin:5px 0 10px 5px ;
}
div.artdet img
{
float:right;
margin:5px 20px 10px 5px ;
}
ul.subheadlines
{
height:100%;
clear:left;
color:#000;
padding:10px 10px 10px 0;
margin:10px 0 10px 0;
}
ul.subheadlines li
{
margin:0 10px 10px 0;
display:block;
clear:left;
}
ul.subheadlines img
{
border:5px solid #000;
width:90px;
height:68px;
}
ul.subheadlines p.title
{
font-size:1em;
padding:0;
}
ul.reviews li
{
margin:15px 0 15px 0;
}
ul.reviews li h3
{
margin:0;
padding:0;
font-size:1.2em;
}
ul.reviews p
{
padding:0;
}
ul.reviews img
{
border:5px solid #000;
margin-top:3px;
}
div.rating
{
color:#fff;
background-color:#000;
padding:8px 0 8px 0;
margin:8px 0 8px 0;
display:block;
}
div.rating img
{
margin:0;
border:none;
}
div.reviewdetails
{
float:left;
width:240px;
}
ul.mainlist
{
border:10px solid #000;
margin:0;
padding: 0;
background: url(/_common/img/teens/background-mainlist.gif) repeat-y center;
min-height:95px;
}
ul.mainlist li
{
margin:0;
}
ul.mainlist li p
{
margin:0;
padding:0 5px 5px 5px;
}
ul.mainlist li h3
{
margin:0 0 5px 0;
padding:0 0 0 35px;
font-size:1.5em;
background:transparent url(/_common/img/teens/chevrons-large.gif) top left no-repeat;
background-position:0 3px;
}
ul.mainlist li span
{
font-size:1px;
}
ul.mainlist img
{
padding:0;
border:0;
margin:0 15px 0 0;
float:none;
}
ul.mainlist ul li.last
{
border: none;
margin: 0;
padding: 0;
}
ul.mainlist div.mainlistimage
{
width:115px;
float:left;
font-size:1px;
}
ul.mainlist div.mainlistcopy
{
width:230px;
float:right;
}
div.copy ul.mainlist
{
border:10px solid #000;
margin:0 0 10px 0;
padding:0;
background: url(/_common/img/teens/background-mainlist.gif) repeat-y center;
min-height:95px;
}
div.copy ul.mainlist li
{
margin:0;
padding:0;
background-image:none;
}
div.copy ul.mainlist div.mainlistimage
{
width:115px;
float:left;
font-size:1px;
}
div.copy ul.mainlist div.mainlistcopy
{
width:230px;
float:right;
}
/*div.landingblock{
border: 10px solid #000;
background: url(/_common/img/teens/background-landing-block.gif) top repeat-y;
margin: 0 0 10px 0;
}
div.landingblockimage{
width: 115px;
float: left;
}
div.landingblockimage img{
border-right: 10px solid #000;
}			
div.landingblockcopy{
float: right;
padding: 5px 5px 5px 2px;
width: 230px;
}
div.landingblockcopy p, div.landingblockcopy h3{
padding: 5px 5px 0 0;
}
div.landingblockcopy h3{
clear: both;
}
*/
/* Hides from IE-mac \*/
* html .clear {height: 1%;}
/* End hide from IE-mac */
div.ratingbox
{
background-color:#000;
color:#fff;
display:block;
clear:left;
padding:2px 5px 8px 5px;
}
div.ratingbox img
{
float:none;
margin:5px 3px 0 0;
border:none;
}
div.usercomments
{
margin:5px 0 10px 0;
font-weight:bold;
width:365px;
text-align:right;
}
div.usercomments img
{
float:none;
margin:0 8px 0 0;
border:none;
}
div.usercomments a
{
margin:0 0 0 5px;
}
ul.events img
{
padding:5px;
background-color:#ececec;
}
ul.events li
{
clear:both;
margin:20px 0 0 0;
padding:0 0 20px 0;
border-bottom:1px solid #bbbbbb;
}
div.rightcolumn
{
width:170px;
margin:0;
float:right;
}
div.rightcolumnhome
{
width:195px;
margin:5px 0 0 0;
float:right;
padding:0 15px 0 0;
}
div.rate
{
background-color:#000;
color:#fff;
margin:13px 15px 0 0;

}
div.rate p
{
padding:8px 0 10px 8px;
}
div.footer
{
width:790px;
background:#f2f2f2 url(/_common/img/background-footer.jpg) no-repeat top;
margin:0 auto;
padding:15px 12px 10px 12px;
font-size:0.9em;
}
div.footer p
{
clear:left;
}
.yellow
{
background-color:#ffc100;
color:#000;
}
div.lightyellow
{
background-color:#ffedb7;
color:#000;
}
div.black
{
background-color:#000;
color:#ffc100;
}
span.black{
display:block;
clear:both;
background-color:#000;
color: #fff;
padding: 3px 0;
}
span.black h4{
font-size: 1.2em;
color: #ffc100;
}
div.yellow{
background: #ffc100;
}
div.slider 
{
margin:0;
padding:0;
}
.trigger 
{
display: block;
}
ul.keyresults
{
border-top:1px solid #ea1e85;
padding:10px 0 10px 0;
}
ul.keyresults li
{
padding:1px;
min-height:100%;
padding:20px 0 20px 0;
margin:0;
}
ul.keyresults p
{
float:left;
margin:0;
padding:0;
width:330px;
}
span.imgkey
{
padding:0;
margin:0;
width:40px;
height:30px;
float:left;
}
span.imgkey img
{
float:none;
}
.pinkgrad
{
background:#fff url(/_common/img/main/background-pinkgrad.jpg) repeat-x top;
}
ul.atoz
{
font-size:1.2em;
padding:5px;
}
ul.atoz li
{
float:left;
width:20px;
margin:4px;
padding:0 0 0 10px;
border-right:1px solid #000;
text-transform: capitalize;
}
ul.atoz a
{
font-size:1.2em;
font-weight:bold;
}
ul.atozlist
{
padding:10px 0 10px 0;
}
ul.atozlist li
{
min-height:100%;
padding:5px 0 5px 0;
margin:0;
clear:left;
}
ul.atozlist p
{
float:left;
margin:0;
padding:0;
}
ul.calendar
{
height:100%;
border-top:1px solid #ea1e85;
margin:10px 0 10px 0;
padding:0 10px 0 30px;
font-weight:bold;
}
ul.calendar li
{
float:left;
padding:10px;
border-right:1px solid #bbbbbb;
}
ul.calendar li.selected
{
background:#fff url(/_common/img/main/background-calendar.jpg) repeat-x top;
}
ul.calendar li.last
{
border:none;
}
ul.pollresults li
{
margin:15px 0 15px 0;
}
ul.pollresults span
{
display:block;
background-color:#000;
color:#fff;
height:15px;
text-align:right;
margin:0 0 5px 0;
}
ul.picktopic
{
background:#000 url(/_common/img/teens/background-topic-bot.jpg) repeat-x left bottom;
color:#fff;
font-weight:bold;
padding:0 20px 25px 20px;
height:100%;
}
ul.picktopic a
{
color:#fff;
}
ul.picktopic li
{
float:left;
padding:6px;
margin: 0;
font-size: 140%;
white-space: nowrap;

}
span.top
{
display:block;
background:#000 url(/_common/img/teens/background-topic-top.jpg) repeat-x left top;
height:40px;
}
div.newsfeed 
{
float:left; 
margin:6px;
}
div.prevpolls img
{
border:0;
}
div.prevpoll ul
{
margin:0;
padding:0;
}
hr
{
margin:10px 0 0 0;
}
span.backgroundtop
{
background:transparent url(/_common/img/teens/background-top.jpg) top no-repeat;
display:block;
width:572px;
height:17px;
margin:-5px 0 0 0;
}
span.mainimage img
{
width:195px;
}



/* =3. typographical */	

p
{
padding:8px 0 8px 0;
}
p.also
{
background:#ffc100 url(/_common/img/teens/title-also.jpg) left top no-repeat;
width:155px;
min-height:51px;
padding:0;
margin:0 0 5px 0;
}
p.also span
{
position:absolute;
left:-5000px;
}
p.links
{
background:#ffc100 url(/_common/img/teens/title-links.jpg) left top no-repeat;
width:155px;
min-height:51px;
padding:0;
margin:0 0 5px 0;
}
p.links span
{
position:absolute;
left:-5000px;
}
p.contact
{
background:#ffc100 url(/_common/img/teens/title-contact.jpg) left top no-repeat;
width:155px;
min-height:51px;
padding:0;
}
p.contact span
{
position:absolute;
left:-5000px;
}
p.debate
{
background:#ffc100 url(/_common/img/teens/title-debate.jpg) left top no-repeat;
width:155px;
min-height:51px;
padding:0;
}
p.debate span
{
position:absolute;
left:-5000px;
}
a
{
color:#000066;
background-color:transparent;
text-decoration:none;
}
a:hover
{
text-decoration:underline;
}
h1
{
float:left;
margin:0 17px 0 0;
}
h2
{
font-size:1.5em;
color:#000;
padding:5px;
margin:0;
text-indent: 5px;
}
h2.help4me
{
width:564px;
min-height:72px;
font-size:1.5em;
color:#000;
background:#ffc100 url(/_common/img/teens/title-help4me.jpg) left top no-repeat;
padding:4px 0 0 8px;
margin:0;
}
h2 p.homedisc
{
font-size:0.6em;
font-weight:100;
height:auto;
padding:4px 0 0 0;
}
h2 img.homehelp
{
margin:0;
padding:0;
}
h2.help4me span.helpinfo
{
font-size:1em;
position:relative;
left:auto;
display:block;
height:70px;
width:165px;
float:right;
}
h2.teennewszone
{
width:564px;
min-height:62px;
font-size:1.5em;
color:#000;
background:#ffc100 url(/_common/img/teens/title-teennewszone.jpg) left top no-repeat;
padding:4px 0 0 8px;
margin:0;
}
h2.teenreviews
{
width:564px;
min-height:63px;
font-size:1.5em;
color:#000;
background:#ffc100 url(/_common/img/teens/title-teenreviews.jpg) left top no-repeat;
padding:4px 0 0 8px;
margin:0;
}
h2.teenbookreviews
{
width:564px;
min-height:61px;
font-size:1.5em;
color:#000;
background:#ffc100 url(/_common/img/teens/title-teenbookreviews.jpg) left top no-repeat;
padding:4px 0 0 8px;
margin:0;
}
h2.teenfilmreviews
{
width:564px;
min-height:61px;
font-size:1.5em;
color:#000;
background:#ffc100 url(/_common/img/teens/title-teenfilmreviews.jpg) left top no-repeat;
padding:4px 0 0 8px;
margin:0;
}
h2.teenmusicreviews
{
width:564px;
min-height:61px;
font-size:1.5em;
color:#000;
background:#ffc100 url(/_common/img/teens/title-teenmusicreviews.jpg) left top no-repeat;
padding:4px 0 0 8px;
margin:0;
}
h2.beinghealthy
{
width:564px;
min-height:71px;
font-size:1.5em;
color:#000;
background:#ffc100 url(/_common/img/teens/title-beinghealthy.jpg) left top no-repeat;
padding:4px 0 0 8px;
margin:0;
}
h2.servicedetails
{
width:564px;
min-height:74px;
font-size:1.5em;
color:#000;
background:#ffc100 url(/_common/img/teens/title-servicedetails.jpg) left top no-repeat;
padding:4px 0 0 8px;
margin:0;
}
h2.speakout
{
width:564px;
min-height:63px;
font-size:1.5em;
color:#000;
background:#ffc100 url(/_common/img/teens/title-speakout-h2.jpg) left top no-repeat;
padding:4px 0 0 8px;
margin:0;
}
h2.thingstodo
{
width:564px;
min-height:63px;
font-size:1.5em;
color:#000;
background:#ffc100 url(/_common/img/teens/title-thingstodo.jpg) left top no-repeat;
padding:4px 0 0 8px;
margin:0;
}
h2.athome
{
width:564px;
min-height:63px;
font-size:1.5em;
color:#000;
background:#ffc100 url(/_common/img/teens/title-athome.jpg) left top no-repeat;
padding:4px 0 0 8px;
margin:0;
}
h2.atschool
{
width:564px;
min-height:63px;
font-size:1.5em;
color:#000;
background:#ffc100 url(/_common/img/teens/title-atschool.jpg) left top no-repeat;
padding:4px 0 0 8px;
margin:0;
}
h2.stayingsafe
{
width:564px;
min-height:63px;
font-size:1.5em;
color:#000;
background:#ffc100 url(/_common/img/teens/title-stayingsafe.jpg) left top no-repeat;
padding:4px 0 0 8px;
margin:0;
}
h2.lawandorder
{
width:564px;
min-height:63px;
font-size:1.5em;
color:#000;
background:#ffc100 url(/_common/img/teens/title-lawandorder.jpg) left top no-repeat;
padding:4px 0 0 8px;
margin:0;
}
h2.moneymatters
{
width:564px;
min-height:63px;
font-size:1.5em;
color:#000;
background:#ffc100 url(/_common/img/teens/title-moneymatters.jpg) left top no-repeat;
padding:4px 0 0 8px;
margin:0;
}
h2.healthylifestyle
{
width:564px;
min-height:63px;
font-size:1.5em;
color:#000;
background:#ffc100 url(/_common/img/teens/title-healthylifestyle.jpg) left top no-repeat;
padding:4px 0 0 8px;
margin:0;
}
h2.healthyeating
{
width:564px;
min-height:63px;
font-size:1.5em;
color:#000;
background:#ffc100 url(/_common/img/teens/title-healthyeating.jpg) left top no-repeat;
padding:4px 0 0 8px;
margin:0;
}
h2.recipies
{
width:564px;
min-height:63px;
font-size:1.5em;
color:#000;
background:#ffc100 url(/_common/img/teens/title-recipies.jpg) left top no-repeat;
padding:4px 0 0 8px;
margin:0;
}
h2.keepingfit
{
width:564px;
min-height:63px;
font-size:1.5em;
color:#000;
background:#ffc100 url(/_common/img/teens/title-keepingfit.jpg) left top no-repeat;
padding:4px 0 0 8px;
margin:0;
}
h2.healthawareness
{
width:564px;
min-height:63px;
font-size:1.5em;
color:#000;
background:#ffc100 url(/_common/img/teens/title-healthawareness.jpg) left top no-repeat;
padding:4px 0 0 8px;
margin:0;
}
h2.sexualhealth
{
width:564px;
min-height:63px;
font-size:1.5em;
color:#000;
background:#ffc100 url(/_common/img/teens/title-sexualhealth.jpg) left top no-repeat;
padding:4px 0 0 8px;
margin:0;
}
h2.contraception
{
width:564px;
min-height:63px;
font-size:1.5em;
color:#000;
background:#ffc100 url(/_common/img/teens/title-contraception.jpg) left top no-repeat;
padding:4px 0 0 8px;
margin:0;
}
h2.drugandalcohol
{
width:564px;
min-height:63px;
font-size:1.5em;
color:#000;
background:#ffc100 url(/_common/img/teens/title-drugsandalcohol.jpg) left top no-repeat;
padding:4px 0 0 8px;
margin:0;
}
h2.hiv-aids
{
width:564px;
min-height:63px;
font-size:1.5em;
color:#000;
background:#ffc100 url(/_common/img/teens/title-hivaids.jpg) left top no-repeat;
padding:4px 0 0 8px;
margin:0;
}
h2.dentalhealth
{
width:564px;
min-height:63px;
font-size:1.5em;
color:#000;
background:#ffc100 url(/_common/img/teens/title-dentalhealth.jpg) left top no-repeat;
padding:4px 0 0 8px;
margin:0;
}
h2.mentalhealth
{
width:564px;
min-height:63px;
font-size:1.5em;
color:#000;
background:#ffc100 url(/_common/img/teens/title-mentalhealth.jpg) left top no-repeat;
padding:4px 0 0 8px;
margin:0;
}
h2.disabilities
{
width:564px;
min-height:63px;
font-size:1.5em;
color:#000;
background:#ffc100 url(/_common/img/teens/title-disabilities.jpg) left top no-repeat;
padding:4px 0 0 8px;
margin:0;
}
h2.bullying
{
width:564px;
min-height:63px;
font-size:1.5em;
color:#000;
background:#ffc100 url(/_common/img/teens/title-bullying.jpg) left top no-repeat;
padding:4px 0 0 8px;
margin:0;
}
h2.racism
{
width:564px;
min-height:63px;
font-size:1.5em;
color:#000;
background:#ffc100 url(/_common/img/teens/title-racism.jpg) left top no-repeat;
padding:4px 0 0 8px;
margin:0;
}
h2.specialeducationalneeds
{
width:564px;
min-height:63px;
font-size:1.5em;
color:#000;
background:#ffc100 url(/_common/img/teens/title-specialneeds.jpg) left top no-repeat;
padding:4px 0 0 8px;
margin:0;
}
h2.homeworkandexamhelp
{
width:564px;
min-height:63px;
font-size:1.5em;
color:#000;
background:#ffc100 url(/_common/img/teens/title-homeworkandexamhelp.jpg) left top no-repeat;
padding:4px 0 0 8px;
margin:0;
}
h2.gcsechoices
{
width:564px;
min-height:63px;
font-size:1.5em;
color:#000;
background:#ffc100 url(/_common/img/teens/title-gcsechoices.jpg) left top no-repeat;
padding:4px 0 0 8px;
margin:0;
}
h2.schoolholidays
{
width:564px;
min-height:63px;
font-size:1.5em;
color:#000;
background:#ffc100 url(/_common/img/teens/title-schoolholidays.jpg) left top no-repeat;
padding:4px 0 0 8px;
margin:0;
}
h2.testsandsats
{
width:564px;
min-height:63px;
font-size:1.5em;
color:#000;
background:#ffc100 url(/_common/img/teens/title-testsandsats.jpg) left top no-repeat;
padding:4px 0 0 8px;
margin:0;
}
h2.abuseandviolence
{
width:564px;
min-height:63px;
font-size:1.5em;
color:#000;
background:#ffc100 url(/_common/img/teens/title-abuseandviolence.jpg) left top no-repeat;
padding:4px 0 0 8px;
margin:0;
}
h2.caringforothers
{
width:564px;
min-height:63px;
font-size:1.5em;
color:#000;
background:#ffc100 url(/_common/img/teens/title-caringforothers.jpg) left top no-repeat;
padding:4px 0 0 8px;
margin:0;
}
h2.childrenshomes
{
width:564px;
min-height:63px;
font-size:1.5em;
color:#000;
background:#ffc100 url(/_common/img/teens/title-childrenshomes.jpg) left top no-repeat;
padding:4px 0 0 8px;
margin:0;
}
h2.fosterfamilies
{
width:564px;
min-height:63px;
font-size:1.5em;
color:#000;
background:#ffc100 url(/_common/img/teens/title-fosterfamilies.jpg) left top no-repeat;
padding:4px 0 0 8px;
margin:0;
}
h2.stepfamilies
{
width:564px;
min-height:63px;
font-size:1.5em;
color:#000;
background:#ffc100 url(/_common/img/teens/title-stepfamilies.jpg) left top no-repeat;
padding:4px 0 0 8px;
margin:0;
}
h2 span
{
font-size:0.6em;
font-weight:100;
position:absolute;
left:-5000px;
}
h2 a
{
float:right;
margin:25px 20px 0 0;
}
h3
{
font-size:1.5em;
color:#000;
background-color:transparent;
padding:0;
margin:0 0 5px 0;
}
h3.readlatest
{
background:#ffc100 url(/_common/img/teens/title-readthelatest.jpg) left top no-repeat;
width:289px;
min-height:61px;
}
h3.speakout
{
background:#ffc100 url(/_common/img/teens/title-speakout.jpg) left top no-repeat;
width:194px;
min-height:61px;
}
h3.pickatopic
{
background:#ffc100 url(/_common/img/teens/title-pickatopic.jpg) left top no-repeat;
width:235px;
min-height:61px;
margin:0 0 0 15px;
}
h3.headlines
{
background:#ffc100 url(/_common/img/teens/title-headlines.jpg) left top no-repeat;
width:182px;
min-height:48px;
/*border: 1px solid red;*/
}
h3.links
{
background:#ffc100 url(/_common/img/teens/title-links.jpg) left top no-repeat;
width:155px;
min-height:51px;
}
p.seealso
{
background:#ffc100 url(/_common/img/teens/title-also.jpg) left top no-repeat;
width:155px;
min-height:51px;
}
h3.debate
{
background:#ffc100 url(/_common/img/teens/title-debate.jpg) left top no-repeat;
width:155px;
min-height:51px;
padding:0;
}
h3 span
{
position:absolute;
left:-5000px;
}
p.seealso span
{
position:absolute;
left:-5000px;
}
h4
{
font-size:1.2em;
padding:5px 0 5px 8px;
margin:0 10px 0 10px;
background-color:#000;
color:#ffc100;
}
address
{
font-style:normal;
margin:0 0 10px 0;
}
.title
{
font-weight:bold;
font-size:1.2em;
}
.otherheads
{
font-size:1.5em;
background-color:#fff;
color:#000;
font-weight:bold;
padding:0;
margin:10px 0 10px 0;
}
.more
{
padding:8px 0 25px 0;
font-weight:bold;
}
.smtext
{
font-size:0.9em;
}
.pinktext
{
color:#ea1e85;
background:transparent;
}
.greytext
{
color:#7c7c7c;
}
.bold
{
font-weight:bold;
}

/* =4. navigation */

ul.skip 
{
position:absolute;
left:-5000px;
}
ul.skip li 
{
list-style:none;
}
ul.navtop
{
min-height:30px;
list-style:none;
margin:3px 0 0 0;
padding:0;
float:left;
font-size:0.9em;
}
ul.navtop li 
{
list-style-type:none;
padding:0.5em 0em 0.5em 0em;
float:left;
}	
ul.navtop a 
{
padding:0 1em 0 1em;
background:none;
}
ul.nav
{
list-style:none;
font-size:1.2em;
margin:0;
background:#fff;
color:#000;
border-bottom:5px solid #fff;
}
ul.nav li.home a
{
display:block;
width:200px;
color:#000;
background-color:#9c9c9c;
padding:7px 0 7px 7px;
margin:0 0 5px 0;
}
ul.nav li.infants a
{
display:block;
width:200px;
color:#000;
background-color:#bbbbbb;
padding:7px 0 7px 7px;
margin:0 0 3px 0;
}
ul.nav li.juniors a
{
display:block;
width:200px;
color:#000;
background-color:#c4c4c4;
padding:7px 0 7px 7px;
margin:0 0 3px 0;
}
ul.nav li.teens a
{
display:block;
width:200px;
color:#000;
background:#ffc100 url(/_common/img/teens/nav-arrow.gif) right top no-repeat;
font-weight:bold;
padding:7px 0 7px 7px;
margin:0 0 5px 0;
}
ul.nav li.teens li.selectednav a
{
font-weight:bold;
}
ul.nav li.teens li.selectednav li a
{
font-weight:100;
}
ul.nav li.teens a.grey
{
background:#7c7c7c url(/_common/img/teens/nav-arrow-grey.gif) right top no-repeat;
color:#fff;
}
ul.nav li.teens li a
{
color:#000;
background-color:#ffda66;
background-image:none;
font-weight:100;
}
ul.nav li.teens li a.grey
{
background-color:#979797;
background-image:none;
color:#fff;
}
ul.nav li.teens li li a
{
color:#000;
background-color:#ffe699;
}
ul.nav li.teens li li li a
{
color:#000;
background-color:#FFF6D9;
}
ul.nav li.youngadults a
{
display:block;
width:200px;
color:#000;
background-color:#d4d4d4;
padding:7px 0 7px 7px;
margin:0 0 3px 0;
}
ul.nav li.parents a
{
display:block;
width:200px;
color:#000;
background-color:#dbdbdb;
padding:7px 0 7px 7px;
margin:0 0 3px 0;
}
ul.nav li.experts a
{
display:block;
width:200px;
color:#000;
background-color:#dcdcdc;
padding:7px 0 7px 7px;
margin:0 0 3px 0;
}
ul.nav li.find a
{
display:block;
width:199px;
color:#000;
background-color:#e6e6e6;
padding:6px 0 6px 6px;
border:1px solid #f3d473;
}
ul.nav li.find a.yellow
{
background-color:#ffc100;
color:#000;
font-weight:bold;
}
ul.nav li a
{
color:#000;
}
ul.footul
{
min-height:30px;
list-style:none;
margin:3px 15px 0 0;
float:left;
}
ul.footul li 
{
list-style-type:none;
padding:0.5em 0em 0.5em 0em;
float:left;
}	
ul.footul a 
{
padding:0 1em 0 1em;
background:none;
}

/* =5. forms */

#submit
{
padding:2px;
}

form.searchbox
{
min-height:28px;
float:right;
margin:5px 0 0 0;
font-size:1.1em;
}
form.searchbox input#submit
{
padding:0;
}
div.search form label
{
color:#000;
background-color:transparent;
}
div.search form label.inputlabel
{
display:block;
font-size:1.2em;
font-weight:bold;
color:#000;
background-color:transparent;
margin:0 0 5px 0;
}
div.search form select
{
width:150px;
}
div.search form input#searchterm
{
width:150px;
padding:1px;
}
div.search form input#submit
{
margin:0 0 0 15px;
}
div.search fieldset
{
display:block;
clear:left;
border:0;
padding:0;
margin:15px 0 0 0;
}
div.search legend
{
display:block;
color:#000;
background-color:transparent;
font-size:1.2em;
font-weight:bold;
margin:0;
padding:0;
}
div.search ul
{
margin:5px 10px 0 1px;
}
div.search a
{
font-weight:bold;
}
form.maincontform
{
margin:20px 0 10px 0;
}
form.maincontform fieldset
{
border:none;
padding:10px 0 10px 0;
margin:0;
}
form.maincontform legend
{
font-weight:bold;
font-size:1.2em;
color:#000;
background-color:transparent;
margin: 0;
padding: 0;
}
form.maincontform label
{
display:block;
float:none;
margin:0 0 3px 0;
}
form.maincontform input
{
display:block;
float:none;
}
form.maincontform input#text
{
width:200px;
padding:2px;
margin:0 0 10px 0;
}
form.maincontform textarea
{
padding:2px;
margin:0 0 10px 0;
width:200px;
height:100px;
}
div.keyword form
{

}
div.keyword form input
{
margin:10px auto;
}
div.rate form
{
padding:0 0 8px 8px;
}
div.rate form input#submit
{
margin:5px 0 0 0;
}
form.rightcolform
{
margin:10px 0 10px 0;
}
form.rightcolform label
{
display:block;
float:none;
margin:0 0 3px 0;
font-weight:bold;
}
form.rightcolform input
{
display:block;
float:none;
}
form.rightcolform input#text
{
width:150px;
padding:2px;
margin:0 0 10px 0;
}
form.rightcolform textarea
{
width:150px;
height:100px;
padding:2px;
margin:0 0 10px 0;
}

/* =6. tables */


/* =7. hacks */

.cf:after 
{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}