/* Australian Youth Forum CSS
   Updated: Friday 18.09.08
   Author:  Amie Cupitt
            Modified by Amie  18.09.08
   ----------------------------------------------------*/



body {
   font: 80%/1.4 tahoma, verdana, helvetica, arial, sans-serif;
   background: #333;
   color: #fff;
   margin: 0;
   padding:0;
   background: #000 url(images/bgTile.gif) repeat center top;   
   height:1%; 
}

/* ----------------------------------- =font sizing */

div.footer, #breadcrumb, #skipnav, #sub-footer {
   font-size: .85em;
}


h1 { font-size: 1.6em;}
h2 { font-size: 1.4em;}
h3 { font-size: 1.2em;}
h4 { font-size: 1em; font-weight: bold;}
h5 { font-size: .9em;}

/* ----------------------------------- END font sizing */

/* ----------------------------------- =redefined elements */
img { border: none;}
div { margin: 0; padding: 0;}
fieldset { background: #f4f4f4;}
legend { font-weight: bold;}

/* ----------------------------------- =image styles */
img { border: 0; }
img a { border: 0; }

.img-right, .img-left {
   padding: 5px;
   background: #f4f4f4;
   border: 1px solid #ddd;
}

.img-right {
   float: right;
   margin: 5px 0 5px 5px;
}
.img-left {
   float: left;
   margin: 5px 5px 5px 0;
}

/* ----------------------------------- =layout styles */
div#wrap
{
   background-color: #333;
   position: relative;
   width: 950px;
   margin: 0 auto;
   padding: 0;
   text-align: left;
   border:solid;
   border-color: #333 #404040 #222 #404040;
   border-width: 0px 1px 0 1px;
}

div#container
{
   clear: left;
   background: #333;
   margin:0 0 0 0;
   padding: 0;
   width:100%;
   float: left;
   /* float added as background image not showing */
}

div#content{
   margin: 0 0 0 205px;
   height:1%;
   padding:0 0 25px 5px;
}
div#content.textPage {
	padding: .5em 25px 25px 20px;
}
/* ----------------------------------- END layout styles */

/* ----------------------------------- =link styles */
a, a:link { color: #5ac0fa;}
a:visited { color: #5ac0fa; text-decoration:none;}
a:hover, a:focus { color: #222; }
#content a, #content a:link {color: #5ac0fa;}
#content a:visited { color: #5ac0fa; text-decoration:none;}
#content a:hover, #content a:focus {color:#333; background-color: #f4f4f4; border-bottom: 1px #c43a95 solid;}
ul#breadcrumb li a, ul#breadcrumb li a:link{ border: none;}
#content p.discussNow a {color: #fff;}
#content p.discussNow a:hover, #content p.discussNow a:focus {color:#edb148 ; background-color: #000; border-bottom: 
none;}
 
#content div.form-container div.topicHolder a:hover {background:#C43A95!important; }
#content div.form-container div.topicHolder p.discussNow a:hover {background:#000!important; }
#content div.form-container div.topicHolder p a:hover {background:#f4f4f4!important;}
}

/* ----------------------------------- END link styles */

/* ----------------------------------- =skipnav */
#skipnav { 
	position: absolute; width: 800px; top: 0px; left: -1000px; 
	}
#skipnav a {
   background: #f4f4f4;
   color: #333;
   margin:0 5px 0 0;
   padding: 4px;
   border: dotted #c3c2c2;
   border-width: 0 1px 1px 1px;
   text-decoration: none; 
}
#skipnav a:active, #skipnav a:focus, #skipnav a:hover {
   background: #E0E9EF;
   color: #0055CC;
   text-decoration: underline;
}
/* ----------------------------------- END #skipnav */


/* ----------------------------------- =banner */
div#banner {
	background: #336794 url(images/headbg.jpg) repeat-x;
	height: 123px; /* was 9em but the line-up between the logo and the tail in the globalNav bar was out */
	margin: 0; padding:0;
	/*display: block; */
}
#banner img, #banner img a {
   border: none;
   margin: 0; padding: 0;
   display:none;
}
#banner h1 {
   text-indent:-9000px;
   background-image:url(images/govcrest.gif);
   background-repeat: no-repeat;
   background-position: 1em 1.25em;
   height:105px;
   margin: 0; padding: 0;
}
#banner h1 a {
   height: 105px;
   width: 250px;
   display: block;
}
#banner h1 a:link, #banner h1 a:visited, #banner h1 a:hover, #banner h1 a:focus, #banner h1 a:active {
   outline: none;
}
/* --------------------------------- END #banner */



/* ------------------------------- =global-menu */
#global-menu {
   border: none;
   border-width: 1px 0;
   position: relative;
   background: #009fdb url(images/global_bgBlue.gif) no-repeat top right; /* default global nav if no class is specified */
   height: 2.5em;
   line-height: 1;
   font-size:.89em;
   
}
#global-menu ul {
   list-style: none;
   margin: 0; padding: .25em 0 0 0;
   position:absolute;
   right:0;
}
#global-menu li {

   float: left;
   margin: 0; padding: 0;
   display: inline;
   padding: .49em 0;
}
#global-menu li a {
   border: solid #fff;
   border-width: 0 0 0 1px;
   margin: 0;
   padding:0 1em;
   display: block;
   color: #fff;
   text-decoration: none;
}
#global-menu li a:focus, #global-menu li a:hover {
   background: #111;
}

#global-menu.blue{
	background: #009fdb url(/ayf/images/global_bgBlue.gif) no-repeat top right;	
}
#global-menu.orange{
	background: #d45102 url(/ayf/images/global_bgOrange.gif) no-repeat top right;	
}
#global-menu.green{
	background: #31a549 url(/ayf/images/global_bgGreen.gif) no-repeat top right;	
}
#global-menu.pink{
	background: #c43a95 url(/ayf/images/global_bgPink.gif) no-repeat top right;	
}
#global-menu.red{
	background: #dblf32 url(/ayf/images/global_bgRed.gif) no-repeat top right;	
}
#global-menu.purple{
	background: #85499c url(/ayf/images/global_bgPurple.gif) no-repeat top right;	
}

/* ------------------------------- END #global-menu */

/* ------------------------------- Branding */
#brand {
	position:absolute;
	right:0;
	top:0;
	margin: 0;
	padding: 0;
	background: url(images/brand.jpg) no-repeat top right;
	width: 350px;
	height:123px;

}
/* ------------------------------- End Branding */

.structural-label {
   position: absolute;
   left: -3000px;
   width: 1900px;
   margin: 0; padding: 0;
   clear:left;
}


/* ------------------------------- =breadcrumb */
#content #breadcrumb ul, #content #breadcrumb span{
   margin: 0 0 1em 0;
   padding: 0;
}
#content #breadcrumb {
	margin-top: 5px;
}

#breadcrumb li, #breadcrumb span span {
   display:inline;
   margin: 0; padding: 0 0 0 .2em;
   color:#ccc;
}

#breadcrumb li a {
   margin: 0;  padding: 0 21px 0 0;
   background-image:url(images/breadcrumb.gif);
   background-position: right bottom;
   background-repeat: no-repeat;
   color:#ccc!important;
   text-decoration:none;
}
#breadcrumb span span a {
	margin: 0;  padding: 0 0 0 0;
   background-repeat: no-repeat;
   color:#ccc!important;
   text-decoration:none;

}

#breadcrumb li a:focus, #breadcrumb li a:hover{
	background-color:#444;
	background-image:url(images/breadcrumb.gif);
	background-position: right bottom;
    background-repeat: no-repeat;
	text-decoration:underline;
}
#breadcrumb span span a:focus, #breadcrumb span span a:hover {
	background-color:#444;
	text-decoration:underline;
	
}

/* ------------------------------- END #breadcrumb */


/* ------------------------------- =navigation */
#navigation {
   position: relative;
   width: 195px;
   float: left;
   left: 0; top: 0;
   margin:0; padding: 0;
   line-height: 1.1;
   font-size: .9em;
   color: #333;
  /* border: solid #ccc;
   border-width: 0 1px 1px 1px;*/
   display: block;
}

#navigation ul {
   list-style-type: none;
   margin:0;
   padding:0;
   
}
#navigation ul li {

   color: #fff;
}
#navigation ul li a {
   font-weight: bold;
   border-top: 1px solid #333;
   color:#fff;
   text-transform:uppercase;
   background: #009fdb url(images/buttons_hoverSprite.gif) no-repeat 0px 0px;
}
#navigation ul li a:focus, #navigation ul li a:hover { 
   background: #c43a95 url(images/buttons_hoverSprite.gif) no-repeat 0px -96px;
   }
   
#navigation ul li a:focus.orange, #navigation ul li a:hover.orange { 
   background: #d45102 url(images/but?ons_hoverSprite.gif) no-repeat 0px -32px;
   }
#navigation ul li a:focus.green, #navigation ul li a:hover.green { 
   background: #31a549 url(images/buttons_hoverSprite.gif) no-repeat 0px -64px;
   }
#navigation ul li a:focus.pink, #navigation ul li a:hover.pink { 
   background: #c43a95 url(images/buttons_hoverSprite.gif) no-repeat 0px -96px;
   }
#navigation ul li a:focus.red, #navigation ul li a:hover.red { 
   background: #db1f32 url(images/buttons_hoverSprite.gif) no-repeat 0px -128px;
   }
#navigation ul li a:focus.purple, #navigation ul li a:hover.purple { 
   background: #85499c url(images/buttons_hoverSprite.gif) no-repeat 0px -160px;
   }
   


#navigation ul li a:link, #navigation ul li a:visited {
   display: block;
   padding: .75em .5em .75em 1.5em;
   text-decoration: none;
   width: 174px;
}
/* ------------------------------- END NAVIGATION - main level */





/* ------------------------------- =footer styles */
.footer a, .footer a:link, ul.footer li a:visited, #sub-footer a, sub-footer a:link {color: #fff;}
.footer a:hover, .footer a:focus, #sub-footer a:hover, #sub-footer a:focus {color: #edb148;}

div.footer {
   background: #111;;
	color:#fff;
	padding: .5em 0 .5em 1em;
	margin: 0;
	border-top: 2px solid #C43A95;
	clear: both;
}
ul.footer {
   margin: 0;
   padding:.5em 0;
   list-style-type: none;
   background: #111;
   clear: both;
   float: right;
}
.footer li { display: inline;}
ul.footer li a {text-decoration: none; padding: 0 10px;}
ul.footer li a:focus, ul.footer li a:hover { text-decoration: underline;}

/* ------------------------------- END footer */


/* ------------------------------- =content specific styles */



#content a:link.top {
 padding:3px 15px 5px 20px;
 height:50px;
 background:url(images/top.gif) no-repeat;
 border: 1px dotted #CCCCCC;
 font-size:85%;
 }

#content a:hover.top {
 background:url(images/top.gif) #f7f7f6 no-repeat;
}

#content p,
#content ul{
   font-size : 1em; /* 12px */
   line-height : 1.5; /* 18px */
   margin : 0 0 1.5em 0;
   padding: 0;
}

#content ul {padding-left:1.5em;
}


#content p:last-child {
   margin-bottom : 0;
}


#content table {
	border: solid 1px #ccc;
	border-width: 1px 0 0 1px;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}

#content table th{
	background: #F3F2EE;
	border: solid #ccc;
	border-width: 0 1px 1px 0;
	padding: .2em .5em;
}

#content table td{
	border: solid #ccc;
	border-width: 0 1px 1px 0;
	margin: 0;
	padding: .2em .5em;
}


#content .float {
	width: 14em;
	float: left;
	padding: 1em;
	}


.link_external
{
   border-bottom: 1px dashed #336794!important;
   text-decoration:none !important;
}


.link_pdf 
{
   background-image: url(images/pdf.gif);
   background-repeat: no-repeat;
   background-position:right bottom;
   padding-right: 24px;
}

.link_mov 
{
   background-image: url(images/mov.gif);
   background-repeat: no-repeat;
   background-position:right bottom;
   padding-right: 22px;
}

.link_wmf 
{
   background-image: url(images/wmf.gif);
   background-repeat: no-repeat;
   background-position:right bottom;
   padding-right: 22px;
}

.link_ppt 
{
   background-image: url(images/ppt.gif);
   background-repeat: no-repeat;
   background-position:right bottom;
   padding-right: 22px;
}

.link_doc 
{
   background-image: url(images/doc.gif);
   background-repeat: no-repeat;
   background-position:right bottom;
   padding-right: 22px;
}


.link_xls 
{
   background-image: url(images/xls.gif);
   background-repeat: no-repeat;
   background-position:right bottom;
   padding-right: 22px;
}

.link_mpg 
{
   background-image: url(images/mpg.gif);
   background-repeat: no-repeat;
   background-position:right bottom;
   padding-right: 22px;
}

.link_mp3 
{
   background-image: url(images/mp3.gif);
   background-repeat: no-repeat;
   background-position:right bottom;
   padding-right: 22px;
}


/* ------------------------------- EN? content specific */



/* custom style classes */

.content_unpublished 
{
    font-style: italic;
}

/*-----------------------------------SEARCH-----------------------------*/


#search {
	position:absolute;
	top:-4.5em;;
	right:.5em;


	/*font-family:Arial, Helvetica, sans-serif;*/
	display:block;
	padding:0;
	/*border: 1px solid #CCCCCC;*/
	width: 310px;  /*310*/
	height: 30px;
}
#search input {
	/*font-family:Arial, Helvetica, sans-serif;*/
	background:transparent url(images/bg-search.gif) no-repeat scroll 0 0;
	border:none;
	font-size:1.0em;
	color:#444444;
	padding:6px 0 8px 24px;
	width:152px; /*182*/
	float:left;
}
#search input:focus, #search input:hover, #search input.search_go:focus, #search input.search_go:hover {
	background:transparent url(images/bg-search.gif) no-repeat scroll -312px 0px;
}
#search input.search_go {
	font-family:Arial, Helvetica, sans-serif;
	background:#336794 url(images/bg-search.png) no-repeat scroll -202px 0px;
	border:none;
	font-size:1.0em;
	color:#fff;
	padding:0 5px 3px 15px;
	font-weight: bold;
	height:32px;
	width:110px; 
	float:left;

}
#search input.search_go:focus, #search input.search_go:hover {
	background:transparent url(images/bg-search.gif) no-repeat scroll -514px 0px;
	color:#fff;
}


#search p a {
	color:#fff; 
	background-color:#336794;
	float:right;
	padding:.2em 3em 0 3em;
	font-size:.8em;
	text-decoration:none;}









/*--------------------------------end search---------------------*/


/*----forms----*/

.form-container fieldset {
	background:transparent;
	color:#fff;
	border:solid 0px #e7e9e9;
	padding:0 1em 2em 1em;
	width:80%;
}	
.form-container legend {color:#009fdb;}
.form-container label {
	display:block;
	padding-top:0em;
	font-weight:bold;
}
.form-container textarea, .form-container .singleLineInput {
	display:block;
	width: 99%;
	border:solid 1px #666;
	overflow:hidden;
	padding:0;
	margin:0;
	background-color: #000;
	color: #fff;
	padding: .3em;
	font-size: 1.2em;
	font-family:Arial, Helvetica, sans-serif;
	}
	
.form-container .buttonrow {text-align:left;
	padding: 1em 4em 2em 2em;
}

.form-container .button {padding:0 3em;}



/*---end forms---*/



fieldset div p.smallText {
	font-size: .8em;
	margin: 0;
	padding: 0;
}

#buttons { text-align: center; }  /*--- if using form buttons only */




p.readmore {
	display:block;
	text-align: right;
	 margin:-.5em 0 2em 0!important; 
	 padding-right:2em;
	 width:95%;}

p.readmore a {
	font-size:.85em;
	color:#A45232!important;
	text-decoration:none;
	padding:0;
	margin:0;
}

.blue {background-color:#009fdc;}
.green {background-color:#31A549;}
.orange {background-color:#D45102;}
.white {background-color:#fff; color:#333;}
img.visual {float:left; padding:0 .5em 0 0;}

#content p.pullQuote{
	padding-left: 5em;
	font-size: 1.2em;
}


div#content.textPage h1, div#content.textPage h2, div#content.textPage h3, div#content.textPage h4, div#content.textPage h5 {
	position: relative;
	left: -10px;
}
div#content.textPage #breadcrumb{
	position: relative;
	left: -10px;
}


/* ---------Validation Text */
.validator {
	display: block;
	background-color: #000;
	padding: .2em 2em;
	margin: .2em 0;
	text-align:center;
	border: 1px #c43a95 solid;
	line-height:.8em;
}
/* ------- END validation Text */

/* ------- Frontpage ajax flipper ------ */
#ideaHolder{
	position: relative;
	left: 0;
/*	height: 480px; /* dodgy fix for the idea divs losing their height when they are positioned absolutely. */
}
#ideaHolder div.idea{
	position:absolute;
	left: 0;
	top: 0;
}


/* ------- END Frontpage ajax flipper ------ */


.hidden {
	display:none;
}


p.transcript {
	text-align:right;
	color: #fff;
	padding: 0;
	margin: 0;
	font-size:.8em!important;

}

p.transcript a {
	color: #fff!important;
	text-decoration: none;
	}
p.transcript a:hover {
	background-color: transparent!important;
	border: none!important;
	text-decoration: ?nderline;
}

/* -- Online Poll -- */

div.poll { margin-bottom: 0; }
.poll .pnl-halfwid-inner { height: auto; }
.poll table { margin: 7px 0; border:0; }
.barchart { background-color: #FFF; border: solid 1px #c8c9ca; float: left; margin: 2px 3px 4px 0; width: 150px; }
.barchart div { background-color: #003366; font-si?e: 2px; height: 10px; width: 150px; }

.pnl-right .banner { margin-bottom: 4px; }
.pnl-right .pnl-halfwid-inner { background: none; width: 200px; height: auto; }
.pnl-right table { margin: 7px 0; width: 100%; border:0 !important;  }
.pnl-right table td { padding: 1px; border:0 !important;}
.pnl-right table td * { vertical-align: middle; }
.pnl-right table .data { width: auto; display: block; }
.pnl-right table input { margin-right: 3px; }

/* ------- END Online Poll ------ */


/* -- Default Video Style -- */

.defaultVid {
}


.offLeft {
	display:block;
	position:absolute;
	left:-9000px;
	width:7000px;
	height:10px;
	overflow:hidden;

}