/* Teens */

body {
	background-color: #666666;
	font-size: small;
	margin: 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	line-height: 130%;
	}

a:active {color: #3e5d9a; text-decoration: none;}
a:link {color: #3e5d9a; text-decoration: none;}
a:visited {color: #652a68; text-decoration: none;}
a:hover {color: #990000; text-decoration: none;}

.maincontainer {
	background-color: #FFFFFF;
	border: solid black;
	border-width: 0px 1px 1px 1px;
	width: 90%;
	position: relative;
	left: 5%;
	}

#uprtnav {
	position: absolute;
	top: 0px; right: 100px;
	float: right;
	margin: 0px 10px 0px 250px;
	text-align: right;
	font-weight: bold;
	}

#uprtnav ul {
	line-height: 170%;
	}

#uprtnav ul li {
	display: inline;
	padding-left: 15px;
	}

.verticalbar {
	/*padding-right: 10px;*/
	background: url('../images/VerticalBar.gif') no-repeat;
	}

.barone {
	border: 1px solid black;
	background-color: #652A68;
	height: 5px;
	margin: 7px 0px 5px 0px;
	}
	
.barreview {
	border: 1px solid black;
	background-color: #FF6500;
	height: 5px;
	margin: 7px 0px 5px 0px;
	}

.barnominate {
	border: 1px solid black;
	background-color: #00ba78;
	height: 5px;
	margin: 7px 0px 5px 0px;
	}

#navigation {
	height: 2em;
	/*background-color: #00ba78;*/
	}

#navigation ul {
	padding: 0px;
	margin: 0px;
	float: left;
	width: 100%;
	}

#navigation ul li {
	display: inline;
	}

#navigation ul li a {
	float: left;
	width: 16.62%;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	padding: 3px 0px 3px 0px;
	border: solid black;
	border-width: 1px 0px 1px 0px;
	}
	
#navigation2 ul {
	padding: 0px;
	margin: 0px;
	float: left;
	width: 100%;
	}

#navigation2 ul li {
	display: inline;
	}

#navigation2 ul li a {
	float: left;
	width: 16.62%;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	padding: 3px 0px 3px 0px;
	border-width: 1px 0px 1px 0px;
	}
	
#navigation2 ul li a:active {
	color: #000000;	
	}

#navigation2 ul li a:hover {	
	color: #000000;	
	}	
	
.noarticleyellow {
	float: left;
	width: 16.66%;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	padding: 3px 0px 3px 0px;
	border: solid black;
	border-width: 1px 0px 1px 0px;
	background-color: #FFCC00;
	}

.noarticleorange {
	float: left;
	width: 16.66%;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	padding: 3px 0px 3px 0px;
	border: solid black;
	border-width: 1px 0px 1px 0px;
	background-color: #FF6500;
	}

.noarticleblue {
	float: left;
	width: 16.66%;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	padding: 3px 0px 3px 0px;
	border: solid black;
	border-width: 1px 0px 1px 0px;
	background-color: #009bc3;
	}

.noarticlepink {
	float: left;
	width: 16.55%;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	padding: 3px 0px 3px 0px;
	border: solid black;
	border-width: 1px 0px 1px 0px;
	background-color: #ca0076;
	}

.noarticlepurple {
	float: left;
	width: 16.66%;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	padding: 3px 0px 3px 0px;
	border: solid black;
	border-width: 1px 0px 1px 0px;
	background-color: #6c00a4;
	}

.noarticlegreen {
	float: left;
	width: 16.66%;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	padding: 3px 0px 3px 0px;
	border: solid black;
	border-width: 1px 0px 1px 0px;
	background-color: #00ba78;
	}
	
#navigation ul li a:active {
	color: #000000;
	}

#navigation ul li a:hover {
	color: #000000;
	}

.infohead {
	background-color: #FFCC00;
	height:1.5em; background-repeat:no-repeat
	}
	
.funhead {
	background-color: #FF6500;
	height:1.5em; background-repeat:no-repeat
	}

.beathead {
	background-color: #ca0076;
	height:1.5em; background-repeat:no-repeat
	}

.viewhead {
	background-color: #6c00a4;
	height:1.5em; background-repeat:no-repeat
	}

.lifehead {
	background-color: #009bc3;
	height:1.5em; background-repeat:no-repeat
	}

.storyhead {
	background-color: #00ba78;
	height:1.5em; background-repeat:no-repeat
	}

.barblack {
	border: solid #FFCC66;
	background-color: #000000;
	border-width: 1px 0px 0px 0px;
	margin-bottom: 5px;
	margin-top: 5px;
	height: 10px;
	}

.barthree {
	border: solid #FFCC66;
	background-color: #652A68;
	border-width: 1px 0px 0px 0px;
	margin-bottom: 2px;
	margin-top: 5px;
	padding: 3px;
	color: #FFFFFF;
	text-align: center;
	}

.barthree a:active {color: #FFFFCC; text-decoration: none;}
.barthree a:link {color: #FFFFCC; text-decoration: none;}
.barthree a:visited {color: #FFFFCC; text-decoration: none;}
.barthree a:hover {color: #FFFFCC; text-decoration: underline;}

.boximages {
	margin: 5px 10px 15px 0px;
	}

p {
	margin: 0px 0px 10px 0px;
	}

.bwbutterfly {
	float: right;
	}

#coloredboxes {
	border: 1px solid red;
	margin-top: 3px;
	height: 108px;
	margin-bottom: 10px;
	width: 100%;
	}

.darkpurple {
	border-top:1px solid black;
	border-width: 1px 1px 1px 0px;
	padding: 0px;
	}

.darkpurple a{
	color: #FFFFFF;
	font-family: Curltz MT, verdana, arial, helvetica, sans-serif;
	font-size: small;
	background-color: #652A68;
	padding: 3px;
	border-left:1px solid black;
	border-right:1px solid black;
	border-top:0px solid black;
	border-bottom:1px solid black;
	border-width: 0px 0px 1px 0px;
	margin: 0px;
	}

.darkpurple h1 {
	color: #FFFFFF;
	font-size: small;
	background-color: #652A68;
	padding: 3px;
	border: solid black;
	border-width: 0px 0px 1px 0px;
	margin: 0px;
	}
	
.yellowcell {
	border-top:1px solid black;
	border-width: 1px 1px 1px 0px;
	padding: 0px;
	}

.yellowcell a{
	color: #FFFFFF;
	font-family: Curltz MT, verdana, arial, helvetica, sans-serif;
	font-size: small;
	background-color: #FFCC00;
	padding: 3px;
	border-left:1px solid black;
	border-right:1px solid black;
	border-top:0px solid black;
	border-bottom:1px solid black;
	border-width: 0px 0px 1px 0px;
	margin: 0px;
	}

.yellowcell h1 {
	color: #FFFFFF;
	font-size: small;
	background-color: #FFCC00;
	padding: 3px;
	border: solid black;
	border-width: 0px 0px 1px 0px;
	margin: 0px;
	}

.orangecell {
	border-top:1px solid black;
	border-width: 1px 1px 1px 0px;
	padding: 0px;
	}

.orangecell a {
	color: #FFFFFF;
	font-size: small;
	font-family: Curltz MT, verdana, arial, helvetica, sans-serif;
	background-color: #FF6500;
	padding: 3px;
	border-left:1px solid black;
	border-right:1px solid black;
	border-top:0px solid black;
	border-bottom:1px solid black;
	border-width: 0px 0px 1px 0px;
	margin: 0px;
	}

.orangecell h1 {
	color: #FFFFFF;
	font-size: small;
	background-color: #FF6500;
	padding: 3px;
	border: solid black;
	border-width: 0px 0px 1px 0px;
	margin: 0px;
	}

.pinkcell {
	border-top:1px solid black;
	border-width: 1px 1px 1px 0px;
	padding: 0px;
	}

.pinkcell a{
	color: #FFFFFF;
	font-size: small;
	font-family: Curltz MT, verdana, arial, helvetica, sans-serif;
	background-color: #ca0076;
	padding: 3px;
	border-left:1px solid black;
	border-right:1px solid black;
	border-top:0px solid black;
	border-bottom:1px solid black;
	border-width: 0px 0px 1px 0px;
	margin: 0px;
	}

.pinkcell h1 {
	color: #FFFFFF;
	font-size: small;
	background-color: #ca0076;
	padding: 3px;
	border: solid black;
	border-width: 0px 0px 1px 0px;
	margin: 0px;
	}

.bluecell {
	border-top:1px solid black;
	border-width: 1px 1px 1px 0px;
	padding: 0px;
	}

.bluecell a{
	color: #FFFFFF;
	font-family: Curltz MT, verdana, arial, helvetica, sans-serif;
	font-size: small;
	background-color: #009bc3;
	padding: 3px;
	border-left:1px solid black;
	border-right:1px solid black;
	border-top:0px solid black;
	border-bottom:1px solid black;
	border-width: 0px 0px 1px 0px;
	margin: 0px;
	}

.bluecell h1 {
	color: #FFFFFF;
	font-size: small;
	background-color: #009bc3;
	padding: 3px;
	border: solid black;
	border-width: 0px 0px 1px 0px;
	margin: 0px;
	}

.greencell {
	border-top:1px solid black;
	border-width: 1px 1px 1px 0px;
	padding: 0px;
	}

.greencell h1 {
	color: #FFFFFF;
	font-size: small;
	background-color: #00ba78;
	padding: 3px;
	border: solid black;
	border-width: 0px 0px 1px 0px;
	margin: 0px;
	}

.greencell a{
	color: #FFFFFF;
	font-family: Curltz MT, verdana, arial, helvetica, sans-serif;
	font-size: small;
	background-color: #00ba78;
	padding: 3px;
	border-left:1px solid black;
	border-right:1px solid black;
	border-top:0px solid black;
	border-bottom:1px solid black;
	border-width: 0px 0px 1px 0px;
	margin: 0px;
	}

.purplecell {
	border-top:1px solid black;
	border-width: 1px 1px 1px 0px;
	padding: 0px;
	}

.purplecell a{
	color: #FFFFFF;
	font-size: small;
	background-color: #6c00a4;
	font-family: Curltz MT, verdana, arial, helvetica, sans-serif;
	padding: 3px;
	border-left:1px solid black;
	border-right:1px solid black;
	border-top:0px solid black;
	border-bottom:1px solid black;
	border-width: 0px 0px 1px 0px;
	margin: 0px;
	}

.purplecell h1 {
	color: #FFFFFF;
	font-size: small;
	background-color: #6c00a4;
	padding: 3px;
	border: solid black;
	border-width: 0px 0px 1px 0px;
	margin: 0px;
	}

.innertable {
	padding: 10px;
	height: 5em;
	font-size: large;
	}

.yellowbox {
	border-left:0px solid black; border-right:0px solid black; border-top:1px solid black; border-bottom:1px solid black; height: 107px; background: #000000 url('/images/teens/411pic.gif') no-repeat 50% 50%;
	
	}

.orangebox {
	border-left:0px solid black; border-right:0px solid black; border-top:1px solid black; border-bottom:1px solid black; height: 107px; background: #000000 url('/images/teens/funpic.gif') no-repeat 50% 50%;
	
	
	}

.pinkbox {
	border-left:0px solid black; border-right:0px solid black; border-top:1px solid black; border-bottom:1px solid black; height: 107px; background: #000000 url('/images/teens/beatpic.gif') no-repeat 50% 50%;
	
	}

.purplebox {
	border-left:0px solid black; border-right:0px solid black; border-top:1px solid black; border-bottom:1px solid black; height: 107px; background: #000000 url('/images/teens/viewpic.gif') no-repeat 50% 50%;
	
	}

.bluebox {
	border-left:0px solid black; border-right:0px solid black; border-top:1px solid black; border-bottom:1px solid black; height: 107px; background: #000000 url('/images/teens/lifepic.gif') no-repeat 50% 50%;
	
	}

.greenbox {
	border-left:0px solid black; border-right:0px solid black; border-top:1px solid black; border-bottom:1px solid black; height: 107px; background: #000000 url('/images/teens/storypic.gif') no-repeat 50% 50%;
	
	}

.articleinnertable {
	padding: 5px;
	}

.articleinnertable a{
	background-color: #FFFFFF;
	border: none;
	}
	
.articleinnertable h1{
	border: none;
	background-color: #FFFFFF;
	color: #000000;
	}

.yellow {
	border:solid black;
	border-width: 1px 1px 1px 0px;
	padding: 0px;
	}

.yellow h1 {
	color: #FFFFFF;
	font-size: small;
	background-color: #FFCC00;
	padding: 3px;
	border: solid black;
	border-width: 0px 0px 1px 0px;
	margin: 0px;
	}

.orange {
	border:solid black;
	border-width: 1px 1px 1px 0px;
	padding: 0px;
	}

.orange h1 {
	color: #FFFFFF;
	font-size: small;
	background-color: #FF6500;
	padding: 3px;
	border: solid black;
	border-width: 0px 0px 1px 0px;
	margin: 0px;
	}

.pink {
	border:solid black;
	border-width: 1px 1px 1px 0px;
	padding: 0px;
	}

.pink h1 {
	color: #FFFFFF;
	font-size: small;
	background-color: #ca0076;
	padding: 3px;
	border: solid black;
	border-width: 0px 0px 1px 0px;
	margin: 0px;
	}

.blue {
	border:solid black;
	border-width: 1px 1px 1px 0px;
	padding: 0px;
	}

.blue h1 {
	color: #FFFFFF;
	font-size: small;
	background-color: #009bc3;
	padding: 3px;
	border: solid black;
	border-width: 0px 0px 1px 0px;
	margin: 0px;
	}

.green {
	border:solid black;
	border-width: 1px 1px 1px 0px;
	padding: 0px;
	}

.green h1 {
	color: #FFFFFF;
	font-size: small;
	background-color: #00ba78;
	padding: 3px;
	border: solid black;
	border-width: 0px 0px 1px 0px;
	margin: 0px;
	}

.purple {
	border:solid black;
	border-width: 1px 1px 1px 0px;
	padding: 0px;
	}

.purple h1 {
	color: #FFFFFF;
	font-size: small;
	background-color: #6c00a4;
	padding: 3px;
	border: solid black;
	border-width: 0px 0px 1px 0px;
	margin: 0px;
	}

.signup {
	color: #652a68;
	}

/* Styles for the Eating Disorder Quiz */
#a2, #b1, #c1, #d2, #e2, #f2 {
	color: green;
	}
#a1, #b2, #c2, #d1, #e1, #f1 {
	color: red;
	}
#a1, #a2, #a3, #b1, #b2, #b3, #c1, #c2, #c3, #d1, #d2, #d3, #e1, #e2, #e3, #f1, #f2, #f3 {
	display: none;
	}

/* Styles for the Sports Quiz */
#sporta3, #sportb1, #sportc2, #sportd1, #sporte3, #sportf1 {
	color: green;
	}
#sporta1, #sporta2, #sportb2, #sportb3, #sportc1, #sportc3, #sportd2, #sportd3, #sporte1, #sporte2, #sportf2, #sportf3 {
	color: red;
	}
#sporta1, #sporta2, #sporta3, #sportb1, #sportb2, #sportb3, #sportc1, #sportc2, #sportc3, #sportd1, #sportd2, #sportd3, #sporte1, #sporte2, #sporte3, #sportf1, #sportf2, #sportf3 {
	display: none;
	}

/* Styles for the Yahir Music Quiz */
#musica1, #musicb3, #musicc2, #musicd1, #musice2, #musicf2, #musicg4, #musich3, #musici3, #musicj4 {
	color: green;
	}
#musica3, #musica2, #musica4, #musicb2, #musicb1, #musicb4, #musicc1, #musicc3, #musicc4, #musicd2, #musicd3, #musicd4, #musice1, #musice3, #musice4, #musicf1, #musicf3, #musicf4, #musicg1, #musicg2, #musicg3, #musich1, #musich2, #musich4, #musici1, #musici2, #musici4, #musicj1, #musicj2, #musicj3 {
	color: red;
	}
#musica1, #musica2, #musica3, #musica4, #musicb1, #musicb2, #musicb3, #musicb4, #musicc1, #musicc2, #musicc3, #musicc4, #musicd1, #musicd2, #musicd3, #musicd4, #musice1, #musice2, #musice3, #musice4, #musicf1, #musicf2, #musicf3, #musicf4, #musicg1, #musicg2, #musicg3, #musicg4, #musich1, #musich2, #musich3, #musich4, #musici1, #musici2, #musici3, #musici4, #musicj1, #musicj2, #musicj3, #musicj4 {
	display: none;
	}

/*
.infodiv {height: 108px; width: 16.66%; border: 1px solid pink; display: inline; background-color: #FFCC00;}
.fundiv {height: 108px; width: 16.66%; border: 1px solid pink; display: inline; background-color: #FFCC00;}
.beatdiv {height: 108px; width: 16.66%; border: 1px solid pink; display: inline;}
.viewdiv {height: 108px; width: 16.66%; border: 1px solid pink; display: inline;}
.lifediv {height: 108px; width: 16.66%; border: 1px solid pink; display: inline;}
.storydiv {height: 108px; width: 16.66%; border: 1px solid pink; display: inline;}
*/