body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {margin:0;padding:0;}
fieldset, img{border:0;}
h1, h2, h3, h4, h5, h6, address, caption, cite, code, dfn, th, var {font-style:normal;font-weight:normal;}
caption, th {text-align:left;}
h1, h2, h3, h4, h5, h6 {font-size:100%;}
q:before, q:after {content:'';}
	
html {
	font-size: 100%;
}

body {
	font-family: georgia, times new roman, times, serif;
	background: white url(images/bg.gif) no-repeat;
	background-position: top center;
	font-size: 75%;
	min-width: 900px;
	text-align: center;
	line-height: 1.2em;
	color: black;
}

a, a:link {
	color: #e2007a;
	text-decoration: underline;
}
		
a:visited {
	color: #e2007a;
	text-decoration: underline;
}
		
a:hover {
	color: #00adce;
	text-decoration: underline;
}

hr {
	display:none;
}

p {
	margin-bottom: 10px;
}

#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6,
#content p,
#content ul,
#content ol
{
	margin-left: 30px;
}

#content caption 
{
	padding-left: 30px;
}

#content ul,
#content ol
{
	margin-bottom: 10px;	
}

#content ul p,
#content ol p
{
	margin-left: 0px;
}

#content ul
{
	padding-left: 13px;
}

#content ul ol,
#content ul ul
{
	margin-top: 10px;
	margin-left: 13px;
	padding-left: 0px;
}

#content ol ol,
#content ol ul
{
	margin-left: 19px;
	padding-left: 0px;
}

#content ol
{
	padding-left: 19px;
}

#content #pagetitle 
{
	margin-left: 0px;
	width: 855px;
	height: 111px;
	clear: both;
	display: block;
	text-indent: -999px;
	overflow: hidden;
	margin-bottom: 3px;
}

#content h1
{
	color: #00adce;
	font-size: 2em;
	margin-bottom: 12px;
	line-height: 1.0em;
}

#content h2
{
	color: #00adce;
	font-size: 1.75em;
	margin-bottom: 12px;
	line-height: 1.0em;	
}

#content h5
{
	color: #00adce;
	font-size: 1.3em;
	margin-bottom: 12px;
	line-height: 1.0em;
}

#content h6
{
	color: #00adce;
	font-size: 1.15em;
	margin-bottom: 12px;
	line-height: 1.0em;
}

#container {
	text-align: left;
	width: 945px;
	margin: 0 auto;
	min-height: 600px;
}

#head-columna {
	width: 585px;
	float: left;
}

#columna {
	margin-top: -1px;
	width: 945px;
	float: left;
}

#home #columna {
	margin-top: -1px;
	width: 585px;
	float: left;
}

#head-columna h1 a {
	display:block;
	background: url(images/h1-youthinc.gif);
	text-indent: -999px;
	overflow: hidden;
	width: 585px;
	height: 125px;
	float: left;
}

#navigation {
	width: 90px;
	overflow: hidden;
	clear: both;
	float: left;
}

#navigation ul {
	width: 90px;
	margin: 0px;
}

#navigation li {
	list-style: none;
	margin: 0px;
}

#navigation a {
	display:block;
	text-indent: -999px;
	overflow: hidden;
	width: 90px;
}

.nav-home a {background: url(images/nav-home.gif); height: 40px;}
.nav-about a {background: url(images/nav-about.gif); height: 25px;}
.nav-programs a {background: url(images/nav-programs.gif); height: 25px;}
.nav-events a {background: url(images/nav-events.gif); height: 25px;}
.nav-services a {background: url(images/nav-services.gif); height: 25px;}
.nav-sportrecreation a {background: url(images/nav-sportsrecreation.gif); height: 40px;}
.nav-forum a {background: url(images/nav-forum.gif); height: 25px;}
.nav-emagazine a {background: url(images/nav-emagazine.gif); height: 40px;}
.nav-news a {background: url(images/nav-news.gif); height: 25px;}
.nav-testimonials a {background: url(images/nav-testimonials.gif); height: 25px;}
.nav-contact a {background: url(images/nav-contact.gif); height: 25px;}

#nav-bottom 
{
	background: url(images/nav-bottom.gif) no-repeat;
	width: 90px;
	height: 25px;
	float: left;
}

.nav-home a:hover,
.nav-sportrecreation a:hover,
.nav-emagazine a:hover {background-position: 0 -80px;}
.nav-about a:hover,
.nav-programs a:hover,
.nav-events a:hover,
.nav-news a:hover,
.nav-services a:hover,
.nav-forum a:hover,
.nav-testimonials a:hover,
.nav-contact a:hover {background-position: 0 -50px;}

#home .nav-home a,
#sportrecreation .nav-sportrecreation a,
#emagazine .nav-emagazine a { background-position: 0 -40px;}
#about .nav-about a,
#programs .nav-programs a,
#news .nav-news a,
#events .nav-events a,
#services .nav-services a,
#forum .nav-forum a,
#testimonials .nav-testimonials a,
#contact .nav-contact a { background-position: 0 -25px;}

#home .nav-home ul a
{
	background-position: 0 0;
}

#home .nav-sportrecreation a:hover,
#home .nav-emagazine a:hover {background-position: 0 -80px;}
#home .nav-about a:hover,
#home .nav-programs a:hover,
#home .nav-events a:hover,
#home .nav-news a:hover,
#home .nav-services a:hover,
#home .nav-forum a:hover,
#home .nav-testimonials a:hover,
#home .nav-contact a:hover {background-position: 0 -50px;}

#navfooter 
{
	clear: both;
	background: url(images/nav-footer.gif);
	display:block;
	text-indent: -999px;
	overflow: hidden;
	width: 90px;
	height: 41px;
}

#feature {
	width: 495px;
	height: 339px;
	background: url(images/bg-feature.jpg);
	float: left;
	color: white;
	font-family: georgia;
	font-size: 1.1em;
}

#feature p {
	margin-left: 115px;
	margin-top: 5px;
}

#feature a, #feature a:link {
	color: #ffcc00;
}

#feature a:hover {
	color: #da0583;
}

#latestnews {
	width: 585px;
	min-height: 190px;
	background: url(images/bg-news.gif) no-repeat;
	float: left;
	color: #666666;
	top: -6px;
	position: relative;
}

#latestnews h3 {
	width: 117px;
	height: 42px;
	background: url(images/h3-latestnews.gif);
	display:block;
	text-indent: -999px;
	overflow: hidden;
	margin-left: 130px;
	margin-bottom: 6px;
}

#latestnews .subcol1 {
	margin-left: 100px;
	width: 150px;
	min-height: 105px;
	float: left;
}

#latestnews .subcol2 {
	margin-left: 20px;
	width: 150px;
	min-height: 105px;
	float: left;
}

#latestnews .subcol3 {
	margin-left: 20px;
	width: 140px;
	min-height: 105px;
	float: left;
}

#latestnews h4 {
	color: #11b2d1;
	font-size: 1.5em;
	margin-bottom: 6px;
	line-height: 1.0em;
}

#latestnews h4 a,
#latestnews h4 a:link,
#latestnews h4 a:visited
{
	color: #11b2d1;
	text-decoration: none;
}

#latestnews h4 a:hover
{
	text-decoration: underline;
}

#head-columnb {
	width: 360px;
	float: left;
}

#columnb {
	width: 360px;
	float: left;
}

#login {
	height: 125px;
}

#login table {
	margin-top: 60px;
	float: left;
	margin-left: 15px
}

#login td {
	padding-right: 5px;
}

.username {
	display: block;
	width: 53px;
	height: 9px;
	background: url(images/login-username.gif);
	text-indent: -9999px;
	overflow: hidden;
}

.password {
	display: block;
	width: 53px;
	height: 9px;
	background: url(images/login-password.gif);
	text-indent: -9999px;
	overflow: hidden;
}

.btn-go {
	float: left;
	margin-top: 58px;
}

#login p {
	margin-top: 4px;
	color: #707070;
}

#login p strong {
	color: #333333;
}

#programs-panel {
	width: 360px;
	height: 169px;
	background: url(images/bg-programs.gif) no-repeat;
}

#programs-panel h3 {
	width: 123px;
	height: 47px;
	clear: both;
	background: url(images/h3-programs.gif);
	display: block;
	text-indent: -999px;
	overflow: hidden;
	margin-bottom: 3px;
}

#events-panel {
	width: 360px;
	height: 169px;
	background: url(images/bg-events.gif) no-repeat;
}

#events-panel h3 {
	width: 118px;
	height: 41px;
	clear: both;
	background: url(images/h3-events.gif);
	display: block;
	text-indent: -999px;
	overflow: hidden;
	margin-bottom: 3px;
}

#content {
	float: left;
	background: #ffffff url(images/bg-content.gif) no-repeat;
	min-height: 380px;
	width: 855px;
	margin-bottom: 30px;
}

#feature h2 {
	width: 245px;
	height: 166px;
	background: url(images/h2-feature.gif);
	display:block;
	text-indent: -999px;
	overflow: hidden;
	margin-top: 47px;
	margin-left: 45px;
}

#about #pagetitle { background: url(images/h2-about.gif); }
#programs #pagetitle { background: url(images/h2-programs.gif); }
#events #pagetitle { background: url(images/h2-events.gif); }
#news #pagetitle,
#newsitem #pagetitle { background: url(images/h2-news.gif); }
#services #pagetitle { background: url(images/h2-services.gif); }
#recover #pagetitle,
#forum #pagetitle,
#home #pagetitle,
#forum h2.head { background: url(images/h2-forum.gif); }
#emagazine #pagetitle { background: url(images/h2-emagazine.gif); }
#testimonials #pagetitle { background: url(images/h2-testimonials.gif); }
#contact #pagetitle { background: url(images/h2-contact.gif); }
#disclaimer #pagetitle { background: url(images/h2-disclaimer.gif); }
#privacy #pagetitle { background: url(images/h2-privacy.gif); }
#sportrecreation #pagetitle { background: url(images/h2-sportsrecreation.gif); }

#list {
	width: 833px;
	min-height: 150px;
	background: url(images/bg-list2.gif) repeat-y;
	margin-bottom: 3px;
	margin-left: 12px;
}

#listhead 
{
	background: url(images/bg-list3.gif) repeat-y;
	width: 833px;
	height: 14px;
}

#list p 
{
	width: auto !important;	
	margin: 0 !important;
}

#content .subcol {
	margin-left: 20px;
	margin-top: 30px;
	margin-right: 16px;
	width: 360px;
	min-height: 88px;
	float: left;
	margin-bottom: 10px;
}

h3 {
	color: #00adce;
	font-size: 1.3em;
	margin-bottom: 12px;
	line-height: 1.0em;
}

h4 {
	color: #00adce;
	font-size: 1.5em;
	margin-bottom: 6px;
	line-height: 1.0em;
}

#about #content h1,
#about #content h2,
#about #content h3,
#about #content h4,
#about #content h5,
#about #content h6
{
	color: #8eae09;
}

#programs h3 {
	color: #00adce;
	margin-left: 30px;
	width: 805px;
}

#events #content h1,
#events #content h2,
#events #content h3,
#events #content h4,
#events #content h5,
#events #content h6,
#events #content #list #subcontent h4 a,
#events #content #list #subcontent h4 a:link,
#events #content #list #subcontent h4 a:visited
{
	color: #00a994;
}

#services #content h1,
#services #content h2,
#services #content h3,
#services #content h4,
#services #content h5,
#services #content h6,
#services #content #list #subcontent h4 a,
#services #content #list #subcontent h4 a:link,
#services #content #list #subcontent h4 a:visited
{
	color: #8eae09;
}

#sportrecreation #content h1,
#sportrecreation #content h2,
#sportrecreation #content h3,
#sportrecreation #content h4,
#sportrecreation #content h5,
#sportrecreation #content h6,
#sportrecreation #content #list #subcontent h4 a,
#sportrecreation #content #list #subcontent h4 a:link,
#sportrecreation #content #list #subcontent h4 a:visited
{
	color: #8eae09;
}

#news h3, 
#newsitem h3
{
	color: #00adce;
	margin-left: 30px;
	width: 805px;
}

#services h3 {
	color: #8eae09;
	margin-left: 30px;
	width: 805px;
}

#forum h3 {
	color: #00adce;
	margin-left: 30px;
	width: 805px;
}

#emagazine h3 {
	color: #00a994;
	margin-left: 30px;
	width: 805px;
}

#testimonials h3 {
	color: #8eae09;
	margin-left: 30px;
	width: 805px;
}

#contact h3 {
	color: #00adce;
	margin-left: 30px;
	width: 805px;
}

#privacy h3 {
	color: #00adce;
	margin-left: 30px;
	width: 805px;
}

#disclaimer h3 {
	color: #8eae09;
	margin-left: 30px;
	width: 805px;
}

#about #content p,
#programs #content p,
#events #content p,
#news #content p,
#newsitem #content p,
#disclaimer #content p,
#privacy #content p,
#forum #content p,
#emagazine #content p,
#testimonials #content p,
#contact #content p {
	color: black;
	margin-left: 30px;
	width: 805px;
}

#services #content p 
{
	color: black;
	margin-left: 30px;
	width: 805px;
}

#programs-panel, #events-panel, #services-panel
{
	clear: both;
}

#services-panel {
	width: 360px;
	height: 189px;
	background: url(images/bg-services.gif) no-repeat;
}

#services-panel h3 {
	width: 123px;
	height: 51px;
	clear: both;
	background: url(images/h3-services.gif);
	display: block;
	text-indent: -999px;
	overflow: hidden;
	margin-bottom: 3px;
}

#programs-panel .subcol1, #events-panel .subcol1, #services-panel .subcol1 {
	color: white;
	width: 150px;
	float: left;
	margin-left: 30px;
}

#programs-panel .subcol2, #events-panel .subcol2, #services-panel .subcol2 {
	color: white;
	width: 150px;
	float: left;
	margin-left: 20px;
}

#services-panel {
	color: #396f39;
}

#programs-panel h4, #events-panel h4, #services-panel h4 {
	color: white;
	font-size: 1.5em;
	margin-bottom: 6px;
	line-height: 1.0em;
}

#programs-panel h4 a,
#events-panel h4 a,
#services-panel h4 a, 
#programs-panel h4 a:link,
#events-panel h4 a:link,
#services-panel h4 a:link, 
#programs-panel h4 a:visited,
#events-panel h4 a:visited,
#services-panel h4 a:visited
{
	color: White;
	text-decoration: none;
}

#programs-panel h4 a:hover,
#events-panel h4 a:hover,
#services-panel h4 a:hover 
{
	text-decoration: underline;
}

#programs-panel a, #programs-panel a:link {
	color: #333366;
}

#events-panel a, #events-panel a:link {
	color: #005353;
}

#services-panel a, #services-panel a:link {
	color: #003300;
}

#programs-panel a:hover, #events-panel a:hover, #services-panel a:hover {
	color: #ffffff;
}

#footer {
	clear: both; 
	color: #0f9fcf;
	font-size: 0.9em;
	height: 72px;
	padding-bottom: 10px;
	width: 945px;
	background: url(images/bg-footer.gif);
	border-bottom: 3px solid #333333;
	font-family: lucida grande, lucida sans, arial, tahoma, verdana, helvetica, sans-serif;
	margin-left: auto;
	margin-right: auto;
}

#footer a {
	color: #0f9fcf;
	text-decoration: underline;
}

#partners {
	float: left;
	width: 580px;
}

#details 
{
	float: left;
	margin-top: 30px;
	line-height: 1.5;
}

#imglnk-victoria {
	clear: both;
	width: 64px;
	height: 53px;
	display: block;
	background: url(images/imglnk-victoria.gif) no-repeat;
	text-indent: -999px;
	overflow: hidden;
	border: 0px;
	float: left;
	margin-top: 4px;
	margin-right: 15px;
	margin-left: 20px;
}

#imglnk-swanhilldistricthospital {
	width: 107px;
	height: 53px;
	display: block;
	background: url(images/imglnk-swanhilldistricthos.gif) no-repeat;
	text-indent: -999px;
	overflow: hidden;
	border: 0px;
	float: left;
	margin-top: 4px;
	margin-right: 10px;
}

#imglnk-youthconnections {
	width: 73px;
	height: 53px;
	display: block;
	background: url(images/imglnk-youthconnections.gif) no-repeat;
	text-indent: -999px;
	overflow: hidden;
	border: 0px;
	float: left;
	margin-top: 4px;
	margin-right: 10px;
}

.partnerships {
	width: 158px;
	height: 5px;
	display: block;
	background: url(images/partners.gif) no-repeat;
	text-indent: -999px;
	overflow: hidden;
	border: 0px;
	float: left;
	margin-top: 4px;
	margin-bottom: 5px;
	margin-left: 20px;
}



/*
 *  General
 */

.logout
{
	margin-left:310px;
	position:absolute;
	top:94px;
}

#content #subcontent p
{
	color: black;
	margin-left: 30px;
}

#content #subcontent h4
{
	margin-left: 30px;	
}

#content #subcontent
{
	width: 805px;
	padding-bottom:30px;
}



.curuserTable
{
	/*
	position:absolute;
	top:22px;
	left:700px;
	float:right;

		width:250px;	
*/
	font-size: 8pt;
	font-family: Verdana;
}


.curuserTable img.signout
{
	vertical-align:middle;
	margin-right:4px;
}

.curuserTable td,
.curuserTable th
{

}

.divPersonalMsgs
{
	display:inline;
}




/*
 *  Contact
 */
#columnaWrapper
{
	background-color:White;
	width:830px;
	padding-left:20px;
	padding-top:10px;
	padding-bottom:20px;
	
}

.topheader,
.topheader table
{
	width:830px;
}

/* EVENTS */
#events .youtubeembed 
{
	float:right;
	margin-left: 10px;	
}

#events #content
{
	width: 850px;
}

#events #content p
{
	width: auto;
}

#events #subcontent
{
	width: 850px;
}

#events #subcontent p, #events #subcontent h3
{
	width: auto;
}

/* EMagazine */
#emagazine  #content p
{
	width: auto;
}

#emagazine #emagazinetb td 
{
	text-align:center;
}

/* Forum */
#forum #content p
{
	width: auto;	
}

#forum #content table 
{
	margin-left: 0px;	
}

#forum #content #largerlogin
{
	margin-left: 30px;
}

/* Services */
#services #content p 
{
	width: auto;
} 

#services #subcontent, #services #subcontent p 
{
	width: auto;
}

#services #content table td 
{
	margin: 0;
	padding: 5px;	
}

#services #content p img 
{
	margin-left: 10px;
}

/* Fixes for bad CSS in the first place */
#content table td p 
{
	width: auto !important;
}

#content table td p 
{
	margin-left: 0 !important;	
}

#content table 
{
	margin-left: 30px;	
	margin-bottom: 10px;
}

td 
{
	vertical-align: top;	
}

.hdiv 
{
	width: 830px;
	height: 1px;
	background: url(../../forum/images/horizdotted.gif);
	background-repeat:no-repeat;
}

.vertdiv 
{
	width: 1px;
	background: url(../../forum/images/vertcelldotted.gif);
	background-repeat:repeat-y;
}

.topvertdiv
{
	width: 1px;
	height: 23px;
	background: url(../../forum/images/vertheaderdotted.gif);
	background-repeat:no-repeat;
}

.botvertdiv
{
	width: 1px;
	height: 14px;
	background: url(../../forum/images/vertbotdotted.gif);
	background-repeat:no-repeat;
}

#flash
{
	background: transparent url(images/bg-feature.jpg) top left no-repeat;
	height: 339px;
	width: 495px;
	float: left;
}

#list #subcontent .subcol
{
	margin-top: 16px;
}

#list #subcontent h4 
{
	margin-left: 0;
}

#list #subcontent h4 a,
#list #subcontent h4 a:link,
#list #subcontent h4 a:visited
{
	color: #00adce;
	text-decoration: none;
}

#list #subcontent h4 a:hover
{
	text-decoration: underline;
}

#list .list4
{
	clear: left;
	width: 833px;
	height: 1px;
	overflow: hidden;
	background: transparent url(images/bg-list4.gif) no-repeat;
	margin-top: 10px;
}

.list5
{
	width: 833px;
	height: 50px;
	overflow: hidden;
	background: white url(images/bg-list5.gif) no-repeat;
	clear: left;
}

#content table td,
#content table th
{
	border-right: #cccccc dotted 1px;
	border-bottom: #cccccc dotted 1px;
	padding: 5px;
}

#contact #content table td,
#contact #content table th,
#recover #content table td,
#recover #content table th,
#forum #content table td,
#forum #content table th
{
	border: none;
	padding: 0;
}

#content table th 
{
	font-weight: bold;
}

#content table .tbRight 
{
	border-right: 0 none;
}

#content table .tbBottom 
{
	border-bottom: 0 none;
}

#content table .tbBottomRight 
{
	border-right: 0 none;
	border-bottom: 0 none;
}

#content p table 
{
	margin-left: 0;
}

#content #largerlogin td, 
#content #largerlogin th 
{
	border: 0;
}

#largerlogin .btn-go
{
	margin-top: 0;
}

#largerlogin .username,
#largerlogin .password
{
	padding-top: 5px;
	background-repeat: no-repeat;
	background-position: 0 5px;
}