/* Default CSS */

@font-face {
  font-family: "Proxima Nova";
  src: url("/fonts/proximanova/proximanova-regular.eot");
  src: url("/fonts/proximanova/proximanova-regular.eot?#iefix") format("embedded-opentype"), url("/fonts/proximanova/proximanova-regular.woff2") format("woff2"), url("/fonts/proximanova/proximanova-regular.woff") format("woff"), url("/fonts/proximanova/proximanova-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; 
}

@font-face {
  font-family: "Proxima Nova";
  src: url("/fonts/proximanova/proximanova-semibold.eot");
  src: url("/fonts/proximanova/proximanova-semibold.eot?#iefix") format("embedded-opentype"), url("/fonts/proximanova/proximanova-semibold.woff2") format("woff2"), url("/fonts/proximanova/proximanova-semibold.woff") format("woff"), url("/fonts/proximanova/proximanova-semibold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal; 
 }

@font-face {
  font-family: "Proxima Nova";
  src: url("/fonts/proximanova/proximanova-bold.eot");
  src: url("/fonts/proximanova/proximanova-bold.eot?#iefix") format("embedded-opentype"), url("/fonts/proximanova/proximanova-bold.woff2") format("woff2"), url("/fonts/proximanova/proximanova-bold.woff") format("woff"), url("/fonts/proximanova/proximanova-bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal; 
 }

@font-face {
  font-family: "Proxima Nova";
  src: url("/fonts/proximanova/proximanova-extrabold.eot");
  src: url("/fonts/proximanova/proximanova-extrabold.eot?#iefix") format("embedded-opentype"), url("/fonts/proximanova/proximanova-extrabold.woff2") format("woff2"), url("/fonts/proximanova/proximanova-extrabold.woff") format("woff"), url("/fonts/proximanova/proximanova-extrabold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal; 
 }

@font-face {
  font-family: "Proxima Nova";
  src: url("/fonts/proximanova/proximanova-italic.eot");
  src: url("/fonts/proximanova/proximanova-italic.eot?#iefix") format("embedded-opentype"), url("/fonts/proximanova/proximanova-italic.woff2") format("woff2"), url("/fonts/proximanova/proximanova-italic.woff") format("woff"), url("/fonts/proximanova/proximanova-italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic; 
 }

@font-face {
  font-family: "Proxima Nova";
  src: url("/fonts/proximanova/proximanova-bolditalic.eot");
  src: url("/fonts/proximanova/proximanova-bolditalic.eot?#iefix") format("embedded-opentype"), url("/fonts/proximanova/proximanova-bolditalic.woff2") format("woff2"), url("/fonts/proximanova/proximanova-bolditalic.woff") format("woff"), url("/fonts/proximanova/proximanova-bolditalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic; 
 }

@font-face {
  font-family: "Proxima Nova";
  src: url("/fonts/proximanova/proximanova-light.eot");
  src: url("/fonts/proximanova/proximanova-light.eot?#iefix") format("embedded-opentype"), url("/fonts/proximanova/proximanova-light.woff2") format("woff2"), url("/fonts/proximanova/proximanova-light.woff") format("woff"), url("/fonts/proximanova/proximanova-light.ttf") format("truetype");
  font-weight: 200;
  font-style: normal; 
 }

@font-face {
  font-family: "Proxima Nova";
  src: url("/fonts/proximanova/proximanova-lightitalic.eot");
  src: url("/fonts/proximanova/proximanova-lightitalic.eot?#iefix") format("embedded-opentype"), url("/fonts/proximanova/proximanova-lightitalic.woff2") format("woff2"), url("/fonts/proximanova/proximanova-lightitalic.woff") format("woff"), url("/fonts/proximanova/proximanova-lightitalic.ttf") format("truetype");
  font-weight: 200;
  font-style: italic; 
}

/* D Sari Bold */
@font-face {
  font-family: 'D Sari Bold';
  font-weight: normal;
  font-style: normal;
  src: url("/fonts/dsaribold/DSari_Bold-webfont.eot");
  src: url("/fonts/dsaribold/DSari_Bold-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/dsaribold/DSari_Bold-webfont.woff2") format("woff2"), url("/fonts/dsaribold/DSari_Bold-webfont.woff") format("woff"), url("/fonts/dsaribold/DSari_Bold-webfont.ttf") format("truetype");
}

body {
    font-family: "Proxima Nova", Arial, helvetica, sans-serif;
	margin:0;	
	width: 100%;
	height:auto;
}



.semiBold {
  font-weight: 600;
  font-style: normal;
}

.extraBold {
  font-weight: 800;
  font-style: normal; 
}

a#skipnav:hover, a#skipnav:active, a#skipnav.sfhover, a#skipnav:focus {
	height: 0;
	width: 0;
	position: absolute;
	top: -9999px;
	left: -9999px;
}

img {
	border: 0;
}



 
div.connect img {
	width:24px;
	padding:3px;
	position:absolute;
	top:0;
	left:0px; 
}
 
 #main {
	width:100%;
	max-width: 1200px;
	font-weight: bold;
	position:relative;
	margin: 1% auto;
	background-color: #ffffff;
	color:#000000;
	-webkit-box-shadow: inset 0px 0px 4px 4px rgb(146, 145, 145);
	box-shadow: inset 0px 0px 14px 2px rgb(202, 201, 201);
	height: auto;
	padding-bottom: 1em;
}

 
 
.toprow { 
	width: 100%;
    position: relative;
    margin: 0 auto;
}


.toprowL {
	position:relative;
    margin: 0 auto;
}

.toprowL a img {
	width: 100%;	
}

.toprowR {
/*	float:right; */
	position:relative;
	padding:0.8em;
    margin: 0 auto;
}


#content_inner {
	background-color:#fff;
	clear:right;
	top:inherit;
	padding-left: 1%;
	padding-right: 1%;
    width:auto; 
    margin: 0 auto;
}



.look-text {
    position: absolute;
	left: 0;
	top: 5px;
    margin-left:1.8em;
	z-index: 1;
	padding: 0.8em;
    width: 40%;
    color: #ffffff;
	text-align:left;
}
	
.look-text .large {
	font-size:1.7em;
	font-weight:bold;
}

.look-text p {
	font-size: 1.1em;
	font-weight:normal;
}

.look-text a {
    color: #ffffff;
	text-decoration: none;	
}


.secondrow {
	width: 90%;
 /*   float: left; */
    position: relative;
    margin: 0 auto;
	
}
.subrow{
	padding: 5px 10px;
	overflow: hidden;
}
.secondrow a{
	text-decoration:none;
	cursor:pointer; 
	height: 212px;
	float: left;
	width: 50%;
	display: block;
}
.secondrow a.left span{
	padding: 0 20px 0 190px;
	display: block;
}
.secondrow a.right span{
	padding: 0 190px 0 20px;
	display: block;
}
.secondrow a.budget {
	background-image:url('../images/budget-actuals_card1.jpg'); 
	background-repeat:no-repeat; 
	background-color: #F2AA00;
}

.secondrow a.approp {
	background-image:url('../images/appropriations_card1.jpg'); 
	background-repeat:no-repeat; 
	float: right;
	background-color: #1AA6E3;
	background-position: right;
}

.secondrow a.capital {
	background-image:url('../images/capital-approp_card1.jpg'); 
	background-repeat:no-repeat; 
	background-color: #1AA6E3;
}

.secondrow a.revenue {
	background-image:url('../images/revenue_card1.jpg'); 
	background-repeat:no-repeat; 
	float: right;
	background-color: #F2AA00;
	background-position: right;
}

.secondrow a.school {
	background-image:url('../images/school_card1.jpg'); 
	background-repeat:no-repeat; 
	background-color: #F2AA00; 
}

.secondrow a.archives {
	background-image:url('../images/archives_card1.jpg'); 
	background-repeat:no-repeat; 
	float: right;
	background-color: #1AA6E3;
	background-position: right;
}

.secondrowtitle {
	color: #fff;
	margin-top: 10px;
	margin-bottom: 20px;
	font-variant: small-caps;
	font-size: 2em;
	font-weight: bold;
	line-height: 1em;
	width: 50%;
	padding-right: 2em;
	margin-right: -2em;
}

.secondrowtext{
	color: #000;
	font-weight: bold;
	width: 40%;
	padding: 0.2em 0.2em 1em 0.2em;
}


#content_inner {
	background-color:#fff;
	clear:right;
	top:inherit;
	padding-left: 1%;
	padding-right: 1%;
    width:auto; 
    margin: 0 auto;
}

#content_inner p {
	display:block;
	padding:1em;
	text-align:left;
	
}


h1 {
	color: #1D4189;
	font-weight:800; 
	font-size: 1.7em; 
}



h2 {
	font-size: 1.4em;
	color: #009ADD;
}

h2.archive {
	font-size: 1.4em;
	color: #000000;
}

h2.inner {
	font-size: 1.4em;
	color: #009ADD;
}

h2.center {
	font-size: 1.4em;
	color: #009ADD;
	text-align:center;
}



h3 {
	font-size: 1.2em;
	color: #900e34;
}

h3.center {
	font-size: 1.2em;
	color: #900e34;
	text-align:center;  
}

h3 notation {
	color: #900e34;
	font-size : 0.8em;
	font-weight : normal;
}

h4 {
	font-size: 1.1em;
	font-weight:bold;
	font-style:italic;
	color: #1D4189;
}

h5 {
	font-size: 1em;
	font-weight:bold;
	color: #243f74;
}

a#skipnav:link, a#skipnav:visited  {
	height: 0;
	width: 0;
	position: absolute;
	top: -9999px;
	left: -9999px;
}



#topHalfContentLayer {
    height:800px; 	 
	width:96%;
	color:#000;
}

dl {
	color:#000;	
}

dd {

	padding-bottom:10px;

}

dt {
	font-weight:bold;	
}

.responsiveTable {
	overflow-x:auto;	
}



#innerMain {
	width: 100%; 
	background-color: #FFFFFF;
	/*margin-top:-15px;*/
	z-index:1;
	margin:auto;
    margin: 0 auto;
}


@media (max-width:63em) {

.subrow {
	height: 270px;	
}

.secondrow a {
    cursor: pointer;
    display: block;
    float: left;
    height: auto;
    text-decoration: none;
    width: 50%;
	height: 270px;
}


.look-text {
	padding-bottom: 1em;
}
	
}


@media (max-width:56em) {

.toprow{
	height: auto;	
/*	padding-bottom: 1em; */
}



.look-text {
    margin-left:1em;
}

.secondrow {
	width: 100%;
 /*   float: left; */
    position: relative;
    margin: 0 auto;
	padding-bottom: 1em;
	height: auto;

	
}

.subrow{
	padding: 5px 10px;
	overflow: visible;
/*	height: 250px; */

}


.secondrow a{
	text-decoration:none;
	cursor:pointer; 
	float: left;
	width: 100%;
	display: block;
	padding-bottom: 1em;
	margin-bottom: -1em;
	border-top: solid thin #000;
	height: 250px;
}



.secondrow a.left span{
	padding: 0 20px 0 190px;
	display: block;

}

.secondrow a.right span{
	padding: 0 190px 0 20px;
	display: block;
}




.secondrowtitle {
	color: #fff;
	margin-top: 10px;
	margin-bottom: 20px;
	font-variant: small-caps;
	font-size: 2em;
	font-weight: bold;
	line-height: 1em;
}

.secondrowtext{
	color: #000;
	/*line-height: 95%;*/
	font-weight: bold;
	width: 50%;
}

.secondrowtext .right {
	color: #000;
	/*line-height: 95%;*/
	font-weight: bold;
	width: 150px;
	float: left;
}




.secondrow a.budget {
/*	background-image:url('../images/budget-actuals_card1.jpg'); 
	background-repeat:no-repeat; */
	width: 100%;
	background-color: #F2AA00;
}

.secondrow a.approp {
/*	background-image:url('../images/appropriations_card1.jpg'); 
	background-repeat:no-repeat; */
	width: 100%;	
	background-color: #1AA6E3;
	background-position: right;
}

.secondrow a.capital {
/*	background-image:url('../images/capital-approp_card1.jpg'); 
	background-repeat:no-repeat; */
	width: 100%;
	background-color: #1AA6E3;
}

.secondrow a.revenue {
/*	background-image:url('../images/revenue_card1.jpg'); 
	background-repeat:no-repeat; */
	width: 100%;
	background-color: #F2AA00;
	background-position: right;
}

.secondrow a.school {
/*background-image:url('../images/school_card1.jpg'); 
	background-repeat:no-repeat; */
	width: 100%;
	background-color: #F2AA00;
}

.secondrow a.archives {
	/*background-image:url('../images/archives_card1.jpg'); 
	background-repeat:no-repeat; */
	width: 100%;
	background-color: #1AA6E3;
}

}



@media (max-width:38em) {


#main {
	height: auto;
	padding-bottom: 0.2em;	
	margin-bottom: 1em;
}

.toprowL {
	height: 320px;	
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#11162a+0,06599b+100 */
background: rgb(17,22,42); /* Old browsers */
background: -moz-linear-gradient(left,  rgb(17,22,42) 0%, rgb(6,89,155) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgb(17,22,42) 0%,rgb(6,89,155) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgb(17,22,42) 0%,rgb(6,89,155) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#11162a', endColorstr='#06599b',GradientType=1 ); /* IE6-9 */
	margin-bottom: 0;
}

.toprowL img {
	display: none;	
}



.look-text {
    position: absolute;
	left: 0;
	top: 5px;
    margin-left:1.8em;
	z-index: 1;
	padding: 0.8em;
    width: auto;
    color: #ffffff;
	text-align:left;
}
	
.look-text .large {
	font-size:1.7em;
	font-weight:bold;
}

.look-text p {
	font-size: 1.1em;
	font-weight:normal;
	padding-right: 3em;
}

.look-text a {
    color: #ffffff;
	text-decoration: none;	
}



.secondrow {
	width: 100%;
 /*   float: left; */
    position: relative;
    margin: 0 auto;
	height: auto;

	
}

.subrow{
	padding: 5px 10px;
	overflow: visible;
	height: auto;
}


.secondrow a{
	text-decoration:none;
	cursor:pointer; 
	float: left;
	width: 100%;
	display: block;
	padding-bottom: 1em;
	margin-bottom: -1em;
	border-top: solid thin #000;
	padding-bottom: 0.5em;
	height: 180px;
}



.secondrow a.left span{
	padding: 0 1em 0 1em;
	display: block;

}
.secondrow a.right span{
	padding: 0 1em 0 1em;
	display: block;
}




.secondrowtitle {
	color: #fff;
	margin-top: 10px;
	margin-bottom: 10px;
	font-variant: small-caps;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1em;
}
.secondrowtext{
	color: #000;
	/*line-height: 95%;*/
	font-weight: bold;
	width: 90%;
	padding: 0.2em;
}

.secondrowtext .right {
	color: #000;
	/*line-height: 95%;*/
	font-weight: bold;
	width: 90%;
	float: left;
	padding: 0.2em 1em;
}




.secondrow a.budget {
	background-image: none;
	background-color: #F2AA00;
}

.secondrow a.approp {
	background-image: none;
	background-color: #1AA6E3;
}

.secondrow a.capital {
	background-image: none;
	background-color: #1AA6E3;
}

.secondrow a.revenue {
	background-image: none;
	background-color: #F2AA00;
}

.secondrow a.school {
	background-image: none;
	background-color: #F2AA00;
}

.secondrow a.archives {
	background-image: none;
	background-color: #1AA6E3;
}

}