/* Youth.gov.au 07/09 CSS
   Updated: Tuesday  09/09/08
   Author:  ac0801


/* ------- =skip nav standard*/
/* ------- =column1*/
/* ------- =column2*/
/* ------- =wrap*/
/* ------- =structural-labels*/
/* ------- =banner*/
/* ------- =external-links*/ /*(navigation)*/
/* ------- =intro*/
/* ------- =features*/
/* ------- =footer*/


body {
	font:80%/1.4 Verdana,Arial,Helvetica,sans-serif;
	color:#333;
	background-color:#fff;
	margin:0 auto;
}


/* ------- =skip nav standard*/
#skipnav {
	position:absolute;
	right:0;
	top:0;
}

#skipnav ul {
	display:inline;
}

#skipnav ul li {
	list-style: none;
	float:left;
	margin-top:-900em;
}

#skipnav ul li a:hover {
	text-decoration:underline;
}
/* ----------------------------------- =end skip nav standard*/


/* ------- =column1*/
#column1 {
	float:left;
	width:18.5em;
	margin:0;
	padding:0;
}

/* ------- =column2*/
#column2 {
margin:0;
	margin-left:20em;
	/*border:dotted 2px brown;*/
	padding:0;
	padding-top:5em;
	
	background:url(images/content-presentation-bar.gif) no-repeat;
	
}

/* ------- =wrap*/
#wrap {
	/*max-width:1024px;*/
	width:80em;
	position:relative;
	margin:0 auto;
	padding:0;
}


/* ------- =structural-labels*/
.structural-label {
	position: absolute;
	left:-2000em;	
}


/* ------- =banner*/
div#banner {
	background: #fff url(images/banner2.jpg) no-repeat .5em .25em;
	margin: 0; padding: 0;
	display: block;
	float:left;
}
#banner img a {
   border: none;
   margin: 0; padding: 0;
   position:absolute;
   top:2.75em;
   right:1em;
}
#banner img {
   border: none;
   margin: 0; padding: 0;
   position:absolute;
   top:2.75em;
   right:1em;
}
#banner h1 {
   text-indent:-9000px;
   /*background-image:url(images/banner.jpg);
   background-repeat: no-repeat;
   background-position: top right;
   height:90px;*/
   margin: 0; padding: 0;
   
}
#banner h1 a {
	height: 240px;
	width:255px;

	display: block;
	margin: 0; 
	padding: 0;  
}
#banner h1 a:active {
   outline: none;
}

#banner h1 a:focus {
   outline: none;
}

#banner h1 a:hover {
   outline: none;
}

#banner h1 a:visited {
   outline: none;
}

#banner h1 a:link {
   outline: none;
}

#banner h1 a span img {position:absolute; top:-8000px;}
/* ---------- END #banner */


/* ------- =external-links*/
#external-links {
	/*border: solid #00CC00 1px;*/
	margin:0;
	padding:0;
	width:100%;
}

#external-links ul {
	margin:0; padding:0; 
	list-style-type:none;
}
#external-links ul li {
	padding:.3em 0;
	text-align:right;
}
#external-links ul li a {
	background:#5aba47 url(images/link-nav.gif) no-repeat;
	color:#fff;
	padding:.2em .4em .2em .8em;
	text-decoration:none;
	font-weight:bold;
}
#external-links ul li a:hover {
	text-decoration:underline;
	background:#97CB66 url(images/link-nav-hover.gif) no-repeat;	
}

/* ------- =intro*/
#intro {
	color:#fff;
	background:#53AEE2 url(images/intro-top.gif) no-repeat;	
	width:58em;
	display:block;
	margin:0;
	padding:.5em .5em 0 .5em;
	
}

#intro h2 {
	padding:0;
	margin:1em 0 0 0;
}

#intro p {
	padding:0 0 0 .5em;
	margin:0;
	font-weight:bold;
	background:#53AEE2 url(images/intro-bottom.gif) bottom left no-repeat;	
	
	margin-left:-.5em;
	margin-right:-.5em;
	
	padding-bottom:2em;
	/*border:dotted 1px orange;*/
}

/* ------- =content*/
#content {
	/*border:1px solid #FF00FF;*/
	/*margin-right:27em;*/
	/*max-width:50em;*/
	width:31em;
	padding-top:1em;
	
	
	float:left;
}

#content h2 {
	color:#fff;
	background:#036999/*048ED4*/ url(images/content-h2-2.gif) no-repeat;
	padding: .25em 0 .25em .5em;
	font-weight:normal;	
	font-size:1.3em;
}

#content p.alternate {
	color:#036999;
}

#content2 {
	width:57em;
	padding-top:1em;
	float:left;
}

#content2 h2 {
	color:#fff;
	background:#036999/*048ED4*/ url(images/content-h2-2.gif) no-repeat;
	padding: .25em 0 .25em .5em;
	font-weight:normal;	
	font-size:1.3em;
}

#content2 p.alternate {
	color:#036999;
}


/* ------- =features*/
#features {
	float:left;
}
ul#features {
	margin:1em 0 0 2.75em;
	padding:0;
	list-style-type:none;
	width:26em;
}
ul#features li a img{
	border:none;
}
/* ------- =footer*/
#footer {
	color:#fff;
	background:#53AEE2 url(images/intro-top.gif) no-repeat;	
	margin:4em 0 0 20em;
	padding:.5em;
	width:58em;
}

#footer div.vcard {font-size:.85em; padding:.5em; width:40em;}

#footer ul{
	list-style-type:none;
	text-align:right;
	font-size:.85em;
	padding:0 .5em;
}
#footer ul li {
	display:inline;
}
#footer ul li a {
	color:#fff;
	background:#53AEE2;
	text-decoration:none;
	padding:0 .25em;
}
#footer ul li a:hover {
	text-decoration:underline;
}

.videoSupporting {font-size: .8em;}
.videoSupporting a:active {color: #3f3f3f;}



.videoSupporting a:link {color: #3f3f3f;}



.videoSupporting a:visited {color: #3f3f3f;}



.videoSupporting {color: #3f3f3f;}



.clear {clear:both;}