@charset "UTF-8";
/* CSS Document */
/*===================main navigation===================*/

nav a {
	border: 0;
}
nav a:hover {
	border: 0;
}

#mainNav {
	width: 960px;
	margin: 0 auto;
	position: relative;
	z-index: 4000;
}

#mainNav ul {
	padding: 0;
	margin: 0;
	display: inline;
	position: relative;
}
#mainNav ul li.nav-button {/*spacing of buttons*/
	display: block;
	list-style-type: none;
	color: #ffffff;
	font-size: 1em;
	margin: 3px 25px;
	padding: 1px;
}

#mainNav a.nav-anchor span {/*the text in the buttons*/
	text-align: center;
	line-height: 1.1em;
	letter-spacing : 0.1em;
	/*margin-left: 12px;*/
}

#mainNav .nav-home a { letter-spacing : -1000em; } 
/* Just for Opera, but hide from MacIE */ 
/*\*/html>body #mainNav .nav-home a { letter-spacing : normal; text-indent : -999em; overflow : hidden;} 
/* End of hack */

#mainNav span a i.icon-home{/*use font-awesome home icon*/
	margin: 3px;
	float: left;
	font-size:20px;
	border: none;
	float: left;
	color: #FFF;
	text-decoration: none;
}
#mainNav span a:active i.icon-home, #mainNav span a:hover i.icon-home {
color: #FFA900;
border: none;
text-decoration: none;
}

#mainNav ul li a.nav-anchor, mainNav ul li a.nav-anchor:hover, #mainNav ul li a.nav-anchor:active {
	color: #ffffff;
}

#mainNav a.nav-anchor {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	width: 100%;
	padding: 3px 8px;
	background-color: #222222;
}
#mainNav a.nav-anchor:hover, #mainNav .active a.nav-anchor {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	width: 100%;
	padding: 3px 8px;
	background-color: #343434;
}


.sub {
	margin-left: 0px;
	margin-bottom: 2px;
	color: black;
	display: none;
	position: absolute;
	left: 0px;/*====left: 16px==added liz 4apr12=====*/
	top:32px;/*======changed from top: 52px; liz 4apr12=====*/
	width: 960px;
	border-left: 0px solid #E6D9B3;
	border-right: 0px solid #E6D9B3;
	height: auto;
	text-align: left;
	z-index: 3000;
	padding-top: 30px;
	padding-bottom: 30px;
}
subnav_node {
	float: left;
	width: 265px;
	padding: 0 60px 0 40px;
}
#mainNav ul li .sub .column-count-3 {
	float: left;
	padding-left: 20px;
}
#mainNav ul li .sub .column-count-3 .subnav_node {
	width: 188px;
	padding: 0 20px 0 0;
}
#mainNav ul li .sub .subnav_node .home_link {
	border-bottom: 1px dotted #EEE;
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 1em;
	width: 100%;
	padding: 21px 0 30px;
}
#mainNav ul li .sub .subnav_node .home_link .bullet {
	float: left;
	width: 19px;
	height: 19px;
	padding-left: 10px;
	margin-top: -3px;
}
#mainNav ul li .sub .subnav_node .home_link a {
	float: left;
	height: 19px;
	padding-top: 4px;
}
#mainNav ul li .sub .subnav_node .tagline {
	font-size: 13px;
	font-weight: 500;
	padding: 10px 14px 0 0;
}
#mainNav ul li .sub .subnav_node .apply_now {
	display: block;
	padding-top: 5px;
}
#mainNav ul li .sub .subnav_node ul {
	width: 100%;
	border: 0;
	padding: 0;
	padding-top: 20px;
}
#mainNav ul li .sub .subnav_node ul li {
	float: none;
	font-size: 12px;
	width: 100%;
	border-bottom: 1px dotted #DDD;
	border-right: 0;
	padding: 6px 0 2px;
}
#mainNav ul li .sub a {
	color: #000;
}
#mainNav ul li .sub a:hover {
	color: #891b22;
}
#mainNav ul li .sub .button a:hover, .button a:hover {
	border-bottom: 1px solid #FBE65A;
	border-right: 1px solid #FBE65A;
	border-top: 1px solid #C3AC59;
	border-left: 1px solid #C3AC59;
	color: #000;
}
#mainNav ul li .sub .subnav_node ul .first {
	border-right: 0;
	border-top: 1px dotted #EEE;
}
#mainNav ul li .sub .subnav_node .quick_links_header {
	display: block;
	font-size: 16px;
	font-weight: 500;
	color: #891b22;/*brick red*/
	padding: 21px 0 0px;
}
#mainNav ul li .sub .panel-content {
	width: 208px;
	border-right: 1px solid #EEE;
	padding: 0 30px 0 30px;
}
#mainNav ul li .sub .panel-content h2, #mainNav ul li .sub .panel-content h3, #mainNav ul li .sub .panel-content h4 {
	border-bottom: 1px solid #EEE;
	padding: 5px 0;
	margin-bottom: 5px;
	text-transform: uppercase;
}
#mainNav ul li .sub .last {
	padding-left: 0;
}
#mainNav ul li .sub .close_sub {
	display: block;
	position: absolute;
	top: 21px;
	right: 60px;
}
/*===================sidebar navigation===================*/
.sidebar-nav a {
	color: #363636;
}
.sidebar-nav a:hover, .sidebar-nav .active a {
	background: url(../images/sidebar-nav-h1.gif) no-repeat;/*made a slightly shorter highlight bar so doesnt stick out as much*/
}
/*===================breadcrumbs===================*/
.breadcrumbs a {
	color: #af232a;
}
.breadcrumbs li {
	background: url(../images/sep3.png) 0 4px no-repeat;
}
/*===================slideshow===================*/
body .nivoSlider {
	float: right;
	width: 660px;
	height: 300px;
}
/*===================left navigation===================*/
#aside h2 {
	color: #af232a;
	margin: 0 0 27px 8px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 21px;
	font-weight: normal;
}
#aside ul#nav li {
	background: none;
	clear: left;
	margin: 0 0 7px;
	width: 251px;
	text-decoration: none;
}
#twocolumns-inner #aside {
	padding: 21px 0 0 9px;
}
#twocolumns-inner #nav li a {
	background: none;
	color: #232323;/*	/*changed by liz from color:#4f4f4f; 5apr12   */
	/*	padding:6px;/*changed by liz from padding:6px 12px; 5apr12   */
	width: 227px;
	padding: 6px 12px;
	display: block;
	text-decoration: none;
}
#twocolumns-inner #nav li a:hover {
	text-decoration: none;
	background: url(../images/sidebar-nav-h1.png) no-repeat;
	width: 254px;
}
#twocolumns-inner #nav .active a {
	text-decoration: none;
	background: url(../images/sidebar-nav-h1.png) no-repeat;
	width: 254px;
}


/*===================top navigation===================*/
.nav-holder {
	background: #af232a;

}

#header .topbar {
	height: 1.2em;
	background-color: #555555;
   overflow: visible;
   width: 100%;
}
#topNav .top-nav {
    font-size: 0.847em;
    line-height: 1.167em;
    margin: 0 auto;
    overflow: hidden;
   width: 960px;
}	
.top-nav a {
	color: #fff;
	text-decoration: none;
	border-bottom: none;
}
.top-nav a:hover, .top-nav a:active {
	color: #FFA900;
	text-decoration: none;
	border-bottom: none;
}

.top-nav ul li  {
	margin-top: 2px;
}
/*===================header===================*/

#header .block {
	background: #af232a;
	border-bottom:none;
	
}
#header .holder {
	min-height: 116px;/*changed this: height: 132px for special banners	height:116 for generic page ; liz 4sept13*/
	overflow: visible;/*added this liz 4apr12*/
}
#header-bar {
	background: none repeat scroll 0 0 black;
	height: 32px;
}
#header .decor {
	position: absolute;
	left: -209px;
	top: 0;
	z-index: 100;
}
#header .sub a {
	color: #000;
	border: none;
	text-decoration: none;
}
#header .sub a:hover {
	color: #af232a;
}
/*===================logo===================*/
.logo {
	background: url("/assets/images/logosky.png") no-repeat scroll 0 0 transparent;
	height: 116px;
	margin: 0;
	width: 250px;
}
/*===================search form===================*/

.search-form .text-holder  {
    
	border: 1px solid #ddd;
    width: 460px;
	height: 30px;
	padding: 0 6px 0 5px;
	display:inline-block;
	background-color:#ffffff;
}
.button a span, .submit-button-holder input {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
	border: 0px solid #911d23;
	width: 75px;
	height: 32px;
	color: #343434;
	padding: 0;
	font-weight: bold;
	background-color: #ffa900;
}
.search-form .text-holder input {
	padding: 9px 4px 9px 8px;
	width: 460px;
}
.submit-button-holder, .button a {
	padding: 0;
}

.search-form .link-holder {
	overflow: hidden;
	display: block;
	padding: 0 6px 0 0;
	height: 1%;
}
.search-form .link-holder a {
	float: right;
	color: #fff;
}
.search-form .text-holder-directory input {
	padding: 9px 4px 8px;
	width: 400px;
	margin-bottom: 4px;
	margin-top: 4px;
}
/*=================== main image===================*/
.main-img .text-holder {
	background: url(../images/bg-text-holder-960.png) repeat-y;
	width: 960px;
	margin-left: 0px;
	padding-left: 140px;
	font-size: 2.2em;
	line-height: 1.1em;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #fdb813;
}
.main-img .title {
	color: #fff;
	padding-bottom: 4px;
	padding-left: 0px;
	
}







aside h2 {
	color: #7a181d;/*dark brick red*/
	font-size: 1.26em;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 10px 10px 10px 0px;/*padding: 5px 20px 2px 0;*/
	line-height: 1.36em;
}
.content-text h2 {
	color: #bbbbbb;
	font-size: 7px;
	font-family: sans-serif;
	padding: 0px;
	font-weight: normal;
}

h1 > .floatL ul {/*for main nav landing pages (accessibility of dropdown menus)*/
	padding: 8px;
	border: 1px solid #fffae5;
}
.floatL ul li {/*for main nav landing pages (accessibility of dropdown menus)*/
	padding: 8px;
}

/*=====================a-z index=========*/
.nav-by-logo {
	position: absolute;
	bottom: 0;
	right: 0;
	background-color: transparent;
	height: 24px;
	width: 680px;
}
.site-index {
	margin: -6px 0 0  0;
	list-style: none;
	background-color: #af232b;
	float: right;
	width: 100%;
	height: 24px;
	overflow: hidden;
}
.site-index li {
	font-family:  "helvetica", "helvetica neue", "arial", sans-serif;
	text-decoration: none;
	display: inline;
	color: #af232b;
	border: 0;
	list-style: none outside none;
	text-transform: uppercase;
	float: right;
	font-size: 1em;
	font-weight: bold;
}

#header .holder .site-index li a {
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	border: none;
	font-size: 1em;
	padding: 4px 6px 4px 7px;
	display: block;
	line-height: 20px;
}
#header .holder .site-index li a:hover, #header .holder .site-index li a:active {
	background-color: #ffffff;
	color: #af232b;
	line-height: 20px;
}
/*===============================related links====================================*/
.related-nav {
	background-color: #dbdbdb; /*tan is #fffae5;*/
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	width: 170px;
	margin: 40px 20px 10px 20px;
	padding: 10px 10px 20px 10px;
}
.related-nav h3 {
	text-align: center;
	color: #343434;
	margin: 0 0 14px 0;
	padding: 0;
	font-size: 1.04em;
}
#twocolumns-inner #RelatedNav {
	list-style: none outside none;
	margin: 0;
	padding: 0;
}
#twocolumns-inner #RelatedNav li {
	color: #343434;
	display: block;
	text-decoration: none;
	width: 190px;
	margin-left: -10px;
	font-size: 0.9em;
}
#twocolumns-inner #RelatedNav li a {
	color: #7a181d;
	display: block;
	text-decoration: none;
	width: 190px;
	margin-left: 10px;
}
#twocolumns-inner #RelatedNav li a:hover {
	background: #b43a25;
	text-decoration: none;
	width: 180px;
	margin-left: 0px;
	padding-left: 10px;
	color: #ffffff;
}

/*======for the carousel menu in subpages which has a list=====*/
#twocolumns-inner .carouselsubpage .block-c2 .block-c3 .container ul li {
	list-style-type: none;
	list-style-position: inside;
}
/*============this is to style subnavigation on left nav===================*/

/*===for subnav in one from main side nav===*/
#twocolumns-inner ul#nav li.active ul li a:link, #twocolumns-inner ul#nav li.active ul li a:visited {
	background: none repeat scroll 0 0 #FCFCf2;
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	font-weight: normal;
	margin-left: 0;
	padding-left: 27px;
	width: 191px;
	color: #333333;
}
#twocolumns-inner ul#nav li.active ul li a:hover, #twocolumns-inner ul#nav li.active ul li a:active {
	background: none repeat scroll 0 0 #FCF1CF;
	padding-left: 27px;
	color: #111111;
}
/*===from budget committee======*/
#twocolumns-inner ul#nav li.active ul li.active ul li a:link, #twocolumns-inner ul#nav li.active ul li.active ul li a:visited {
	border-bottom-left-radius: 0px;
	border-top-left-radius: 0px;
	font-weight: normal;
	width: 161px;
	background: #f7f0e3;
	margin-left: 20px;
	padding-left: 37px;
}
#twocolumns-inner ul#nav ul li.active ul {
	width: 0px;
}
#twocolumns-inner ul#nav ul {
	background: none repeat scroll 0 0 #ffffff;
	border-bottom-left-radius: 0px;
	display: none;
	margin: 0 0 0 5px;
	padding: 0;
	width: 0px;
}
#twocolumns-inner ul#nav li.active ul li.active ul li.active a:link, #twocolumns-inner ul#nav li.active ul li.active a:link, #twocolumns-inner ul#nav li.active ul li.active a:visited {
	font-weight: normal;
}
#twocolumns-inner ul#nav ul li a, #twocolumns-inner ul#nav li.active ul li a, #twocolumns-inner ul#nav li.active ul li ul li a, #twocolumns-inner ul#nav li.active ul li.active a:link, #twocolumns-inner ul#nav li.active ul li.active ul li a:link, #twocolumns-inner ul#nav li.active ul li.active ul li a:visited {
	background: #f7f0e3;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}
#twocolumns-inner ul#nav ul li a, #twocolumns-inner ul#nav li.active ul li a {
	background: transparent;
}
#twocolumns-inner ul#nav li.active ul li.active a, #twocolumns-inner ul#nav li.active ul li.active a:link, #twocolumns-inner ul#nav li.active ul li.active ul li a:hover {
	background: #EDE4D3;
	font-weight: normal;
}
#twocolumns-inner ul#nav li.active ul li a:hover, #twocolumns-inner ul#nav li.active ul li.active a:link, #twocolumns-inner ul#nav li.active ul li.active a:visited {
	background: #FCF1CF;
	-moz-border-top-left-radius: 0px;
	border-top-left-radius: 0px;
	-moz-border-bottom-left-radius: 0px;
	border-bottom-left-radius: 0px;
	width: 186px;
	margin-left: 5px;
	color: #111;
}
#twocolumns-inner ul#nav li.active ul li a:link, #twocolumns-inner ul#nav li.active ul li a:visited {
	width: 186px;
	margin-left: 5px;
}
/*===================apply button on flyout menu===================*/
.tagline .gobtn {
	color: #ffffff;
	height: 30px;
	margin: 2px 44px;
	width: 70px;
	border-bottom: hidden;
	padding-top: 6px;
	padding-right: 14px;
	padding-left: 12px;
}
.tagline a:link .gobtn {
	color: #ffffff;
	text-decoration: none;
	border-bottom: hidden;
	background: url(../images/gradbtn.png) no-repeat;
}
.tagline a:hover .gobtn, .tagline a:active .gobtn {
	background: url(../images/gradbtna.png) no-repeat;
	color: #ffffff;
	text-decoration: none;
	border-bottom: hidden;
}

/*=============================info box updated manually white bkgnd grey text red links==========================*/
#twocolumns-inner .info {
	padding: 0;
	margin: 0;
	float: left;
	color: #676767;
	background-color: #ffffff;
	background-image: none;
	background-repeat: no-repeat;
	width: 199px;
	height: 174px;
	font-size: 0.85em;
	font-weight: 600;/* could alternatively be font-weight: normal*/
}
#twocolumns-inner .info #infoinner {
	float: left;
	height: 174px;
	margin: 8px 4px; /*could alternatively be margin: 8px 0; */
	padding: 0;
	font-size: inherit;
}
#twocolumns-inner .info #infoinner a, #twocolumns-inner .info #infoinner a:link {
	text-decoration: underline;
	border-bottom: hidden;
	color: #af232a;
	font-size: inherit;
}
#twocolumns-inner .info #infoinner a:hover, #twocolumns-inner .info #infoinner a:active {
	text-decoration: underline;
	border-bottom: hidden;
	color: #000000;
	font-size: inherit;
}
#twocolumns-inner .info #infoinner ul li{
	padding: 5px 2px; /*could alternatively be padding: 4px 0; */
	border-bottom: dotted 1px #dedede;	
	font-size: inherit;
}
#twocolumns-inner .info #infoinner ul li:first-child {
	padding-top: 0px;
	margin-top: 0px;
}
/*==================connect with Skyline social networks==================*/
.social-networks {
	background: url() no-repeat;
	display: inline;
}
.social-networks p {
	float: right;
	padding: 5px 0 0;
}
.social-networks span {
	float: left;
	margin: 0 4px 0 0;
}
.social-networks h5 {
	color: #ffffff;
}
.social-networks .holder {
	background: url(../images/bg-social-networks-b.gif) 0 100% no-repeat;
	padding: 0 0 19px;
}
.social-networks .frame {
	background: #9b281b url(../images/bg-social-networks-c.gif) repeat-x;
	padding: 0 0 0 18px;
	height: 1%;
}
.social-networks .frame:after {
	content: '';
	display: block;
	clear: both;
}
.social-networks .container {
	float: left;
	position: relative;
	margin: -6px 0 -12px;
	width: 287px;
}
.social-networks ul {
	float: right;
	padding: 5px 0 0;
}
.social-networks li {
	float: left;
	margin: 0 8px 0 0;
}
.social-networks ul a {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../images/bg-socials1.png) no-repeat;
	width: 59px;
	height: 26px;
}
.social-networks .like a {
	background-position: -66px 0;
	width: 57px;
}
.social-networks .linkedin a {
	background-position: -132px 0;
	width: 25px;
}
.social-networks .text-holder {
	float: left;
	color: #ebebeb;
	font: 1em/1.143em Georgia, "Times New Roman", Times, serif;
	width: 90px;/*changed from width: 105px; liz */
}

.social-networks .text-holder .title {
	display: block;
	font-size: 1.4em;
	line-height: 1em;
	margin: -1px 0 0 23px;
}
#connecttoskyline .social-networks h5 strong.title {
	display: block;
	color: #fff;
	font-size: 0.96em;
	line-height: 1em;
	margin: -2px 1px -3px 4px;
	font-weight: normal;
	letter-spacing: -0.4px;
}
#connecttoskyline h6 {
	display: block;
	color: #fff;
	font-weight: 500;
	margin: 0 auto;
	letter-spacing: 0.4px;
}

.facebook32 {
	background:url(../images/facebook32.png) no-repeat;
	width:32px;
	height:32px;
	padding: 2px 4px;
}
.twitter32 {
	background:url(../images/twitter32.png) no-repeat;
	width:32px;
	height:32px;
	padding: 2px 4px;
}
.linkedin32 {
	background:url(../images/linkedin32.png) no-repeat;
	width:32px;
	height:32px;
	padding: 2px 4px;
}


#main #connecttoskyline .social-networks a {
  background: none;
  display: block;
  height: 17px;
  overflow: hidden;
  text-indent: -9999px;
  width: 17px;
}
#connecttoskyline {
	display: block;
	padding: 4px;
}
#connecttoskyline h6 a {
	color: #fff;
	text-decoration: none;
	padding: 4px 20px;
}
#connecttoskyline h6 a:hover, #connecttoskyline h6 a:active {
	color: #ffffff;
	text-decoration: underline;
}
#main #connecttoskyline .social-networks .facebook32 {
	background:url(../images/facebook32.png) no-repeat;
	width:32px;
	height:32px;	
}
#main #connecttoskyline .social-networks .twitter32 {
	background:url(../images/twitter32.png) no-repeat;
	width:32px;
	height:32px;	
}
#main #connecttoskyline .social-networks .linkedin32 {
	background:url(../images/linkedin32.png) no-repeat;
	width:32px;
	height:32px;
}


/*===========for old browsers =============================*//*===========for old browsers =============================*/
/*===========for old browsers =============================*//*===========for old browsers =============================*/
/*===========for old browsers =============================*//*===========for old browsers =============================*/
 .site-search {
	/*margin-left: 100px;*/
	position: relative;
	z-index: 1000;
	top: 20px;
}