/* General */
html, body {
	background:#ffffcc;
	font-size:11px;
	text-align:center;
	color: #444444;
	margin:0px;
	padding:0px;
	font-family: arial;
}
* {
}

form {
	margin:0px;
	padding:0px;
}
input {
	font-size: 11px;
	line-height: 13px;
	font-family: arial;
	}
label {
	font-family: Georgia;
	font-size:15px;
	font-weight:bold;
	line-height:20px;
	position:relative;
	}
table {
	empty-cells:show;
	border-collapse: collapse;
}

a:link,a:visited {
	color: #ff0000;
	text-decoration:none;
	}
a:hover {
	text-decoration: underline;
	}
a:active,a:focus {
    outline:0; 
  }
img {
	border: none;
	}
img.framed {
	padding:1px;
	border: 1px solid #a385af;
}
.pageLink
{
	color: green;
}
	
.clearer {
	clear:both;
	}
.b {
	font-weight:bold;
}
p {
	margin: 8px 0;
	padding: 0px;
	}
.h1{
	height:1px;
	line-height:1px;
	font-size:1px;
	}
.h10{
	height:10px;
	line-height:10px;
	font-size: 10px;
	}
.h20{
	height:20px;
	}
.f10 {
	font-size:10px;
	}

.red {
	color: #ff0000;
	}
	
.red {
	font-weight: bold;
	/* color: #44444f; */
	color: #ff0000;
	}
	
.BigRed
{
    font-weight: bold; /* color: #44444f; */
    color: #ff0000;
    font-size: 16px;
    text-transform: uppercase;
}
	
h1 {
	font-size: 36px;
	font-family: Georgia;
	margin: 8px 0;
	padding:0px;
	}	

h2 {
	font-size: 20px;
	font-family: Georgia;
	margin: 8px 0;
	padding:0px;
	}

h3 {
	font-size: 14px;
	font-family: Georgia;
	margin: 8px 0;
	padding:0px;
	}
	
/* Containers */
/* Left side */

.left {
	float:left;
	width: 500px;
	margin: 0px 0 0 0px;
	display: inline;
	}	
.left-in {
	margin: 0 0px 0 12px;
	}

/* Right side */
.right {
	float:right;
	width: 210px;
	margin:0px 0px 0 0px;
	padding:0px;
	display: inline;
	overflow: hidden;
	}
.right-in {
	margin: 18px 0px 0 12px;
	}


.right-menu {	
		margin:0px;	
		padding:0px;	
		list-style: none;
		border-top: 2px solid #333333;
		font-size:13px;
		font-weight:bold;
	}	
.right-menu	li {	/* Main menu <li> */
		margin: 0px;
		padding: 0px;
		display:inline;
	}

.right-menu	a:link,.right-menu a:visited {	/* Main menu links */
		display: block;
		border-bottom: 1px solid #dddddd;
		line-height: 25px;
		text-decoration: none;
		text-align: left;
		margin: 0px;
		color: #444444;
		font-family:Georgia;
	}
.right-menu	li a:hover{
		background: url(/portals/0/Skins/TeenMedia/images/arrow-red.gif) 0px 7px no-repeat;
		padding: 0px 0px 0px 14px;
		color: #ff0000;
	}

.side-active a:link,.side-active a:visited{
		display: block;
		background: url(/portals/0/Skins/TeenMedia/images/arrow-red.gif) 0px 7px no-repeat;
		padding: 0px 0px 0px 14px;
		color: #ff0000;
}


/* HEADER */
.header { 
	background: #ffffff;
	text-align:center;
}
.header-in {
	width: 765px;
	height:94px;
	margin: 0 auto;
	background: #ffffff;
	text-align:left;
	position:relative;
	}

.logo {
	position: absolute;
	top: 29px;
	left: 14px;
	width: 203px;
	height: 46px;
}

.table-updates {
	position:absolute; top:8px; right:20px;
	}
	
.backto-link {
	position: absolute;
	top: 9px;
	left: 14px;
	background: url(/portals/0/Skins/TeenMedia/images/arrow.gif) left 2px no-repeat;
	padding-left:14px;
}
.backto-link a:link,.backto-link a:hover{
	color:#333333;
	}

.main-green {
	background: #2d7b38  url(/portals/0/Skins/TeenMedia/images/mainlist/big_green.jpg) top center no-repeat;
	height: 569px;
	color:#FFFFFF;
	}
.main-blue {
	background: #2d557b  url(/portals/0/Skins/TeenMedia/images/mainlist/big_blue.jpg) top center no-repeat;
	height: 569px;
	color:#FFFFFF;
	}
.main-orange {
	background: #ec972e  url(/portals/0/Skins/TeenMedia/images/mainlist/big_orange.jpg) top center no-repeat;
	height: 569px;
	color:#FFFFFF;
	}	
	
	
	/* 1st Place Highschool */
.main-highschool {
    background: #2d7b38  url(/portals/0/Skins/TeenMedia/images/mainlist/Jeong_big_green2.jpg) top center no-repeat;
	height: 569px;
	color:#FFFFFF;
    }
    
    /* 1st Place Middle School */
.main-middleschool {
    background: #ec972e  url(/portals/0/Skins/TeenMedia/images/mainlist/Abigail_big_orange2.jpg) top center no-repeat;
	height: 569px;
	color:#FFFFFF;
    }
	
/* Winners by name */	
	

.main-cassandrahunt {
    background: #2d7b38  url(/portals/0/images/winners/cassandra_banner_green.jpg) top center no-repeat;
	height: 569px;
	color:#FFFFFF;
    }
    
.main-joellefilippi {
    background: #ec972e  url(/portals/0/images/winners/joelle_banner_orange.jpg) top center no-repeat;
	height: 569px;
	color:#FFFFFF;
    }
	
	
	
	
/* 12 Months Enumerated */
	
	/* January */
.main-1 {
    background: #2d557b  url(/portals/0/Skins/TeenMedia/images/mainlist/big_blue.jpg) top center no-repeat;
    height: 569px;
    color:#FFFFFF;
    }    
    
    /* February */
.main-2 {
	background: #ec972e  url(/portals/0/Skins/TeenMedia/images/mainlist/big_orange.jpg) top center no-repeat;
	height: 569px;
	color:#FFFFFF;
	}    
    
    /* March */
.main-3 {
    background: #2d557b  url(/portals/0/Skins/TeenMedia/images/mainlist/big_blue.jpg) top center no-repeat;
    height: 569px;
    color:#FFFFFF;
    }    
    
    /* April */
.main-4 {
    background: #2d557b  url(/portals/0/Skins/TeenMedia/images/mainlist/big_blue.jpg) top center no-repeat;
    height: 569px;
    color:#FFFFFF;
    }    
    
    /* May */
.main-5 {
    background: #2d557b  url(/portals/0/Skins/TeenMedia/images/mainlist/big_blue.jpg) top center no-repeat;
    height: 569px;
    color:#FFFFFF;
    }    
    
    /* June */
.main-6 {
    background: #2d557b  url(/portals/0/Skins/TeenMedia/images/mainlist/big_blue.jpg) top center no-repeat;
    height: 569px;
    color:#FFFFFF;
    }    
    
    /* July */
.main-7 {
    background: #2d557b  url(/portals/0/Skins/TeenMedia/images/mainlist/big_blue.jpg) top center no-repeat;
    height: 569px;
    color:#FFFFFF;
    }    
    
    /* August */
.main-8 {
    background: #2d557b  url(/portals/0/Skins/TeenMedia/images/mainlist/big_blue.jpg) top center no-repeat;
    height: 569px;
    color:#FFFFFF;
    }    
    
    /* September */
.main-9 {
    background: #2d557b  url(/portals/0/Skins/TeenMedia/images/mainlist/big_blue.jpg) top center no-repeat;
    height: 569px;
    color:#FFFFFF;
    }  
    
    /* October */
.main-10 {
    background: #2d557b  url(/portals/0/Skins/TeenMedia/images/mainlist/big_blue.jpg) top center no-repeat;
    height: 569px;
    color:#FFFFFF;
    }    
    
    /* November */
.main-11 {
    background: #2d557b  url(/portals/0/Skins/TeenMedia/images/mainlist/big_blue.jpg) top center no-repeat;
    height: 569px;
    color:#FFFFFF;
    }    
    
    /* December */
.main-12 {
    background: #2d557b  url(/portals/0/Skins/TeenMedia/images/mainlist/big_blue.jpg) top center no-repeat;
    height: 569px;
    color:#FFFFFF;
    }    
   

/* End of 12 Months Enumerated */
	
.main-white {
	background: #ffffff;
	color:#333333;
	}
	
.main-in {
	width: 765px;
	margin: 0 auto;
	text-align:left;
	position: relative;  
	}

.main-title {
	padding: 50px 30px;
	text-align:right;
	font-family: Georgia;
	}

.col3 {
	position:absolute;
	top: 360px;
	}
.col3 td{
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	color:#FFFFFF;
	}
.col3 a:link,.col3 a:visited,.col3 a:hover{	
	color:#FFFFFF;
	}
/* MAIN NAVIGATION */
.main-nav {
	position:absolute;
	right: 20px;
	top: 40px;
	margin:0px; 
	list-style-type:none;
	white-space:nowrap;
	height: 27px;
	font-weight:bold;
	font-size:14px;
  }

.main-nav  li 
{
  display :inline;
  float: left;
  position: relative;
  padding:0;
  margin:0;
  }

.main-nav a:link,.main-nav a:visited {
  color:#444444;
  text-align:center; 
  text-decoration:none;
  line-height: 24px;
  margin-left: 20px;
  display: block; 
  }

.active a:link,.active a:visited {
  color:#ff0000; 
  }

.main-nav a:hover{
  color:#ff0000; 
  }



/* MAIN NAVIGATION - Admin section dropdown */

    #mainNav, #mainNav ul { /* all lists */
	    padding: 0;
	    margin: 0;
	    list-style: none;
	    line-height: 1;
    }



    #mainNav li ul { /* second-level lists */
	    position: absolute;
	    background: white;
	    width: 11em;
	    display: none; /* using left instead of display to hide menus because display: none isn't read by screen readers */
    }

    #mainNav li:hover ul, #mainNav li.sfhover ul { /* lists nested under hovered list items */
	    display :inline;
    }

/* MAIN NAVIGATION - End Admin section dropdown */



.small-nav {
	position:absolute;
	left: 230px;
	top: 6px;
	margin:0px; 
	list-style-type:none;
	white-space:nowrap;
	height: 27px;
	font-size:11px;
  }
.small-nav li {
  display:inline;
  padding:0;
  margin:0;
  }
.small-nav span {
  float:left; 
  margin: 4px 12px;
  cursor: default;
}
.small-nav a:link,.small-nav a:visited {
  float:left; 
  color:#444444;
  text-align:center; 
  text-decoration:none;
  line-height: 24px;
  }

.small-nav a:hover{
  color:#ff0000; 
  }

/* Showcase */
.padded {
	padding:12px;
	}
.border_black {
	margin: 14px 0;
	height:2px;
	line-height:2px;
	font-size:2px;
	background:#333333;
	}
.table-show 
{
    display:block;
}
.table-show td{
	padding: 10px 0;
	border-bottom: 1px solid #bbbbbb;
}

.winner-prize{
	font-size: 14px;
	font-weight: bold;
	font-family: Georgia;
	}
.winner-name{
	margin-top:10px;
	font-size: 20px;
	font-weight: bold;
	}	
.winner-art{
	margin-top:6px;
	font-size: 16px;
	font-family: Georgia;
	font-style:italic;
	font-weight:bold;
	}
.winner-school{
	margin-top:2px;
	font-size: 11px;
	}

.dark-links a:link,.dark-links a:visited,.dark-links a:hover{
	font-size:13px;
	font-weight: bold;
	color:#444444;
	}
/* Headings */
.heading{
	font-size: 27px;
	font-weight: bold;
	}
.heading-sm{
	font-size: 14px;
	font-weight: bold;
	}
.news-heading{
	margin: 16px 0 0px;
	font-size: 18px;
	font-weight: bold;
	clear: left;
	}
.news-heading a:link,.news-heading a:visited{	
	color: #333333;
	}

.news-body {
	margin: 10px 0 0px;
	font-family: Georgia;
	font-size: 14px;
	}
.news-body-nom {
	margin:0px;
	font-family: Georgia;
	font-size: 14px;
	}
.news-body img{	
	float: left;
	margin: 0 20px 10px 0;
	}
.news-body span{
	display: block;
	margin: 14px 0px 10px 0px;
	color:#999999;
	}
.arrowed {
	font-size: 11px;
	color: #504C49;
	padding: 0px;
	margin: 6px 0px 0px 0px;
	list-style: none;
	}

.arrowed li{
	display: block;
	padding: 0px;
	margin: 0px;
	background: url(/portals/0/Skins/TeenMedia/images/arrow_orange.gif) left 6px no-repeat;
	padding: 0px 0 0px 15px;
	margin: 0px 0 5px 0;
	}

.arrowed h2{
	font-size: 11px;
	font-weight: normal;
	display: block;
	padding: 0px;
	margin: 0px;
	background: url(/portals/0/Skins/TeenMedia/images/arrow_orange.gif) left 6px no-repeat;
	padding: 0px 0 0px 15px;
	margin: 0px 0 5px 0;
	}
	
.arrowed li a:link, .arrowed li a:visited {
	color: #666666;
	text-align: left;
	text-decoration:underline;
	}
	
.arrowed li a:hover{
	color: #4ead09;
}	

/* Inputs  */

.login {
	display:block;
	background:url(/portals/0/Skins/TeenMedia/images/input_bgr.gif) no-repeat;
	margin: 4px 0;
	width: 190px;
	color:#555555;
	text-align:left;
	padding: 2px;
	border: 1px solid #9aa9b2;
	font-size: 11px;
}
.login:focus{
	border: 1px solid #ffa20a;
	}
input.dd {
	margin:0px;
	width: 490px;
	padding: 2px 1px;
	color: #555555;
	border: 1px solid #aaaaaa;
	background: #ffffff;
	font-size:15px;
}
input.shorter {
	margin:0px;
	width: 125px;
	padding: 2px 1px;
	color: #555555;
	border: 1px solid #aaaaaa;
	background: #ffffff;
	font-size:15px;
}
select.shorter-state {
	margin:0px;
	width: 115px;
	padding: 2px 1px;
	color: #555555;
	border: 1px solid #aaaaaa;
	background: #ffffff;
	font-size:13px;
}
input.shorter-s {
	margin:0px;
	width: 100px;
	padding: 2px 1px;
	color: #555555;
	border: 1px solid #aaaaaa;
	background: #ffffff;
	font-size:15px;
}
textarea.dd {
	margin:0px;
	width: 260px;
	height: 110px;
	font-size: 11px;
	padding: 2px 1px;
	color: #555555;
	border: 1px solid #7f9db9;
	background: #ffffff;
}
.dd-long {
	margin:0px;
	width: 220px;
	font-size: 11px;
	padding: 2px 1px;
	color: #555555;
	border: 1px solid #7f9db9;
	background: #ffffff;
}
.dd-s {
	margin:0px;
	width: 140px;
	font-size: 11px;
	padding: 2px 1px;
	color: #555555;
	border: 1px solid #3a8ab8;
}
input.txt {
	margin:0px;
	width: 120px;
	color:#555555;
	text-align:left;
	padding: 2px 2px;
	border: 1px solid #7f9db9;
	font-size: 11px;
}

/* Footer  */
.footer {
	background: #333333;
	color: #aaaaaa;
	font-size: 10px;
	}
.footer-in {
	width: 765px;
	height: 194px;
	margin: 0 auto;
	background: #333333 url(/portals/0/Skins/TeenMedia/images/footer_bgr.gif) top center no-repeat;
	text-align:left;
	position:relative;
}	
.footer-Governor
{
    top: 168px;
    left: 12px;
    text-align: left;
    position: absolute;
    font-family: Arial;
    font-size: 8pt;
}
.footer-Comm
{
    top: 168px;
    left: 170px;
    text-align: left;
    position:absolute;
    font-family: Arial;
    font-size: 8pt;
}
.need-help-heading {
	position:absolute;
	top: 8px;
	left: 14px;
	}
.child-support-heading {
	position:absolute;
	top: 13px;
	right: 14px;
	}
.search-table {
	position:absolute;
	top: 36px;
	left: 14px;
	}
a.btn-search 
{
	background: #666666;
	border: none;
	color:#FFFFFF;
	font-weight: bold;
	font-size: 12px;
	height:5px;
	padding:3px 6px 3px 6px ;
}

.btn-search 
{
	background: #666666;
	border: none;
	color:#FFFFFF;
	font-weight: bold;
	font-size: 12px;
	line-height:20px;
	height:20px;
}

.copyright {
	position: absolute;
	left: 14px;
	top: 70px;
}

.footer-container {
	position:relative;
	top: -25px;
	margin:0px; 
	padding: 70px 0px 70px 15px;
}

.footer-nav {
	position:absolute;
	left: 14px;
	top: 88px;
	margin:0px; 
	padding: 0px;
	list-style-type:none;
	white-space:nowrap;
	height: 27px;
	font-size:10px;
	text-align:left;
}
.footer-nav li {
  display:inline;
  padding:0;
  margin:0;
}
.footer-nav span {
  float: left; 
  margin: 4px 12px;
  cursor: default;
}
.footer-nav a:link,.footer-nav a:visited {
  float:left; 
  color:#eeeeee;
  text-align:center; 
  text-decoration:none;
  line-height: 24px;
  }

.footer-nav a:hover{
  color: #ff0000; 
 }

.left-logo {
	position: absolute;
	left: 14px;
	top: 120px;
}

.right-logo {
	position: absolute;
	left: 190px;
	top: 120px;
}


/*Lightbox */
#lightbox{
	background-color:#eee;
	padding: 10px;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }

#overlay{ background-image: url(lightbox/overlay.png); }
#closeButton { position: absolute;
				top:3px;
				right:2px;
				}

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="lightbox/overlay.png", sizingMethod="scale");
}

.WaterMarkedTextBox
{
	color: gray;
	display: inline;
	background: AliceBlue;
	visibility: visible;
	margin:0px;
	width: 140px;
	font-size: 11px;
	padding: 2px 1px;
	border: 1px solid #3a8ab8;
}
.NormalSearchTextBox
{
	display: inline;
	background: #ffffff;
	visibility: visible;
	margin:0px;
	width: 140px;
	font-size: 11px;
	padding: 2px 1px;
	color: #555555;
	border: 1px solid #3a8ab8;
}