/*-----------------------------------------------------------------------------------
	Theme Name: State College of Florida
	Theme URI: https://www.scf.edu
	Description: 
	Author: 61 Pixels
	Author URI: http://www.61pixels.com
	Version: 1.0		
	-----------------------------------------------------------------------------------

	0.	CSS Reset & Clearfix
	1.	Document Setup (body, common classes, typography, structure etc)
	2.	General Form Styles
	3.	Header Styles	
	4.  Home Page Styles
		4.1 Home Slideshow		
	5.	Blog Index Styles
		5.1 Page Navi styles
	6.	Page and Single Post			
	7.  Sidebar and Widget Styles	
	8.  IE Fixes
	9.  Print styles - inlined to avoid extra request and page load
	10. Additional Library overwrites and styles
    11. Box Effects
	12. Buttons

-----------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
/*	0.	CSS Reset & Clearfix

removed :focus { outline: 0; }  in line 30 and 32 as this is not accessibility compliant - Andrew Soderberg 5-21-2017
/*-----------------------------------------------------------------------------------*/
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, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: top; background: transparent; } html {font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%}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; }article,aside,figure,footer,header,hgroup,nav,section{display:block;}audio,canvas,video {display: inline-block;*display: inline;*zoom: 1;}audio:not([controls]) { display: none;}.chromeframe {margin: 0.2em 0;background: #ccc;color: black;padding: 0.2em 0;}sub,sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ .none { display: none; } /* End Clearfix */
hr{display:block;height:1px;border-top:1px solid #ccc;margin:1em 0}html{overflow-y:scroll}html,body{height:100%}:active,:hover{outline:0;}.clear{clear:both;height:0;overflow:hidden}::-webkit-input-placeholder{color:#aaa;}::-moz-placeholder{color:#aaa;}

/*-----------------------------------------------------------------------------------*/
/*	1.	Document Setup (body, Typography, common classes, structure etc)
/*-----------------------------------------------------------------------------------*/
/* colors to use 
Dark Blue: #00345e
Med Blue: #014e82
Teal: #0084aa
Green: #397c2d
*/
body,input,textarea,select,table{color:#4f4f4f;font:16px/135% arial,sans-serif;background:#fff;}
table{color:#4f4f4f;font:12px/150% arial,sans-serif;background:#fff;}

body {background-color: #EAF0F5;} /* base color of background */

/* Fonts */

/* loading Museo font - A font by Jos Buivenga (exljbris) -> http://www.exljbris.com */
@font-face {
    font-family: 'Museo';
    src: url('fonts/museo500-regular-webfont.eot');
    src: url('fonts/museo500-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/museo500-regular-webfont.ttf') format('truetype'),
         url('fonts/museo500-regular-webfont.svg#museo_500regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* loading Bebas Neue and Vollkorn from Google Fonts API */
@import url('https://fonts.googleapis.com/css?family=Bebas+Neue|Vollkorn:600&display=swap');


/* This text is in Cabin Sketch */
.sketch24px { 
	font-family: Cabin Sketch;
	font-size: 24px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 18px;
	color:#0084aa;
}
/* default links */
a{color:#245415;text-decoration: none;}  
a:hover,a:focus{color:#306065; text-decoration: underline;}
p,ul,ol,dl,dd,blockquote,address,table,fieldset,form{ margin-bottom: 20px;font-weight:normal;}
p {}
img {vertical-align: top;}
hr {padding:0;border:0;border-top: double #b8b8b8;}
#content h1 {line-height:1.2em;}
#content ul, #content ol {margin:0 0 20px 30px;}
#content ul ul, #content ol ol, #content ol ul, #content ul ol {margin-bottom:0;}
#content ul{ list-style-type: disc; }
#content ol{ list-style-type: decimal; }
#content img {padding:10px;}
.hide-text {text-indent:-9999px;}
.last {margin-right:0;}
.first {margin-left:0;}
.pad {padding:25px;}
.round {-webkit-border-radius: 10px;border-radius: 10px;}
.alignright {float:right;margin:0 0 10px 15px;}
.alignleft {float:left;margin:0 15px 10px 0;}

#content .list ol {
    list-style-type: decimal;
}

#content .list ol ol {
    list-style-type: upper-alpha;
}

#content .list ol ol ol ol {
    list-style-type: decimal;
}

blockquote {font-family:Georgia, serif;font-style:italic;color:#5d5d5d;background:#f6f6f6;padding:15px 20px;}
	blockquote p {margin:0;}
	blockquote cite {font-family:Arial, sans-serif;color:#000;font-size:11px;font-style:normal;}
/* headings */
h1, h2, h3, h4, h5, h6 {margin:0 0 20px 0;font-weight:normal;color:#00345e;font-family:Museo, Arial, sans-serif;}
h1 {font-size:1.8em;padding-bottom:10px;border-bottom:5px solid #0084aa;}
h2 {font-size:1.5em;line-height:26px;}
h3 {font-size:1.25em;line-height:26px;color:#006075;}  /* adjusted for accessibility contrast ratio greater than 4.5 */
h4 {font-size:1.125em;line-height:22px;color:#256518;}  /* adjusted for accessibility contrast ratio greater than 4.5 */
h5 {font-size:1.063em;line-height:22px;color:#397c2d;}
h6 {font-size:1.063em;line-height:22px;color:#007290;}  /* adjusted for accessibility contrast ratio greater than 4.5 */

.ben-title {font-size:14px;line-height:14px;color:#55792b;border-bottom: 1px dotted #55792b;}
.ben-title a:hover {color: #55792b;text-decoration: none;border-bottom: 1px solid #55792b;}

/* screen reader only content per https://accessibility.18f.gov/hidden-content */
.screen-reader-only {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}

/* main foundation containers for Site */
.fixed-cont {width:960px;margin:0 auto;position:relative;}
#content-wrap {-webkit-box-shadow:  0 0 50px rgba(0, 0, 0, .4);box-shadow:  0 0 50px rgba(0, 0, 0, .4);background:#fff;padding-bottom:30px;z-index:10;}
#main-content-wrap{float:left;width:725px;} /* main content area */
#left-sidebar{float:left;width:235px;} /* sidebar */
#right-sidebar{float:right;width:235px;} /* sidebar */
#bot-cap {z-index:10;position:relative;background-color:#fff;Border-radius: 0 0 10px 10px;box-shadow:0 9px #0083A9;width:960px;height:24px;margin:0 auto;}

/* Table Design */
#nicetbl table {
	width:90%;
	border-top:1px solid #e5eff8;
	border-right:1px solid #e5eff8;
	margin:1em auto;
		border-collapse:collapse;
	}
#nicetbl caption {
	color: #9ba9b4;
	font-size:.94em;
		letter-spacing:.1em;
		margin:1em 0 0 0;
		padding:0;
		caption-side:top;
		text-align:center;
	}	
#nicetbl tr.odd td	{
	background:#f7fbff
	}
#nicetbl tr.odd .column1	{
	background:#f4f9fe;
	}	
#nicetbl .column1	{
	background:#f9fcfe;
	}
#nicetbl td {
	color:#678197;
	border-bottom:1px solid #e5eff8;
	border-left:1px solid #e5eff8;
	padding:.3em 1em;
	text-align:center;
	}				
#nicetbl th {
	font-weight:normal;
	color: #678197;
	text-align:left;
	border-bottom: 1px solid #e5eff8;
	border-left:1px solid #e5eff8;
	padding:.3em 1em;
	}							
#nicetbl thead th {
	background:#f4f9fe;
	text-align:center;
	font:bold 1.2em/2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	color:#66a3d3
	}	
#nicetbl tfoot th {
	text-align:center;
	background:#f4f9fe;
	}	
#nicetbl tfoot th strong {
	font:bold 1.2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	margin:.5em .5em .5em 0;
	color:#66a3d3;
		}		
#nicetbl tfoot th em {
	color:#f03b58;
	font-weight: bold;
	font-size: 1.1em;
	font-style: normal;
	}

#benefits table, #benefits2 table, #benefits3 table, #benefits4 table {
	width:90%;
	border-top:1px solid #e5eff8;
	border-right:1px solid #e5eff8;
	margin:1em auto;
	border-collapse:collapse;
	}
#benefits caption, #benefits2 caption, #benefits3 caption, #benefits4 caption {
	color: #9ba9b4;
	font-size:.94em;
		letter-spacing:.1em;
		margin:1em 0 0 0;
		padding:0;
		caption-side:top;
		text-align:center;
	}	
#benefits tr.odd td, #benefits2 tr.odd td, #benefits3 tr.odd td, #benefits4 tr.odd td	{
	background:#f7fbff
	}
#benefits tr.odd .column1, #benefits2 tr.odd .column1, #benefits3 tr.odd .column1, #benefits4 tr.odd .column1	{
	background:#f4f9fe;
	}	
#benefits .column1, #benefits2 .column1, #benefits3 .column1, #benefits4 .column1	{
	background:#f9fcfe;
	}
#benefits td, #benefits2 td, #benefits3 td, #benefits4 td {
/*	color:#678197;  not enough contract for accessibility */
	border-bottom:1px solid #e5eff8;
	border-left:1px solid #e5eff8;
	padding:.3em 1em;
	text-align:center;
	}				
#benefits th, #benefits2 th, #benefits3 th, #benefits4 th {
	font-weight:normal;
	color: #678197;
	text-align:left;
	border-bottom: 1px solid #e5eff8;
	border-left:1px solid #e5eff8;
	padding:.3em 1em;
	}
#benefits thead th, #benefits2 thead th, #benefits3 thead th, #benefits4 thead th {
	background:#f4f9fe;
	text-align:center;
	font:bold 1.2em/2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	color:#00345e;
	}
#benefits tfoot th, #benefits2 tfoot th, #benefits3 tfoot th, #benefits4 tfoot th {
	text-align:center;
	background:#f4f9fe;
	}
#benefits tfoot th strong, #benefits2 tfoot th strong, #benefits3 tfoot th strong, #benefits4 tfoot th strong {
	font:bold 1.2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	margin:.5em .5em .5em 0;
	color:#00345e;
		}
#benefits tfoot th em, #benefits2 tfoot th em, #benefits3 tfoot th em, #benefits4 tfoot th em {
	color:#f03b58;
	font-weight: bold;
	font-size: 1.1em;
	font-style: normal;
	}

/* AofI Table Design */
#content #AofI table, tbody, tfoot, thead, tr, th, td a img{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    background: transparent;
}

#AofI td {
	margin: 0;
    padding: 0;
    border: 0;
}

.GrnButton {
	-moz-box-shadow: 0px 10px 14px -7px #3e7327;
	-webkit-box-shadow: 0px 10px 14px -7px #3e7327;
	box-shadow: 0px 10px 14px -7px #3e7327;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77b55a), color-stop(1, #72b352));
	background:-moz-linear-gradient(top, #77b55a 5%, #72b352 100%);
	background:-webkit-linear-gradient(top, #77b55a 5%, #72b352 100%);
	background:-o-linear-gradient(top, #77b55a 5%, #72b352 100%);
	background:-ms-linear-gradient(top, #77b55a 5%, #72b352 100%);
	background:linear-gradient(to bottom, #77b55a 5%, #72b352 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77b55a', endColorstr='#72b352',GradientType=0);
	background-color:#77b55a;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #4b8f29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	padding:19px 12px;
	text-decoration:none;
	text-shadow:0px 1px 0px #5b8a3c;
}
.GrnButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #72b352), color-stop(1, #77b55a));
	background:-moz-linear-gradient(top, #72b352 5%, #77b55a 100%);
	background:-webkit-linear-gradient(top, #72b352 5%, #77b55a 100%);
	background:-o-linear-gradient(top, #72b352 5%, #77b55a 100%);
	background:-ms-linear-gradient(top, #72b352 5%, #77b55a 100%);
	background:linear-gradient(to bottom, #72b352 5%, #77b55a 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#72b352', endColorstr='#77b55a',GradientType=0);
	background-color:#72b352;
}
.GrnButton:active {
	position:relative;
	top:1px;
}


/*-----------------------------------------------------------------------------------*/
/*	2.	General Form Styles
/*-----------------------------------------------------------------------------------*/		
form {position:relative;}
#content-wrap input[type=text], #content-wrap textarea {background:#fbfbfa;border: 1px solid #d1dce6;box-shadow: inset 0 1px 4px 1px rgba(0, 0, 0, 0.1);-webkit-box-shadow: inset 0 1px 4px 1px rgba(0, 0, 0, 0.1);-moz-box-shadow: inset 0 1px 4px 1px rgba(0, 0, 0, 0.1);padding: 6px;outline: 0;background: #fff none;font: 14px/22px Arial, Helvetica, sans-serif;webkit-appearance: none;width:100;}
	#content-wrap input[type=text]:focus, #content-wrap textarea:focus  {border-color: #b1b1b1;box-shadow: inset 0 0 0 3px #faf9dc;-webkit-box-shadow: inset 0 0 0 3px #faf9dc;-moz-box-shadow: inset 0 0 0 3px #faf9dc;}
textarea {padding:10px 6px;overflow: auto; /* removes scroll from ie */vertical-align: top; /* improves readability */}
label {cursor:pointer;}
span.error {color:red;position:relative;top:-20px;}
p.alert {padding:5px;text-align:center;font-weight:bold;border:1px solid;}
p.green {background:#dbfddb;color:#258725;border-color:#b1e5ab;}
p.error {color:#871313; background:#ffeaea;border-color: #f4d1d1;}	
.placeholder { color: #aaa;font-size:11px;}
input::-webkit-input-placeholder {color:#aaa !important;font-size:11px !important;line-height:11px !important;}
input:-moz-placeholder {color:#aaa !important;font-size:11px !important;line-height:11px !important;}

/*-----------------------------------------------------------------------------------*/
/*	3.	Header Styles
/*-----------------------------------------------------------------------------------*/
#site-header {height:180px;}
	#site-logo {float:left;margin-top:21px;}
	#site-logo img {width: 380px;}
	#top-nav {float:right;}
		#top-nav ul {padding-top:10px;float:right;}
			#top-nav li {display:inline;padding-right:30px;}
			#top-nav a {font-family:Museo, Arial, sans-serif;font-size:12px;}
		#scf-connect {float:right;}
			a#connect-tab {display:block;width:115px;height:45px;background:url('images/btn-myscf.png') no-repeat 0 0; background-size: 115px;}
				/*a#connect-tab:hover {background-position:0 -45px;}*/
		#whos-next {float:right;}
			a#whos-next-tab {display:block;width:115px;height:45px;background:url('images/who-is-next-hdr.png') no-repeat 0 0; background-size:115px;}
	#site-search-wrap {position:absolute;right:0;top:50px;width:300px;height:33px;}
  .gsc-control-cse {
  background:transparent !important; /* enforce this rule; do not allow override */
  border-color:transparent !important; /* border color */
}
  .gsc-input-box {
		/*border: 1px solid #D9D9D9;*/
    background: #fff;
    height: 25px;
}
  input.gsc-input {
	background-image: none !important;	/* remove google logo */
	text-align: left !important; /*left align placeholder */
	text-indent: 0 !important; /*left align placeholder */
}
table.gsc-search-box {
    background: transparent;
}
		#searchform {position:relative;}
		#searchform input[type=text] {border:none;margin:6px 0 0 10px;background:transparent;width:75%; color:#858585;}
		#searchform  input#srch-submit {width:35px;height:33px;background:url('images/btn-search-go.png') no-repeat 0 0;cursor:pointer;color:transparent;text-transform:uppercase;border:none;position:absolute;right:0;top:0;font-size: 0;line-height: 0;}
			#searchform  input#srch-submit:hover {background-position:0 -33px;}
	#main-nav {height:65px;width:960px;background-color:#0083A9;border-radius:15px 15px 0 0;position:absolute;bottom:0;-webkit-box-shadow:  0 5px 10px 0 rgba(0, 0, 0, .3);  box-shadow:  0 5px 10px 0 rgba(0, 0, 0, .3);z-index:900;}
		ul#main {height:57px;margin:8px 0 0 15px;}
		ul#main > li {float:left;text-align:center;border-right:1px solid #97C0E6;position:relative;}
			ul#main  > li.first {border-left:1px solid #183e62;}	
			ul#main > li:last-of-type {border-right:none;}
		ul#main > li > a {
			font-family: Museo, Arial, sans-serif;
			font-size: 16px;
			color: #fff;
			height: 40px;
			display: block;
			padding: 15px 12.5px 0 12.5px;
			text-shadow: none;	
			}
		@media only all
          and (max-device-width: 480px) {
			  ul#main > li > a {
				  font-size: 16px;
			  	padding: 15px 12px 0 12px;
			  }
		  }
			ul#main > li >a#about-scf {padding-left: 13px;padding-right: 13px;}
			ul#main > li  > a:hover, ul#main > li:hover > a {text-decoration:none;background-color: #00AFE2;}
			ul#main > li.corp > a, ul#main > li.coll > a{line-height:18px;padding-top:10px;height:47px;}/* adjusting for double line items */	
	/* sub nav mega menus */
	.sub2 {position: absolute;/*top: -999em;*/display:none;min-width:100%;width:auto;background:#fff;-webkit-box-shadow:  0 0 50px 0 rgba(0, 0, 0, .4);box-shadow:  0 0 50px 0 rgba(0, 0, 0, .4);border-top:5px solid #00AFE2; overflow:hidden;}
		/* setting up custom widths for each dropdown */
		li.acad .sub2 {width:700px;}
		li.admi .sub2 {width:500px;}
		li.serv .sub2 {width:500px;}
		li.libr .sub2 {width:500px;}
		li.camp .sub2 {width:500px;}
		li.corp .sub2 {width:250px;}
		li.coll .sub2 {width:220px;}
		li.about .sub2 {width:520px;}
	ul#main > li:hover .sub2 {/*top: 57px;*/z-index: 99;}	
	ul#main > li.right .sub2 {right:0;} /* adjusts for nav items towards end */
	.sub2 ul {margin-bottom:0;}
	.sub2 li {text-align:left;}
	.sub2 a {font-size:12px;font-weight:bold;}
	.sub2 ul.subcol {float:left;width:210px;margin-right:25px;} /* top tier sub ul */
	.sub2 ul.subcol.short {width:140px;}
	.sub2 ul.subcol.med {width:190px;}
	.sub2 ul.subcol.lrg {width:260px;}
		.sub2 ul ul {margin-bottom:0;}
		.sub2 li li {padding-left:16px;background:url('images/bg-tile-main-sub-ul.png') repeat-y 0 0;}
		.sub2 li li a {color:#00345e;}

	
	
/*-----------------------------------------------------------------------------------*/
/*	4.	Home Page Styles
/*-----------------------------------------------------------------------------------*/
#home-intro-content {height:370px;}
	#home-intro-left {width:280px;float:left;height:370px;}
		#home-intro-left ul {padding-top:10px;}
		#home-intro-left li {border-bottom:1px dashed #b5b5b5;padding:10px 0;}
			#home-intro-left li:first-child {padding-top:none;}
			#home-intro-left li:last-of-type {border-bottom: none;}
		#home-intro-left a {font-family:Museo, Arial;font-size:18px;display:block;font-weight:normal;}
			#home-intro-left a:hover {text-decoration:none;color:#000;}
	#aud-paths{height:190px;background:url('images/bg-tile-blue-lines.png') repeat-x 0 100%;}		
		#aud-paths a {}
	#extra-links {height:180px;background:url('images/bg-tile-grey-texture.png') repeat 0 0;position:relative;}
		#extra-links a {color:#5e5e5e;}
		#extra-links a:hover {color:#000;}
		#extra-links li {border-bottom: none;}
		#extra-links li:first-child {border-bottom:1px dashed #b5b5b5;}
			
/* 3.1 HOME SLIDESHOW */
#home-slideshow {width:680px;height:370px;position:relative;float:left;}
#slides{width:680px;height:370px;overflow:hidden;margin:0;padding:0;}
#slides li {width:680px;height:370px;overflow:hidden;}
	#slides .slide-caption {position:absolute;left:35px;bottom:20px;padding:20px;background:url('images/bg-tile-blue-75-trans.png') repeat 0 0;font-family:Museo, Arial;font-size:15px;text-shadow:0 1px 1px #000;color:#fff;-webkit-border-radius: 10px;border-radius: 10px;width:575px;text-align:center;}
.slide-arrow {position:absolute;top:160px;width:41px;height:40px;background:url('images/btn-slide-arrows.png') no-repeat 0 0;z-index:50;}
a#slide-prev{left:10px;}
	a#slide-prev:hover {background-position:0 -40px;}
a#slide-next{right:10px;background-position:-41px 0;}
	a#slide-next:hover {background-position:-41px -40px;}

#home-content {}
	#home-content h1 {}
	#home-content a.rss {position:relative;top:2px;background:url('images/icon-rss.png') no-repeat 0 0;height:17px;width:17px;display:block;float:right;}
		#home-content a.rss:hover {background-position:0 -17px;}
	#home-content ul {margin-bottom:10px;}
	#home-content li {border-bottom:1px dashed #b5b5b5;padding:10px 0;overflow:hidden;}
		#home-content li:first-child {padding-top:0;}
	#featured {float:left;width:230px;/*280 minus padding */background:url('images/bg-home-left-grad.png') no-repeat 100% 100%;}
		a.large-cta {margin-bottom:15px;display:block;}
		ul#list-cta {}
			#list-cta li {border-bottom:1px dashed #b5b5b5;padding:10px 0;overflow:hidden;}
				#list-cta li:hover {cursor:pointer;}				
				#list-cta li:first-child {padding-top:5px;}
			#list-cta a {font-family:Museo, Arial;font-size:15px;color:#014e82;padding-top:10px;display:block;}
				#list-cta a:hover, #list-cta li:hover a {text-decoration:none;color:#000;}
			#list-cta img {-webkit-box-shadow:0 0 7px rgba(0, 0, 0, .5);box-shadow: 0 0 7px rgba(0, 0, 0, .5);float:right;margin:0 3px 0 15px;}
#home-main {width:680px;float:left;}
	#cur-news {float:left;width:290px;/*340 minus padding */}		
		#cur-news a.small-thumb img {-webkit-box-shadow:0 0 7px rgba(0, 0, 0, .5);box-shadow: 0 0 7px rgba(0, 0, 0, .5);float:left;margin:0 15px 0 3px;}
		#cur-news a.title {font-weight:bold;font-size:12px;display:block;line-height:16px;}
		.pub-date {color:#111111;font-size:11px;display:block;} /* darker text for accessibility contrast of 7:1 */
	#up-events {float:left;width:290px;/*340 minus padding */background:url('images/bg-tile-blue-right.png') repeat-y 0 0;}		
		.block-date {background:url('images/bg-tile-green-texture.png') repeat 0 0;color:#fff;text-transform:uppercase;font-family:Museo;font-size:13px;text-align:center;display:block;width:54px;height:49px;padding-top:5px;float:left;margin-right:15px;}
			.block-date span {display:block;font-size:22px;}
		.ev-info {font-weight:bold;font-size:12px;width:220px;float:right;}
		.ev-info a {display:block;line-height:16px;}
		.time-loc {color:#696969;font-size:11px;display:block;font-weight:normal;}
	a.view-all {color:#00345e;font-size:12px;font-weight:bold;}
		a.view-all:hover {text-decoration:none;color:#0084aa;}

/* emergency and closing messages */
.message {padding:3px;color:#fff;background:#0083A9;border:2px solid #5baac5;}
.message .stroke {border:1px solid #5baac5;padding:15px;}
	.message p {font-size:12px;margin:0;}
	.message a {color:#ffd200;}
	.message a:hover {text-decoration:underline;}
.message h1 {font-size:18px;border:none;padding:0;margin:0 0 5px 0;color:#fff;}
	
#emergency {border-color:#000;background:#c40000;}
#emergency .stroke {border-color:#ffd200;}

		
/*-----------------------------------------------------------------------------------*/
/*	5.	Main Interior Templates
/*-----------------------------------------------------------------------------------*/
#left-sidebar {background:url('images/bg-tile-extra-tex.png') repeat-y 100% 0;}
#intro {padding:15px;background-color: #00355F; min-height:85px;position:relative;}
#intro h2 {color:#fff; position: absolute; bottom: 15px; left: 15px; margin: 0;}
/* added by OU per Debra, section intro h2 now has link inside , needs to look like original intro h2*/
#intro h2 a{color:#fff;text-decoration: none;}
#left-nav {border-right:1px solid #dadada;background:#ccc url('images/bg-tile-nav-tex.png') repeat 0 0;}
	#left-nav h5 {
		margin-left: 15px;
		margin-top: 15px;
		color: #00345e;
		margin-bottom: 5px;
	}
	#left-nav>ul {padding:10px 0 25px 0;margin:0;}
	#left-nav>ul>li {}	
	#left-nav>ul>li> a {background:url('images/bg-left-dash-sep.png') no-repeat 0 100%;display:block;padding:5px 15px;font-size:0.75em;color:#515151;}  /* adjusted for accessibility contrast ratio greater than 4.5 */
		#left-nav>ul>li.active> a  {background-color:#fff;color:#000;text-decoration:none;}
		#left-nav>ul>li> a:hover {background-color:#eaeaea;color:#000;text-decoration:none;}
/* second tier and deeper */
#left-nav ul ul {margin:0;padding:10px 0 10px 15px;}
#left-nav ul ul li {background:url('images/bg-hyphen.png') no-repeat 0 10px;padding-left:10px;}
#left-nav ul ul li a {font-size:11px;}
	#left-nav ul ul li.active > a {color:#000;}
/* > 3rd tier adjustments */
#left-nav ul ul ul  {padding:0 0 0 5px;}
#left-nav ul ul li li {}
#left-nav ul ul li li a {color:#0b80a9;}

#left-extra {background:url('images/bg-extra-endcap.png') no-repeat 100% 100%;padding-bottom:140px}
	.widget {font-size:12px;}
	.widget h1, .widget h2, .widget h3, .widget h4, .widget h5, .widget h6 {color:#00345e;margin-bottom:10px;clear:both;}
	.widget ul {list-style-type: disc;padding-left:16px;}
	.widget li {}
	.widget a {}
	.widget blockquote {background:transparent;border:none;padding:0;}

/* branding photo area. Any height allowed will just adjust accordingly */
#branding {}
#branding img {width:725px !important;max-width:725px !important;}
	
#crumbs {background:#f3f3f3;border-bottom:1px solid #d6d6d6;border-top:1px solid #d6d6d6;padding:4px 15px;font-size:0.625em;overflow:hidden;}
	#crumbs ul {margin:0;padding:0;}
	#crumbs li {float:left;display:inline;margin-right:5px;font-size:120%;} /* increased font size for accessibility */
	#crumbs a {background:url('images/icon-crumb-chev.png') no-repeat 100% 4px;padding-right:10px;}

#content {padding-bottom:40px;font-size:14px;overflow:hidden;}  /* removed font-size:12px; resized base at line 100+ above to compensate  */
#omni-login {position:absolute;right:15px;bottom:20px;}

/* 5.1 Custom Three Column Template */
#three-wrap {}
#three-wrap #content {width:440px; /* 490 minus pad */ float:left;}
#right-sidebar {background:url('images/bg-tile-right-bar-main.png') repeat-y 0 0;}
#right-sidebar p a:hover {text-decoration: underline;}
#right-sidebar div a:hover {text-decoration: underline;}
#right-sidebar a:hover {text-decoration: underline;}
#right-sidebar ul a:hover {text-decoration: underline;}


	#right-inner {background:url('images/bg-tile-right-bar-bot.png') no-repeat 0 100%;padding-bottom:60px;}
	#right-sidebar img {margin-bottom:20px;}

/* defining max-widths for items in preparation of existing content */
#content img {max-width:675px !important;}
#content table {width:100% !important;table-layout:fixed;}
#three-wrap #content img {max-width:440px !important;}
#right-sidebar img, #right-sidebar object, #right-sidebar embed {max-width:185px !important;}

/*-----------------------------------------------------------------------------------*/
/*	7.	Sidebar and Widget Styles
/*-----------------------------------------------------------------------------------*/

#sidebar-post {
  background-color: #D7DEF0;
  border: 1px solid #0b80a9;
}

#sidebar-post .sidebar_widget {
  margin: 5px;
  font-size: 1.1em;
}

.sidebar_widget {
  margin-top: 15px;
  padding: 5px 10px;
  background-color: #F2F2F2;
  border-bottom: 2px solid #E0E0E0;
  font-size: .9em;
}

.span-6 {width: 220px;}

.alignright {
  float:right;
  margin: 0px 0 20px 20px;
}
.sidebar_widget h3 {
  font-size: 1.3em;	
  margin: 0 -5px .5em;
  padding: 6px 10px;
  background-color: #fff;
  border-bottom: 1px solid #E0E0E0;
}


#sidebar-nav .sidebar_widget ul li,
.sidebar_widget ul li {
  background: transparent url() -988px -137px no-repeat;
}

/*-----------------------------------------------------------------------------------*/
/*	8.	Site Main Footer Styles
/*-----------------------------------------------------------------------------------*/
#site-footer {width:100%;position:relative;clear:both;background-color:#002f5a;top:-60px;z-index:5;/* pulls back under content area which has higher z-index */padding:60px 0 0 0;height:253px;/* 313 minus 60 */}

#foot-tile {background-color: #0c1c94;}
#foot-tile {background:url('images/bg-tile-dblue-texture.png') repeat 0 0;}
#footer-cont {}
#footer-cont h4 {color:#fff;margin-bottom:10px;text-shadow:0 1px 1px #000;}
	#foot-info {float:left;width:230px;/*280 minus padding */}
		#social-wrap {margin-top:15px;background:url('images/bg-tile-blue-30-trans.png') repeat 0 0;padding:15px 20px 20px 20px;}
		#social-wrap p {font-size:1.063em;line-height:22px;font-family: Museo, Arial, sans-serif;color:#fff;background:url('images/bg-chevrons.png') no-repeat 100% 50%;margin:0 0 5px 0;}
#social-wrap ul {margin:0;}
		#social-wrap li {display:inline-block;margin-right:8px;}
			#social-wrap li:last-child {margin-right:0;}
		#social-wrap a {display:block;width:26px;height:25px;background:url('images/icon-sprite-social.png') no-repeat 0 0;}
			#social-wrap a:hover {background-position:0 -25px;}
			#social-wrap a.twitter {background-position:-26px 0;}
				#social-wrap a.twitter:hover {background-position:-26px  -25px;}
			#social-wrap a.flickr {background-position:-52px 0;}
				#social-wrap a.flickr:hover {background-position:-52px -25px;}
			#social-wrap a.youtube {background-position:-78px 0;}
				#social-wrap a.youtube:hover {background-position:-78px -25px;}
			#social-wrap a.blog {background-position:-104px 0;}
				#social-wrap a.blog:hover {background-position:-104px -25px;}	
				
	#foot-links {float:left;width:290px;/*340 minus padding */}
		#foot-links p {font-size:1.063em;line-height:22px;font-family: Museo, Arial, sans-serif;color:#fff;margin:0 0 10px 0;text-shadow:0 1px 1px #000; text-align: center;}
		#foot-links ul {margin:0;}
		#foot-links li {float:left;width:140px;border-bottom:1px dashed #335477;margin-right:25px;}
			#foot-links li.last {margin-right:0;width:120px;}
		#foot-links a {color:#cbe6ff;display:block;padding:5px;font-size:12px;}
			#foot-links a:hover {text-decoration:none;color:#fff;}
	#foot-locs {float:left;width:290px;/*340 minus padding */}
		#foot-locs p {font-size:1.063em;line-height:22px;font-family: Museo, Arial, sans-serif;color:#fff;margin:0 0 10px 0;text-shadow:0 1px 1px #000; text-align: center;}
		#foot-locs ul {margin-bottom: 140px;}
		#foot-locs li {text-align:center;float:left;display:inline;width:80px;font-size:12px;margin-right:15px;}
			#foot-locs li:last-child {margin-right:0;}
		#foot-locs a {display:block;color:#cbe6ff;line-height:14px;}
		#foot-locs a:hover {text-decoration:none;color:#fff;}
			#foot-locs a img{border:3px solid #fff;margin-bottom:5px;}
		
	
#foot-copy {width:100%;clear:both;padding-top:20px;height:42px;background-color:#fff;border-top:7px solid #0083A9;}
	#foot-copy p {margin:0;color:#303030;text-shadow:0 1px 1px #fff;font-size:12px;}

/*-----------------------------------------------------------------------------------*/
/*	9.	IE FIXES
/*-----------------------------------------------------------------------------------*/
.ie8 #content-wrap {border-left:1px solid #c8c8c8;border-right:1px solid #c8c8c8;}  /*  ie doesn't support box shadow, so need to compensate */


/*-----------------------------------------------------------------------------------*/
/*	10.	Print Styles
/*-----------------------------------------------------------------------------------
* inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/
*/
@media print {
	body,input,textarea,select,table{color:#000;font:12px/150% arial,sans-serif;background:#fff;}
	h1,h2,h3,h4,h5,h6 {font-weight:bold;color:#000;font-family:helvetica, Arial;line-height:1.4em;}	
	#site-header, #home-intro-content, #site-footer, #left-sidebar, #right-sidebar, #branding, #crumbs, #omni-login {display:none;}
	#main-content-wrap, #three-wrap #content {width:100%;}
}
/*-----------------------------------------------------------------------------------*/
/*	11.	Additional Library Overwrites */

#accordion .ui-accordion-content {
    font-family:Arial, sans-serif;font-size:12px;
    height:auto;
}

#accordion .ui-accordion-content a {
    color: #55792b;
}

.accordion-expand-holder {
    margin:10px 0;
}
.accordion-expand-holder .open, .accordion-expand-holder .close {
    margin:0 10px 0 0;
}

#nestedAccordion{
	width:600px;
	font-family:Arial, sans-serif;font-size:12px;
}
#nestedAccordion h2, #nestedAccordion h3, 
#nestedAccordion div, #nestedAccordion ol, 
#nestedAccordion li{
	/* reset styles for accordion */
	margin:0;
	padding:0;
	font-size:1em;
	font-weight:normal;
	list-style:circle;
}
#nestedAccordion div{
	display:none;
	color:#555;
	overflow:hidden;
}
#nestedAccordion h2{
	cursor:pointer;
	color:#fff;
	font-size:1.1em;
	moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	padding:5px;
	margin-top:5px;
	background-color: #4B8CFF;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#4B8CFF), to(#447FE8));
	background-image: -webkit-linear-gradient(top, #4B8CFF, #447FE8);
	background-image: -moz-linear-gradient(top, #4B8CFF, #447FE8);
	background-image: -ms-linear-gradient(top, #4B8CFF, #447FE8);
	background-image: -o-linear-gradient(top, #4B8CFF, #447FE8);
	background-image: linear-gradient(to bottom, #4B8CFF, #447FE8);
}
#nestedAccordion h3{
	cursor:pointer;
	padding:5px;
	color: #666;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
	background-color: #f5f5f5;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#ededed));
	background-image: -webkit-linear-gradient(top, #f5f5f5, #ededed);
	background-image: -moz-linear-gradient(top, #f5f5f5, #ededed);
	background-image: -ms-linear-gradient(top, #f5f5f5, #ededed);
	background-image: -o-linear-gradient(top, #f5f5f5, #ededed);
	background-image: linear-gradient(to bottom, #f5f5f5, #ededed);

}
#nestedAccordion h3:hover{
	color:#000;
}
#nestedAccordion h3 + div{
	background-color:#F5F5F5;
	padding:5px 5px 5px 30px;
}
#nestedAccordion li:hover{
	color:#000;
	cursor:pointer;
}

   /* This CSS is used for the Show/Hide functionality. */
   .more {
      display: none;
      border-top: 0px solid #666;
      border-bottom: 0px solid #666; }
   a.showLink, a.hideLink {
      text-decoration: none;
      color: #55792b;
      padding-left: 8px;
      }
   a.hideLink {
      background: transparent url(up.gif) no-repeat left; }
   a.showLink:hover, a.hideLink:hover {
      border-bottom: 1px dotted #36f; }

/* slideshow */

#containerslide{
		width:600px;
		height:156px;
		position:relative;
	}

	#containerslide ul{
		width:600px;
		height:156px;
		list-style:none outside none;
		position:relative;
		overflow:hidden;
	}
	  #containerslide li:first-child{
		display:list-item;
		position:absolute;
	}

	#containerslide li{
		position:absolute;
		display:none;
	}
	  
	  #containerslide .prevButton{
		height:72px;
		width:68px;
		position:absolute;
		background:url('buttons.png') no-repeat;
		top:50%;
		margin-top:-36px;
		cursor:pointer;
		z-index:2000;
		background-position:left top;
		left:0
	}

	#containerslide .prevButton:hover{ 
			background-position:left bottom;left:0;}

/* Career Coach */

#ccwidget {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 8px #000000;
	-moz-box-shadow: 0px 0px 8px #000000;
	background-color: #10264B;
	padding: 0px 5px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-align: center;
	width:200px;
	height:240px;
}
.button {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 8px #000000;
	-moz-box-shadow: 0px 0px 8px #000000;
	background-color: #FFF;
	padding: 2px, 2px;
	color:#136700;
	margin:-5px 5px;
	text-align: center;
	text-decoration: none;
}
#ccwidget a:link {
	text-decoration: none;
	color:#50a1d2;
}
#ccwidget a:visited {
	text-decoration: none;
	color:#50a1d2;
}
#ccwidget a:hover {
	text-decoration: none;
	color:#165270;
}
#ccwidget a:active {
	text-decoration: none;
	color:#7e9faf;
}
#cc_occ_name {
	height:80px;
}
#cc_occ_name h3 {
	font-size: 18px;
	padding:10px 0px;
	position: relative;
	top: 50%;
	margin-bottom: 10px;
	-ms-transform: translateY(-40%);
	-moz-transform: translateY(-40%);
	-webkit-transform: translateY(-40%);
	transform: translateY(-40%);
	overflow: hidden;
	text-overflow: ellipsis;
}

.cc-card .cc-content[_v-5e011a1d]  {
    padding: 0px 35px;
}

.cc-card[_v-5e011a1d] {
	height: 360px;
	background-color: aliceblue;
}

/* linear gradient background */
#linear-gradient {
  background: linear-gradient(#bbd8ef, white); padding:15px;
}

.arrow_box {
	position: relative;
	background: #88b7d5;
	border: 4px solid #c2e1f5;
}
.arrow_box:after, .arrow_box:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(136, 183, 213, 0);
	border-left-color: #88b7d5;
	border-width: 30px;
	margin-top: -30px;
}
.arrow_box:before {
	border-color: rgba(194, 225, 245, 0);
	border-left-color: #c2e1f5;
	border-width: 36px;
	margin-top: -36px;
}

/*==================================================
 * Box Effect 2
 * ===============================================*/

.box h2{
  text-align:center;
	position:relative;
	top:10px;
}
.box {
	width:90%;
	height:150px;
	background:#bbd8ef;
	margin:40px auto;
}
.effect2
{
  position: relative;
}
.effect2:before, .effect2:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.effect2:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}


/*-----------------------------------------------------------------------------------*/
/*	Buttons 																		 */
/*-----------------------------------------------------------------------------------*/

/*Default Button */

.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #dcecfb;
	-webkit-box-shadow:inset 0px 1px 0px 0px #dcecfb;
	box-shadow:inset 0px 1px 0px 0px #dcecfb;
	background-color:#d8e4f0;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #0b7fa9;
	display:inline-block;
	cursor:pointer;
	color:#0b7fa9;
	font-family:Verdana;
	font-size:15px;
	padding:6px 48px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528ecc;
	width: 200px;
	margin: 5px;
}
.myButton:hover {
	background-color:#dcecfb;
}
.myButton:active {
	position:relative;
	top:1px;
}

a.myButton:hover {
	color:#0b7fa9;
	text-decoration:none;
}


/* Default Button - Green */


#left-nav>ul>li>a.myGreenButton, a.myGreenButton {
	background: none;
	border-radius: 10px;
	color: #FFFFFF !important;
	padding:10px !important;
	background-color: #387C2C !important;
	text-decoration: none;
	display: inline-block;
	width: 80%;
	font-size: 17px;
	text-align: center;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	font-family: museo, arial, sans-serif;
	transition: background-color 0.3s ease;
}

#left-nav>ul>li>a.myGreenButton:hover, a.myGreenButton:hover {
	background-color: #366F2B !important;
}

#left-nav>ul>li>a.myGreenButton>img, a.myGreenButton>img {
	height: 25px;
	margin-right: 10px
}

#homeApplyBtn {
	margin-left: 0;
    line-height: 1.75em;
    padding: 10px 25px 8px 25px;
    font-size: 1.2em !important;
}

/* Pine Color Button */

a.myPineButton, .myPineButton {
	background: none;
	border-radius: 10px;
	color: #FFFFFF !important;
	padding:10px !important;
	background-color: #046159 !important;
	text-decoration: none;
	display: inline-block;
	width: 80%;
	font-size: 17px;
	text-align: center;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	font-family: Helvetica, Arial, sans-serif;
	transition: background-color 0.3s ease;
}

a.myPineButton:hover, .myPineButton:hover {
	background-color: #02423c !important;
}

/* SCF Navy Button */

a.myNavyButton, .myNavyButton {
	background: none;
	border-radius: 10px;
	color: #FFFFFF !important;
	padding:10px !important;
	background-color: #00355f !important;
	text-decoration: none;
	display: inline-block;
	width: 80%;
	font-size: 17px;
	text-align: center;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	font-family: Helvetica, Arial, sans-serif;
	transition: background-color 0.3s ease;
}

a.myNavyButton:hover, .myNavyButton:hover {
	background-color: #015293 !important;
}

/* SCF Teal Button */

a.myTealButton, .myTealButton {
	background: none;
	border-radius: 10px;
	color: #FFFFFF !important;
	padding:10px !important;
	background-color: #0083A9 !important;
	text-decoration: none;
	display: inline-block;
	width: 50%;
	font-size: 17px;
	text-align: center;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	font-family: Helvetica, Arial, sans-serif;
	transition: background-color 0.3s ease;
}

a.myTealButton:hover, .myTealButton:hover {
	background-color: #00BCF2 !important;
}


/*-----------------------------------------------------------------------------------*/
/*	/Buttons 																		 */
/*-----------------------------------------------------------------------------------*/