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

/* Stop input from leaving div */

input {max-width: 100%;}

@media (max-width: 320px) {
input {
      width: 90%;   
     }
} 

/*Colors
Dark Blue #034A75;
Logo Blue #00549B;
Light Blue - navigation #82a8bc; switched to  #7598aa; 8-26-2015 to achieve contrast 
Bright Blue (link) #08799f; 
Orange #f15c16;
link hover Orange #c8511a;
Brown #725855;
90grey #404041;
Green  #748a38;
*/

*{
	margin:0;				
	padding:0;
}
.row {
	margin-bottom:30px;
}
.rowclear, .clearboth {
	clear: both;
}

.image-text-underneath {
	overflow-x: hidden;
	clear: both;
	margin-right: 25em;
}

.row .row {
	margin-bottom:0px;
}
.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 {
	margin-bottom:20px;
}
.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical>.btn-group:before, .btn-group-vertical>.btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after {
	display: table;
	content: " ";
}
/* Make HTML5 layout elements block elements for older browsers */
header, nav, aside, main, article, footer, section, figure, figcaption {
  	display: block;
	overflow:hidden;
}

figure {
	
	
	margin-bottom:20px;
}
 figure img {
	 
 }


figcaption {
	clear:both;
	font-style:italic;
	font-size: 1.2em;
	font-weight: bold;
	max-width:500px;
	
	
	
}




header, nav, footer {
	overflow:hidden;
}
.topMargin {
	margin-top:30px;
}
.bottomMargin {
	margin-bottom:20px;
	float:left;
	width:100%;
}
.noBottomMargin {
	margin-bottom:0px;
}
.off-screen {
	position:relative;
	left:-2000px;
}
/*=================== Headers and Body Copy =============================*/
body {
	background-color: #FFF; 
	margin: 0 auto; 
	padding:0;
	font-family: Calibri, Arial, sans-serif;
	font-weight:normal; 
	color:#404041;
	font-size:1em;
	line-height:1.7em;
	text-rendering: optimizeLegibility;
}

audio {  

	width:350px;
	height:40px;
	
}

audio.audioplayer::-webkit-media-controls-panel {
	/* https://blog.hellojs.org/creating-a-custom-html5-video-player-and-the-shadow-dom-a98f29261be4#.3vwpsd58c */
	    background: rgba(0,0,0,0.15);
		border:1px solid #999fa3;
}



caption {
/* added by AF 7-21-2015*/
	font-size:1em;
	font-weight:bold;
	text-align:center;
	
	
}

blockquote p, blockquote ul li{
	font-size: 1em;
	margin-left: 30px;
	line-height:1.3em;
	
}

p {
	font-size: 1.5em;
    margin: 0px 0px 1em;
	color:#404041;
	text-rendering: optimizeLegibility;
	line-height:1.3em;
	font-family: Calibri, Arial, sans-serif;
}

p.pp_description {
	font-size:1em;
}

a:link, a:visited { 
    text-decoration: none;
    color:#08799f; 
	
	
}

a[href^=tel], a[href^=tel]:focus, a[href^=tel]:hover {
  color:#404041;
}

a:hover, a:focus { 
    text-decoration: none;
    color:#c8511a;
} 

img{
	border: none;
}
main img {
	margin:10px;
	margin-left:0px;
	float:none;
}
.singleImage {
	text-align:center;
}
.singleImage img{
	margin:0 auto;
}
ul, ol {
    margin-top:0;
}
ul.twoColumn {
	 column-count: 1;
	-webkit-columns: 1;
	-moz-columns: 1;
	list-style-type: disc;
}




ul > li, ol > li {
	font-size: 1.5em;
	line-height:1.6em;
}
ul > li > ul > li, 
ul > li > ol > li, 
ol > li > ul > li, 
ol > li > ol > li {
	font-size: 1em;
}

ul.search-filter-results > li > ul > li > ul >li{
	line-height:1.1em;
}

main ul, main ol {
/*	padding:0px 40px 10px;  original HM padding */
	padding:0px 5px 10px 30px; /* AF edited on 7-27 to make deeply nested lists in policy manual have less RH indentation. */
}
.programs ul {
	/* this style declaration was removed on 8-7-2015 by AF to allow the Layouts snippet to render with bullets */
	/*list-style-type:none;
	padding-left:0;
	*/
}

ul.policyTOC 
{
	list-style-type:none;
	padding-left:0;
}

ul > li.nonBulletedList {
    list-style: none;
	padding-left:0;
}



/* **************AF added 7-13-2015
This is the default style when a table is inserted from toolbar ********************** */
table, th, td {
	border: 2px solid #97adb8;
	border-collapse:collapse;
}


table{
	width:100%;
	font-size:1.5em;
	/*background-color:#bbc9d1;
	border-spacing:2px;
	border-collapse:separate;*/
    overflow-y:scroll;
	-webkit-overflow-scrolling: touch;
	margin-bottom:30px!important;
	
}
th {
	background-color:#bbc9d1;	
	padding:3px;
	text-align: left;
	vertical-align:top;
}

td{
	/* background-color:#fff; */
	padding:3px;
	margin:0;
	vertical-align:top;
	
}

li table  {
/* this is to target tables that are used within a list, as found occassionaly in the policy manual */	
	font-size:1em;
	padding: 1px;
	line-height:1.2em;
}

td li {
	
	font-size: 1em;
	line-height:1.6em;
		
}

td p {
	font-size:1em;
	
}

table.policyhistory {
	font-size:1.35em;
}

tfoot {
	font-style:italic;
	font-size:.8em;
	
}

tfoot td {
	background-color:#e1e4e5;
}

/**************** end of default table style ***************************/

hr {
	height:1px;
	border:none;
	color:#999999;
	background-color:#999999;
		font-size: 1px;
	line-height:0;
	
}

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



h1, h2, h3, h4 {
	font-family: "Century Gothic", CenturyGothic, Arial, sans-serif;
	font-style:normal;
	text-align:left;
}
header h1 {
	color:#fff;
	font-size: 2.5em;
	line-height:1.2em;
	font-weight: normal;
	padding:18px 0;
	margin:0;
}
h2 {
    font-size: 2.5em;  
    font-weight:normal;
    color:#725855;
	margin-top:0px;
}
h3 {
    font-size: 2em; 
    font-weight:300;
    color:#4d4d4d;
	line-height: 1.4em;
	
}




main h3 {
	margin-top:5px;
}
h4 {
    font-size: 1.8em;
	font-weight:300; 
    color:#404041;
}



h5 {
    font-size:1.6em;
	font-weight:400; 
    color:#404041;
}





.breadcrumb {
	padding:0px;
	background:transparent;
	font-size:1.5em; 
	line-height: 1.4em;
	margin-bottom:0px;
}


/*=================== Top Header =============================*/


.navbar {
	border:0px;
}
.navbar .container {
	width:100%;
}
.topHeader {
	position:relative;
	width:100%;
	z-index:10;
}
.navbar-header {
	background-color:#00549B;
}
.navbar-toggle {
	float: left;
	background:#f15c16;
	margin: 0;
	border-radius: 0px;
	border: 0px;
	height: 50px;
	width: 55px;
	cursor:pointer;
}
.navbar-toggle.collapsed {
	background: #82a8bc; /* original HM color. Not enough contrast */
	background-color:#5e7988; /* as light as I could go and still validate on contrast */
	
}
.navbar-toggle.collapsed:hover, .navbar-toggle:hover, .navbar-toggle.collapsed:focus, .navbar-toggle:focus {
	background:#f15c16;
}
.navbar-toggle .icon-bar {
	background:#fff;
	height:4px;
	width:35px;
	display:block;
}
.navbar-toggle .icon-bar + .icon-bar {
	margin-top:6px;
}
.menu {
	color:#fff;
	font-size:1em; /* original size from HM */
	font-size:1.40em;
	display:block;
}
a.navbar-brand, a.navbar-brand:visited, a.navbar-brand:hover, a.navbar-brand:focus {
	float: left;
	height: 50px;
	padding: 5px 15px;
	font-size: 18px;
	line-height: 20px;
	width: 80%;
	font-weight:bold; 
	color:#fff!important;
	text-decoration:none;
}

/*grey background*/
.greyHeaderLeft, .blueHeader, .greyHeader {
	display:none;
}
/*search*/

div#search-policy-manual {
	display:table;
	background-color:#e6e5e8;
	border-radius:5px;
	border:1px solid #82A8BC;
	height:50px!important;
	padding-right:10px;
	padding-left:5px;
	
}

div#search-policy-manual p, div#search-policy-manual a {
	margin:0;
}

div#search-policy-manual div.leftcell {
	
	display:table-cell;
}

div#search-policy-manual img {
	margin:0;


}

div#search-policy-manual div.rightcell {
	
	display:table-cell;
	vertical-align:middle;
}



#search-desk{
	font-size: 1em;
}

div.search-results  h5{
	
	padding:0;
	

}

.greyMobile #custom-search-input {
	margin: 10px;
}
.greyMobile #custom-search-input .form-control {
	width: 200px;
	height: 30px;
	background: #fff;
	border: 1pt solid #d1d2d4;
	padding:6px 30px 6px 10px;
}
.greyMobile #custom-search-input .form-control:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
}
.greyMobile .input-group-btn {
	display: table;
	position: initial;
}
.greyMobile .input-group-btn .btn {
	background-color: inherit;
	border: 0;
	position: absolute;
	left: 170px;
	padding: 6px 8px 4px;
}
.greyMobile .input-group-btn .glyphicon {
	z-index:100;
}

/*============ Mobile Navigation ==============*/

.navigationBkg {
	background:#4d4d4d;
	width: 100%;
	float: left;
	
}
.navbar-collapse .container, .navbar-collapse {
	padding:0px;
}
.navbar {
	margin-bottom:0;
}
.navbar-nav {
	width:100%;
	background-color:#6c97b0; /*original HM color not dark enough for sufficient contrast */
	background-color: #7598aa; 
	background-color: #5E7988; /*darker yet for mobile */
	font-weight:bold;
	font-family:"Century Gothic", CenturyGothic, Arial, sans-serif;
	text-align:left;
	list-style-type:none;
	padding-left:0px;
	float: left;
	margin:0 0 7.5px;
}
.navbar-nav > li {
	font-size: 1.7em;
	line-height: 1.3em;
	width:100%;
	float:left;
	border-bottom: #fff solid 1pt;
	
}
.navbar-nav > li > a, .navbar-nav > li > a:link, .navbar-nav > li > a:visited {
	color:#fff;
	padding:13px 0px 12px;
	text-indent:20px;
}

/* test by AF on 8-27 */
.navbar-nav a:link, .navbar-nav a:visited {
	color:#fff;
}

.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus, 
.navbar-nav li.open > a,
.navbar-nav li.open > a:link,
.navbar-nav li.open > a:visited,
.navbar-nav li.open > a:focus 
{
	background-color:#f15c16;
	
}
.navbar .dropdown-menu {
	position:static;
}
.navbar-nav .open .dropdown-menu {
	background:#fff;
	width:100%;
	padding:0px;
}
.navbar-nav .open .dropdown-menu > li {
	font-size:1em;
	border-bottom: 1pt solid #D1D2D4;
}
.navbar-nav li.open .dropdown-menu > li > a, .navbar-nav li.open .dropdown-menu > li > a:link, .navbar-nav li.open .dropdown-menu > li > a:visited {
	color:#4d4d4d;
	padding:13px 0px 12px 30px;
}
.navbar-nav li.open .dropdown-menu > li > a:hover, .navbar-nav li.open .dropdown-menu > li > a:focus {
	background-color:transparent;
	color:#c8511a;
}
.navbar-nav li.dropdown .glyphicon {
	font-size: 14px;
	left: 0;
	margin-left: -20px;
	margin-right: 5px;	
}
.navbar-nav li.dropdown .glyphicon-plus:before {
	content: "\2b";
}
.navbar-nav li.dropdown.open .glyphicon-plus:before {
	content: "\2212";
}
li.greyMobile {
	background-color:#4d4d4d;
}
li.greyMobile a:hover, li.greyMobile a:focus {
	background-color:#748a38!important;
}


/*=================== Home page =============================*/

/*Carousel*/

.carousel {
	margin-bottom: 40px;
	overflow:hidden;
	top: 1px;
  	position: relative;
}
.center {
	width: 100%;
}
.slick-slider {
	margin-bottom: 0px;
}
.slick-slide {
	opacity: 0.2;
}
main .center img {
	margin: 0;
	width: auto;
	max-width: 100%;
}
.slick-slide .carousel-caption {
	display:none;
}
.slick-active .carousel-caption {
	bottom: 0px;
	padding: 10px;
	width: 100%;
	background: #79903B;
	background-color: #6a7e32;  /* edited 12-27-2016 to provide more contrast */
	float: left;
	position:relative;
	display:block;
	min-height: 95px;
}
.slick-active .carousel-caption h3 {
	color:#fff;
	text-align:center;
	margin-top: 0px;
	margin-bottom: 0px;
}
.slick-active .carousel-caption:after,
.slick-active .carousel-caption:before {
    background: inherit;
    position: absolute;
    content: '';
    top: 0;
    width: 100%;
    height: 100%;
    right: 100%;
}
.slick-active .carousel-caption:after {
    left: 100%;
}
.slick-active .carousel-caption p {
	font-size:1.6em;
	margin-bottom:30px;
	text-align:center;
}
.slick-active .carousel-caption p a, .slick-active .carousel-caption p a:visited {
	color:#fff;
}
.slick-active .carousel-caption p a:hover, .slick-active .carousel-caption p a:focus {
	text-decoration:underline;
}
.carousel-indicators {
	width:100%;
}
.carousel-indicators .active {
	background-color: #034A75;
	border: 1px solid #034A75;
}
.carousel-indicators li {
	background:#fff;
}
.slick-slide.slick-active {
	opacity:1;
}
.slick-dots {
	text-align: center;
	padding: 0;
}
ul.slick-dots {
	bottom:10px;
}
.slick-dots li button {
	background: #fff;
	height:18px;
	width:18px;
	padding: 5px;
	cursor: pointer;
	border-radius: 9px;
}
.slick-dots li button:hover, .slick-dots li button:focus, .slick-dots li.slick-active button {
	background:#034A75;
}
.center .slick-prev, .center .slick-next, .center .slick-prev:focus, .center .slick-next:focus {
	display:none;
}

/*Videos*/


.video, .video h2  {
	text-align:center;	
	margin-bottom:0;
	
	}
.videoThumb {
	position:relative;
	margin-bottom: 30px;
			
	
}

iframe.video-align {
	
	margin-right:20px;
	float:left;
	width:300px;
	border:currentColor;
	
}


.videoThumb img { /* edit per HM 11-17 */
width: 250px;
height: auto;
float: none;
margin: 0;
}

/*Profiles*/
.profiles h2 {
	/*text-align:center;*/
}
.profile {
	max-width:325px;
	margin:0 auto 30px;
}
.profileImage, .profileContent {
	margin:0 -15px 15px;
}
.profile img {
	width: 100%;
  	height: auto;
	max-width:325px;
	float: none;
  	margin: 0;
}
.profileType {
	font-size:1.5em;
	color:#034A75;
	font-weight: bold;
	margin-bottom:5px;
}

/*News and Updates*/
.newsList {
	float:left;
}
.newsList h1, .newsList h2, .profiles h2 {
	color:#f15c16;
	border-bottom: 3pt #f15c16 solid;
		padding-bottom: 10px;
}
.newsItem {
	border-bottom: 1pt #f15c16 solid;
	border-bottom: 1pt solid #A9A9A9;
	border-bottom: 1pt solid #C0C0C0;
 	margin: 15px 0px;;
}
.profileTitle {
	font-size: 2em;
  	font-family: "Century Gothic", CenturyGothic, Arial, sans-serif;
  	line-height: 1.2em;
  	margin-bottom: 7px;
}
.newsTitle {
	font-size: 1.4em;
	font-family: "Century Gothic", CenturyGothic, Arial, sans-serif;
}
.newsTitle a, .newsTitle a:visited, .profileTitle a, .profileTitle a:visited {
	color:#4d4d4d;
	color:#08799f;
}
.newsTitle a:hover, .newsTitle a:focus, .profileTitle a:hover, .profileTitle a:focus {
	color:#c8511a;
}
.newsDate {
	font-size:1.5em;
	font-weight:bold;
	margin-bottom:15px;
}


/*=================== Interior Page Styles =============================*/

.container-fluid.interior {
	padding:0;
}
/*Page with top image*/
.topImage {
	min-height:150px;
  	overflow: hidden;
	text-align:center;
	position:relative;
}
.topImage.collegePage {
	margin-bottom:30px;
}
.topImage > .container {
	padding:0px;
}
.topImage img {
	width:auto;
	height:150px;
	float: none;
  	margin: 0;
}
.greenBackground {
	background-color:#748a38;
	background-color:#6a7e32; /*edited 12-27-2016 to be a higher contrast */
	width:100%;
	margin-bottom:20px;
}
.greenBackground.noImage {
	margin-top:20px;
}

/*Page without top image*/
.greenBackgroundInterior {
	background-color:#748a38;
	width:100%;
	margin-top:70px;
}
.greenBackgroundCollege {
	background:rgba(121,144,59,1);
	width:100%;
	padding: 0 15px;
}
.greenBackgroundCollege::before {
	background: inherit;
    position: absolute;
    content: '';
    top: 0;
    width: 100%;
    height: 100%;
    right: 100%;
}


/*  This code block provided by HM on 11-17-2015*/

.graphicLine {
	width: 300px;
	margin: 0 auto 25px;
	display: inline-block;
	text-align: left;
}
.circleLink {
	margin: 0px 0px 0px 26px;
	float: left;
	width: 263px;
}
.circleLink h1, .circleLink h2, .circleLink h3 {
	font-size: 2em;
	line-height: 1.2em;
	font-weight: 300;
	color: #4d4d4d;
	margin-bottom: 0;
}






/* for LDP-created forms */

div.ldp-forms-main{
	width:60%;
	margin-bottom:50px;
}

div.ldp-forms-right{
	width:100%;
	margin-left:20px;
	margin-bottom:50px;
}




div.ldp-forms-main fieldset,
div.ldp-forms-right fieldset  {
	border:none!important;
	margin-bottom:0!important;
	padding:0;
}

div.ldp-forms-main legend, div.ldp-forms-main .hidehoneypot , 
div.ldp-forms-right legend, div.ldp-forms-right .hidehoneypot {
	margin:0 0 0 -2000px;
	padding:0px;
	height:0px;
}

div.ldp-forms-main select#id_multiselectlist, 
div.ldp-forms-right select#id_multiselectlist{
	padding-left:5px;
	padding-right:10px;
}

div.ldp-forms-main .control-group, 
div.ldp-forms-right .control-group  {
		background-color:#e6e7e8;
		border-radius: 7px;
		border:1px solid #7598AA;
		padding:5px 10px 13px 10px;
		margin-bottom:15px;
}

div.ldp-forms-main label.control-label, 
div.ldp-forms-right label.control-label {
		font-size:1.50em;		
		line-height:115%;
}

div.ldp-forms-main label.checkbox, div.ldp-forms-main label.radio,
div.ldp-forms-right label.checkbox, div.ldp-forms-right label.radio {
		font-weight:normal;
	    font-size:1.4em;
	    margin-left:20px!important;
}

div.ldp-forms-main  input[type=checkbox], div.ldp-forms-main input[type=radiobutton], 
div.ldp-forms-right  input[type=checkbox], div.ldp-forms-right input[type=radiobutton]{
		transform: scale(1.2);	    
}	

div.ldp-forms-main select, 
div.ldp-forms-right select {
	width:100%;
}

div.ldp-forms-main 	input[type=text], div.ldp-forms-main textarea, 
div.ldp-forms-right 	input[type=text], div.ldp-forms-right textarea{ 
		padding: 10px 10px; 
		font-size:1.4em;
		width:100%!important;	
}

div.ldp-forms-main  textarea, 
div.ldp-forms-right  textarea{ 		
	height:6em;
}

div.ldp-forms-main textarea:focus, div.ldp-forms-main input:focus
div.ldp-forms-right textarea:focus, div.ldp-forms-right input:focus{
	border: 2px solid #00549B;
}

div.ldp-forms-main div.form-actions button,
div.ldp-forms-right div.form-actions button{
	background-color:#748A38;
	color:#fff;
	padding-left:20px;
	padding-right:20px;
}

div.ldp-forms-main div.alert-success, 
div.ldp-forms-right div.alert-success,{		
	font-size:1.5em;
}

/*  for the online learning quiz */
div#results-1 {
	display:none;
	font-size:1.5em;
	/*position:absolute;
	top:0;
	left:0;*/
	margin-bottom:50px;
	
}

div#results-2, div#results-3 {
	display:none;
	font-size:1.5em;
	margin-bottom:50px;
}


@media (max-width:768px){
	div.ldp-forms-main {
		width:100%;
	}
}

@media (max-width:768px){
	div.ldp-forms-right {
		width:90%;
	}
	
	div#search-policy-manual {
		margin-top:-10px;
	}
}

@media (min-width:768px){
	div.ldp-forms-main {
		width:90%;
	}
	
	div#search-policy-manual {
		margin-top:60px;
	}
}

@media (min-width:1200px){
	div.ldp-forms-main {
		width:70%;
	}
	
	
}





@media (max-width: 768px) {
	.circleLink h2{
		font-size: 2.5em;
	}
}


.circleLink a, .circleLink a:visited {
	color:#08799f;
}
.circleLink a:hover, .circleLink a:focus {
	color:#c8511a;
}
.circleLine {
	font-size: 4em;
	display: inline-block;
	width: 0.45em;
	height: 0.45em;
	border: 0.05em solid #725855;
	position: relative;
	border-radius: 0.3em;
	left: 0px;
	margin-top: -1px;
	float: left;
}
.circleLine::before {
	content: "";
	display: inline-block;
	position: absolute;
	background: #725855;
	width: 7em;
	height: 0.04em;
	left: 15px;
	top: 7px;
}
.graphicLine p {
	float: left;
	margin: 4px 0 0 27px;
	/* width: 266px; */
}
.graphicLine ul {
	margin: 5px 0 0 40px;
	width: 225px;
	float:left;
	padding:0;
}


/* end of code provide by HM on 11-17-2015 */

/* fix for circle line ggamble 11/18/2015  */

@media (max-width: 768px) {

	
	.graphicLine ul{
		margin: 20px 0 0 20px;
	}
	
	.graphicLine p {
		clear: both;
	}	
		
	.graphicLine p + ul{
		margin: 20px 0 0 40px;
	}

}

/*Image with Blue Link*/
.pictureLink {
	width:260px;
	width:100%;
	
	margin:0px auto;
}
.pictureLink img {
	display:none;
}
.blueBackgroundLink, .blueBackgroundLink:visited {
	background-color:#034A75;
	height:40px;
	position:relative
}
.blueBackgroundLink, .blueBackgroundLink:visited, .blueBackgroundLink a, .blueBackgroundLink a:visited {
	font-size:1.6em;
	line-height:1.6em;
	padding:7px 10px;
	color:#fff;
	text-align:left;
}

.pictureLink:hover .blueBackgroundLink,  a:focus div.blueBackgroundLink{
	background-color:#f15c16;
	
}


.blueBackgroundLink .arrow-right {
	width: 0; 
	height: 0; 
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid #FFF;
	position: absolute;
	right: 10px;
	top: 10px;
}
.arrow-right {
	width: 0; 
	height: 0; 
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid #FFF;
	position: absolute;
	right: 10px;
	top: 8px;
	
	

	
}
.arrow-down {
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #034A75;
}
/*Grey Backgrounds with Orange Left Border */
.greyOrangeBkg {
	background-color:#e6e7e8;
	border-left:#f15c16 solid 7pt;
	font-size:1.7em; 
	padding: 20px;
  	line-height: 1.25em;
	margin:15px 0;
}
.greyOrangeBkg img {
	float:right;
  	margin: 0;
}

/*Orange Links*/
.blueLink {
	background-color:#034A75;
	font-size:1.9em;
	line-height:1.2em;
	position:relative;
	padding:12px 10px;
	color:#fff;
	text-align:left;
	margin:15px 0;
	
	/* padding text away from arrow  */
	padding-right: 25px;
}
.blueLink a, .blueLink a:visited {
	color:#fff;
}
.blueLink:hover, .blueLink:focus {
	background-color:#f15c16;
}
.blueLink .arrow-right {
	right: 11px;
  	top: 14px;
	
}
/*drawers*/
.panel-group {
	float:left;
	width: 100%;
}
.panel-group .panel {
	float: left;
	width: 100%;
	margin: 5px 0;
}
.panel-heading {
	padding:0px;
}
.panel-heading h1, .panel-heading h2, .panel-heading h3 {
	font-size:1.9em;
	line-height:1.2em;
	display:inline-block;
	width:100%;
	margin-bottom:0px;
}
.panel-heading a {
	padding: 15px;
	width: 100%;
	float: left;
}
.panel-heading a.collapsed, .panel-heading a.programLink, .panel-heading a:visited {
	color:#034A75;
	background-color:#e6e7e8;
}
.panel-heading a:hover, .panel-heading a:focus, .panel-heading a {
	color: #fff;
	background-color:#f15c16;
}
.panel-collapse {
	float:left;
	padding: 20px 0px 10px 35px;
}
.collegeFilters {
	margin-bottom:0px;
}
.collegeFilters .panel-collapse {
	padding-top:0;
}
.panel-collapse h2, .panel-collapse h3 {
	margin-bottom:5px;	
}
.panel-heading .glyphicon {
	font-size:14px;
	margin-right:10px;
}
.panel-heading a span.glyphicon-plus-minus:before {
	content: "\2212";
}
.panel-heading a.collapsed span.glyphicon-plus-minus:before {
	content: "\2b";
}
.collegeFilters .panel-heading a span.glyphicon-plus-minus {
	display:inline-block;
}
.specificFilter {
	margin-bottom:20px;
	width:100%;
	float:left;
}
.specificFilter input[type="checkbox"] {
	width:20px;
	height:20px;
	margin:0px 10px 0 0;
	float:left;
}
.filterName {
	font-size: 1.8em;
	float:left;
}
/* Explore Our Colleges*/
.findCollegeBkg {
	background-color:#e6e7e8;
	padding:15px;
	float:left;
	width: 100%;
}
.ourCollege h3 {
	margin-top:0px;
}
.ourCollege h4 {
	margin-top:0px;
	font-size:1.4em;
	font-weight:bold;
}
.ourCollege .input-group-btn, .ourCollege .input-group {
	display:inline-block;
	width:100%;
}
.ourCollege .btn, .ourCollege .form-control {
	text-align:left;
	width:100%;
	border-radius:0px;
	margin:0;
	border: #adadad 1pt solid;
	background:#fff;
}
.ourCollege .form-control {
	height:41px;
	font-size:1.5em;
}
.ourCollege .btn p {
	text-align:left;
	margin:0px;
}
.ourCollege .btn span.caret {
	position: absolute;
	right: 12px;
	top: 13px;
	border-top: 8px solid;
  	border-right: 8px solid transparent;
  	border-left: 8px solid transparent;
}
.ourCollege .dropdown-menu {
	margin:0;
	border: #adadad 1pt solid;
  	border-top: 0;
	border-radius:0px;
	background:#fff;
	width:100%;
	font-size:12px;
	max-height: 200px;
  	overflow-y: scroll;
}
.goButton {
	float:right;
	margin:10px 0 0;
	color:#fff;
}
.goButton .btn, .goButton .btn:visited {
	background:#034A75;
  	border: none;
  	color: #fff;
	padding: 6px 20px;
	font-size: 20px;
}
.goButton .btn:hover, .goButton .btn:focus {
	background:#f15c16;
}

/* used to display image map of WA colleges  These two styles were set to display:none on 12-15-15 because the image map hot spots would not hold their location under 1200px.  At min-width 1200px the display:none is removed. This is our solution for our inability to make a responsive image map.   */
.MapWrapper{
	position:relative;
	min-height:100%;
	width: auto;
	height: 100%;
	display:none;
}

.MapBox{
	background-color: #f1f1f2;
	padding: 10px;
	height:100%;
	overflow:hidden; 
	display:none;
}



/* explore our colleges filtered*/
header h1 span {
	font-size: 0.5em;
	clear: both;
	float: left;
	margin-right: 20px;
}
.filteredCollege {
	float:left;
	width:100%;
	margin: 0px 0 27px;
}
.collegeName {
	font-size:2.3em;
	margin-bottom:10px;
}
.collegeName a, .collegeName a:visited {
	color:#034A75;
}
.collegeName a:hover, .collegeName a:focus {
	color:#f15c16;
}
.collegeLocation {
	font-size:1.8em;
	color:#725855;
}
/*Specific College Page*/
.collegeLogo img {
	max-width:200px;
	height:auto;
	float: none;
  	margin: 0;
}
/*right side navigation*/
.rightNavigation {
	display:none;
}




/*Programs and Services*/
.azSearch {
	margin-bottom: 25px;
}
.azSearch input {
	width: 200px;
	height: 40px;
	font-size: 1.4em;
	padding-left: 10px;
	margin-bottom:10px
}
.azSearch button, .azSearch button:visited {
	height: 40px;
	margin-top: 0;
	padding: 5px 10px;
	color: #fff;
	background:#034A75;
	border: 0;
	top: 0;
	cursor:pointer;
}
.azSearch button:hover, .azSearch button:focus {
	background:#f15c16;
}
.azList {
	margin-bottom:30px;
}
.azList h2 {
	color: #a0a0a0;
	font-size:1.8em;
	font-weight:bold;
	margin:5px 0;
}
.azList ul {
	list-style-type:none;
	padding-left:0px;
}

.azList li {
	font-size:1.7em;
	line-height: 1em;
 	margin-bottom: 10px;
}
.azList li a, .azList li a:visited {
	color: #034A75;
}
.azList li a:hover, .azList li a:focus {
	color:#f15c16;
}
/*related links*/
.relatedLinks ul {
	padding-left:0px;
	list-style-type:none;
}
.relatedLinks ul li {
	font-size:1.8em;
}


/*internal right navigation*/
.rightNavigationInternal {
	margin-bottom:100px;
}
.rightNavigationInternal .btn-group {
	width:100%;
}
.rightNavigationInternal .btn {
	width: 90%;
	border-radius: 0;
	font-size: 18px;
	text-align: left;
	background: #fff;
	border: 1pt #808284 solid;
	color:#034A75;
}
.rightNavigationInternal .btn .caret {
	border-top: 10px solid #034A75;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	float: right;
	margin-top: 9px;
}
.rightNavigationInternal .dropdown-menu {
	background:#fff;
	width:90%;
	border: 1pt #808284 solid;	
	border-top: 0;
	border-radius:0px;
	margin-top:0px;
	height: 300px;
    overflow: auto;
}
.rightNavigationInternal .dropdown-menu li {
	font-size:1.8em;
	line-height:1.2em;
}
.rightNavigationInternal .dropdown-menu li a {
	padding: 5px 20px;
}

/*=================== Footer =============================*/

.footerTop {
background: #f1f1f2 url(images/footerSwirl-mobile.png) no-repeat center;
height: auto;
font-family: "Century Gothic", CenturyGothic, Arial, sans-serif;
margin-top: 30px;
padding-bottom: 10px;
margin-bottom: 0;
}



footer .col-xs-3, footer .col-xs-4, footer .col-xs-8, footer .col-xs-12, footer .col-md-3, footer .col-md-12 {
	margin-bottom:0px;
}

footer .row {
	margin-bottom:10px;	
}

.footerIcon {
	width:100%;
	margin:0px auto;
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;	
	font-size:1em;
}

.footerIcon img {
	margin: 20px 0 5px;
	width: 60px;
	height: auto;
	max-width:90px;
}
.footerContact {
	color:#08799f; /*original HM color.  Not enough contrast in mobile */
	color:#07759a;
}
.footerOffices { 
	color:#79903B;/*original HM color.  Not enough contrast in mobile */
	color:#60722f;
}
.footerInfo {
	color: #f15c16; /* original HM color. NOt enough contrast in mobile view */
	color:#c0440b;
}
.footerSearch {
	color:#034A75;
}
.footerLogo {
	text-align:center;
	margin-bottom:10px;
}
.footerLogo img {
	width:240px;   /* standard logo width */
	width: 110px;  /* changed by AF on 03-09-2017 for anniversary logo */
	height:auto; 
	margin:0 auto;
}
.footerLinks {
	text-align:left;
	line-height:1.5em;
	width:100%;
}

.footerLinks p{
	line-height:.5em;
}

.footerLinks:nth-child(2){
	margin-bottom: -20px;
}
.footerLinks a, .footerLinks a:visited {
	color:#4d4d4d;
}
.footerLinks a:hover, .footerLinks a:focus {
	color:#c8511a;
}
.footerSocial {
	text-align:right;
}
.socialIcon {
	width:60px;
	height:60px;
	float:left;
	margin:0px 10px 10px; 
}
.footerGrey {
	background:none;
	background-color:#4d4d4d;
	color:#fff;
	font-weight:bold;
	font-size:1.1em;
	width:100%;
	padding:5px 0 0 50px;

}
.footerLinks .col-sm-6 {
	padding:0px 4px;
}


/* added by AF on 9-28-2015 */
div#creativecommons {
	width:500px;
	font-size:.75em;
	margin:auto;
	/* border:1px solid red; */
	padding:0;
}

div#creativecommons col-sm-9{
	margin-bottom:0!important;
}

div#creativecommons img, div#creativecommons p {
	margin:0;
	padding:0;
}

	

@media (min-width: 450px) {  
	
	
/*graphic line*/
	.graphicLine {
		width:404px;
	}
	.circleLink, .graphicLine p, .graphicLine ul {
		width:91%;
	}
	.graphicLine ul {
		margin-left: 60px;
		
	}
	.circleLine::before {
	 	width: 10em;
	}
} /*-----------------------------------------end media*/


@media (min-width: 768px) {
	

	

	
	
	.navbar-brand {
		padding: 14px 15px;
		font-size:20px;
	}
	
	/*profiles*/
	.profile {
		text-align:left;
		float:left;
		margin: 0 -15px 30px -15px;
		max-width:100%;
	}
	.profileImage, .profileContent {
		margin:0;
	}
	.video, .video h2, .profiles, .profiles h2  {
		text-align:left;
	}
	
	/*
	.profiles h2
	{
		border-bottom: 3pt #f15c16 solid;
		padding-bottom: 10px;
	}
	*/
	
	/*videos*/
	.videoHeader {
		vertical-align: bottom;
		display: table-cell;
		height:64px;
	}
	.video {
		margin-bottom:0px;
	}
	/*
	.videoThumb > img {
		width:100%;
	}
	*/
	
	.videoThumb  img {
		width:100%;
	}
	.bottomMargin .videoThumb > img{
		width:250px;
	}
	.azSearch input {
		width: 300px;
	}
	/*--------------------------------------interior page styles*/
	.topImage {
		overflow: hidden;
		max-height: 300px;
	}
	.topImage img {
		width:100%;
		height:auto;
	}
	.greenBackgroundCollege {
		background:rgba(121,144,59,0.7);
		width:auto;
		max-width: 58%;
  		min-width: 35%;
		position: absolute;
		top:50px;
	}
	
	/*drawers*/
	.panel-collapse {
		padding: 10px 35px;
	}
	/*specific college*/
	.collegeLogo img {
		width:100%;
		height:auto;
	}
	/*picture link*/
	.pictureLink {
		margin:0;
	}
	/*graphic links*/

.graphicLine {
		width:100%;
	}
	.circleLine::before {
	  width:8.1em;
	}	
	
	
	/*footer*/
	.footerTop {
		background:#f1f1f2 url(images/footerSwirl.png) no-repeat center;
		
	}
	footer .col-xs-3, .footerLinks .col-sm-6 {
		padding:0 15px;
	}
	.footerLinks {
		width:50%;
		float:left;	
	}
	.footerIcon {
		min-height:115px;
		font-size:1.4em;
	}
	.footerIcon:hover div {
		text-decoration:underline;
	}
	.footerIcon img {
		margin: 20px 0 10px;
	}
	.footerGrey {
		height:50px;
	}
	
	
	
} /*-----------------------------------------end media*/

@media (min-width: 992px) { 
	main img {
		margin:10px;
		margin-left:0px;
		float:left;
	}
	.navbar .container {
		width: 985px;
	}
	ul.twoColumn {
	    column-count: 2;
		-webkit-columns: 2;
		-moz-columns: 2;
		list-style-type: none;
	}
	.twoColumn li:before {
	  content: "• ";
	}
	
	/*=================== Top Header and Navigation =============================*/
	
	
	/*Grey Header*/
	.topHeader {
		position:relative;
		height:224px;
	}
	
	/* this is a temporary class used to give more height to top banner on the home page to allow room for the survey banner */
	.topHeaderSurveyBanner {
		position:relative;
		height: 344px;
		
	}
	
	.topHeaderInterior {
		position:relative;
		height:90px;
	}	
	.navbar {
		margin-bottom:0px;
	}
	.navbar-header {
		display:none;
	}
	.navbar-collapse .container {
		padding:0px 15px;
	}
	.greyHeader {
		font-size:1.2em;
		height:45px;
		top:0;
		position:relative;
		z-index:1;
		display:block;
		width: 100%;
  		float: left;
		background: #4d4d4d;
		font-weight: bold;
		font-family: "Century Gothic", CenturyGothic, Arial, sans-serif;
		padding-top: 0;
	}
	.greyHeader:after, .greyHeader:before {
		background: inherit;
		position: absolute;
		content: '';
		top: 0;
		width: 100%;
		height: 100%;
		right: 100%;
	}
	.greyHeader:after {
		left:100%;
	}
	.greyHeaderLeft {
		width:44%;
		float:left;
		display:block;
		
	}
	.greyHeaderLeft img {
		float:left;
		margin: 0;
		margin: 0 0 0 35px; /* added by AF 03-09-2017 to move the 50th anniversary logo closer to the the other text in the banner */
	}
	.greyHeaderRight {
		float: right;
		width:56%;
		text-align:right;
		height:31px; 		
		position:relative;
		
	}
	.greyLinks {
		position:absolute;
		right:230px;
	}
	.greyHeader a, .greyHeader a:visited {
		color:#fff;
		padding: 13px 10px 12px;
		border-right: 1pt transparent solid;
		border-left: 1pt transparent solid;
		width: auto;
		text-indent: 0;
		font-size:0.8em;
		float:left;
		line-height:20px;
	}
	.greyHeader a:hover, .greyHeader a:focus, .greyHeader a.active {
		background-color:#748a38;
		color:#fff;
		border-right: 1pt #FFF solid;
		border-left: 1pt #FFF solid;
	}
	li.greyMobile {
		display:none;
	}
	/*Search*/
	#custom-search-input-desk {
		padding-left: 10px;
		position: absolute;
		right: 0;
		top: 8px;
		margin: 0px;
	}
	#custom-search-input .form-control {
		width: 165px;
		height: 30px;
		padding: 6px 30px 6px 10px;
		background: #fff;
		border: 1pt solid #d1d2d4;
	}
	#custom-search-input .form-control:focus {
	  	border-color: #66afe9;
	  	outline: 0;
	  	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
	  	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
	}
	.input-group-btn {
		display: table;
  		position: initial;
	}
	.input-group-btn .btn {
		background-color: inherit;
		border: 0;
		position: absolute;
		left: 135px;
		padding: 6px 8px 4px;
	}
	.input-group-btn .glyphicon {
		z-index:100;
	}
	.navbar-collapse {
		padding-right:0px;
		padding-left:0px;
	}
	/*Blue Header*/
	.blueHeader {
		margin:0 auto;
		margin-top: 0px;
		height: 135px;
		background-color:#00549B;
		display:block;
		position:relative;
		top:25px;
	}
	.blueHeader:after, .blueHeader:before {
		background: inherit;
		position: absolute;
		content: '';
		top: 0;
		width: 100%;
		height: 100%;
		right: 100%;
	}
	.blueHeader:after {
		left:100%;
	}
	.blueHeader img {
		position: absolute;
		top: 0;
		left: 200px;
		float: none;
  		margin: 0;
	}
	/*Navigation*/
	.navigationBkg {
		background-color:#82a8bc; /*original HM color */
		background-color: #7598aa;
		height:45px; 
		position: relative;
		border-top:1pt #fff solid;
		border-bottom:1pt #fff solid;
		z-index:2;
		top:25px;
		min-height: 45px;
	}
	.topHeaderInterior .navigationBkg {
		top:0px;
	}
	.navigationBkg:after, .navigationBkg:before {
		background: inherit;
		border:inherit;
		position: absolute;
		content: '';
		top: -1px;
		width: 100%;
		height: 100%;
		right: 100%;
		height: 45px;
	}
	.navigationBkg:after {
		left:100%;
	}
	.navbar-nav {
		text-align:center;
		height:43px;
		float: none;
		background:transparent;
		overflow:hidden;
		padding: 0 23px;
	}
	.navbar-nav li {
		width: auto;
		border-bottom: 0px;
		font-size: 1.3em;
	}
	
	/* Updated to show About Us page on iPad.  Changed side padding from 25px to 20px */
	.navbar-nav li a, .navbar-nav li a:link, .navbar-nav li a:visited {
		padding:12px 20px 11px;
		border-right: 1pt transparent solid;
		border-left: 1pt transparent solid;
		text-indent:0px;
	}
	.navbar-nav li a.active, .navbar-nav li a:focus, .navbar-nav li a:hover, 
	.navbar-nav li.open .dropdown-menu > li > a:hover, .navbar-nav li.open .dropdown-menu > li > a:focus, 
	.navbar-nav li.open > a, .navbar-nav li.open > a:visited, .navbar-nav li.open > a:link {
		background:#f15c16;
		border-right: 1pt #FFF solid;
		border-left: 1pt #FFF solid;
	}
	.navbar-nav li.dropdown .glyphicon {
		display:none;
	}
	/* added on 8-3-2015 to fix the home page issue of teh About Us menu item dispapearing upon select it. */
	.navbar-nav .dropdown-menu {
		display:none;
	}
	
	/*=================== Home Page =============================*/
	
	/*Carousel*/
	.slick-active .carousel-caption {
		padding:10px 20px 34px;
		max-height:150px;
	}
	.center .slick-prev, .center .slick-prev:focus, .center .slick-next, .center .slick-next:focus {
		height: 115px;
		width: 50px;
		padding: 10px 8px;
		top:28%;
		margin: 0;
		background-repeat: no-repeat;
		background-position: center;
		display:block;
	}
	.center .slick-prev, .center .slick-prev:focus {
		background-image: url(images/blueArrowLeft.png);
		left: auto;
		right:96%;
	}
	.center .slick-next, .center .slick-next:focus {
		background-image: url(images/blueArrowRight.png);
		right: auto;
		left:96%;
	}
	.center .slick-next:before, .center .slick-prev:before {
		content:none;
	}
	/*videos*/
	
	.videoThumb  img {
		width:250px;
	}
	
	/*=================== interior page styles =============================*/
	.greenBackground {
		margin-bottom:30px;
	}
	.greenBackgroundCollege {
		top:80px;
	}
	header h1 {
		padding:17px 0;
		font-size:3em;
	}
	.breadcrumb {
		margin-bottom:5px;
	}
	/*picture links*/
	.blueBackgroundLink {
		font-size:1.5em;
		line-height:1.4em;
	}
	.pictureLink img {
		width:260px; 
		width:100%;
		
		height:auto;
		float: none;
		margin: 0;
		display:block;
		opacity:0.4;
	}
	.pictureLink:hover img, a:focus .pictureLink img {
		opacity:1;
	}
	/*graphic links*/
	
	.circleLink, .graphicLine p, .graphicLine ul {
		width:90%;
	}
	.circleLine::before {
		width:7em;
	}
	
	
	
	/*blue links*/
	.blueLink .arrow-right {
		top: 17px;
	}
	/*our colleges*/
	.collegeFilters .panel-heading a, .collegeFilters .panel-heading a:visited {
		background:transparent;	
		padding:0px;
		margin-bottom: 10px;
	}
	.collegeFilters .panel-heading a span.glyphicon-plus-minus {
		display:none;
	}
	.collegeFilters .panel-heading a:hover, .collegeFilters .panel-heading a:focus, .collegeFilters .panel-heading a, .collegeFilters .panel-heading a:visited {
		color:#725855;
		background-color:transparent;
	}
	.collegeFilters .panel .collapse {
		display:block;
		visibility:visible;
	}
	.collegeFilters .panel .collapsed {
		display:block;
	}
	.collegeFilters .panel .panel-collapse {
		height:auto!important;
	}
	.specificFilter {
		margin-bottom:10px;
	}
	.specificFilter input[type="checkbox"] {
		width: 15px;
		height: 15px;
		margin: 2px 10px 0 0;
	}
	.filterName, .filterName:visited {
		font-size:1.6em;
		color:#034A75;
	}
	.filterName:hover, .filterName:focus {
		color: #c8511a;
	}
	/*tables*/
	.tableContainer {
		margin: 20px 20px 40px;
	}
	/*right side navigation*/
	.rightNavigation, .rightNavigationInternal {
		display:block;
	}
	.rightNavigation ul, .rightNavigationInternal .dropdown-menu {
		list-style-type:none;
		width:100%;
		padding:0px;
	}
	.rightNavigation ul li, .rightNavigationInternal ul.dropdown-menu li {
		background-color:#82a8bc; /*original HM color */
		background-color: #7598aa;
		margin:5px 0;
	}
	.rightNavigation ul li a, .rightNavigation ul li a:visited, .rightNavigation ul li a:link, 
	.rightNavigationInternal ul.dropdown-menu li a, .rightNavigationInternal ul.dropdown-menu li a:visited, .rightNavigationInternal ul.dropdown-menu li a:link {
		color: #fff;
		background-color:#82a8bc; /* original HM color */
		background-color: #7598aa;
		width: 100%;
		display: inline-block;
		padding: 5px 10px;
	}
	.rightNavigation ul li a:hover, .rightNavigation ul li a:focus, 
	.rightNavigation ul li.active a, .rightNavigation ul li.active a:hover, .rightNavigation ul li.active a:focus,
	.rightNavigationInternal .dropdown-menu ul li.active a, .rightNavigationInternal ul.dropdown-menu li a:hover, .rightNavigationInternal ul.dropdown-menu li a:focus {
		background-color:#f15c16;
		color:#fff;
	}
	.rightNavigationInternal .btn {
		font-size: 0;
		border: 0;
		box-shadow: none;
		height: 0;
		padding: 0;
	}
	.rightNavigationInternal .caret {
		display:none;
	}
	.rightNavigationInternal .dropdown-menu {
		display:block;
		overflow: inherit;
		border: 0px;
		box-shadow: none;
		width:100%;
		height:auto;
		margin-bottom:20px;
	}
	.rightNavigationInternal .dropdown-menu {
		display:block;
	}
	/*right side navigation Mobile*/
	
	.rightNavMobile {
		background-color:#fff;
		border:1pt solid #4d4d4d;
	}
	.rightNavMobileDrop {
		background-color:#fff;
		border:1pt solid #4d4d4d;
		font-size:1.5em; 
	}
	/*=================== Footer =============================*/
	.footerTop {
		/* 03/14/2017 ggamble remove height to handle icons stacking
			height:345px; 
		*/
		margin-top:50px;
	}
	footer .row {
	  margin-bottom:50px;
	}
	.footerLinks, .footerSocial {
		margin-top:25px;
	}
	.footerIcon img {
		width:90px;
	}
	
	.footerGrey {
	/* per HM, added on 11-17-2015 */
	font-size: 1.3em;
    padding: 16px 0 0 50px;
    }

} /*-----------------------------------------end media*/




@media (min-width: 1200px) {
	.negativeMargin {
		margin-top:-160px;
	}
	body {
		font-size:1.25em;
	}
	.navbar .container {
		width: 1200px;
		
	}
	.navbar-nav li a, .navbar-nav li a:visited {
		padding: 0 57px;
	}
	.greyHeader a, .greyHeader a:visited {
		font-size:1em;
	}
	.center .slick-prev, .center .slick-prev:focus { /* provided by HM 11-17 -15 */
	right: 96%;
	}
	.center .slick-next, .center .slick-next:focus {
	left: 96%;
	}

	
	
	
	/*graphic link*/
	
	.circleLine::before {
		left: 20px;
		top: 8px;
		width: 6.7em;
	}
	.circleLink {
		margin: 0px 0px 0px 32px;
	}
	.graphicLine p {
		margin: 4px 0 0 33px;
	}
	
	/*green headers*/
	.greenBackgroundCollege {
		top: 100px;
	}
	/*our colleges*/
	.medium100.ourCollege {
		width:94%;
	}
	.findRegion {
		height: 116px;
	}
/* used to display image map of WA colleges  These two styles were set to display:none on 12-15-15 because the image map hot spots would not hold their location under 1200px.  At min-width 1200px the display:none is removed. This is our solution for our inability to make a responsive image map.  	*/
.MapWrapper{
	position:relative;
	min-height:100%;
	width: auto;
	height: 100%;
	display:block;
}

.MapBox{
	background-color: #f1f1f2;
	padding: 10px;
	height:100%;
	overflow:hidden; 
	display:block;
}

	
	
} /*-----------------------------------------end media*/

@media (min-width: 1217px){
	.center .slick-prev, .center .slick-prev:focus {
	right: 84%;
	}
	.center .slick-next, .center .slick-next:focus {
	left: 84%;
	}
} /*-----------------------------------------end media*/



@media (min-width: 1400px) {
	.greenBackgroundCollege {
		top: 130px;
	}
	
} /*-----------------------------------------end media*/


/*-------------added 7-15-2015 by AF.  Creates forward/backwards links at the bottom of policy manual pages ---------*/

div#policyNavContainer
{

width:100%;
margin-top:30px!important;
margin-bottom:20px!important;
display:table;
font-size:1em;
	
}

div.policyNavCellLeft {
	display:table-cell;
	width:50%;	
	text-align:left;	
	
}

div.policyNavCellRight {
	display:table-cell;
	width:50%;	
	text-align:right;
	
}

div#policyNavContainer span.policyNavLabel, div#policyNavContainer a.policyNavLabel{
	background-color:#e7edf0;
	border:1px solid #bbc9d1;
	border-bottom:2px solid #bbc9d1;
	padding:3px 5px;
}

h1 span.policyManualFirstLine, h1 span.bedaHandbookFirstLine, h1 span.HS21Handbook{
	font-size:.65em;
	
	
}

/* ----------- end Policy Manual styles ----------------- */

/*  -------------- added 7-16-2015 by AF.  Appends file type string to end of links to documents ------------------*/

a[href$=".accdb"]:after{
	content:" [Access] ";
	font-size: .75em;
}

a[href$=".pdf"]:after{
	content:" [PDF] ";
	font-size: .75em;
}
a[href$=".doc"]:after{
	content:" [Word] ";
	font-size: .75em;
}
a[href$=".docx"]:after{
	content:" [Word] ";
	font-size: .75em;
}

a[href$=".docm"]:after{
	content:" [Word] ";
	font-size: .75em;
}

a[href$=".xls"]:after{
	content:" [Excel] ";
	font-size: .75em;
}
a[href$=".xlsx"]:after{
	content:" [Excel] ";
	font-size: .75em;
}

a[href$=".xlsm"]:after{
	content:" [Excel] ";
	font-size: .75em;
}

a[href$=".ppt"]:after{
	content:" [PowerPoint] ";
	font-size: .75em;
}

a[href$=".pptx"]:after{
	content:" [PowerPoint] ";
	font-size: .75em;
}

a[href$=".zip"]:after{
	content:" [ZIP] ";
	font-size: .75em;
}

a[href$=".vsd"]:after{
	content:" [Visio] ";
	font-size: .75em;
}

div#contacts p{
line-height:150%;
	
}

div#topofpage p {
	font-size:1.1em;
	display:inline-block;
	background-color:#F1F1F2;
	padding:2px 3px 2px;
	border:1px solid #dbdbde;
}

div#topofpage {
	margin-top:10px;
	float:right;
	
	
}


div.contactRHSnippet p{
	margin-top:10px;
	line-height:1.2;
	
}

ul > li.nonBulletedList {
	list-style-type:none;
	padding-left:0!important;
	
	
}

label.sr-only {
	/* sr-only is a bootstrap class to position label text so it works for screen readers but sighted users don't see it.  It is used on the search <label>.  I changed it to white because otherwise it through an accessibility contrast issue for grey text on grey background */
	color:#fff;
	background-color: #4D4D4D;
}

label.nestedSearchItems {
	/*this class is used on search.aspx to affect the nested list items under Colleges & Staff and Blogs */
	font-weight:normal;
	font-size:1em;
}

ul li.topbestbet, ul li.topbestbest p{
	border-left:4px solid #f15c16;
	background-color:#f1f1f1;
	overflow:auto;
	padding-left:7px;
}

/* Start Control Styles input[type="text"] */

.form-control{
	font-size: 1.2em !important;
	
}
/* End Control Styles */


/* Start Styles for College Search  */

#colSearch{
	font-size: .9em;	
}

 #colSearch h2{
	 color: #fff;
	 padding: 10px;
	 background-color: #404041;
 }

 #colSearch #ColSearch_btnByName, #ColSearch_btnByInterest, #ColSearch_btnByRegion{
	 color: #fff;
 }

 #colSearch select {
	 font-size: 1.5em;
 }

 #colSearch .colSearch-List
            {
                list-style: none;
                font-size: 1.2em;
                text-decoration:none;
            }

 #colSearch .tooltip-content {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
        }

       #colSearch .btn-tooltip:focus .tooltip-content {
            clip: auto;
            overflow: visible;
		    cursor: pointer;
        }

	#colSearch.btn-tooltip:not(:focus) .tooltip-content{
    		overflow: hidden;
		}

        #colSearch .btn-tooltip {
            border: none;
            background: none;
            position: relative;
        }

        #colSearch .tooltip-content {
            display: block;
			margin: 30px 0 10px -90px;
			padding: 0.75em 1em;
			text-align: left;
			color: #000;
			font-size: .8em;
			border-radius: 4px;
			background-color: #f1f1f1;
			border: 1px solid #808080;
			border-left: 10px solid #f15c16;
			width:50%;
			position: fixed;
			top: 5%;
			left: 30%;
			padding: 25px;
			margin: 70px auto;
			z-index: 10000;
			-webkit-transition: all 0.6s ease-in-out;
			-moz-transition: all 0.6s ease-in-out;
			transition: all 0.6s ease-in-out;
			height: auto;
			overflow: auto;
			line-height: 1.2em;
        }

        #colSearch .btn-tooltip {
            display: inline-block;
            text-align: center;
            min-width: 20px;
			cursor: pointer;
        }

            #colSearch .btn-tooltip:focus .tooltip-content, .btn-tooltip:hover .tooltip-content {
                -webkit-transform: rotateX(0deg) scale(1);
                transform: rotateX(0deg) scale(1);
                opacity: 1;
            }

.JobSearchPanel{
    padding: 10px 0 5px 15px;
    background-color: #f1f1f2;
    height:  175px;
	border-left: 10px solid #f15c16;
}
 


	/* medias query to control programs info popup location */
	@media (max-width : 480px) {
			/* Small Styles */
	

		
		
		 #colSearch .tooltip-content {
           	left: 50px;
            min-width: 100px;
			max-width: 300px;
		 }
		
		/* GREG - I left off testing here*/
		
		.footerlinks .col-xs-6 {
			padding-bottom:10px;
			background-color:yellow!important;
			
		}
	}


/* End Styles for College Search */

/* Start AllStaff List */
#AllStaffControl_btnFilterBy{
	color: #fff;
}

.AffStaffListing{
	font-size: 1.2em !important;
}

.AffStaffListing tr{
    color: #333333;
    padding: 20px;
}

.AffStaffListing tr td.merge{
   padding-top: 10px;
   background-color: transparent;
   text-align: right;
}

.AllStaffHeader{
    font-size: 1.4em;
}

.title
{
   padding: 5px;
   font-size: 120%;
   font-weight: lighter;
   /* color: #fff; */
   padding-left: 100px;
}

/* ggamble 10/21/2015  Set textalign to left per afrench  */
H3.title
{
   padding: 5px;
   font-size: 120%;
   font-weight: lighter;
   /* color: #fff; */
	padding-left:0;
   text-align:left;
}


.emp
{
   padding: 5px;
   font-size: 120%;
   font-weight: lighter;
   color: #fff;
   padding-left: 30px;
}


.phone
{
   padding: 5px;
   font-size: 120%;
   font-weight: lighter;
   /* color: #fff; */
   padding-left: 10px;
}


.NameSpacing {
    padding: 10px 50px 0 0;
    display: inline-block;
}

.SubNameSpacing {
    padding: 0 50px 0 0;
    display: inline-block;
}

.H4Listing {
    display: inline-block;
    font-size: 1.8em;
    margin: 0;
    padding: 10px 0;
}

.UserListing {
    display: inline-block;
    margin: 0;
    padding: 10px 0 0 10px;
}

.SubUserListing {
    display: inline-block;
    margin: 0;
    padding: 0 0 0 20px;
}

.printLst_txt{
	font-size: 1.1em;
}

@media print {

	
	a[href^="tel:"]:after {
        content: "";
	}
	
	.no-print{
		display: none;
	}
	
	#AllStaffControl_gvAllStaff{
		Width: 100% !important;
		margin:0;
		padding:0;
	}
			
	.breadcrumb{
		display: none;
	}
	
	header{
		margin:0;
		padding:0;
	}
	
	footer{
		display: none;
	}
/*
	.graphicLine{
		display: none;		
	}
*/	
	.content{
		width: auto;
	}
		
	
	div.panel-heading h2 {
		margin-bottom:-20px;
	}
}


/* End AllStaff List  */

/* Fiscal Calc */

.ui-button.ui-widget.ui-state-default.ui-corner-all {
    padding: 2px 5px;
    margin-bottom: 4px;
}

.lbl {
    width: 150px;
    padding: 5px 10px 5px 5px;
    text-align: right;
    display: inline-block;
}

.lbl2 {
    width: 80px;
    padding: 5px;
    text-align: right;
    display: inline-block;
}

.lbl3 {
    width: 130px;
    padding: 5px;
    margin-right: 10px;
    text-align: right;
    display: inline-block;
	font-size: 1.2em;
}

.lbl4 {
    width: 49%;
    padding: 5px;
    text-align: left;
    display: inline-block;
	font-size: 1.2em;
}

.contain {
    font-size: 1.1em;
    width: 320px;
	height: auto;
    background-color: #fafafa;
    padding: 10px;
    border: #000 1px double;
    margin: 0 auto;
}

#calc{
	margin:20px 0;
	padding:0;
}

div.ui-datepicker {
    font-size: 10px;
}

.Off_Page {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.txtBx {
    font-size: 1em;
    width: 80px;
    border: solid thin #3f748a;
    margin: 8px;
}

.headrTop {
    margin: 0 2px 10px 2px;
	font-weight: bold; 
	font-size: 1.4em;
}

.headrBottom {
    margin: 0 2px 10px 2px;
	text-align: left; 
	padding: 0 10px;
	font-size: .9em;
}

.DisplayInline {
    display: inline;
    padding: 0;
    margin: 0;
}

/* End Fiscal Calc */

/* Start Search Applicants */
#rbGender input[radio] label{
    display: inline-block;
}

#rbGender_0,#rbGender_1,#rbGender_2{
    width: 20px !important;
    margin-right: 20px;
    text-align:left;

}


#rbGender label {
    display: inline-block;
    font-weight: 400;
}

.ListOfApplicants{
    	/*overflow-x: auto;*/
		display: block;
        
}

#gvListOfApplicants{
          width: 500px;
  
}

#gvListOfApplicants tr th{
    text-align: center !important;


}

/* End Search Applicants */

/* Start College Job Search */

	#gvListOfJobs{
		padding: 20px 5px;
	}

	#btnRest2{
		margin: 20px;
	}
/* End College job Search */

/* Start Success/info/danger Button */
.btn {
	font-size:15px;
	font-weight:bold;
	
}	
	
.btn-success {
  color: #fff;
  background-color: #F37034;
  background-color: #fa6220; /* edited by AF 3-24-2017 to increase contrast */	
  border-color: #f4824a;
}

.btn-success:focus,
.btn-success.focus {
  color: #fff;
  background-color: #f58f5f;
  border-color: #f4824a;
}

.btn-success:hover {
  color: #fff;
  background-color: #f58f5f;
  border-color: #f4824a;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #F37034;
  background-color: #fa6220; /* edited by AF 3-24-2017 to increase contrast */	   	
  border-color: #f4824a;
}

.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #F37034;
  background-color: #fa6220; /* edited by AF 3-24-2017 to increase contrast */	 	
  border-color: #f4824a;
}
.btn-success .badge {
  color: #F37034;
  background-color: #fff;
}

.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}

.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}

.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}

/* End Button Success/info/danger/warning */

/* styles added to circumvent the accessibility color analyzer that was incorrectly trying to evaluate link colors on top of the linked logo */
.socialIcon > a {color:#000}
.footerLogo > a {color:#000}

div#pagemanager {
	padding-left:15px;
	
	
	
}
div#pagemanager p {
	font-size:1.1em;
	color: #6c6c6e;
	
}

/* Site wide Label style.  May need to restrict to usercontrols if it breaks site styling :  ggamble */

label, select {
	font-size: 1.3em;
}

/* this is a test by AF on 9-25-15 */

div.studentredirect, div.collegeaccessonly{
	display:inline-block!important;
	vertical-align:middle;
	padding:2px 40px 2px 10px!important;
	margin-bottom:40px;
}

p.studentredirect, p.collegeaccessonly {
	font-size:.75em!important;
	position:relative;
	font-style:italic;	
	margin:0;
}

p.studentredirect::after{
	position:absolute;
	content: "";
	background:url("/_resources/images/circlearrow.gif") right center no-repeat;
	
	width: 25px;
height: 25px;
top: -2px;
right: -45px;
	

}
p.studentredirect a:hover {
	color:#aa4516!important;
}

p.collegeaccessonly::after{
	position:absolute;
	content: "";
	background:url("/_resources/images/circle-exclamation.gif") right center no-repeat;
	
	width: 25px;
height: 25px;
top: -2px;
right: -45px;
	

}


/* Start - Job Search Admin */
.JobAdminCheckBox {
	border-style: none!important;
}
.JobAdminCheckBox tr td {
	border-style: none!important;
}

.JobAdminRadioList{
	border-style: none!important;
}


.JobAdminRadioList tr td{
	border-style: none!important;
}

/* End - Job Admin Search */

/* start - missing table styles */

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px!important;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd!important;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd!important;
  background-color: #cdcdcd !important;
  text-align: center !important;
}

.table > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd!important;
  background-color: #cdcdcd !important;
  text-align: center !important;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0!important;
}
.table > tbody + tbody {
  border-top: 2px solid #ddd !important;
}
.table .table {
  background-color: #fff;
}

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f2f2f2 !important;
}

.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px!important;
}

.table-bordered {
  border: 1px solid #ddd !important;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd !important;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px !important;
}

/* end - missing table styles*/

p.reviewed {
font-size:.7em;
color:red;
}

/* Start Emp Search */

.hrEmpSearch{
	clear:both;
    padding:0!important;
	margin:2px!important;
    border-bottom: 2px dashed #c8c8c8;
}

.pushBtnDown{
    margin-top: 11px;
}

/* End Emp Search */

/* Start College Employee Search */

.CollegeSearchAddress{
	font-size: 1.4em;
}

.CollegeSearchTrustee
{
	font-size: 1.4em;
}

.CollegeSearchTrustee  dt{
	/* width: 80px; */
	width: 25%;
	margin-right: 20px;
}

.CollegeSearchTrustee  dd{
	width: 75%;
	margin-left: 0px;
}

.NoLabelBorder{
    border: none;
    font-size: 1.4em;
	
}

.SlimFormGroup{
	margin: 0 !important;
	padding: 0 !important;
	line-height: 16px;
	
}

.SlimFormGroup .col-sm-2,
.SlimFormGroup .col-sm-6{
	margin:0!important;
}

.SlimFormGroup:nth-child(5) .col-sm-6{
	margin-bottom:20px!important;
}

/* End College Employee Search */

/* Start JobSeekers */

.NoMarginDDL{
	margin:0;
	padding:0;
	float: left;
	height: 40px;
}

.NoMarginDDL .col-sm-4{
	padding-left: 0!important;
}

.BottomNoMarginDDL{
	margin:0 0 20px 0;
	padding:0;
	float: left;
	height: 40px;
}

.BottomNoMarginDDL .col-sm-4{
	padding-left: 0!important;
}

/* 11-18-15 Greg Gamble Add some separation of 'Degrees & Discipline' on mobile size */
@media (max-width: 768px) {
	
div#search-policy-manual {
	
	margin-top:-10px;
}
		
	

	
	
    .mobilGap{
        margin-bottom: 30px;
    }
	
	 a[href^=tel] {
     color:#08799f; 
  }
	
	
	a[href^=tel]:hover, a[href^=tel]:focus {
     color:#f15c16;
  }
	
	  
}

/* End JobSeekers */

/* Start Jobs Found */


	 .JobsFoundPaging a, .JobsFoundPaging span
	{
		display: block;
		height: 30px;
		width: 30px;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
		font-size: .6em;
		margin: 2px;
	}

    tr.JobsFoundPaging > td > table{
		border: none;
		width: auto;
	}

    tr.JobsFoundPaging > td > table > tbody > tr {
		border: none;
	}

    tr.JobsFoundPaging > td > table > tbody > tr > td{
        padding-right: 5px!important;
		border-width: 0!important;
		height: 30px!important;
		width: 30px!important;
    }
	.JobsFoundPaging a
	{
		background-color: #f5f5f5;
		color: #969696;
		border: 1px solid #969696;
	}
	.JobsFoundPaging span
	{
		background-color: #969696;
		color: #f1f1f2;
		border: 1px solid #787878;
	}

/* End Jobs Found */

/* astrisk css style */

.JobSeekerRequire:before {
    font-size: 1em;
    color: red;
    content: '* = non-instructional positions';
    vertical-align:text-bottom;

}

/* Profile-Spotlights */
div#spotlightImageBox {
	background-color: #f1f1f2;
	padding:15px;
	border:1px solid #d6d6db;
	min-height:220px;
	width:350px;
	float:left;
	margin: 0 20px 20px 0;
	

}

div#spotlightImageBox p {
	clear: both;
	max-width: 300px;
	
	font-style:italic;
}

/*  Apple submenu fix?  */

a:hover {
		opacity:1; 
		filter:alpha(opacity=100);
}

/* FacilityConditionSurvey  */
#ucFileListing ul {list-style-type: none;}
#ucFileListing li {padding: 5px;margin: 5px;background-color: #ffffff;}
#ucFileListing li.ucAltListItem { background-color: #edeaea; }
#ucFileListing li > img{float: right;}


#skiptocontent {
	
	
	
	
}

#skiptocontent a {
	
    font-size:1em;
	background-color:#748a38;
	background-color:#697d32;  /* more contrast */
	color:#4d4d4d!important;
	position:absolute;
	top:-50px;
	left:0;
	padding:5px;
	z-index:1000;

	

}

#skiptocontent a:focus, #skiptocontent a:active{
	color:#ffffff!important;
	font-size:1em;	
	position:absolute;
	left:0;
	top:0;
	

}

/* TWBS Helper CSS */
.text-center {
  text-align: center;
}

/* Experimental Classes to override styles in Trumba calendar. They don't work. I believe it has to do with the page lifecycle and that Trumba's css is coming in after mine.
*/
 a[title="Back to Previous View"] img{
	display:block!important;
	margin-top:20px!important;
	outline: 3px solid red; /*test*/
}

span.ImageLink a{
	border:3px solid black!important; /*test*/
	margin-left:50px!important;
}

.twEDFooter td a{
	margin-bottom:20px!important;
	display:inline-block;
}

/* Trumba calendar listing spud styles */

div.calendar-spud-heading {
	background-color: #748a38;
	padding-left: 10px;
	padding-top: 4px;
	padding-bottom: 5px;
	margin-bottom: 0;
}

div.calendar-spud-heading h2 {
	color: #ffffff!important; 
	vertical-align: center;
	
}

div.calendar-content {
	margin-top: -10px;
	margin-bottom:50px!important;
	padding-top: 10px;
	background-color: #e3e6dc;
	border-bottom:4px solid #748a38;
}

div.twFilterHead {
	background-color:pink;
}

/* Styling for Program Search V2  */

.fa-circle-orange {
  color: orangered;
}


.fa-star-purple {
  color: purple;
}


.fa-square-green {
  color: green;
}

.glyphicons-remove-circle-orange {
  color: orangered;
}


.glyphicons-star-empty-purple {
  color: purple;
}


.glyphicons-vector-path-square-green {
  color: green;
}

.text-left {
  text-align: left;
}

.colPgmSearchHeader{
    text-align: left;
    text-decoration: none;
    padding: 4px;
    background-color: #7598aa;
    color: #fff;
    margin:0 0 2px 0;
	font-size: 140%;
}

    .colPgmSearchHeader a {
        text-decoration: none;
        color: #fff !important;
    }

    .colPgmSearchHeader a:hover {
        color: #000 !important;
        background-color: #7598aa;
    }

.collegePrograms{
    font-size: 100%;
}

    .collegePrograms a {
        text-decoration: none;
        color: #000 !important;
        font-weight: normal;
    }

    .collegePrograms a:hover {
        color: #034a75 !important;
        background-color: #e6e7e8;
		padding: 2px 10px 2px 0
    }

     /*blue panel heading*/


    .panel-heading-blue {
        padding: 0;
    }

        .panel-heading-blue h1, .panel-heading-blue h2, .panel-heading-blue h3 {
            font-size: 1.9em;
            line-height: 1.2em;
            display: inline-block;
            width: 100%;
            margin-bottom: 0;
            padding-bottom:0;
        }

        .panel-heading-blue span{
            float: left;
            padding-right: 5px;
        }

        .panel-heading-blue a {
            padding: 15px;
            width: 100%;
            float: left;
        }

            .panel-heading-blue a.collapsed, .panel-heading-blue a.programLink, .panel-heading-blue a:visited {
                color: #fff;
                background-color: #034A75;
            }

            .panel-heading-blue a:hover, .panel-heading-blue a:focus, .panel-heading-blue a {
                color: #fff;
                background-color: #f15c16;
            }
/* created by Greg for the College Program Search */

/*Blue Links*/    
    .greyLink {
        font-size: 1.7em;
        line-height: 1.2em;
        padding: 0;
    }

        .greyLink h1, .greyLink h2, .greyLink h3 {
            font-size: .9em;
            color: #034A75;
        }

        .greyLink span{
            float: left;
            padding-right: 5px;
            padding-top: 3px;
            font-size: .8em;
            color: #034a75;
        }

        .greyLink a {
            padding: 7px;
            width: 100%;
            float: left;
        }

            .greyLink a.collapsed, .greyLink a.gLink, .greyLink a:visited {
                /*background-color: #e6e7e8;
                color: #034a75;*/
                color: #000
                margin: 5px 0;
                
            }

            /*.greyLink a:hover, .greyLink a:focus, .greyLink a{
                color: #fff;
                background-color: #f15c16;
            }*/

            .greyLink a:hover > span, .greyLink a:focus > span{
                color: #000;
            }

    /*grey panel heading*/
    .panel-grey{
        margin: 5px 0;
        color: #000
    } 
    
    .panel-default-grey{

    }

    .panel-heading-grey {
        padding: 0;
        margin: 0;
    }

        .panel-heading-grey h1, .panel-heading-grey h2, .panel-heading-grey h3 {
            font-size: 1.6em;
            line-height: 1.7em;
            display: inline-block;
            width: 100%;
            margin:0;
            padding:0;
        }

        .panel-heading-grey span{
            float: left;
            padding-right: 5px;
            padding-top: 10px;
            font-size: .8em
        }

        .panel-heading-grey a {
            width: 100%;
            float: left;
        }

            .panel-heading-grey a.collapsed, .panel-heading-grey a.programLink, .panel-heading-grey a:visited {
                /*color: #e6e7e8;
                background-color: #034A75;*/

                color: #034a75;
                
            }

            .panel-heading-grey a:hover, .panel-heading-grey a:focus, .panel-heading-grey a {
                /*color: #fff;
                background-color: #f15c16;*/
                color: #f15c16;
            }




/* this code was added 7-8-16 by AF to remove the white iframe left by the google adwords <iframe> */
iframe[name=google_conversion_frame] 
{
    display: none;
}

/* added 7-11-2016 by AF to create print icon buttons in policy manual */

button.print-chapter, button.print-section {
		background-color:none;
		border:none;
		color:#08799f;
		background:URL("/_resources/images/printicon.jpg") bottom left no-repeat;
		padding-left:30px;
		display:none;
		margin-bottom:10px;
		margin-top:10px;
		font-weight:bold;
		font-size:1.1em;
		cursor:pointer;
		}		
button.print-section {
		display:inline;
		}







/* these styles added 8-24-2016 for the websurvey banner to appear at top of screen  */
#surveylinkbar {
	margin:0;
	background-color:#8ab6d3;
	
	text-align:center!important;
}


#surveylinkbar img.bg {
	width: 100%;
	max-width:950px;
	height: auto;
	min-height: 50px;
}

#surveylinkbar img.sm {
	display:none;
	visibility:hidden;
}

#surveylinkbar p {	
	position:absolute;
	top:0;
	left:-450px;   /* move offscreen for screen readers. Move to 3000px for live site */
	font-size:2em;
	white-space:nowrap;	
}




@media (max-width:450px) {
	
	#surveylinkbar img.bg{
	display:none;
	visibility:hidden;
}
	
	#surveylinkbar img.sm{
	display:block;
	visibility:visible;
	max-width:450px;
    max-height:60px;
		margin-left:auto;
		margin-right:auto;
		
		
}
	
	
}