/* ***************************************************************************************************

	Description:	www.ascd.org
	
	TABLE OF CONTENTS:
	------------------
		    I. template.css CSS3
		   II. navigation.css CSS3
		  III. effects.css CSS3
		   IV. misc.css CSS3
		    V. typography.css CSS3
		  

   *************************************************************************************************** */
   
/* *************************************************************************************************** */
/* I. template.css CSS3 ****************************************************************************** */
/* *************************************************************************************************** */
#header_navigation {
	box-shadow: 		0 0 3px #3a3a3a inset;
	-moz-box-shadow: 	0 0 3px #3a3a3a inset;
	-webkit-box-shadow: 0 0 3px #3a3a3a inset;
	}



/* ************************************************************* */
/* Search Field ************************************************ */
/* ************************************************************* */
#search_field_container {
	border-radius: 			2px;
	-moz-border-radius: 	2px;
	-webkit-border-radius: 	2px;
	transition: 			border .3s ease-in-out; 
	-moz-transition: 		border .3s ease-in-out;
	-webkit-transition: 	border .3s ease-in-out; 
	-o-transition: 			border .3s ease-in-out; 
	-ms-transition: 		border .3s ease-in-out; 
	}
	#search_field_container:hover,
	#search_field_container:focus {
		box-shadow: 		0 0 3px #e1e1e1;
		-moz-box-shadow: 	0 0 3px #e1e1e1;
		-webkit-box-shadow: 0 0 3px #e1e1e1;
		transition: 		border .3s ease-in-out; 
		-moz-transition: 	border .3s ease-in-out;
		-webkit-transition: border .3s ease-in-out; 
		-o-transition: 		border .3s ease-in-out; 
		-ms-transition: 	border .3s ease-in-out; 
		}



/* ************************************************************* */
/* Search Button *********************************************** */
/* ************************************************************* */
#search_holder a.ascd_search_button {
	border-radius: 			3px;
	-moz-border-radius: 	3px;
	-webkit-border-radius: 	3px;
	box-shadow: 			0 0 5px #6c6462 inset;
	-moz-box-shadow: 		0 0 5px #6c6462 inset;
	-webkit-box-shadow: 	0 0 5px #6c6462 inset;
	transition: 			color,background .3s ease-in-out; 
	-moz-transition: 		color,background .3s ease-in-out;
	-webkit-transition: 	color,background .3s ease-in-out; 
	-o-transition: 			color,background .3s ease-in-out; 
	-ms-transition: 		color,background .3s ease-in-out; 
	}
	#search_holder a.ascd_search_button:hover {
		transition: 		color,background .3s ease-in-out; 
		-moz-transition: 	color,background .3s ease-in-out;
		-webkit-transition: color,background .3s ease-in-out; 
		-o-transition: 		color,background .3s ease-in-out; 
		-ms-transition: 	color,background .3s ease-in-out; 
		}



/* ************************************************************* */
/* Landing Page Subnavigation ********************************** */
/* ************************************************************* */
ul.lowernav_list a {
	transition: 		background .3s ease-in-out; 
	-moz-transition: 	background .3s ease-in-out;
	-webkit-transition: background .3s ease-in-out; 
	-o-transition: 		background .3s ease-in-out; 
	-ms-transition: 	background .3s ease-in-out; 
	}
	ul.lowernav_list a:hover {
		transition: 		background .3s ease-in-out; 
		-moz-transition: 	background .3s ease-in-out;
		-webkit-transition: background .3s ease-in-out; 
		-o-transition: 		background .3s ease-in-out; 
		-ms-transition: 	background .3s ease-in-out; 
		}
		
#banner_holder {
	border-radius: 			3px;
	-moz-border-radius: 	3px;
	-webkit-border-radius: 	3px;
	box-shadow: 			0 0 3px #cdcdcd;
	-moz-box-shadow: 		0 0 3px #cdcdcd;
	-webkit-box-shadow: 	0 0 3px #cdcdcd;
	}



/* ************************************************************* */
/* Type Styling ************************************************ */
/* ************************************************************* */
div.ascd_slider_item_container h1 {
	text-shadow: 0 0 0px #3d3d3d;
	}
div.ascd_slider_item_container h2 {
	text-shadow: 0 0 0px #3d3d3d;
	}
div.ascd_slider_item_container h3 {
	text-shadow: 0 0 0px #3d3d3d;
	}
div.ascd_slider_item_container h4 {}
div.ascd_slider_item_container h5 {}
div.ascd_slider_item_container h6 {}
div.ascd_slider_item_container p {
	text-shadow: 0 0 0px #3d3d3d;
	}
/*
div.ascd_slider_item_container .shadow100 {
	text-shadow: 0 0 8px rgba(61, 61, 61, 1.00);
	}
div.ascd_slider_item_container .shadow90 	{
	text-shadow: 0 0 8px rgba(61, 61, 61, 0.90);
	}
div.ascd_slider_item_container .shadow80 	{
	text-shadow: 0 0 8px rgba(61, 61, 61, 0.80);
	}
div.ascd_slider_item_container .shadow70 	{
	text-shadow: 0 0 8px rgba(61, 61, 61, 0.70);
	}
div.ascd_slider_item_container .shadow60 	{
	text-shadow: 0 0 8px rgba(61, 61, 61, 0.60);
	}
div.ascd_slider_item_container .shadow50 	{
	text-shadow: 0 0 8px rgba(61, 61, 61, 0.50);
	}
*/



/* ************************************************************* */
/* Banner Button *********************************************** */
/* ************************************************************* */
div.ascd_slider_item_container a.button {
	border-radius: 			1px;
	-moz-border-radius: 	1px;
	-webkit-border-radius: 	1px;
	box-shadow: 			0 0 4px #3d0001;
	-moz-box-shadow: 		0 0 4px #3d0001;
	-webkit-box-shadow: 	0 0 4px #3d0001;
	transition: 			background .3s ease-in-out; 
	-moz-transition: 		background .3s ease-in-out;
	-webkit-transition: 	background .3s ease-in-out; 
	-o-transition: 			background .3s ease-in-out; 
	-ms-transition: 		background .3s ease-in-out; 
	}
	div.ascd_slider_item_container a.button:hover {
		transition: 		background .3s ease-in-out; 
		-moz-transition: 	background .3s ease-in-out;
		-webkit-transition: background .3s ease-in-out; 
		-o-transition: 		background .3s ease-in-out; 
		-ms-transition: 	background .3s ease-in-out; 
		}

#newsbar_holder {
	border-radius: 			3px;
	-moz-border-radius: 	3px;
	-webkit-border-radius: 	3px;
	box-shadow: 			0 0 3px #cdcdcd;
	-moz-box-shadow: 		0 0 3px #cdcdcd;
	-webkit-box-shadow: 	0 0 3px #cdcdcd;
	}
	div.ticker-wrapper p a:hover {
		text-shadow: 0 0 2px #ccc;
		}

#homepage_content_holder {
	border-radius: 			3px;
	-moz-border-radius: 	3px;
	-webkit-border-radius: 	3px;
	box-shadow: 			0 0 3px #cdcdcd;
	-moz-box-shadow: 		0 0 3px #cdcdcd;
	-webkit-box-shadow: 	0 0 3px #cdcdcd;
	}

	/* Brightcove Homepage Video Container */
	div.ascd_homepage_video_container {
		border-radius: 			3px;
		-moz-border-radius: 	3px;
		-webkit-border-radius: 	3px;
		box-shadow: 			0 0 5px #d1d1d1;
		-moz-box-shadow: 		0 0 5px #d1d1d1;
		-webkit-box-shadow: 	0 0 5px #d1d1d1;
		}

	ul.edge_8_user_list li a {
		border-radius: 			2px;
		-moz-border-radius: 	2px;
		-webkit-border-radius: 	2px;
		transition: 			background .3s ease-in-out; 
		-moz-transition: 		background .3s ease-in-out;
		-webkit-transition: 	background .3s ease-in-out; 
		-o-transition: 			background .3s ease-in-out; 
		-ms-transition: 		background .3s ease-in-out; 
		}
		ul.edge_8_user_list li a:hover {
			transition: 		background .3s ease-in-out; 
			-moz-transition: 	background .3s ease-in-out;
			-webkit-transition: background .3s ease-in-out; 
			-o-transition: 		background .3s ease-in-out; 
			-ms-transition: 	background .3s ease-in-out; 
			}
			
		ul.edge_8_user_list li a img {
			border-radius: 			2px;
			-moz-border-radius: 	2px;
			-webkit-border-radius: 	2px;
			}

		div.ascd_homepage_content_holder a {
			transition: 		color .3s ease-in-out; 
			-moz-transition: 	color .3s ease-in-out;
			-webkit-transition: color .3s ease-in-out; 
			-o-transition: 		color .3s ease-in-out; 
			-ms-transition: 	color .3s ease-in-out; 
			}
			div.ascd_homepage_content_holder a:hover {
				transition: 		color .3s ease-in-out; 
				-moz-transition: 	color .3s ease-in-out;
				-webkit-transition: color .3s ease-in-out; 
				-o-transition: 		color .3s ease-in-out; 
				-ms-transition: 	color .3s ease-in-out; 
				}

#container_footer a {
	transition: 		color,background .3s ease-in-out; 
	-moz-transition: 	color,background .3s ease-in-out;
	-webkit-transition: color,background .3s ease-in-out; 
	-o-transition: 		color,background .3s ease-in-out; 
	-ms-transition: 	color,background .3s ease-in-out; 
	}
	#container_footer a:hover {
		transition: 		color,background .3s ease-in-out; 
		-moz-transition: 	color,background .3s ease-in-out;
		-webkit-transition: color,background .3s ease-in-out; 
		-o-transition: 		color,background .3s ease-in-out; 
		-ms-transition: 	color,background .3s ease-in-out; 
		}
		.ascd_footer_columns ul li a:hover {
			border-radius: 			3px;
			-moz-border-radius: 	3px;
			-webkit-border-radius: 	3px;
			box-shadow: 			0 0 2px #665a58;
			-moz-box-shadow: 		0 0 2px #665a58;
			-webkit-box-shadow: 	0 0 2px #665a58;
			}
		
			#ascd_footer_column_left a:hover,
			.ascd_footer_columns a:hover {
				text-shadow: 0 1px 1px rgba(30,30,30,0.60);
				}



/* *************************************************************************************************** */
/* II. navigation.css CSS3 *************************************************************************** */
/* *************************************************************************************************** */
ul#header_navigation_left li a {
	transition: 		.3s ease-in-out; 
	-moz-transition: 	.3s ease-in-out;
	-webkit-transition: .3s ease-in-out; 
	-o-transition: 		.3s ease-in-out; 
	-ms-transition: 	.3s ease-in-out; 
	}
	ul#header_navigation_left li a:hover,
	ul#header_navigation_left li a.current {
		transition: 		.3s ease-in-out; 
		-moz-transition: 	.3s ease-in-out;
		-webkit-transition: .3s ease-in-out; 
		-o-transition: 		.3s ease-in-out; 
		-ms-transition: 	.3s ease-in-out; 
		}

ul#header_navigation_right li a {
	border-radius: 			5px 5px 0 0;
	-moz-border-radius: 	5px 5px 0 0;
	-webkit-border-radius: 	5px 5px 0 0;
	transition: 			color,background .3s ease-in-out; 
	-moz-transition: 		color,background .3s ease-in-out;
	-webkit-transition: 	color,background .3s ease-in-out; 
	-o-transition: 			color,background .3s ease-in-out; 
	-ms-transition: 		color,background .3s ease-in-out; 
	}
	ul#header_navigation_right li a:hover {
		border-radius: 			5px 5px 0 0;
		-moz-border-radius: 	5px 5px 0 0;
		-webkit-border-radius: 	5px 5px 0 0;
		transition: 			color,background .3s ease-in-out; 
		-moz-transition: 		color,background .3s ease-in-out;
		-webkit-transition: 	color,background .3s ease-in-out; 
		-o-transition: 			color,background .3s ease-in-out; 
		-ms-transition: 		color,background .3s ease-in-out; 
		}
	/*
	div#site_help_info_container,
	div#account_loginout_container {
	*/
	span.header_dropdown,
	div#account_loginout_container {
		opacity: 0.98;
		border-radius: 			0 0 5px 5px;
		-moz-border-radius: 	0 0 5px 5px;
		-webkit-border-radius: 	0 0 5px 5px;
		box-shadow: 			0 0 3px #3c3c3c;
		-moz-box-shadow: 		0 0 3px #3c3c3c;
		-webkit-box-shadow: 	0 0 3px #3c3c3c;
		}
		
		ul#site_help_info_container li:hover > a,
		ul#header_navigation_right li:hover > a {
			border-radius: 			5px 5px 0 0;
			-moz-border-radius: 	5px 5px 0 0;
			-webkit-border-radius: 	5px 5px 0 0;
			}

div#signout_container_status_title {
	text-shadow: 1px 1px 1px #7d7970;
	}

.ascdmenu li {
	border-radius: 			4px 4px 0 0;
	-moz-border-radius: 	4px 4px 0 0;
	-webkit-border-radius: 	4px 4px 0 0;
	}
	.ascdmenu li .dropcontent {
		border-radius: 			0 0 4px 4px;
		-moz-border-radius: 	0 0 4px 4px;
		-webkit-border-radius: 	0 0 4px 4px;
		}
	.ascdmenu li .fullwidth {
		/*
		border-radius:	 		0 0 4px 4px;
		-moz-border-radius: 	0 0 4px 4px;
		-webkit-border-radius: 	0 0 4px 4px;
		*/
		border-radius: 			0;
		-moz-border-radius: 	0;
		-webkit-border-radius: 	0;
		}



/* ************************************************************* */
/* Nav Right Column Title ************************************** */
/* ************************************************************* */
div.ascd_menu_content_container h2 {
	border-radius: 			2px;
	-moz-border-radius: 	2px;
	-webkit-border-radius: 	2px;
	box-shadow: 			0 0 4px #c1c1c1;
	-moz-box-shadow: 		0 0 4px #c1c1c1;
	-webkit-box-shadow: 	0 0 4px #c1c1c1;
	}

.ascdmenu li .black_box {
	text-shadow: 1px 1px 1px #000;
	border-radius: 			5px;
	-moz-border-radius: 	5px;
	-webkit-border-radius: 	5px;
	box-shadow: 			inset 0 0 3px #000;
	-moz-box-shadow: 		inset 0 0 3px #000;
	-webkit-box-shadow: 	inset 0 0 3px #000;
	}

div.ascd_nav_content_col_middle img {
	border-radius: 			2px;
	-moz-border-radius: 	2px;
	-webkit-border-radius: 	2px;
	/*
	box-shadow: 			0 0 4px #a4a4a4;
	-moz-box-shadow: 		0 0 4px #a4a4a4;
	-webkit-box-shadow:		0 0 4px #a4a4a4;
	*/
	}

.ascd_menu_container_vertical .ascdmenu li .dropcontent,
.ascd_menu_container_vertical .ascdmenu li .fullwidth {
	border-radius: 			0 4px 4px;
    -moz-border-radius: 	0 4px 4px;
    -webkit-border-radius: 	0 4px 4px;
	}



/* ************************************************************* */
/* Subnavigation *********************************************** */
/* ************************************************************* */
ul.nonlanding_page_item_nav li a:hover {
	transition: 			background.3s ease-in-out; 
	-moz-transition: 		background.3s ease-in-out;
	-webkit-transition: 	background.3s ease-in-out; 
	-o-transition: 			background.3s ease-in-out; 
	-ms-transition: 		background.3s ease-in-out; 
	}
	ul.nonlanding_page_item_nav li a:hover {
		transition: 		background .3s ease-in-out; 
		-moz-transition: 	background .3s ease-in-out;
		-webkit-transition: background .3s ease-in-out; 
		-o-transition: 		background .3s ease-in-out; 
		-ms-transition: 	background .3s ease-in-out; 
		}



/* *************************************************************************************************** */
/* III. effects.css CSS3 ***************************************************************************** */
/* *************************************************************************************************** */
#fancybox-wrap {
	opacity: 0.95;
	border-radius: 			12px;
	-moz-border-radius: 	12px;
	-webkit-border-radius: 	12px;
	box-shadow: 			0 0 3px #000;
	-moz-box-shadow: 		0 0 3px #000;
	-webkit-box-shadow: 	0 0 3px #000;
	}

#fancybox-outer {
	box-shadow: 			0 0 10px #000;
	-moz-box-shadow: 		0 0 10px #000;
	-webkit-box-shadow: 	0 0 10px #000;
	}

#fancybox-title {
	opacity: 0.95;
	border-radius: 			6px;
	-moz-border-radius: 	6px;
	-webkit-border-radius: 	6px;
	box-shadow: 			0 0 3px #000;
	-moz-box-shadow: 		0 0 3px #000;
	-webkit-box-shadow: 	0 0 3px #000;
	}

.jquery-slider-wrapper {
	zoom: 1;
	}
	.jquery-slider-selectors {
		/* opacity: 0.1; */
		opacity: 0.50;
		border-radius: 			5px 5px 0 0;
		-moz-border-radius: 	5px 5px 0 0;
		-webkit-border-radius: 	5px 5px 0 0;
		transition: 			opacity .3s ease-in-out; 
		-moz-transition: 		opacity .3s ease-in-out;
		-webkit-transition: 	opacity .3s ease-in-out; 
		-o-transition: 			opacity .3s ease-in-out; 
		-ms-transition: 		opacity .3s ease-in-out; 
		}
		.jquery-slider-selectors:hover {
			/* opacity: 0.75; */
			opacity: 0.50;
			transition: 		opacity .3s ease-in-out; 
			-moz-transition: 	opacity .3s ease-in-out;
			-webkit-transition: opacity .3s ease-in-out; 
			-o-transition: 		opacity .3s ease-in-out; 
			-ms-transition: 	opacity .3s ease-in-out; 
			}

/* Scroll to Top */
#toTopHover {
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
	}



/* *************************************************************************************************** */
/* IV. misc.css CSS3 ********************************************************************************* */
/* *************************************************************************************************** */

/* ************************************************************* */
/* i. Landing Page Tab UI CSS3 Styles ************************** */
/* ************************************************************* */
ul.page_ui_nav_list li a {
	text-shadow: #fff;
	border-radius: 			2px 2px 0 0;
	-moz-border-radius: 	2px 2px 0 0;
	-webkit-border-radius: 	2px 2px 0 0;
	box-shadow: 			0 -1px 3px #eee;
	-moz-box-shadow: 		0 -1px 3px #eee;
	-webkit-box-shadow: 	0 -1px 3px #eee;
	transition: 			.3s ease-in-out; 
	-moz-transition: 		.3s ease-in-out;
	-webkit-transition: 	.3s ease-in-out; 
	-o-transition: 			.3s ease-in-out; 
	-ms-transition: 		.3s ease-in-out; 
	}
	ul.page_ui_nav_list li a:hover {
		transition: 		.3s ease-in-out; 
		-moz-transition: 	.3s ease-in-out;
		-webkit-transition: .3s ease-in-out; 
		-o-transition: 		.3s ease-in-out; 
		-ms-transition: 	.3s ease-in-out; 
		}



/* ************************************************************* */
/* ii. Tab Menu ************************************************ */
/* ************************************************************* */
ul#tabbedmenu li a {
	text-shadow: #fff;
	border-radius: 			2px 2px 0 0;
	-moz-border-radius: 	2px 2px 0 0;
	-webkit-border-radius: 	2px 2px 0 0;
	box-shadow: 			0 -1px 3px #eee;
	-moz-box-shadow: 		0 -1px 3px #eee;
	-webkit-box-shadow: 	0 -1px 3px #eee;
	transition: 			.3s ease-in-out; 
	-moz-transition: 		.3s ease-in-out;
	-webkit-transition: 	.3s ease-in-out; 
	-o-transition: 			.3s ease-in-out; 
	-ms-transition: 		.3s ease-in-out; 
	}
	ul#tabbedmenu a:hover {
		transition: 		.3s ease-in-out; 
		-moz-transition: 	.3s ease-in-out;
		-webkit-transition: .3s ease-in-out; 
		-o-transition: 		.3s ease-in-out; 
		-ms-transition: 	.3s ease-in-out; 
		}



/* *************************************************************************************************** */
/* V. typography.css CSS3 **************************************************************************** */
/* *************************************************************************************************** */

/* ************************************************************* */
/* i. Footer Typography **************************************** */
/* ************************************************************* */
#ascd_footer_column_left h2,
.ascd_footer_columns h2 {
	text-shadow: 1px 1px 1px #484848;
	}



/* ************************************************************* */
/* ii. Table with Data ***************************************** */
/* ************************************************************* */
table.table_data_list {}
	table.table_data_list tr,
	table.table_data_list th,
	table.table_data_list td {}
	table.table_data_list th {
		
		/* Safari 4-5, Chrome 1-9 */
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f7f4e1), to(#ece8cd));
		/* Safari 5.1, Chrome 10+ */
		background: -webkit-linear-gradient(top, #ece8cd, #f7f4e1);
		/* Firefox 3.6+ */
		background: -moz-linear-gradient(top, #ece8cd, #f7f4e1);
		/* IE 10 */
		background: -ms-linear-gradient(top, #ece8cd, #f7f4e1);
		/* Opera 11.10+ */
		background: -o-linear-gradient(top, #ece8cd, #f7f4e1);
		}
	table.table_data_list td {}
		
		table.table_data_list tr.even {
			
			/* Safari 4-5, Chrome 1-9 */
			background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fffef7), to(#fffce8));
			/* Safari 5.1, Chrome 10+ */
			background: -webkit-linear-gradient(top, #fffce8, #fffef7);
			/* Firefox 3.6+ */
			background: -moz-linear-gradient(top, #fffce8, #fffef7);
			/* IE 10 */
			background: -ms-linear-gradient(top, #fffce8, #fffef7);
			/* Opera 11.10+ */
			background: -o-linear-gradient(top, #fffce8, #fffef7);
			}
		table.table_data_list tr.odd {
			
			/* Safari 4-5, Chrome 1-9 */
			background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#fdfdfb));
			/* Safari 5.1, Chrome 10+ */
			background: -webkit-linear-gradient(top, #fdfdfb, #fff);
			/* Firefox 3.6+ */
			background: -moz-linear-gradient(top, #fdfdfb, #fff);
			/* IE 10 */
			background: -ms-linear-gradient(top, #fdfdfb, #fff);
			/* Opera 11.10+ */
			background: -o-linear-gradient(top, #fdfdfb, #fff);
			}