@charset "utf-8";
/* ###################### GENERAL DEFINITIONS ###################### */
body {
	background:#FFFFFF url(../img/body-bg.gif) top left repeat-x;
}

a {
	text-decoration:none;
}


/* ###################### LAYOUT ###################### */
/* --- content /begin --- */
#content-wrap {
	position:relative;
	width:auto;
	padding:10px;
	float:none;
	text-align:left;
}
/* --- content /end --- */


/* --- teaser /begin --- */
#teaser-wrap {
	position:relative;
	height:380px;
	text-align:left;
}

.teaser {
	width:323px;
	height:344px;
	margin-right:10px;
	float:left;
	background:url(../img/teaser-bg.gif) top left no-repeat;
}

#teaser-wrap .individual {
	margin-right:0;
}

.teaser .content {
	position:relative;
	width:317px;
	height:334px;
}

#teaser-wrap .youth .content {
	background:#E4EACF;
}

#teaser-wrap .adult .content {
	background:#DAE4CF;
}

#teaser-wrap .individual .content {
	background:#A5B9D0;
}

.teaser h1 {
	height:22px;
	font-size:15px;
	line-height:normal;
	font-weight:bold;
	color:#FFFFFF;
	padding:4px 0 0 32px;
}

.teaser h1 a {
	color:#FFFFFF;
}

#teaser-wrap .youth h1 {
	background:#8EC042 url(../img/hl-youth-bg.gif) top left no-repeat;
}

#teaser-wrap .adult h1 {
	background:#68863E url(../img/hl-adult-bg.gif) top left no-repeat;
}

#teaser-wrap .individual h1 {
	background:#5990c5 url(../img/hl-individual-bg.gif) top left no-repeat;
}

.teaser p {
	padding:15px 10px 0 10px;
	font-size:10px;
	color:#040404;
}

/* --- teaser /end --- */


/* --- news /begin --- */
#news-wrap {
	position:relative;
	text-align:left;
}

.news {
	width:317px;
	margin-right:16px;
	float:left;
}

#news-wrap .individual {
	margin-right:0;
}

.news .subheader {
	height:145px;
	margin:15px 0 15px 0;
}

.news p {
	padding-bottom:15px;
	font-size:10px;
}

.news .subheader h2, .news .subheader h3 {
	color:#000000;
	font-size:12px;
	line-height:15px;
	font-weight:bold;
}

.news .subheader h3 {
	font-size:10px;
	padding-bottom:5px;
}

.news .subheader h2 a, .news .subheader h3 a {
	color:#000000;
}

.news .subheader p {
	padding-bottom:5px;
	color:#000000;
}

.news a.more {
	display:block;
	color:#000000;
	font-size:10px;
	font-weight:bold;
	padding-left:16px;
	text-decoration:underline;
	background:url(../img/arrow-red.gif) 0 2px no-repeat;
}
/* --- news /end --- */


#footer {
	padding-left:0;
	background:none;
}