@charset "utf-8";
/* NASPE elements */
#banner img{
	padding:0;
	margin:0;
}
#print{ /*Specific css setting for the print window*/
	background:#fff center;
	width:740px;
	height:200px;
	margin:0 auto;
}
#contentPrint{
	margin:0 auto;
	background-color:#fff;
	min-height:480px;
	padding:10px;
	width: 720px;
	text-align:left;
}
	
/*-----------------------------------Audience Group -----------------------------------------*/
#audienceGroup{
	background:url(/ui/naspe/graphics/BG_audienceGroup.jpg) top left no-repeat;
	width:245px;
	height:253px;
	padding-top:2px;
}
#audienceGroup ul{
	list-style:none;
	padding:0;
}
#audienceGroup li#professional{
	background:url(/ui/naspe/graphics/BG_audienceGroup_professional.jpg) top left no-repeat;
	margin:2px 15px;
	padding-left:45px;
}
#audienceGroup li#student{
	background:url(/ui/naspe/graphics/BG_audienceGroup_student.jpg) top left no-repeat;
	margin:2px 15px;
	padding-left:45px;
}
#audienceGroup li#parent{
	background:url(/ui/naspe/graphics/BG_audienceGroup_parent.jpg) top left no-repeat;
	margin:2px 15px;
	padding-left:45px;
}
#audienceGroup li#policymaker{
	background:url(/ui/naspe/graphics/BG_audienceGroup_policymaker.jpg) top left no-repeat;
	margin:2px 15px;
	padding-left:45px;
}
#audienceGroup li#schoolAdmin{
	background:url(/ui/naspe/graphics/BG_audienceGroup_schoolAdmin.jpg) top left no-repeat;
	margin:2px 15px;
	padding-left:45px;
}
#audienceGroup li#professional a, 
#audienceGroup li#student a,
#audienceGroup li#parent a,
#audienceGroup li#policymaker a,
#audienceGroup li#schoolAdmin a{
	color:#000;
	font-size:125%;
	font-weight:bold;
	text-decoration:none;
	line-height:33px;
}
#audienceGroup li#professional a:hover{
	color:#6a288c;
}
#audienceGroup li#student a:hover{
	color:#55b247;
}
#audienceGroup li#parent a:hover{
	color:#0199da;
}
#audienceGroup li#policymaker a:hover{
	color:#ffb812;
}
#audienceGroup li#schoolAdmin a:hover{
	color:#cd1143;
}
/*---------------------------------Popular Resources --------------------------------------------*/
#popularResources{
	background:url(/ui/naspe/graphics/BG_popularResources.jpg) top left no-repeat;
	width:240px;
	height:165px;
	margin:0 2px;
	padding-top:50px;
}
#popularResources ul li {
	list-style:none;
	color:#fff;
	padding:5px 15px;
	line-height:20px;
	background:url(/ui/naspe/graphics/BG_popularResources_devider.gif) bottom center no-repeat;
}
#popularResources li a{
	color:#fff;
	text-decoration:none;
	font-size:130%;
}
/*----------------------------------Feature Items -----------------------------------------------*/
#featureItems{
	background:url(/ui/naspe/graphics/BG_featuredItems.gif) top left no-repeat;
	width:230px;
	margin-top:20px;
	padding-top:37px;
}
#featureItems h3, #topNews h3, #upcomingWorkshops h3{
	display:none;
}
#featuredItems_title{
	background:url(/ui/naspe/graphics/BG_featureItem_title.jpg) top left no-repeat;
	color:#003054;
	margin-left:11px;
	padding:12px;
	font-size:120%;
	font-weight:bold;
	
}
p.featuredLinkText{
	margin:10px 25px;
	padding-bottom:15px;
}
/*------------------------------Top News ---------------------------------*/
#topNews{
	background:url(/ui/naspe/graphics/BG_whatsNew.gif) top left no-repeat;
}
.leftCol{ /* split column in half with a dashed line in the middle. This has been used in #topNews and #upcomingWorkshops*/
	width:43%;
	border-right:#666 dashed 1px;
	margin-top:50px;
	padding:0 10px;
	float:left;
}
.rightCol{ /* split column in half with a dashed line in the middle. This has been used in #topNews and #upcomingWorkshops*/
	width:45%;
	margin-top:50px;
	padding:0 10px;
	float:left;

}
.news_item{
	clear:both;
	margin:10px 0;
	height:70px;
}
#topNews ul{
	padding:5px 20px 5px 25px;
}
#topNews li{
	color:#4686b5; 
	padding:3px 0px;
}
#topNews a{
	
	text-decoration:none;
}
.news_item a.newsTitle{
	font-weight:bold;
	text-decoration:none;
}
.news_item img{
	float:left;
	margin-right:5px;
}

/*----------------------------------Upcoming Events ------------------------------------*/
#upcomingWorkshops{
	background:url(/ui/naspe/graphics/BG_upcomingEvents.gif) top left no-repeat;
	min-height:41px;
}
.workshopItem a{
	background:url(/ui/naspe/graphics/icon_arrow.gif) right no-repeat;
	padding-right:20px;
	color:#428bd6;
	font-weight:bold;
	text-decoration:none;
}
.workshopItem h6{
	color:#003054;
	padding:5px 0px;
}



#login{ /* login section */
	/*float:right;*/
	width:245px;
	/*height:200px;*/
	/*margin-right:11px;*/
	/*margin-bottom:6px;*/
	padding-bottom:10px;
	background:url(/ui/naspe/graphics/BG_login.jpg) top left no-repeat;
}
#login_box{ /*login box */
	background:#518ec2 url(/ui/naspe/graphics/BG_login_box.jpg) top left repeat-y;
	width:200px;
	border:#eee 1px solid;
	margin:0 auto;
	padding:10px;
}
.login_text { /* the rest of the login text in the login box */
	font-size:100%;
	color:#003054;
	font-weight:bold;
	list-style-type:none; /* removes default bullets */
	padding-left:0;
	line-height:16px;
}
.login_text a{ 
	font-size:85%;
	color:#003054;
	text-decoration:none;
}
.login_text a:hover{
	color:#003054;
	text-decoration:underline;
}
#login .button a{
	background:#7b7b7b url(/ui/naspe/graphics/BG_button.gif) top left repeat-x;
	color:#fff;
	border:#a8a8a8 1px solid;
	font-size:85%;
	font-weight:bold;
	text-decoration:none;
	padding:2px;
	margin:0;
}
/*-------------------------Promo Items --------------------------------*/
.promo_item{
	margin:5px;
	border:#ccc 1px solid;
	background-color:#fff;
	padding-bottom:5px;
}
.promo_item p{
    padding:10px;
}
.promo_item ul, .promo_item ol{
	padding:0 30px;
}
.promo_item_title{
	background:url(/ui/naspe/graphics/BG_gradient_title.gif) top left repeat-x;
	color:#003054;
	padding:12px;
	font-size:120%;
	font-weight:bold;
}
a.more{
	background:url(/ui/naspe/graphics/icon_arrow.gif) right no-repeat;
	padding-right:20px;
	color:#428bd6;
	font-weight:bold;
	text-decoration:none;
}
#bannerAd{
	background:url(/ui/naspe/graphics/BG_topBannerAd.gif) top left no-repeat;
	float:right;
	width:520px;
	height:81px;
	margin-top:5px;
	padding-left:20px;
	padding-top:5px;
}
#bannerAd img{
	border: #ccc 1px solid;
	padding:1px;
}
#search .button a{
	background:#797979 url(/ui/naspe/graphics/BG_button.gif) top left repeat-x;
	color:#fff;
	border:#ccc 1px solid;
	font-size:95%;
	font-weight:bold;
	text-decoration:none;
	padding:2px;
	margin:4px;
}
#search .button a:hover, #login .button a:hover{
	color:#fff;
	text-decoration:none;
}
a.white, a.white:hover{
	color:#fff;
	text-decoration:none;
}
#header_link{
	padding-top:15px;
	padding-right:10px;
	font-weight:bold;
	font-size:90%;
	color:#fff;
}
#header_link a {
	margin:0 5px;
	color:#fff;
	text-decoration:none;
}
#header_link a:hover{
	text-decoration:underline;
}
.advertisementLabel{
	font-size:75%;
	color:#999;
	text-align:center;
	padding-top:10px;
}
.advertisement {
	border:#999 1px solid;
}
.advertisement img{
	padding:5px 2px;
}
/*------------------------------footer ------------------------------------*/
#footer_text{
	padding-top:10px;
}
#footer_text ul{
	margin:10px auto;
	width:900px;
	color:#eee;
}
#footer_text li{
	list-style-type:none; /* removes default bullets */
	display:inline;
}
#footer_text a{
	text-decoration:none;
	color:#eee;
	padding:0 2px;
}
#footer_text a:hover{
	text-decoration:underline;

}
.icon{
	text-align:right;
	font-size:.85em;
	color:#666;
	padding-right:5px;
	}























#twitter_widget{
	margin:5px;
}
.pressReleases { /* this is used for press release date...etc */
 	color:#666;
	font-size:85%;
}
a.pressReleases{
	color:#4686b5;
	font-size:100%;
}
li.styledList{
	list-style-image:url(/ui/naspe/graphics/bullet_redArrow.gif);
}
#search {
	float: right;
	padding:10px;
	}
img.imgBorder{
	border:#999 1px solid;
	padding:1px;
	margin:5px;
}
.spacer {
	padding:5px 0;
}
.clear{
	clear:both;
}
.dashLeft{
	padding: 5px 0;
	border-left:#666 dashed 1px;
	}
.dashTop{
	border-top:#666 dashed 1px;
	}