@charset "utf-8";
/* CSS Document */
@import url("http://fonts.googleapis.com/css?family=Didact+Gothic");
@import url("http://fonts.googleapis.com/css?family=Capriola");
@import url("http://fonts.googleapis.com/css?family=Arimo:400,700,400italic,700italic");

.container-fluid {
  padding-right: 10px;
  padding-left: 10px;
  margin-right: auto;
  margin-left: auto;
}
.row {
  margin-right: -10px; /* -15px; */
  margin-left: -10px; /* -15px; */
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 10px; /* 15px */
  padding-left: 10px; /* 15px */
}
div {
  -webkit-overflow-scrolling: touch;
}
/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
	padding: 0;
	margin: 0;
}
/* needed for Netscape Navigator to act like IE with List Items */
ul { 
	padding-left: 0px; 
}
#contentSection {
	width: 100%; 
	margin: 0px auto;
	background-color: #FFFFFF;
}
table, th, tbody, tr, td	{	
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Arial, Helvetica, sans-serif;
}	
#op {
	opacity:0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */
}
img  /*, img a, img a:link, img a:visited, img a:hover, img a:active, img a:focus, img, a:link img, a img, a:link img, a:hover img*/ {
	border: none;
	text-decoration: none;
	background: none;
	background-color: transparent;
	background-color: none;
}
.nolinkstyle, a:link.nolinkstyle, #adobe a {
	border-bottom: none; 
	border: none;
	text-decoration:none;	
	background: none;
	background-color: transparent; 
	background-color: none;
	/* turns off onfocus (keyboard) background highlight color; used for images */
 }
#Page_content {
	background-color: #FFF;
	padding-bottom: 60px; /*8/6/2015*/
}
#Page_content p, p, address, telephone, .contactInfo {
	padding: 0px;
	margin: 12px 8px;
}
address, .address, email, .email {
	font-style: italic;
}
.clearLeft /*.address, .telephone, .geo*/ {
	display:block;
	clear: left;
}
.clearRight {
	display:block;
	clear: right;
}
div.heading, div.mailingaddress /*.heading, .mailingaddress, */ {
	padding: 0px;
	margin: 2px 8px 12px 8px;
	margin-top: 2px;
	margin-right: 8px;
	margin-bottom: 12px;
	margin-left: 8px; 
}
div.heading {
	font-weight: bold; 
	margin-top: 8px;
	margin-bottom: 2px;
	font-size: medium;
}
/*#Page_content p, #Page_content ul li, #Page_content ol li, #Page_content article, #Page_content article p, #Page_content article ul li, #Page_content article.boxShadingLetter p {
	line-height:150%;  1.5em;
	font-size: medium;
}*/
#Page_content ul li, #Page_content ol li {
	margin-bottom: 5px;
}

#Page_content p.revisedNotice {
	text-align: center;
	font-size: 95%;	
}
#Page_content table td {
	 padding: 2px; /* 9/11/13 - don't go more than 3px; the interest rates table shares this and 4px causes the % to wrap below the rate values; update: 9/11/13 - added span style white-space:nowrap to ratesURL.xsl for each rate field.  Could change padding to 4px and will not effect layout but left at 3px for now.  */
}
#Page_content table.tableFrame td {
	padding: 0px;
}
#Page_content article {
	display: block;
	margin: 0;
	padding: 0;
}
#Page_content article ul { 
	margin-top: 6px; 
	padding-bottom: 10px;
}
#Page_content article p, #Page_content article ul li {
	padding: 0px;
	margin: 0px 5px;
}
#Page_content article p {
	margin-bottom: 10px;
}
#Page_content article ul li {
	padding-top: 2px;
}
#Page_content article a {
	background:transparent;
	text-decoration:none;
	border-bottom:1px dotted;
	margin-top: 1px;
	padding-top: 1px;
	font-weight: bold;
}
#Page_content article a:link, #Page_content article a:visited {color:#1b67c9;}
#Page_content article a:hover, #Page_content article a:focus, #Page_content article a:active {
	color: navy;
	background-color: #d7ebf9; /* bright blue */
	border-bottom:1px solid;
	text-decoration:none;
}
#Page_content article.boxShading, #Page_content article.boxShadingLetter {
	margin:0 auto;
}
#Page_content article.boxShading, #Page_content article.boxShadingLetter { 
	margin-bottom: 20px; 
	padding-bottom: 30px;
	padding-top: 5px;
}
#Page_content .boxShading, #Page_content article.boxShadingLetter {
	border: #cccccc 1px solid;

  -webkit-box-shadow: 0px 5px 8px rgba(0,0,0,0.55);
     -moz-box-shadow: 0px 5px 8px rgba(0,0,0,0.55);
   -khtml-box-shadow: 0px 5px 8px rgba(0,0,0,0.55);
          box-shadow: 0px 5px 8px rgba(0,0,0,0.55);
}
/* USED ON http://www.phfa.org/developers/serviceprovider/bestpractices.aspx */
#Page_content .boxShading {  	width: 86%; padding: 0px 10px 10px 10px;  }
#Page_content article.boxShadingLetter { width: 70%; padding: 20px 30px 20px 20px; }
#Page_content article.boxShadingLetter p { 
/*font-family:'Times New Roman', Times, serif;font-size: 14px;*/ 
}
div#Page_content .emaillink p:first-of-type:first-letter, div#Page_content .emaillink p:first-of-type::first-letter {
	font-weight: inherit;
	font-family: inherit;
	font-size: inherit;	
	color: inherit;
}
/************** header tag styles **************/
h1, h2, h3, h4, h5, h6, #Page_content h1, #Page_content h2, #Page_content h3, #Page_content h4, #Page_content h5, #Page_content h6 {
	text-decoration:none;
	font: 87.5%/1.3 "Century Gothic", "Apple Gothic", Arial, Helvetica, sans-serif;
	font-size: 87.5%;
	line-height: 1.3em;
	font-family: "Century Gothic", "Apple Gothic", Arial, Helvetica, sans-serif;
	font-weight: bold; /* 5/15/2014 */
}
h2, #Page_content h2, h3, #Page_content h3, h4, #Page_content h4, h5, #Page_content h5 {
	margin: 5px 0px;
}
h1, #Page_content h1 {
	color: #333399;
	font-size: 22px;  /*1.4em;*/
	padding: 0px;
	margin: 0px 0px 8px 0px;
}
#Page_content h1 {
	padding: 2px 0px;
}
h2, #Page_content h2 {
	color: #0066CC;
	font-size: 20px;  /* 1.2em;   18 px / 12 pt used with Arial font */
}
#Page_content h2 {
	background: url(images/ui-bg_glass_100_e4f1fb_1x400.png) center repeat-x;
	border: 1px solid; /*#0066CC;    036;*/
	padding: 6px 8px 8px 8px;
	
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
			border-radius: 4px;

  -webkit-box-shadow: 0px 2px 8px rgba(0,0,0,0.55);
     -moz-box-shadow: 0px 2px 8px rgba(0,0,0,0.55);
   -khtml-box-shadow: 0px 2px 8px rgba(0,0,0,0.55);
          box-shadow: 0px 2px 8px rgba(0,0,0,0.55);
}

/* set in jquery */
/* 	$("#Page_content h2").addClass("ui-bar ui-bar-a ui-corner-all"); */
#Page_content h2 ul li {
	font-size: 1.2em; 
}
h3, #Page_content h3 {
	color: #003366;/*#FFFFFF;  #003366;*/
	font-size: 18px;  /*1.125em; */
}
#Page_content h3 {
	background: url(images/ui-bg_glass_100_fdf5ce_1x400.png) center repeat-x;
	border: 1px solid; /* #003366;*/
	padding: 6px 8px 8px 8px;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
			border-radius: 4px;
  	-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.55);
     	-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.55);
   	-khtml-box-shadow: 0px 2px 4px rgba(0,0,0,0.55);
          box-shadow: 0px 2px 4px rgba(0,0,0,0.55);
}
#Page_content h2.panel-title, h2.panel-title, h2 .panel-title, #Page_content h3.panel-title, h3.panel-title, h3 .panel-title {
	background: none;
	border: none;
	padding: 0;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
			border-radius: 0;
  -webkit-box-shadow: none;
	 -moz-box-shadow: none;
   -khtml-box-shadow: none;
		  box-shadow: none;
			color: inherit;
}
h4, #Page_content h4 {
	color: #06F; /*#F24F00;*/
	font-size: 18px;  /*1.05em; /* 16 px / 12 pt used with Arial font */
}
#Page_content h4 {
	margin-top: 10px;
	margin-bottom: 15px;
	margin-left: 0px;
	font-style: italic;
	padding-bottom: 7px;
}
h5, #Page_content h5 {
	color: #F24F00; /*#06F; #000080;*/ 
	font-size: 18px;  /*1.05em; 14 px / 12 pt used with Arial font */
	font-style: italic;
	padding: 2px 0px;
}
h6, #Page_content h6 {
	font-size: 18px;  /*1.05em; */
}
.borderBottom06F {
	padding: 5px 30px 5px 8px;
	border-top: none;
	border-right: none;
	border-bottom: 3px dotted #06F;
	border-left: 3px dotted #06F;
} /* referenced with heading tags in jquery */
.underlinedText {	text-decoration: underline; }

h1 a, h1 a:link, #Page_content h1 a, #Page_content h1 a:link,  
h2 a, h2 a:link, #Page_content h2 a, #Page_content h2 a:link, 
h3 a, h3 a:link, #Page_content h3 a, #Page_content h3 a:link, 
h4 a, h4 a:link, #Page_content h4 a, #Page_content h4 a:link, 
h5 a, h5 a:link, #Page_content h5 a, #Page_content h5 a:link  {
	/* 1/7/2014 Accessibility compliance */
	text-decoration:none;
 	border-bottom:1px dotted;
}
h1 a, h1 a:link, h1 a:visited, #Page_content h1 a, #Page_content h1 a:link, #Page_content h1 a:visited {
	color: #333399;
}
h2 a, h2 a:link, h2 a:visited, #Page_content h2 a, #Page_content h2 a:link, #Page_content h2 a:visited {
	color: #0066CC; /*  I like this blue */
}
h1 a:hover, #Page_content h1 a:hover, h1 a:focus, #Page_content h1 a:focus  {
	color: #F24F00;
}
h2 a:hover, #Page_content h2 a:hover, h2 a:focus, #Page_content h2 a:focus {
	color: #006600;/**/
	background: none;
	background-color: none;
	background-color: transparent;	
	border-bottom: solid 1px;
}
#Page_content h2.sitemapH2 a, #Page_content h2.sitemapH2 a:hover {
   	background: none;
	background-image:none;	
}
#Page_content input {
	font-size: 12px; /* 15 px / 12 pt */
}
/**** HYPERLINKS  ****/
a, a:link, #Page_content a, #Page_content a:link {
	text-decoration: none;
	border-bottom: dotted 1px;
	padding-bottom: 0px;
}
a, a:link, a:visited, #Page_content a, #Page_content a:link, #Page_content a:visited {
	color: navy; 
	background-color: transparent;	
}
p a, p a:link, #Page_content p a, #Page_content p a:link /*, p a:visited, #Page_content p a:visited*/ {
	font-weight: bold;	
}
/*a:active, */
#Page_content a:active {
	color: navy;
	background-color: #d7ebf9; 
	text-decoration: none;
	border: none;
}
/*a:hover, *//*, a:focus, #Page_content a:focus*/
#Page_content a:hover {
	color: white;
	background-color: #357ae8; 
	text-decoration: none;
	border: none; 
} 
/*a:focus, */
#Page_content a:focus {
	color: navy;
	background-color: #d7ebf9;/*  bright blue */
	border: none;
	border-bottom: solid 1px; 
	text-decoration:none;
}
#Banner img, #Banner a img, #Banner a:link img {
	text-decoration: none;
	background: none;
	border: none;	
}
/* Global Classes */
.blackfont {
	color: #000000;
}
.redfont {
	color: #FF0000;
}
.bluefont {
	color: #0000FF;
}
.greyfont {
	color:#454545;
}
.greenfont {
	color: #008000;
}
.orange_font {
	color: #E4481F;
}
.center {
	text-align: center;
}
.inline {
	display: inline;
}
#Page_content .emaillink, .emaillink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	font-size: small;
	float: right;
	display: inline;
	text-align:right;
	padding: 0px;
	margin: 0px;
	padding-left: 10px; /* inserted to promote space when long title on same line as email link */
	margin-left: 10px; /* inserted to promote space when long title on same line as email link */
}
.emaillink p {
	margin: 0px;
	padding: 0px;
}
/*.emaillink p a:after {
	content: "email";	
}*/
.printhide {
	display: block;
}
form {
	margin: 0;
	padding: 0;
}

.adobe_img {
	padding-left: 24px;
}

/*******************/
/* PAGE CONTENT    */
/*******************/
#Page_content .videolist{
	font-size: 12px;
}
#Page_content ul, #Page_content ul.bullet1{
	list-style-image:  url("../images/bullet1.gif");
	list-style-position: outside;
	margin-top: 6px;
	margin-left: 2.3em !important; /* Required. */
	padding-bottom: 10px;
}
#Page_content ul.bullet1b {
	list-style-image:  url("../images/bullet1b.gif");
	list-style-position: outside; 
 	margin-top: 0px !important; /* Required. */
	margin-left: 2.3em !important; /* Required. */
/* These are not getting carried forward from ul. They must remain to keep bullets flush left and aligned w/text. */	
	padding-bottom: 10px;
}
#Page_content ul.bullet2 {
	list-style-image:  url("../images/bullet2.gif");
	list-style-position: outside; /* These are not getting carried forward from ul. They must remain to keep bullets flush left and aligned w/text. */
	margin-top: 0px !important; /* Required. */
	margin-left: 1.4em !important; /* required fix for safari - 7/8/11)*/
	padding-bottom: 10px;
}
#Page_content ul.bullet2o {
	list-style-position: outside; 
	list-style-image:  url("../images/bullet2o.gif");
	margin-top: 0px !important; 
	margin-left: 1.4em !important; /* required fix for safari - 7/8/11)*/
	padding-bottom: 10px;
}
#Page_content ul.bullet3 {
	list-style-image:  url("../images/bullet3.gif");
	list-style-position: outside; /* These are not getting carried forward from ul. They must remain to keep bullets flush left and aligned w/text. */
	margin-top: 0px !important; /* Required. */
	margin-left: 16px !important; /* Required. */
	padding-bottom: 10px;
}
#Page_content ul.bullet3b {
	font-weight: normal;
	list-style-position: outside;
	list-style-image: url("../images/bullet3b.gif");
	margin-left: 1.4em !important; /* required fix for safari - 7/8/11)*/
	padding-bottom: 10px;
}
#Page_content ul.nobullet {
	list-style-type: none;
	list-style-image: none;
}
#Page_content li {
	list-style-position: outside;
}
#Page_content li.nobullet {
	list-style-type: none;
	list-style-image: none;
}
#Page_content ol {
	list-style-image:  none;
	list-style-position: outside;  /* These are not getting carried forward from ul. They must remain to keep bullets flush left and aligned w/text. */
	margin-top: 0px !important; /* Required. */
	margin-left: 15px !important; /* Required. */
	padding-left: 15px !important; /* Required for Firefox. */
	text-align: left;
	padding-bottom: 10px;
}
#Page_content ol.olist1 {
	list-style-image:  none;
	list-style-position: outside;  /* These are not getting carried forward from ul. They must remain to keep bullets flush left and aligned w/text. */
	margin-top: 0px !important; /* Required. */
	margin-left: 15px !important; /* Required. */
	padding-left: 15px !important; /* Required for Firefox. */
	text-align: left;
	padding-bottom: 10px;
}
#Page_content ol.olist2 {
	list-style-image:  none;
	list-style-position: outside; /* These are not getting carried forward from ul. They must remain to keep bullets flush left and aligned w/text. */
	margin-top: 0px !important; /* Required. */
	margin-left: 16px !important; /* Required. */
	padding-left: 16px !important; /* Required for Firefox. */
	padding-bottom: 10px;
}
#Page_content ol.olist3 {
	list-style-image:  none;
	list-style-position: outside; /* These are not getting carried forward from ul. They must remain to keep bullets flush left and aligned w/text. */
	margin-top: 0px !important; /* Required. */
	margin-left: 12px !important; /* Required. */
	padding-left: 12px !important; /* Required for Firefox. */
	padding-bottom: 10px;
}
#Page_content fieldset {
	display: inline;
	position: relative;
	visibility: inherit;
	width: 500px;
	clear: none;
	float: left;
	padding-right: 5px;
}
/*** SITE MESSAGE BAR AT BOTTOM OF HOMEPAGE & SPANISH HOME PAGE WHEN I.T. POSTS A NOTICE ***/
#float { 
	width:100%;
	clear:both;
	position:fixed;
	z-index:500;
	bottom:0;
	margin-bottom: 0;
	padding-bottom: 30px;
	left:0;
	background-color:black;
	background:black;
	height: auto;
	max-height: 80px;
	min-height: 30px; 
	overflow:hidden;
}
#sitemessage {
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #FFFFFF;
	background-color:#000;
	text-align: center;
	margin-left: auto;
	margin-right: auto;		
}
.systemMaintenance #sitemessage h2  {
	text-align:center; 
	color: #FFFFFF;
	font-size: 18px;  
	font-weight: bold;
	text-decoration: underline;
	margin-top: 2px;
	margin-bottom: 4px;
	border: none;
}
.systemMaintenance #sitemessage p {
	font-size: 16px;
	margin: 5px;
	padding-left: 20px;
	padding-right: 20px;
} 
/******  EXTERNAL LINK TAG *******/
/* <A HREF="someurl.com" icon="out"> */
a[icon ^="out"] {  
	padding-right: 20px;
	background: transparent url("/images/icons/external.png") no-repeat top right;
}
a.external {
	padding-right: 14px;
   	background: transparent url("/images/icons/external.png") no-repeat top right;
	background-image:url("/images/icons/external.png");
	background-position: right;
	background-repeat:no-repeat;
	display:inline-block;
}
#adobe a.external {	background: none; }

.dotborder {
	background:url('/images/dot.gif') repeat-x center left;
}
.ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
}


/* currently not used; will consider to another time */
/**** C_SPRITE icons ****/
.disc-secLock{
	background:url(/images/c_sprite.png) no-repeat 0 -253px;
	width:10px;
	height:12px;
	display:inline-block;
	margin:0 4px;
	padding-left: 8px;
}
.disc-facebook-ico,.disc-lBlog-ico,.disc-mApps-ico,.disc-twitter-ico {
	background:url(/images/c_sprite.png) no-repeat 0 -528px;
	width:20px;
	height:20px;
	text-indent:-99999px;
	font-size:0;
}
.disc-twitter-ico {
	background-position:0 -628px;
}
.disc-lBlog-ico {
	background-position:0 -728px;
}
.disc-mApps-ico {
	background-position:0 -828px;
	width:21px;
	height:21px;
}
a.more {
	background:url(/images/c_sprite.png) no-repeat right .4em;
}
#header #top-search #clear-livesearch{
	background:url(/images/c_sprite.png) no-repeat 0 -344px;
	height:12px;
	width:12px;
	text-indent:-99999px;
	font-size:0;
}
#search-results #view-all-results{
	background-image:url(/images/c_sprite.png);
}
a.popup:visited{
	background:transparent url(/images/c_sprite.png) no-repeat scroll left -1749px;
}
a.popup:hover{
	background:transparent url(/images/c_sprite.png) no-repeat scroll left -1841px;
}
.login-box ul li,.logout-box-student ul li,.logout-box-dog ul li,.logout-box ul li,.login-box-error ul li{
	background:transparent url(/images/c_sprite.png) no-repeat scroll left -1929px;
}
/***************************************
.dialog-mask { -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius: 5px; border-radius: 5px; background:url("../images/bg_dialog_modeless_mask.png") repeat scroll left top transparent;}
*/
/* 5/6/2014 - for external links for pop up notice jquery dialog modal box */
#dialog-confirm {display:none;}
/*#dialog-confirm { width: 150px; height: 150px; padding: 0.5em; }
.ui-resizable-helper { border: 1px dotted gray; }*/
.ui-dialog, .ui-widget, .ui-widget-content, .ui-dialog {
	font: 80%/1.3 Arial, Helvetica, sans-serif;
}