@charset "UTF-8";
/* CSS Document */

/*RESET*/
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent; }
body { line-height:1; }
ol,ul { list-style:none; }
blockquote,q { quotes:	none; }
blockquote:before,blockquote:after,q:before,q:after { content:'';content:none; }
ins { text-decoration:none; }
del { text-decoration:line-through; }
table { border-collapse:collapse;border-spacing:0; }
/*END RESET*/

/* SELF-CLEARING FLOATS */
#content:after,
#primary-nav:after,
.mod:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* END SELF CLEANING FLOATS */

/* GLOBAL SYTYLES */
body {
	color: #000;
	font: normal 100% "Trebuchet MS", Arial, Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
	padding: 0 !important;
	margin: 0 !important;
}
#sr-only-skip-link{
	position: absolute !important;
	width: 1px; height: 1px;
	padding: 0; margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0); clip-path: inset(50%);
	border: 0;
}
a:link,
a:visited {
	color: #436d97;
	text-decoration: none;
}
a:hover,
a:focus {
	text-decoration: underline;
}
abbr,
acronym {
	cursor: help;
}
input.text,
textarea {
	border: 1px solid #7C7C7C;
	border-color: #7C7C7C #7C7C7C #C3C3C3 #C3C3C3;
}
input, select, textarea{
	font-size:100%;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
hr,
.skip {
	left: -1000em;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 0;
}
/* END GLOBAL STYLES */

/* MASTHEAD: GLOBAL HEADER ELEMENTS */
#masthead {
	width: 960px;
	margin: 0 auto 0;
	padding-top: 17px;
	position: relative;
	height: 84px;
	z-index: 10;
}
#masthead .title {
	position: absolute;
	top: 126px;
	left: 25px;
	color: #FFF;
	font-size: 48px;
	font-weight: normal;
	line-height: 48px;
	margin: 0 auto;
	padding: 0;
}
#mastheadBg{
	position:absolute;
	width:50%;
	height:60px;
	background-color:#659933;
	left:0;
	top:35px;
}

#primary-nav { position: absolute; top: 74px;  }/*width was 50%*/
#nav {
	margin: 0;
	float: left;
}
#nav li {
	float: left;
	margin: 0 24px 0 0;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: .1em;
}
#nav li a {
	color: #666666;
}
#nav li a:hover,
#nav li a:focus {
	text-decoration: none;
}
/*
#nav li.nav-home a.active,
#nav li.nav-home a:hover {
	color: #87ae5c;
}
#nav li.nav-catalog a.active,
#nav li.nav-catalog a:hover {
	color: #396e8f;
}
#nav li.nav-learningPlan a.active,
#nav li.nav-learningPlan a:hover {
	color: #e8b921;
}*/
#nav li a.active,
#nav li a:hover {
	color: #21345f;
}

/* Utility Navigation */

#util-nav {
	position: absolute;
	top: 9px; /*was 74px*/
	right: 0;
	wid th: 400px; /*was 285px*/
	z-index:10;
}
#util-nav li {
	margin: 0 17px 0 0;
	font-size: 11px;
	text-tra nsform: lowercase;
	font-weight: bold;
	float: left;
}
#util-nav li.last {
	margin: 0;
}
#util-nav li span {
	text-tran sform: uppercase;
}
#util-nav li a {
	color: #1f82ae;
	text-tran sform: uppercase;
}
#util-nav li a:hover,
#util-nav li a:focus {
	color: #B29336;
	text-decoration: none;
}
#util-nav li.util-nav-global {
	margin-right: 0;
	position: relative;
	width: 102px;
}
#util-nav li.util-nav-global a {
	width: 102px;
}
#util-nav li.util-nav-global ul {
	background: #FFF;
	background: rgba(255,255,255,.95);
	border: 1px solid #dedede;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 2px 2px 5px #888;
	-webkit-box-shadow: 2px 2px 5px #888;
	left: -1000em;
	margin: 0;
	padding: 2px 0 4px;
	position: absolute;
	top: -2px;
	z-index: 20;
}
#util-nav li.util-nav-global:hover ul,
#util-nav li.ie-hover ul {
	left: 0;
}
#util-nav li.util-nav-global ul li {
	margin: 0 3px;
	padding: 0;
	border-bottom: 1px dotted #e1e1e1;
	width: 96px;
}
#util-nav li.util-nav-global ul li.last {
	border-bottom: none;
}
#util-nav li.util-nav-global ul li a {
	text-indent: 0;
	background-image: none;
	height: auto;
	text-transform: none;
	padding: 5px 5px;
	cursor: pointer;
	font-size: 11px;
}

/* Search Utility */

#nav-search {
	background: url('../img/bg-search.gif') 0 0 repeat-x;
	width: 229px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #ccc;
	position: absolute;
	top: 28px;
	right: 53px;
}
#nav-search input {
	background: transparent;
	border: none;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 200px;
	padding: 5px 3px 1px;
	font-size: 11px;
	color:#333333;
	margin-top: 1px;
}
#nav-search label {
	position: absolute;
	left: -9999px;
}
#nav-search p.action {
	height: 23px;
	width: 27px;
	border-left: 1px dotted #ccc;
	float: right;
}
#nav-search p.action input {
	width: 27px;
	height: 23px;
	padding: 0;
	margin: 0;
}
/* END MASTHEAD */

/* FOOTER: GLOBAL FOOTER ELEMENTS */
#footer {
	border-top: 1px solid #abadad;
	padding: 20px 0 50px;
	clear:both;
}
#foot-nav {
	width: 705px;
	float: left;
	margin: 3px 0 7px;
}
#foot-nav li {
	font-size: .625em; /* 10/16 = .625 */
}
#social-nav {
	width: 255px;
	padding: 0;
	float: right;
	text-align:right;
}
#social-nav h2 {
	font-size: 9px;
	text-transform: uppercase;
	margin: 5px 0 0 0;
	color: #7b8484;
}
#social-nav li {
	float: right;
	height: 16px;
	width: 16px;
	margin: 3px 0 0 10px;
}
#social-nav a {
	background:transparent url(../img/ico-social.gif) no-repeat;
    display:block;
    text-indent:-9999px;
    width:16px;
	height:16px;
}
#social-nav span{
	display:none;
}
#social-nav .soc-twitter{
	background-position:-48px 0;
}
#social-nav .soc-youtube{
	background-position:-32px 0;
}
#social-nav .soc-facebook{
	background-position:-16px 0;
}
#social-nav .soc-ucern{
    background-position-x:0;
}
p.copyright {
	font-size: 8px; /* 10/16 = .625 */
	color: #a5a5a5;
	width: 705px;
	float: left;
	text-transform: uppercase;
}
#foot-nav li {
	float: left;
	margin-right: 20px;
}
#foot-nav li a {
	color: #7b8484;
	text-transform: uppercase;
	font-size: 10px;
}
/* END GLOBAL FOOTER ELEMENTS */

/* LAYOUT ELEMENTS */
#content,
#footer {
	width: 960px;
	margin: 0 auto;
}

/* END LAYOUT ELEMENTS */

/* CAROUSEL STYLES */

.jcarousel-skin-custom .jcarousel-container {
    background: url(../img/carousel-shadow.png) no-repeat center 100px;
}

.jcarousel-skin-custom .jcarousel-container-horizontal {
    width: 764px;
    padding: 0 20px 4px 20px;
		margin: 0 auto 20px auto;
}
.jcarousel-skin-custom .jcarousel-clip-horizontal {
    width:  764px;
    height: 116px;
}
.jcarousel-skin-custom .jcarousel-item {
    width: 187px;
    height: 108px;
		padding: 4px 2px 4px 2px;
}

.jcarousel-skin-custom .jcarousel-item-horizontal {
	/*
    margin-right: 10px;
	*/
}
.jcarousel-skin-custom .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  jQuery carousel
 */
 
.jcarousel-skin-custom .jcarousel-next-horizontal {
    position: absolute;
    top: 48px;
    right: 0;
    width: 15px;
    height: 15px;
    cursor: pointer;
    background: transparent url(../img/ico-arrow-gray-r.png) no-repeat 0 0;
}
.jcarousel-skin-custom .jcarousel-next-horizontal:hover {
}
.jcarousel-skin-custom .jcarousel-next-horizontal:active {
}
.jcarousel-skin-custom .jcarousel-next-disabled-horizontal,
.jcarousel-skin-custom .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-custom .jcarousel-next-disabled-horizontal:active {
    background: transparent url(../img/ico-arrow-gray-r-off.png) no-repeat 0 0;
    cursor: default;
}
.jcarousel-skin-custom .jcarousel-prev-horizontal {
    position: absolute;
    top: 48px;
    left: 0;
    width: 15px;
    height: 15px;
    cursor: pointer;
    background: transparent url(../img/ico-arrow-gray-l.png) no-repeat 0 0;
}
.jcarousel-skin-custom .jcarousel-prev-horizontal:hover {
}
.jcarousel-skin-custom .jcarousel-prev-horizontal:active {
}
.jcarousel-skin-custom .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-custom .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-custom .jcarousel-prev-disabled-horizontal:active {
    background: transparent url(../img/ico-arrow-gray-l-off.png) no-repeat 0 0;
    cursor: default;
}

/* END CAROUSEL STYLES */

/* START OVERLAY */
div#overlay-background {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000000;
	opacity: .7; filter: alpha(opacity=70);
	z-index: 50;
	-moz-box-shadow: 5px 3px 10px #58595b;
	-webkit-box-shadow: 5px 3px 10px #58595b;
	box-shadow: 5px 3px 10px 10000;
}
div.overlay {
	position: relative;
	width: 500px;
	margin: 100px auto 0 auto;
	opacity: 1;
	z-index: 1000;
	padding: 0;
}
div.overlay a.btn-close {
	background: url("../img/close_x.png") no-repeat;
	position: absolute;
	z-index:1000;
	top: 20px;
	right: 30px;
	width: 22px;
	height: 22px;
}
div.overlay a.btn-close span { display: none;}
div.overlay div.content {
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	padding: 15px 50px;
	width: 584px;
	background-color: #ffffff;
	/*background-color: #e6e6e6;
	-moz-box-shadow: 2px 2px 10px #d8d8d8;
	-webkit-box-shadow: 2px 2px 10px #d8d8d8;
	box-shadow: 2px 2px 10px 10000;*/
}
div.overlay .overlay-header {
	background: #ffffff;
	width: 654px;
	height: 40px;	
	padding: 15px 40px 0 40px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	/*background: #b3b3b3;
	-moz-box-shadow: 2px 2px 10px #d8d8d8;
	-webkit-box-shadow: 2px 2px 10px #d8d8d8;
	box-shadow: 2px 2px 10px 10000;*/
}
div.overlay .overlay-header h1 {
	font-size: 16px;
	font-weight: bold;
	color: #58595b;
	float: left;
	padding-right: 30px;
	padding-top: 5px;
}
div.overlay .overlay-descp .img-float {
	width: 75px;
	padding: 0;
}
div.overlay .overlay-descp p {
	font-size: 12px;
	color: #7b8484;
	padding: 0 0 10px 0;

}
.overlay-descp p a {
	margin:4px;

}
div.overlay .overlay-2col { 
	overflow: hidden;
	width: 584px;
}
div.overlay .overlay-2col .col1-overlay { 
	float: left;
	width: 49%;
	overflow:hidden;
}
div.overlay .overlay-2col .col2-overlay { 
	float: right;
	width: 49%;
	overflow:hidden;
}
div.overlay h2 {
	font-size: 20px;
	color: #58595b;
	padding: 10px 0 10px 0;
	font-weight: normal;
}
div.overlay .footer {
	border-top: 1px solid #a5a5a5;
	padding-top: 10px;
	margin-top: 10px;
	text-align: center;
	clear:both;
}
div.overlay .footer a{
	text-decoration:none;
}
div.overlay span.button{
	font-size:.875em;
}
fieldset.default {
	padding-bottom: 15px;
	border-bottom: 1px solid #a5a5a5;
}
.form-group {
  width: 100%;
	padding-bottom: 10px;
	overflow: hidden;
}
div.overlay .form-group label { 
	font-size: 12px;
	color: #58595b;
	float: left;
	width: 124px;
}
div.overlay .form-group input { 
	width: 150px;
}

 /* END OVERLAY */

  /*  Calendar  */
 
 
a.show-cal img { 
	di splay: none; 
	}
a.show-cal { 
	display: block; width: 20px; height: 20px; 
	}



/* Calendar */
.filter-date p.act {
	display: block;
	margin: 1em 0;
}
.filter-date p.act a {
	color: #b29336;
	font-size: 10px;
}
fieldset.range {
	margin: 0.25em 0;
	position: relative;
	z-index: 30;
}
fieldset.active {
	z-index: 100;
}
.filter-date h4 {
	font-size: 18px;
	color: #b29336;
	font-weight: normal;
	margin: 5px 0 5px 0;
	text-transform: lowercase;
}
.filter-date label {
	position: absolute;
	left: -9999px;
}
.filter-date input {
	float: left;
	width: 2em;
	margin: 0 5px 0 0;
}
.filter-date input.year {
	width: 3em;
}

a.show-cal {
	margin: 0 0 0 3px;
	display: block;
	width: 20px;
	float: left;
}
.calendar {
	background: url("../img/calendar-low.png") no-repeat 0 100%;
	font-size: 1.25em;	
	padding-bottom: 5px;
	position: absolute;
	right: 104px;
	text-transform: uppercase;
	top: -113px;
	width: 232px;
	z-index: 50;
}
.calendar div {
	background: url("../img/calendar-top.png") no-repeat;
	padding: 5px 20px 5px 5px;
}
.calendar a:hover {
	text-decoration: none;
}
.calendar table {
	background: #FFF url("../img/calendar-shade.gif");
	border-collapse: collapse;
	text-align: center;
	width: 100%;
}
.calendar caption {
	background: url("../img/calendar-shade.gif") no-repeat 50% 0;
	font-weight: bold;
	padding: 1em;
}
.calendar caption a {
	color: #999;
	padding: 0.5em;
}
.calendar caption a:hover {
	color: #666;
}
.calendar th,
.calendar tbody a {
	padding: 0.6em 0.5em;
}
.calendar td {
	border: 1px solid #FFF;
}
.calendar tbody a {
	background-color: #E3EAF1;
	display: block;
}
.calendar tbody a:hover {
	background-color: #D0D7DD;
}
.calendar td.today a {
	background: #3C6D97;
	color: #FFF;
	text-decoration: none;
}
.text-negative {
	color: #e50000;
}