/* ==============================
Parents' Nav CSS
=============================== */

#main-nav {
    height: 42px;
    position: relative;
    top: -6px;
    width: 100%;
    z-index: 30;
}

/* General */
	#cssdropdown {width:984px; position:absolute; z-index:10000; top:0; left:50%; margin-left:-492px!important;list-style:none;font-size:12px; font-family: Arial, Helvetica, sans-serif;}
	#cssdropdown ul {list-style:none; font-size:12px; font-family: Arial, Helvetica, sans-serif; position:absolute; z-index:10000; top:0;}
	#cssdropdown, #cssdropdown * { padding: 0; margin: 2px 0 0 0; }
	
	/* Head links */
	#cssdropdown li.headlink {width:auto; float:left; border-left:1px solid #4fc0d2; background-color: #fff; text-align:center; }
	#cssdropdown li.headlink.on {background-color: #0f7786;}
	#cssdropdown li.headlink.last {border-right:1px solid #4fc0d2!important;}
	#cssdropdown li.headlink a { display:block; padding:7px 11px; color:#107786; font-weight:bold; text-decoration:none; }
	#cssdropdown li.headlink.on a {color:#fff;}
	#cssdropdown li.headlink a:hover {color:#666!important;}

	@media screen and (min-width:0\0) {
   		#cssdropdown li.headlink a {padding:7px 9px;}
	}

	/* Child lists and links */
	#cssdropdown li.headlink ul { display:none; border-left:1px #4fc0d2 solid; border-right:1px #4fc0d2 solid; border-bottom:1px #4fc0d2 solid; text-align: left; margin-top:36px!important; margin-left:-1px!important; }
	#cssdropdown li.headlink:hover ul { display:block; margin:1px; width:200px;}
	#cssdropdown li.headlink ul li {border-bottom:1px solid #e7e7df;}
	#cssdropdown li.headlink ul li.last {border-bottom:none;border-right:none;}
	#cssdropdown li.headlink ul li a {font-weight:normal!important;color:#666!important; padding:4px 13px 3px 13px;}
	#cssdropdown li.headlink ul li a:hover { background:#f08835; color:#fff!important;font-weight:normal!important; }
	
	#cssdropdown a { color:#000; } 
	#cssdropdown ul li a:hover { text-decoration:none; }
	#cssdropdown li.headlink:hover { background:#f9f9e9; border-bottom:1px solid #f9f9e9; color:#666; }
	#cssdropdown li.headlink.no-drop:hover { background:#f9f9e9; border-bottom:none; color:#666; }
	#cssdropdown li.headlink { background:#fff;}
	#cssdropdown li.headlink ul { background:#f9f9e9; background-position: top;}
	#cssdropdown li.headlink:hover.nav-item-on {background-color: #f9f9e9;color:#666;}
	#cssdropdown li.headlink.nav-item-on {background-color: #0f7786;color: #fff;}
	#cssdropdown li.headlink.nav-item-on a {color:#fff;}
	#cssdropdown li.headlink:hover.nav-item-on a {color:#666;}

#cssdropdown li.headlink:last-child {border-right:none;}
#cssdropdown li.headlink:first-child {border-left:none;}
	
#sub-nav {
    height: 50px;
    position: relative;
    top: 7px;
    width: 100%;
    z-index: 1;
}

.sub-nav-content {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    margin: 12px auto 0;
    width: 984px;
}

.parents-login {
    float: left;
	margin-top:-15px;
	font-weight:bold;
}

	.parents-login a, .parents-login a:visited {
		color:#107786;
		text-decoration:none;
	}
	
	.parents-login a:hover {
		text-decoration:underline;
	}

.search-area {
    float: right;
    margin-top: -20px;
}

form input.button {
    background: url(images/parents-search-button.png) no-repeat left top transparent;
    border: none;
    cursor: pointer;
    height: 25px;
    margin: 0;
    overflow: visible;
    padding: 0;
    position: relative;
    text-indent: -9999px;
    top: 3px;
    width: 61px;
}
ul.activity-search li input.button {
    background: url(images/parents-search-button.png) no-repeat left top transparent;
    border: none;
    cursor: pointer;
    height: 25px;
    margin: 10px 0 0;
    overflow: visible;
    padding: 0;
    text-indent: -9999px;
    width: 61px;
}

input#search {
    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1) inset;
    background: none repeat scroll 0 0 #F9F9F9;
    border: 1px solid #ccc;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding: 4px;
}