﻿@charset "utf-8";


.banner-table {
	background: url(../images/home/naep_banner_lines.jpg);  /*Remove to remove the extended yellow rules in banner*/
	background-repeat: repeat-x;
}
.banner_leftcell {
	width: 332px;
}
.banner_centercell {
	width: 100%;
}
.banner_rightcell {
	/*width: 220px;*/
}

#carouselrow-container {
	height: 203px;
	margin-bottom: 0px;
}

#naepidrow-container {
	height: 122px;
	margin-bottom: 0px;
}

#navrow-container {
	margin-bottom: 20px;
	min-height: 472px;
}

#toolsrow-container {
	margin-bottom: 0px;
	height: 214px;
}

#mobilesocialrow-container {
	margin-bottom: 8px;
	padding: 8px 8px 8px 16px;
	min-height: 82px;
}

#footerlinksrow-container {
	height: 28px;
}

#naepidrow_leftblock {
	float: left;
	width: 460px;
}

#naepidrow_leftblock p, #naepidrow_rightblock p  {
	margin: 1em 0;
}

#naepidrow_rightblock {
	float: right;
	width: 304px;
}

#mainmenublock {
	float: left;
	width: 460px;
}
ul#leftnavequivalent {
	list-style-type: none;
    padding: 0;
	margin: 0 0 0 0;
}

ul#leftnavequivalent li {
	background-color: #EBF4FC;
}

#searchandsocialarea {
	margin: 12px 0 1px 0;
    width:278px;
}

a.mainmenuitem {
	display: block;
	height: 27px;  /* height actually 30px minus padding values -- used for IE consistency */
	text-decoration: none;
	border: 1px solid #EBF4FC;
	background-image: url(../images/home/menu_arrow.png);
	background-repeat:no-repeat;
	margin-bottom: 15px;	
	padding: 7px 0 3px 27px;
	font-size: 1.3em;
	font-weight: bold;
	color: #444444;
	*margin-bottom: 17px; /* For IE 7 and Below */
}

a:hover.mainmenuitem, a:focus.mainmenuitem {
	background-color: #D9EBFA;
	border: 1px solid #D2A543;
	background-image: url(../images/home/menu_arrow_hover.png);
	background-repeat:no-repeat;
	color: #000000;
}

#newsblock {
	float: right;
	width: 274px;
	min-height: 461px;
	padding: 0px 14px 14px 16px;
	background-color: #EBF4FC;
}

.hpcustomheading {
	font-family: Tahoma;
	font-weight: bold !important;
	font-size: 1.3em !important;
	color: #CC9600 !important;
	margin: 20px 0 -10px 0 !important;
}

.hpbodytext_l {
	font-size: 1.3em;
	line-height: 1.25em;
}

.hpbodytext_m {
	font-size: 1.1em;
	line-height: 1.25em;
}

.hpbodytext_s {
	font-size: 1.05em;
	line-height: 1.2em;
}

ul#socialmediabuttonlist {
    list-style: none;
    padding: 0;
	margin: 0 0 0 0px;
}

ul#socialmediabuttonlist li { 
	display: inline; 
}

#socialmediabuttonlist a {
    display: block;
    float: left;
	height: 20px;
	width: 20px;
	margin-right: 12px;
	background: url(../images/home/sprites_collection.png) no-repeat;
	text-decoration: none;
}

#socialmediabuttonlist a.icon_facebook {
	background: url(../images/home/sprites_collection.png) no-repeat 0px -0px;
}

#socialmediabuttonlist a:hover.icon_facebook {
	background: url(../images/home/sprites_collection.png) no-repeat 0px -100px;
}

#socialmediabuttonlist a.icon_twitter {
	background: url(../images/home/sprites_collection.png) no-repeat 0px -200px;
}

#socialmediabuttonlist a:hover.icon_twitter {
	background: url(../images/home/sprites_collection.png) no-repeat 0px -300px;
}

#socialmediabuttonlist a.icon_youtube {
	background: url(../images/home/sprites_collection.png) no-repeat 0px -400px;
}

#socialmediabuttonlist a:hover.icon_youtube {
	background: url(../images/home/sprites_collection.png) no-repeat 0px -500px;
}

#socialmediabuttonlist a.icon_mail {
	background: url(../images/home/sprites_collection.png) no-repeat 0px -600px;
}

#socialmediabuttonlist a:hover.icon_mail {
	background: url(../images/home/sprites_collection.png) no-repeat 0px -700px;
}

#naepsearch a {
    display: block;
	height: 20px;
	width: 20px;
	margin-left: 6px;
	background: url(../images/home/sprites_collection.png) no-repeat;
}

#naepsearch a.icon_search {
	background: url(../images/home/sprites_collection.png) no-repeat 0px -800px;
}

#naepsearch a:hover.icon_search {
	background: url(../images/home/sprites_collection.png) no-repeat 0px -900px;
}

#searchbox {
	font-size: 0.9em;
	width: 136px;
	margin: 0;
}

#shareonsocialmedia {
	float: right;
}

a.inlinebutton {
	font-size: 0.8em;
}

.outofview {
	line-height: 1px;
	margin-bottom: -1em ;
	display: none;
}
.hpinlinecustomheading {
	font-family: Tahoma;
	font-weight: bold !important;
	font-size: 1.2em !important;
	color: #CC9600 !important;
}

ul#toolslist {
	margin-left: -32px;
}

ul#toolslist li { 
	display: inline; 
}

#toolslist a {
    display: block;
    float: left;
	height: 57px;
	width: 174px;
	margin: 0 8px 18px 8px;
	background: url(../images/home/sprites_toolsandapplications.png) no-repeat;
	text-decoration: none;
}

#toolslist a.tools_overview {
	background: url(../images/home/sprites_toolsandapplications.png) no-repeat 0px 0px;
}

#toolslist a:hover.tools_overview {
	background: url(../images/home/sprites_toolsandapplications.png) no-repeat -200px 0px;
}

#toolslist a.tools_data_explorer {
	background: url(../images/home/sprites_toolsandapplications.png) no-repeat 0px -100px;
}

#toolslist a:hover.tools_data_explorer {
	background: url(../images/home/sprites_toolsandapplications.png) no-repeat -200px -100px;
}

#toolslist a.tools_questions_tool {
	background: url(../images/home/sprites_toolsandapplications.png) no-repeat 0px -200px;
}

#toolslist a:hover.tools_questions_tool {
	background: url(../images/home/sprites_toolsandapplications.png) no-repeat -200px -200px;
}

#toolslist a.tools_item_maps {
	background: url(../images/home/sprites_toolsandapplications.png) no-repeat 0px -300px;
}

#toolslist a:hover.tools_item_maps {
	background: url(../images/home/sprites_toolsandapplications.png) no-repeat -200px -300px;
}

#toolslist a.tools_state_profiles {
	background: url(../images/home/sprites_toolsandapplications.png) no-repeat 0px -400px;
}

#toolslist a:hover.tools_state_profiles {
	background: url(../images/home/sprites_toolsandapplications.png) no-repeat -200px -400px;
}

#toolslist a.tools_district_profiles {
	background: url(../images/home/sprites_toolsandapplications.png) no-repeat 0px -500px;
}

#toolslist a:hover.tools_district_profiles {
	background: url(../images/home/sprites_toolsandapplications.png) no-repeat -200px -500px;
}

#toolslist a.tools_state_comparisons {
	background: url(../images/home/sprites_toolsandapplications.png) no-repeat 0px -600px;
}

#toolslist a:hover.tools_state_comparisons {
	background: url(../images/home/sprites_toolsandapplications.png) no-repeat -200px -600px;
}

#toolslist a.tools_test_yourself {
	background: url(../images/home/sprites_toolsandapplications.png) no-repeat 0px -700px;
}

#toolslist a:hover.tools_test_yourself {
	background: url(../images/home/sprites_toolsandapplications.png) no-repeat -200px -700px;
}

#mobilesocialrow-left {
	width: 394px;
	float: left;
}
#mobilesocialrow-left p {
	margin: 0 0 4px 0;
}

#mobilesocialrow-right {
	width: 348px;
	float: right;
}
#mobilesocialrow-right p {
	margin: 0 0 4px 0;
}

.accessiblespritelabel {
	position: absolute;
	left: -9999px;
}

.searchdefault
{
	color : #bbb;
}


a.webinarlink {
	display: block;
	height: 40px;
	width:780px;
	text-decoration: none;
	background-image: url(../images/home/webinar.png);
	background-repeat:no-repeat;
	text-indent: -99999px;
}

a:hover.webinarlink, a:focus.webinarlink {
	background-image: url(../images/home/webinar_hover.png);
	background-repeat:no-repeat;	
}


/*************** Flex slider customization **********************/
.flexslider
{	
	box-shadow: none !important;
	border: none !important;
}

.flex-control-paging li a.flex-active
{	
	background: url(../images/home/SliderActive.png) no-repeat 0px 0px !important;
}

.flex-control-paging li a
{
	background: url(../images/home/SliderInactive.png) no-repeat 0px 0px !important;
}

.flex-control-nav li
{
	margin: 0 3px 0 3px !important;
	vertical-align: top !important; 
}

ol.flex-control-paging
{
	margin-top: 6px !important;
}

.flex-pauseplay { 
	vertical-align:top !important; 
	margin-left: 412px;
	margin-top:11px;
	position: relative;	
	height: 10px !important;
	*margin-top:14px; /* for IE 7 */
}

.flex-pauseplay a { 
	width: 11px !important; 
	height: 10px !important; 
	position:inherit !important;
	/*display:inline-block !important;
	bottom: -14px !important; 
	left: 425px !important;
	
	vertical-align:top !important;
	*bottom: -17px !important; */
}
.flex-pauseplay a:focus, .flex-pauseplay a:hover, .flex-pauseplay a:active { outline: 1px dotted #11aa22; }
/*.flex-pauseplay .flex-play { background: url("../images/home/PlayButton.png") no-repeat 0 0 !important;}
.flex-pauseplay .flex-pause { background: url("../images/home/PauseButton.png") no-repeat 0 0 !important;}*/

.flex-direction-nav .flex-prev { background: url("../images/home/arrowleft.png") no-repeat 0 0 !important;}
.flex-direction-nav .flex-next { background: url("../images/home/arrowright.png") no-repeat 0 0 !important;}
.flex-direction-nav a  { width: 32px !important; height: 48px !important; }

/**************** End- Flex slider customization ***********************/

