/* Youth section specific stylesheet */
/*

See news css for examples of how these wre used
not sure if this palette is that suitable.
dull
	#444444
	#1177aa
	#2299aa
	#cccccc
	#887766
	
vibrant
	#665544
	#0055dd
	#0099dd
	#bb8855
	#ffffff
*/












a.block {
	display:block;
	color: #179398;
	padding:10px;
}

div#header {
	background-image: url(/images/v3/youth_top.jpg);
}
div#header h1 {
	color: white;
}
div#banner {
	background-image: url(/images/v3/youth_bottom.jpg);
}

div#container {
	background-image: url(/images/v3/youth_bottom2.jpg);
}

div#content {
	color: #223336;
}
div#content h1 {
        /* color: #664422;   Not yet set - this is the news value */
}
div#content h2 {
	/* color: #aa5522;   Not yet set - this is the news value */
}
div#content h3 {
	/* color: #cc7733;   Not yet set - this is the news value */
}
div#content h4 {
	/* color: #997755;   Not yet set - this is the news value */
}

div#extra {
	color: #223336;
}
div#extra a {
	color: #223336;
}

div#extra a:link {
	color: #223336;
}

div#extra a:visited {
	color: #223336;
}

div#extra a:active {
	color: #336699
}

div#extra h2 {
	background-image: url(/images/v3/youth_bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 0.3em;
        /* TODO color */
}

div#footer {
	color: #223336;
	background: url('/images/v3/youth_bottom3.jpg') center top no-repeat;
}

div#navigation ul {
	color: #223336;
}

div#content a, div#navigation a {
	color: #223336;
}
div#content a:link, div#navigation a:link {
	color: #223336;
}
div#content a:visited, div#navigation a:visited {
	color: #223336;
}
div#content a:hover, div#navigation a:hover { 
	color:#000080;
}
div#content a:active, div#navigation a:active {
	color: #336699
}

div#footer a:active {
	color: #336699
}
div#footer a:hover { color: #008 }

div#content ul.bullet  {
        margin: 0 0 0 0px;
}
div#content ul.bullet li {
        background: url(/images/v3/bullet_youth.gif) 0% 20% no-repeat;

        padding-left: 10px;
        margin-left: 6px;
}

div#image_info dl {
	margin-top: 2em;
	font-size: x-small;
}
div#image_info dl dt {
	font-style: italic;
}
div#other_animations {
	padding-top: 1em;
}
div#other_animations ol li {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

div#content div#antenna {
    margin: 1.4em 1em 0em 1em;
    line-height:1.4;
    color: #333;
}
div#content div#antenna h2 {
    margin: 1.4em 0em 0em 0em;
    font-size: 100%;
    font-weight: 500;
    display:inline;
}
div#content div#antenna span.issue {
    padding-left: .5em;
    font-size: 90%;
    font-style: italic;
}
div#content div#antenna span.info {
    font-size: 90%;
    padding-left: 1.0em;
    display:block;
}
div#content div#antenna p {
    margin: 0em 1em 1em 0em;
}