/* For all layouts */	
body {
	font-family: Georgia, 'Times New Roman' , Sans-Serif;
	background-color: #ccc; /*white*/
	color: #252156; /*blue-purple*/
}

body,td,th {
	font-family: Georgia, "Times New Roman", Sans-Serif;
	font-size: 16px;	
}

h1, h3, h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-top: 5px;
}

h2, p { 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

h1 {
	font-size: 210%;
}

h2 {	
	font-size: 150%;
}

h3 {
	font-size: 120%;
}

h4 {
	font-size: 106%;
}

a {
	color:#252156; /*blue-purple*/
}

a,  a:active, a:link, a:visited {
	font-size: 88%;
	color: #069; /*teal blue*/
	
}

a:hover {	
	color: #cc9933; /*goldenrod*/
}

p {
	font-size: 100%;
}

ul {
	list-style-type:none;	
}
section {
	height: auto;
}
#cad-title {
	border-bottom: navy 1px solid;
	font-size: 180%;
}
#psc-title {
	margin-top:0;
	font-size: 120%;
}
#gridContainer {
	border: navy solid 1px;	
	max-width: 1232px;
	padding-left: 0.75%;
	padding-right: 0.75%;
	margin: auto;
	/* background: #06C; background-color: #06C;
	 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#06C',
	 endColorstr='#A2CDE8',GradientType=0 );
	 background: linear-gradient(to bottom,#06C,#A2CDE8; */ /* IE  */
	 /*background: -webkit-gradient(linear, 0% 50%, 0% 100%, from(#06C), to(#A2CDE8));	
	 background: -moz-linear-gradient(top, #06C, #A2CDE8);
	 background: -webkit-gradient(linear, 0 50%, 0 100%, from(white), to(lightblue)); */
	background: #0059b3; background-color: #0059b3;
	background: -webkit-gradient(linear, 0% 0%, 100% 100%, from(#0059b3), to(#A2CDE8));
	/*background: -webkit-linear-gradient(top,  #0059b3,  #b3d9ff, #A2CDE8);*/
	background: -moz-linear-gradient(top,  #0059b3,  #b3d9ff, #A2CDE8);
	background: -o-linear-gradient(top,  #0059b3,  #b3d9ff, #A2CDE8);
	background: -ms-linear-gradient(top,  #0059b3,  #b3d9ff, #A2CDE8);
	background:  linear-gradient(to bottom, #0059b3, #b3d9ff, #A2CDE8, #0059b3 99%);	
}

#tabContainer {
	clear: none;
	float: left;	
	margin-left: 2%;
	padding: 0;
	height: auto;
	display: block;
	background: #e0e0e0;
	margin-top: 0;
	border-radius: 0 15px 15px 15px;	
}

#tabWrapper {	
	background: #e0e0e0;	
}

#mainContainer
{
	margin: 10px 3%;
	/*margin-left: 3%;
	margin-right: 3%;*/
	background: #fff;
	background-color: #fff; /**** white *****/	
	background-position: top;
	border-radius: 15px;
}

#splashContainer
{	
	background: #fff;
}
#splashContainer a, #splashContainer a:visited
{	
	color: #000;
}

/*Statewide navigation*/

#stateNav ul
{
	list-style: none;
	padding: 0;
	margin: 0;
	float: right;
}

#stateNav ul li
{
	float: left;
	margin-right: 5px;
}

#stateNav ul li a
{
	font-size: 80%;	
	color: #fff;		
}
  
header {
	color:#fff; /*white*/
	word-wrap:break-word;
	margin-left:0;
}

#headerSocial li {
	float: left;
	margin-left: 3px;	
}

#headerSocial a .fa {
	color: #fff;
	padding: 2px;
	font-size: 18px;
}

#myCarousel {
	background: white;
	width: 96%;
	margin-top:10px;	
}

footer {
	height: auto;
	margin: 5px auto;
	text-align: left;
	color: #FFF;
	/*background-color: #CCC;*/
	background, background-color: transparent;
	/*background: #3e587b; background-color: #3e587b;
	 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e587b',
	 endColorstr='#192432',GradientType=0 );
	 background: linear-gradient(to bottom, #3e587b, #192432);*/ /* IE  */
	 /*background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3e587b), to(#192432));	
	 background: -moz-linear-gradient(top, #3e587b, #192432);*/
	 border-radius: 15px;
}

/*.pscSection {
	font-size:10px;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 10px;	
	padding: 0;		
}
	
.pscSection a,  a:active, a:link {	
	color: #fefefa;
}
.pscSection a,  a:active, a:link {	
	text-align: left;
}*/

#stateSeal {
	max-width: 8%;
	margin-left: 1%;
}



#division p {
	font-family: 'Trajan Pro','Palatino Linotype','Book Antiqua', serif;
	font-weight:bold;	
	color: #006;
}
#agency p {
	font-family: 'Trajan Pro','Palatino Linotype','Book Antiqua', serif;
	font-weight:bold;
	font-size:160%;
	color: #006;
}
.latestNews {color: #069;} /*teal blue*/


/*Style case number links on dynamic pages*/
#cases a, #cases a:visited {
	color: #03c;
}


/***** Tab navigation ******/

#tabNav
{
	margin-top: 2%;	
	margin-left: 2%;
	background: transparent;
}

#tabNav .current
{
	background:#e0e0e0;	
	color: #fff; /*white*/
	margin-left: 0;	
}

#tabNav ul
{
	list-style-type:none;
	margin: 0;
	padding: 0;
}

#tabNav ul li
{
	/*border: thin;*/
	text-align:center;
	background: #9AA8BE; /*gray blue*/
	font-family: Verdana, Geneva, sans-serif;
	font-size:10px;	
	display: inline-block;
	float: left;
	margin-left: 1px;		
	margin-right: 0;
	line-height: 30px;
	width: 15%;
	margin-bottom: 0;
}

#tabNav ul li a{
	display: inline-block;
	font-size: 85%;
	width: 98%;
	text-align: center;
	color: #252156; /*blue-purple*/
	white-space: nowrap;  
    overflow: hidden;  
    text-overflow: ellipsis; 
    -o-text-overflow: ellipsis;  
    -ms-text-overflow: ellipsis; 
	-webkit-text-overflow: ellipsis;
}

#tabNav p, a
{
	font-weight: bold;
	font-size:12px;
	text-decoration: none;	
}

#tabNav a:hover
{
	color: #fff; /*white*/
}

nav p, a
{
	font-weight: bold;
	font-size:12px;
	text-decoration: none;
	color:#fff;	
}

nav li a
{
	text-transform: uppercase;
	font-weight: bold;
	text-align:center;
	font-size:12px;
	color: #3e587b;
}

.navbar {
     border: gray solid 1px;
	 width: 94%;
	 margin:auto;
	 background: #ccc; background-color: #ccc;
	/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccc',
	 endColorstr='#192432',GradientType=0 );
	 background: linear-gradient(to bottom, #ccc, #192432); /* IE  */
	/* background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ccc), to(#192432));	
	 background: -moz-linear-gradient(top, #ccc, #192432);*/
}

/* updated to have same margins as nav items */
.navbar-default .navbar-brand {
    margin: 5px 0;
}
.navbar-default .navbar-nav > li > a {
    color: #fff;
    margin: 2px;
	padding: 8px;
    border-radius: 4px;
	font-size:11px;
}

.navbar-default .navbar-nav > li > a:hover {
    color: #555;
    background-color:#999;
}
	 
/* Do rounded corners in static and fixed navbars */
.navbar-fixed-bottom, .navbar-fixed-top, .navbar-static-top {
    border-radius: 15px;
}

.nav-tabs {
	border-bottom: none;
}

/***** Sidebar navigation ******/

#sideNav ul {
	 margin: 0;
	 padding: 0;
}

.sidenavbar {
    margin-top: 2%;
	margin-left: 2%;	
	padding: 0;	
}
.sidenavbar li a {   
	color: navy;
}
.sidenavbarlink {
	color: #252156;
    margin: 5px;	
}

#map {
	margin-top:5%;
}

.pixelated {
  image-rendering:optimizeSpeed;             /* Legal fallback */
  image-rendering:-moz-crisp-edges;          /* Firefox        */
  image-rendering:-o-crisp-edges;            /* Opera          */
  image-rendering:-webkit-optimize-contrast; /* Safari         */
  image-rendering:optimize-contrast;         /* CSS3 Proposed  */
  image-rendering:crisp-edges;               /* CSS4 Proposed  */
  image-rendering:pixelated;                 /* CSS4 Proposed  */
  -ms-interpolation-mode:nearest-neighbor;   /* IE8+           */
}
.img-responsive {margin:0 auto;}

.nasuca {
	margin-top: 5%;	
}

.message-title {
	margin: 10px 2px;
	color: navy;
	font-weight: bold;
	font-size: 18px;
}

.message-hdr {
	margin-top: 10px;
	color: #000;
	font-weight: bold;
	font-size:12px;
}

.message-para {
	color: #000;	
	font-size:12px;
	
}

.psc-link {
	color: #000;
	font-weight: bold;
	text-decoration:underline;
}

.psc-link a:visited {
	color: #000;
}

.signature {
	font-style: italic;
}

.vertical-align
{
	vertical-align: middle;
}

/***** Pods ******/

.pod
{
	background-color: #271d1d; /*brown-black*/
	color: #fff; /*white*/
	border-radius: 15px;	
	margin-top: 10px;
	margin-left: 5px;
	
}

.pod h1
{
	background-color: #006699;/* teal-blue*/
	color: #fff; /*white*/
	padding: 10px 5px 5px 10px;
	font-size: 18px;
	border-radius: 15px 0;
}

.pod h1 a
{
	color: #006699; /* teal-blue*/
	font-family: Georgia, 'Times New Roman', Sans-Serif;
	font-size: 12px;
}
.pod h1 a:visited
{
	color: #006699; /* teal-blue*/
	font-size: 12px;
}

.pod h1 a:hover
{
	color: #006699; /* teal-blue*/
	text-decoration:underline;
	font-size: 12px;
}

.pod p 
{
	font-size:11pt;
	margin:0 10px 5px;
	padding-top:2px;
}

.pod div
{
	font-size: 11pt;	
}

.pod ul
{
    list-style: none;
	text-indent: none;
	padding: 0;
	margin-left: 5px;
}

.pod li
{
	border-bottom: dotted 1px #C60;
	margin-bottom: 5px;
	padding: 2px;	
}

.pod li a
{
	color:#fff;	
}

.pod img
{
	margin-right: 4px;
}


.pod .more a {
	color:#C60;
	font-weight:bold;
}

/***** Dropdowns ******/

.dropdown-menu {
	background-color:#CCC;
	
}
.dropdown-menu li {
	margin-left: 5px;
}

.dropdown-menu li a {
	text-align: left;
	text-transform: capitalize;
}

/* add back dropdown for submenus taken out in BS 3.x */

.dropdown-submenu {
    position:relative;	
}
.dropdown-submenu > .dropdown-menu {
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
}
.dropdown-submenu:hover > .dropdown-menu {
    display:block;
}
.dropdown-submenu > a:after {
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#ccc;
    margin-top:5px;
    margin-right:-10px;
}
.dropdown-submenu:hover> a:after {
    border-left-color:#fff;
}
.dropdown-submenu .pull-left {
    float:none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}

/***** Footer ******/

footer a .fa {
	color: #fff;
	padding: 2px;
	font-size: 18px;
}

#footerSocial {
	margin-left: 0;
	padding-left: 0;
}

#footerSocial li{
	display: inline;
}

#footerPortal {
	margin-left: 0;
	padding-left: 0;
	text-align: center;
	font-size: 12px;
}
#footerPortal li {
	display: inline-block;	
}

footer a, footer a:active, footer a:link, footer a:visited {
	color: #fff;
}

.copyright {
	font-size:9px;
	text-align: center;
}
#contact {
	margin: 20px 0;	
	color: navy;
}
address {
	font-size: 14px;
}

#location {
	margin: 10px 0;	
}

.roundCorner {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0;

	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0;
}

/*For desktop layout, show submenus on hover	*/	
@media (min-width: 768px)
{
nav ul li:hover > ul {display: block;}
}

/*.navbar-nav  li:hover ul.dropdown-submenu > a {display: block;}*/


/* For tablet layout, decrease the size of the links, location map, tab container and tab navigation. */	
@media (min-width:321px) and (max-width:767px)
{
	a {font-size: x-small;}
	header {margin-bottom: 0;}
	#map {width: 60%;}	
	#tabContainer {margin-top: 0;}
	#tabNav {margin-bottom: 0;}		
}

/* For mobile layout, hide the logo, state seal, and title. Make links smallest font. */	
@media (max-width: 320px)
{
/*	#stateSeal, #division {display:none;}*/
	/*.navbar-nav  li:hover ul.dropdown-submenu > a {display: block;}*/
	a {font-size: xx-small;}
	header {margin-bottom: 0;}	
	#tabNav {margin-bottom: 0;}	
	#tabContainer {margin-top: 0;}
	#footerPortal, #footerSocial, .copyright {text-align: left;}	
	.navbar { width: 98%;}
	/*.menuHdr {color: #fff;}*/
	.sidenavbar {margin-left: 12px;}	
}