@charset "utf-8";

body {
	font-size: 80.5%;
}

.page {width:100%; margin: 0px; padding: 0px; overflow: hidden;}

/* BEGINING OF TOP GRAY BAR CONTAINER **********************************************************/

.page header #top_container_bg #top_container #elac_title {
	position: relative;
	float: left;	
	width: 22%;
	line-height: 15px;
	border: 0px solid red;
}

.page header #top_container_bg #top_container #elac_title img#logo4smallsize {
	width: 50%;	
	display: block;

}

.page header #top_container_bg #top_container #elac_title h1 {
	display: none;
}

.page header #top_container_bg #top_container #link_menu {
	width: 76%;
	margin: 0px auto;
	position: relative;
	display: block;
	float: left;	
	line-height: 15px;
	text-align: center;	
}


.page header #top_container_bg #top_container #link_menu ul
{
	margin: .5% 0 0 0;
	padding: 0px;
	list-style: none;
}

.page header #top_container_bg #top_container #link_menu ul li
{		
	display: inline;
}

.page header #top_container_bg #top_container #link_menu ul li:not(:last-child) {  
	padding: 0.5% 1.3% 0% .7%;
	border-right: 1px dashed #514d3f; 
}

.page header #top_container_bg #top_container #link_menu ul li a
{
	font-size: 83%;
	text-decoration: none;	
}

.page header #top_container_bg #top_container #link_menu ul li a:hover
{
	color: #FFFFFF;
	text-decoration: underline;	
	font-size: 83%;	
}

.page header #top_container_bg #top_container #search_container {	
	width: 40%;	
	height: auto;
	margin: 0px auto;
	padding: 0px 0px 0px 20%;
	float: left;
	text-align: center;	
}

.gsc-search-box td.gsc-input {
	width: 35%;
}

.page header #top_container_bg #top_container #search_container .cse input.gsc-search-button,
.page header #top_container_bg #top_container #search_container input.gsc-search-button {
	width: 12%;
}


.page header #top_container_bg #top_container #search_container form#cse-search-box {
	margin:0px auto;
	padding:0px;	
	display: inline;
}

.page header #top_container_bg #top_container #search_container form#cse-search-box input[type="text"]
{
	margin: 0px;
	width: 33%;
	height: 14%;
	font-size: 1.05em;
}

.page header #top_container_bg #top_container #search_container form#cse-search-box input[type="submit"]
{
	margin-top: .6%;
	width: 12%;
	height: 22%;
	font-size: 1.11em;
	border: 1px solid #00adab;
}

/* ENDING OF TOP GRAY BAR CONTAINER **********************************************************/ 

.clear-column { clear: both; line-height: 1px; }

/* BEGINING OF SECOND TOP GREEN BAR CONTAINER **********************************************************/
.page header #logo_container_bg { 
	border-bottom: 3px solid #FFFFFF; 
}

.page header #logo_container_bg #logo_container { 
	padding: 2px;
}

.page header #logo_container_bg #logo_container #elac_logo {
	display: none;
}

.page header #logo_container_bg #logo_container #elac_logo a.logo {	
	text-decoration: none;	
}

.page header #logo_container_bg #logo_container #elac_logo a.logo img {
	display: none;
}


.page header #logo_container_bg #logo_container #main_menu {
	width: 99%;
	text-align: left;	
}

.page header #logo_container_bg #logo_container #main_menu ul.tabs {
	width: 81%;
	margin: 2% 0 0 .2%;	
}

.page header #logo_container_bg #logo_container #main_menu ul.tabs li {	
	padding: .8% .5% .6% .5%;
	font-size: 90%;
	font-weight: 600;
	border: 0px solid red;
}

.page header #logo_container_bg #logo_container #main_menu ul.tabs li:hover,
.page header #logo_container_bg #logo_container #main_menu ul.tabs li.selected
{
	font-size: 90%;
	font-weight: 680;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.page header #logo_container_bg #logo_container #main_menu ul.tabs li > div {
	top: 108%;	
}

.page header #logo_container_bg #logo_container #main_menu #socialMedia_container {
	width: 18%;
	text-align: right;	
}

.page header #logo_container_bg #logo_container #main_menu #socialMedia_container div {
	margin: 3% .5% 0 0;	
	text-align: right;	
}

.page header #logo_container_bg #logo_container #main_menu #socialMedia_container div a {
	margin: .5% .8% 0 1%;	
}


/* ENDING OF SECOND TOP GREEN BAR CONTAINER **********************************************************/

/* BEGINING OF ORANGE AND YELLO CONTENT CONTAINER BAR CONTAINER **********************************************************/

.page .content_container .top_content_container { 
	height: auto;
	border-bottom: 0px solid #e6d9ac;	
}

.page .content_container .top_content_container .img_toprow { 
	width: 100%; 
	height: auto;
}

.page .content_container .top_content_container .img_toprow .main_menu_listing {
	top: -3px;
 }

.page header #logo_container_bg #logo_container #main_menu ul.tabs li > div {
	font-size: 82%;
 }
 
.page header #logo_container_bg #logo_container #main_menu ul.tabs li > div p { padding:0px 4px 0px 1px; }

.page header #logo_container_bg #logo_container #main_menu ul.tabs li > div p a {display: inline;padding:0px 4px 0px 1px;text-decoration: none; height:22px; color: #4c4a42; }

.page header #logo_container_bg #logo_container #main_menu ul.tabs li > div p a:not(:last-child) {  border-right: 1px solid #bdc3c5; }
.page header #logo_container_bg #logo_container #main_menu ul.tabs li > div p a:hover {text-decoration: underline; color: #235940; }

.page header #logo_container_bg #logo_container #main_menu ul.tabs li > div p#t1 {
	margin-left: 2px;
}

.page header #logo_container_bg #logo_container #main_menu ul.tabs li > div p#t2 {
	margin-left: 1px;
}

.page header #logo_container_bg #logo_container #main_menu ul.tabs li > div p#t3 {
	margin-left: 1px;
}

.page header #logo_container_bg #logo_container #main_menu ul.tabs li > div p#t4 {
	margin-left: 1px;
}

.page header #logo_container_bg #logo_container #main_menu ul.tabs li > div p#t5 {
	margin-left: 1px;
}


.page .content_container .top_content_container .right_nav { 
	width: auto;
	height: auto;		
	overflow: hidden;	
}

.page .content_container .top_content_container .right_nav #top_register {
	width: 100%;
	margin-left: 12%;
	padding: 4px 0px 4px 4px;
	background: #fdb813 url(../images/sun_bg.jpg) no-repeat 98px 11px;
	background-size: 21% 80%;		
}

.page .content_container .top_content_container #top_register div.circle_register {
	width: 88px;
	height: 88px;
	background-color: rgba(255,255,255,1.0);
	line-height: 18px;
}

.page .content_container .top_content_container .right_nav #top_register div.circle_register a {
	font-size: .95em;
}

.page .content_container .top_content_container .right_nav #top_register div.circle_register a span#sg {	
	font-size: .95em;
}

.page .content_container .top_content_container .right_nav #mid_onlinelearning {	
	border-top: 6px solid #e6d9ac;
	border-left: 6px solid #e6d9ac;
	border-right: 0px solid #598cb7;
	border-bottom: 3px solid #e6d9ac;		
}

.page .content_container .top_content_container .right_nav #mid_onlinelearning a.onlinelearning img {
	width: 100%;
	height: auto;
}

.page .content_container .top_content_container .right_nav #bottom_library {
	border-top: 3px solid #e6d9ac;
	border-left: 6px solid #e6d9ac;
	border-right: 0px solid #009291;
	border-bottom: 6px solid #e6d9ac;		
}

.page .content_container .top_content_container .right_nav #bottom_library a.library img {
	width: 100%;
	height: auto;
}

.promo_panel .left_nav_container {
	width: auto;
	height: auto;		
}

.promo_panel .left_nav_container .vert_box > h2 {
	font-size: 120%;	
}	

.promo_panel .left_nav_container .vert_box #box_content {	
	width: 100%;
	height: 95%;
	border: 0px dotted red;
}

.promo_panel .left_nav_container .vert_box #box_content div {
	margin: 2px 0px;
}

.promo_panel .left_nav_container .vert_box #box_content div.extra-bcontent
{
	width: 100%; 
	background-color: rgba(250, 250, 250, 0.05); 
	text-align: center; 
	border-bottom: 1px dotted #ffffff; 
	display: block; 
	border-radius: 0px;
}

.promo_panel .left_nav_container .vert_box #box_content div.extra-bcontent > a
{
	font-size: 80%; 
}

.promo_panel .left_nav_container .vert_box #box_content div.extra-bcontent > span
{
	font-size: 75%; 
}	

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.promo_panel .left_nav_container .vert_box #box_content div > div.leftcol {
	width: 99%;
	margin: 0px;
	padding: 0px;
	position: relative;
	display: block;
	float: none;
	border: 0px solid white;
}

.promo_panel .left_nav_container .vert_box #box_content div > div.leftcol > h3 {
	width: auto;
	padding: 2px 0px;		
	font-size: 90%;
	background-color: transparent;
	color: #fbfe01;
	float: left;
	text-transform: capitalize;
}

.promo_panel .left_nav_container .vert_box #box_content div > div.leftcol > h3:after {
	content: "., ";
}

.promo_panel .left_nav_container .vert_box #box_content div > div.leftcol > p {
	width: auto;		
	padding: 2px 5px;
	line-height: 120%;
	font-size: 90%;
	text-align: left;
	float: left;
	text-transform: capitalize;
	font-weight: bold;
	color: #fbfe01;
}

.promo_panel .left_nav_container .vert_box #box_content div > div.rightcol {
	width: 100%;
	margin: 0px;
	padding: 0px;
	position: relative;
	display: block;
	text-align: left;
	border: 0px solid white;
	clear: both;

}

.promo_panel .left_nav_container .vert_box #box_content div > div.rightcol > h3 {
	padding-top: 0px;
	font-size: 88%;
	line-height: 150%;
	margin: 0 0 .4em 0;
	text-transform: capitalize;
}

.promo_panel .left_nav_container .vert_box #box_content div > div.rightcol > h3 > a  {
	text-decoration: none;
	color: #fdb813;	
}

.promo_panel .left_nav_container .vert_box #box_content div > div.rightcol > p {
	/* margin-left: 10px; */
	line-height: 150%; 
	font-size: 85%; 
	margin-bottom: .3em;
}

/*===================================================================*/

.promo_panel .left_nav_container .vert_box #box_content div > h3 {
	padding-top: 0px;
	font-size: 85%;
	line-height: 120%;
	margin: 0 0 .4em 0;
	text-transform: capitalize;
}

.promo_panel .left_nav_container .vert_box #box_content div p {
	/* margin-left: 10px; */
	line-height: 130%; 
	font-size: 85%; 
	margin-bottom: .2em;
	/* font-style: italic; */
}
/**************END OF NEW ADDED******************/

a.cta { 
	background: url(../images/cta_arrow.png) no-repeat right -53px; 
}

a.cta:hover {  color: #de9000; background-position: right -3px; }

.page .content_container .bottom_content_container {
	margin-top: -15px;
	padding: 6px 0px 0px 0px; 
}	

.page .content_container .bottom_content_container .thumbnail_nav_container { 	
	width: 100%;
	height: auto;
	margin: 0% auto 1% auto;
	clear: both; 	
}

.page .content_container .bottom_content_container .thumbnail_nav_container .news_containter {		
	border: 0px dotted red;
}

.page .content_container .bottom_content_container .thumbnail_nav_container .news_containter > ul.news_section {
	width: 100%;
	height: 33px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;	
}

.page .content_container .bottom_content_container .thumbnail_nav_container .news_containter > ul.news_section > li:first-child {
	height: 100%;	
	padding: 2.6% 0;		
}

.page .content_container .bottom_content_container .thumbnail_nav_container .news_containter > ul.news_section > li > a {
	font-size: 90%;	
}

.page .content_container .bottom_content_container .thumbnail_nav_container .news_containter > ul.news_section > li:not(first-child) {
	width: 26.3%;
	height: 65px;
	margin: 0 .4%;
}


.page .content_container .bottom_content_container .thumbnail_nav_container .thumbnail_container {	
	padding: .7% .6%;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;		
}

.page .content_container .bottom_content_container .thumbnail_nav_container .thumbnail_container .content {
	width: 60%;
	height: 55px;
	margin: 2% 4% 2% 38%;
	padding: 0px;
	text-align: center;
	line-height: 16px;
	border: 0px dotted red;
}

.page .content_container .bottom_content_container .thumbnail_nav_container .thumbnail_container .content a {
	font-size: 80%;
}

/*
.page .content_container .bottom_content_container .thumbnail_nav_container .thumbnail_container:not(:last-child) {
	margin: 0 0 0 1%;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;		
}

.page .content_container .bottom_content_container .thumbnail_nav_container .thumbnail_container:not(:last-child) .content {
	height: auto;
	margin: 2% 2% 2% 42%;
	line-height: 16px;
}
*/
.page .content_container .bottom_content_container .thumbnail_nav_container .thumbnail_container .content.pm {
	border-top: 5px solid #46bab7;
}

.page .content_container .bottom_content_container .thumbnail_nav_container .thumbnail_container .content.pm:hover {
	border-top: 5px solid #03b8b3;
}

.page .content_container .bottom_content_container .thumbnail_nav_container .thumbnail_container .content.pm:hover a {
	color: #03b8b3;
}


.page .content_container .bottom_content_container .thumbnail_nav_container .thumbnail_container .content.ln {
	border-top: 5px solid #ed6f7d;
}

.page .content_container .bottom_content_container .thumbnail_nav_container .thumbnail_container .content.ln:hover {
	border-top: 5px solid #ea061f;
}

.page .content_container .bottom_content_container .thumbnail_nav_container .thumbnail_container .content.ln:hover a {
	color: #ea061f;
}

.page .content_container .bottom_content_container .thumbnail_nav_container .thumbnail_container .content.ue {
	border-top: 5px solid #a587c3;
}

.page .content_container .bottom_content_container .thumbnail_nav_container .thumbnail_container .content.ue:hover {
	border-top: 5px solid #6302c4;
}

.page .content_container .bottom_content_container .thumbnail_nav_container .thumbnail_container .content.ue:hover a {
	color: #6302c4;
}

.page .content_container .bottom_content_container .thumbnail_nav_container .thumbnail_container .content.vpam {
	border-top: 5px solid #ffd14f;
}

.page .content_container .bottom_content_container .thumbnail_nav_container .thumbnail_container .content.vpam:hover {
	border-top: 5px solid #fbbb05;
}

.page .content_container .bottom_content_container .thumbnail_nav_container .thumbnail_container .content.vpam:hover a {
	color: #fbbb05;
}


.page .content_container .bottom_content_container .thumbnail_nav_container .thumbnail_container .content.gelac {
	border-top: 5px solid #60bceb;
}

.page .content_container .bottom_content_container .thumbnail_nav_container .thumbnail_container .content.gelac:hover {
	color: #069dea;
	border-top: 5px solid #069dea;
}

.page .content_container .bottom_content_container .thumbnail_nav_container .thumbnail_container .content.gelac:hover a {
	color: #069dea;	
}

/* NEWS SECTION CONTAINER */
figcaption {
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	filter: alpha(opacity=80);
	opacity: 0.8;
	top: 55%;
}

figcaption h3 a,
figcaption h3 {		
	font-weight: 500;
	padding: 1px;
	margin-top: 0px;
	font-size: 13px;
}

figcaption p {
	padding: 1px;
	margin-bottom: 1px;
	font-size: 10px;
	line-height: 110%;
}

figcaption a.newslinkssection {
	margin-top: 2px;
	padding: 1px 2px;
}	
/* END OF NEWS SECTION CONTAINER */

.page .content_container .bottom_content_container .bottom_list { 	
	margin-top: 5px;
	padding-bottom: 8px;
}
.page .content_container .bottom_content_container .bottom_list .btm_left {
	width: 70%;
	margin: 0px;
	padding: 0px;
	float: left;	
}

.page .content_container .bottom_content_container .bottom_list .btm_left h1 {
	margin: 12px auto;
	font-size: 2.1em;
}

.page .content_container .bottom_content_container .bottom_list .btm_left .catagory_links {
	margin: 2% 1% 3% 1%;
	line-height: 125%;
}

.page .content_container .bottom_content_container .bottom_list .btm_left .catagory_links h4 {
	font-size: 92%;
}

.page .content_container .bottom_content_container .bottom_list .btm_left .catagory_links .link_con, 
.page .content_container .bottom_content_container .bottom_list .btm_left .catagory_links #link_con {
	line-height: 140%;
	margin: 0px 0px 0px 8px;
}

.page .content_container .bottom_content_container .bottom_list .btm_left .catagory_links .link_con a, 
.page .content_container .bottom_content_container .bottom_list .btm_left .catagory_links #link_con a {	
	font-size: 72%;
	font-weight: 500;
}	

.page .content_container .bottom_content_container .bottom_list .btm_left .catagory_links .link_con a:hover, 
.page .content_container .bottom_content_container .bottom_list .btm_left .catagory_links #link_con a:hover {
	color: #235940;
	font-weight: 500;
}

.page .content_container .bottom_content_container .bottom_list .btm_right {
	margin-top: 0.08%;
	width: 29%;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;	

}

.page .content_container .bottom_content_container .bottom_list .btm_right #btm_right_contents_container {
	padding: 18px;
}

.page .content_container .bottom_content_container .bottom_list .btm_right #btm_right_contents_container h3 {	
	font-size: 1.1em;
	margin: 0 0 .75em 0;
	font-weight: 550;
}

.page .content_container .bottom_content_container .bottom_list .btm_right #btm_right_contents_container p {
	margin: 0px 0px 0px 8px;	
	line-height: 18px; 
	font-size: 85%; 
	margin-bottom: .2em;
}

.page .content_container .top_content_container .img_toprow .promo_panel .img_holder .com_message {
	width: 55%; 
	height: auto;
	top: 73%;
	left: 21%;
	font-size: 95%;
}

/* For Slider */
#buttons div#left-cols a,
#buttons div#right-cols a {	
	font-size: 30px;
}
/* END OF Slider */

.page .content_container .top_content_container .img_toprow .promo_panel .img_holder .com_message h3 {
	font-size: 115%;
	font-weight: 700;
}

/* ENDING OF ORANGE AND YELLO CONTENT CONTAINER BAR CONTAINER **********************************************************/

/* FOOTER */
.page footer 
{ 	
	width: 100%;
	height: auto; 	
}

.page footer .f_container {
	margin: 5px auto;
}	

.page footer .f_container > #f_left ul li {	
	padding: 0px 3px;	
}

.page footer .f_container > #f_left ul li a {	
	font-size: .83em;
}

.page footer .f_container > #f_left > p {
	font-size: .85em;
}

.page footer .f_container > #f_right > ul.bottom-right-listing > li:last-child {
	line-height: 13px;
	margin-right: 1px;
	font-size: .75em;
}

.page footer .f_container > #f_right > ul.bottom-right-listing > li > a {		
	text-decoration: none;
}

.page footer .f_container > #f_right > ul.bottom-right-listing > li > a > img#student-success-scorecard {
	width: 90%;	
}

.page footer .f_container > #f_right > ul.bottom-right-listing > li > a > img#vote {
	width: 90%;
}

div#hitCount {
	width: 80%;
	font-size: 0.90em;
	margin: 0px auto;
	padding: 1px;
}

/* END OF FOOTER */

div.SE_left_column
{
	width: 60%;
	margin: 0px auto;	
	float: none;
}

/* BEGINNING OF TOP LINK */

.symbol, a.symbol:before {
	font-size: 32px;		
}

a.symbol:before {
	margin-right: 0.15em;
}

a.symbol {	
	font-size: 32px;	
}

a.symbol:hover {	
	font-size: 32px;	
}