/* Ninas */

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: #F88305;
	height: 5px;
	margin: 7px 0px 5px 0px;
	}
	
.barnominate {
	border: 1px solid black;
	background-color: #5FB78B;
	height: 5px;
	margin: 7px 0px 5px 0px;
	}

#navigation {
	height: 2em;
	
	}

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

#navigation ul li {
	display: inline;
	}

#navigation ul li a {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: small;
	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;
	}

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

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

#navigation2 {
	height: 2em;
	
	}

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

#navigation2 ul li {
	display: inline;
	}

#navigation2 ul li a {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: small;
	float: left;
	width: 16.62%;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	padding: 3px 0px 3px 0px;
	border: none;
	border-width: 1px 0px 1px 0px;
	}

#navigation2 ul li a:active {
	color: #000000;
	}

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

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

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

.viewhead {
	background-color: #878FEB;
	height:1.5em; background-repeat:no-repeat
	}

.lifehead {
	background-color: #36BDC9;
	height:1.5em; background-repeat:no-repeat
	}

.storyhead {
	background-color: #5FB78B;
	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: 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: verdana, arial, helvetica, sans-serif;
	font-size: small;
	background-color: #FCCA03;
	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: #FCCA03;
	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: verdana, arial, helvetica, sans-serif;
	background-color: #F88305;
	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: #F88305;
	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-family: verdana, arial, helvetica, sans-serif;
	font-size: small;
	background-color: #F876DB;
	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: #F876DB;
	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: verdana, arial, helvetica, sans-serif;
	font-size: small;
	background-color: #36BDC9;
	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: #36BDC9;
	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 a{
	color: #FFFFFF;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: small;
	background-color: #5FB78B;
	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;
	}

.greencell h1 {
	color: #FFFFFF;
	font-size: small;
	background-color: #5FB78B;
	padding: 3px;
	border: 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: #878FEB;
	font-family: 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: #878FEB;
	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/girls/girl411.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/girls/girlfun.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/girls/girlbeat.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/girls/girlview.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/girls/girllife.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/girls/girlstory.gif') no-repeat 50% 50%;
	
	}

.articleinnertable {
	padding: 5px;
	}

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

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

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

.yellow h1 {
	color: #FFFFFF;
	font-size: small;
	background-color: #FCCA03;
	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: #F88305;
	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: #F876DB;
	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: #36BDC9;
	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: #5FB78B;
	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: #878FEB;
	padding: 3px;
	border: solid black;
	border-width: 0px 0px 1px 0px;
	margin: 0px;
	}
	
.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: #FCCA03;
	}

.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: #F88305;
	}

.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:#36BDC9;
	}

.noarticlepink {
	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: #F876DB;
	}

.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: #878FEB;
	}

.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: #5FB78B;
	}

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

/* Style for the Celebrity Quiz */
#cqa1, #cqb3, #cqc2, #cqd1, #cqe2 {
	color: green;
	}

#cqa2, #cqa3, #cqb1, #cqb2, #cqc1, #cqc3, #cqd2, #cqd3, #cqe1, #cqe3 {
	color: red;
	}

#cqa1, #cqa2, #cqa3, #cqb1, #cqb2, #cqb3, #cqc1, #cqc2, #cqc3, #cqd1, #cqd2, #cqd3, #cqe1, #cqe2, #cqe3{
	display: none;
	}

#cqpic1, #cqpic2, #cqpic3, #cqpic4, #cqpic5{
	display: none;
	}

/*Latina First Quiz */
#lfa3, #lfb1, #lfc2, #lfd2, #lfe3, #lff3, #lfg1, #lfh2, #lfi2, #lfj2 {
	color: green;
	}

#lfa2, #lfa1, #lfb3, #lfb2, #lfc1, #lfc3, #lfd1, #lfd3, #lfe1, #lfe2, #lff1, #lff2, #lfg2, #lfg3, #lfh1, #lfh3, #lfi1, #lfi3, #lfj1, #lfj3 {
	color: red;
	}
#lfa1, #lfa2, #lfa3, #lfb1, #lfb2, #lfb3, #lfc1, #lfc2, #lfc3, #lfd1, #lfd2, #lfd3, #lfe1, #lfe2, #lfe3, #lff1, #lff2, #lff3, #lfg1, #lfg2, #lfg3, #lfh1, #lfh2, #lfh3, #lfi1, #lfi2, #lfi3, #lfj1, #lfj2, #lfj3 {
	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;}
*/