/*	TASK Menus, navigation, buttons and anything clickable	*/

.top_nav
{	display: block; margin: 0 auto; padding: 5px; text-align: center; 
}
.top_nav
{	
	color: #999;
}

.top_nav ul, .courses_nav ul, .footer_nav ul
{	margin: 0; list-style-type: none; 
}
.top_nav li, .courses_nav li, .footer_nav li, #BotFixed a
{	display:inline-block; padding: 0 10px; margin: 0;
	font-weight: normal;
}	
.bd_r
{	border-right: solid 2px #999;
}
.bd2_r
{	border-right: solid 2px #999;
}
.top_nav li a, .courses_nav li a, .footer_nav li a, .breadcrumbs a
{	text-decoration: none;
	transition: 0.8s;
}
.top_nav li a, .top_nav li a:visited
{	color: #999;
}
.footer_nav li a, .footer_nav li a:visited, #BotFixed a:visited
{	color: #828083;
}	
.top_nav li a:hover, .footer_nav a:hover
{	transition: 0.8s;
	color: #0099ff;
}
.top_nav li a:active, .footer_nav a:active
{	transition: 0.8s;
	color: green;
}
.container_breadcrumbs a, .container_breadcrumbs p
{	margin:0 10px; color:#eee; font-size:10pt; text-decoration:none;
}
.container_breadcrumbs a:hover
{	text-decoration:underline;
}
@media screen and (min-width: 300px) and (max-width: 450px)
{	.top_nav li, .courses_nav li, .footer_nav li, .copyright, .author
	{	font-size:10pt;	}
.copyright, .author
{	margin-left: 5px; text-align:center; color:#828083;
}
.footer_nav
{	display: block; margin: 0 auto; padding: 0; text-align: center; 
	background-color: #212121;
	color: #828083;
}
}
@media screen and (min-width: 450px) and (max-width: 1300px)
{	.top_nav
	{	margin-top: 5px;	}
	.top_nav li, .courses_nav li, .footer_nav li, .copyright, .author
	{	font-size:12pt;	}
.copyright, .author
{	margin-left: 5px; text-align:left; color:#828083;
}
.footer_nav
{	display: block; margin: 0 auto; padding: 0; text-align: right; 
	background-color: #212121;
	color: #828083;
}
}
@media screen and (min-width: 1300px)
{	.top_nav
	{	margin-top: 21px;	}
	.top_nav li, .courses_nav li, .footer_nav li, #BotFixed a, .copyright, .author
	{	font-size:12pt;	}
.copyright, .author
{	margin-left: 5px; text-align:left; color:#828083;
}
.footer_nav
{	display: block; margin: 0 auto; padding: 5px; text-align: right; 
	background-color: #212121;
	color: #828083;
}
}
.two_panel_container a
{
    display: block;
    text-align: left;text-decoration:none;
    color: #eee;
    font-size: 11pt;
    font-weight: normal;
    margin: 10px 10px 20px 30px;
}
.two_panel_container a:hover
{	text-decoration:underline;
}
#container_main a, #container_find a, #container_join_mailing a
{	transition: 0.8s;
	color:#76beea;
	font-weight:bold;
}
#container_main a:hover,#container_find a:hover, #container_join_mailing a:hover
{	transition: 0.8s;
	color:#0099ff;
	text-decoration:none;
}
.next_link
{	transition: 0.8s;
	fill: #76beea;
}
.next_link:hover
{	transition: 0.8s;
	fill: #0099ff;
}
a.Page_Link
{	transition: 0.8s;
	color:#76beea;
	font-weight:bold;
}
a.Page_Link:hover
{	transition: 0.8s;
	color:#0099ff;
	text-decoration:none;
}
#container_rc a
{	background: #fff;
	margin: 0 0 5px 0;
	font-size: 14pt;
	text-decoration: none;
color: #0099ff;
	transition: 0.8s;
}
#PageNav
{	display: block; margin: 35px auto 5px auto; padding: 0; text-align: right; 
}
.MenuFixed_nav
{	display: block; margin: 0 auto; padding: 10px; text-align: center; 
}
#PageNav > a, .MenuFixed_nav > a {
	display: none;
}
#PageNav li, .MenuFixed_nav li {
	position: relative;list-style: none;
}
#PageNav li a, .MenuFixed_nav li a
{	color: #fff;	display: block;
}
#PageNav li a:active, .MenuFixed_nav li a:active
{	color: #f98e00 !important;
}
#PageNav span:after, .MenuFixed_nav span:after
{	width: 0;height: 0;right: -0.313em; /* 5 */
	border: 0.313em solid transparent; /* 5 */	border-bottom: none;border-top-color: #999;
	content: '';
	vertical-align: middle;
	display: inline-block;	position: relative;
}
/* first level */
.MenuFixed_nav > ul
{	background-color: #0f0f0f;margin:0 !important;text-align:center;
}
#PageNav > ul
{	background-color: #0f0f0f;margin:0 !important;text-align:right;
}
#PageNav > ul > li, .MenuFixed_nav > ul > li
{	display:inline-block;	height: 100%;
}
#PageNav > ul > li > a, .MenuFixed_nav > ul > li > a
{	text-decoration:none;color: #999;}
#PageNav > ul > li, .MenuFixed_nav > ul > li
{	transition: 0.8s;
	height: 100%;padding: 0 10px;
	font-size: 12pt; font-weight:bold;
	
	text-align: center;color: #999;
}
#PageNav > ul > li:not( :last-child ), .MenuFixed_nav > ul > li:not( :last-child )
{	border-right:solid 2px #999;
}
#PageNav > ul > li:hover, #PageNav > ul:not( :hover ) > li.active, .MenuFixed_nav > ul > li:hover, .MenuFixed_nav > ul:not( :hover ) > li.active
{	transition: 0.8s;color:#0099ff;
}
/* second level */

#PageNav li ul, .MenuFixed_nav li ul {
	z-index:11; background-color: #eee;width:200px;transition: 0.8s;
	display: none;
	position: absolute;
	top: 100%;
	margin-left:-100%;
}
#PageNav li:hover ul, .MenuFixed_nav li:hover ul
{	display: block;
	left: 0;
	right: 0;
}
#PageNav li:not( :first-child ):hover ul, .MenuFixed_nav li:not( :first-child ):hover ul
{	transition: 0.8s;left: 0px;
}
#PageNav li ul li:nth-of-type(1), .MenuFixed_nav li ul li:nth-of-type(1)
{	border-top: solid 2px #999;}

#PageNav li ul a, .MenuFixed_nav li ul a
{	transition: 0.8s;font-size: 12pt;color: #555555; font-weight:bold;
	text-decoration:none;
	border-bottom: solid 2px #999;
	padding: 8px;
}
#PageNav li ul li a:hover, #PageNav li ul:not( :hover ) li.active a, .MenuFixed_nav li ul li a:hover, .MenuFixed_nav li ul:not( :hover ) li.active a
{	transition: 0.8s;color:#0099ff;
}