@import url('https://fonts.googleapis.com/css?family=Droid+Serif');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');


/*  Global  */
body { background: #ffffff; }


/* Link Transitions */
a, .toTop { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
a:hover, .toTop:hover { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; }


/*  Header  */
.headerWrap { width: 100%; top: 0; padding:20px 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; z-index: 900; }
.header { max-width: 1200px; margin: 0 auto; }
.header:after {clear: both; content: ""; display: block; height: 0; visibility: hidden;}
.logo {width: 23.33333333%;float:left;}


/*  Mobile Menu Icon  */
#mobile-header { display: none; }
#responsive-menu-button {height: 25px;width: 32px;position: absolute;top: 48px;right: 20px;text-decoration: none;}
#mobile-header #navIcon {width: 32px;height: 30px;position: relative;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;}
#mobile-header #navIcon span { display: block; position: absolute; height: 3px; width: 50%; background: #485e88; opacity: 1; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
#mobile-header #navIcon span:nth-child(even) { left: 50%; border-radius: 0 9px 9px 0; }
#mobile-header #navIcon span:nth-child(odd) { left: 0px; border-radius: 9px 0 0 9px; }
#mobile-header #navIcon span:nth-child(1), #mobile-header #navIcon span:nth-child(2) { top: 0px; }
#mobile-header #navIcon span:nth-child(3), #mobile-header #navIcon span:nth-child(4) { top: 10px; }
#mobile-header #navIcon span:nth-child(5), #mobile-header #navIcon span:nth-child(6) { top: 20px; }
#mobile-header #navIcon.open span:nth-child(1), #mobile-header #navIcon.open span:nth-child(6) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
#mobile-header #navIcon.open span:nth-child(2), #mobile-header #navIcon.open span:nth-child(5) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
#mobile-header #navIcon.open span:nth-child(1) { left: 3px; top: 7px; }
#mobile-header #navIcon.open span:nth-child(2) { left: calc(50% - 5px); top: 7px; }
#mobile-header #navIcon.open span:nth-child(3) { left: -50%; opacity: 0; }
#mobile-header #navIcon.open span:nth-child(4) { left: 100%; opacity: 0; }
#mobile-header #navIcon.open span:nth-child(5) { left: 3px; top: 15px; }
#mobile-header #navIcon.open span:nth-child(6) { left: calc(50% - 5px); top: 15px; }


/*  Main Menu  */
.menuWrap { width:66.66666667%; float:right; }
.mainMenu {font-family: 'Open Sans', sans-serif;text-transform:uppercase;font-weight:700;margin-top: 2.8%;}
.mainMenu ul {font-size: 11pt;text-align:right;}
.mainMenu ul li a {color: #333; text-decoration:none; }
.mainMenu ul li { display:inline-block; text-decoration: none; color: #fff; background:#fff; padding:10px; margin:0 5px 0 0; }

/*.mainMenu ul li:last-child { margin-left:20px;}
.mainMenu ul li li:last-child { margin-left:0px;}*/

.mainMenu ul li { list-style: none; position: relative; }
.mainMenu ul li:first-child { }
.mainMenu ul li a { padding: 8px 4px; }
.mainMenu ul li:hover { background:#efefef; }
/*.mainMenu ul li:last-child { background:#20276d; }
.mainMenu ul li:last-child:hover { background:#1e5591; }

.mainMenu ul li:last-child a { color:#fff; }
.mainMenu ul li ul li:last-child { background:#fff; }
.mainMenu ul li ul li:last-child a { color:#333; }
.mainMenu ul li ul li:last-child:hover { background:#efefef; }*/



/* Submenu */
.mainMenu ul li ul {display: none;position: absolute;left: 0;top: 100%;margin: 0;background:none;z-index: 199 !important; padding-top: 5px;  padding-bottom: 5px; text-align:left; font-size:9pt;}
.mainMenu ul li ul:last-child {/* padding-bottom: 10px; */}
.mainMenu ul li ul li { padding: 5px 10px; width: 250px; height: 20px; line-height: 20px; border: none; }
.mainMenu ul li ul li:first-child { border: none; }
.mainMenu ul li ul li:after { clear: both; content: " "; display: block; height: 0; visibility: hidden; }
.mainMenu ul li:hover > ul { display: block; }
.mainMenu ul li ul li, .mainMenu ul li ul li a { float: none; color: #333; }
.mainMenu ul li ul li { _display: inline; /* for IE6 */ }
.mainMenu ul li ul li a { display: block; padding: 0 10px; }
/* Subsub Menu */
.mainMenu ul li ul li ul { display: none; background: #333; padding-top: 5px; padding-bottom: 5px; }
.mainMenu ul li ul li:hover ul { left: 100%; top: 0; }
.mainMenu ul li ul li ul li { padding: 5px 20px }
.mainMenu ul li ul li:hover { bbackground:#824d00;  color: #fff !important; }



/* Menu Animation */

.mainMenu ul li:hover > ul { animation-name: pullDown; -webkit-animation-name: pullDown; animation-duration: 1.1s; -webkit-animation-duration: 1.1s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; -webkit-transform-origin: 50% 0%; }
 @keyframes pullDown {
0% {
 transform: scaleY(0.1);
}
 40% {
 transform: scaleY(1.02);
}
 60% {
 transform: scaleY(0.98);
}
 80% {
 transform: scaleY(1.01);
}
 100% {
 transform: scaleY(0.98);
}
 80% {
 transform: scaleY(1.01);
}
 100% {
 transform: scaleY(1);
}
}
 @-webkit-keyframes pullDown {
0% {
 -webkit-transform: scaleY(0.1);
}
 40% {
 -webkit-transform: scaleY(1.02);
}
 60% {
 -webkit-transform: scaleY(0.98);
}
 80% {
 -webkit-transform: scaleY(1.01);
}
 100% {
 -webkit-transform: scaleY(0.98);
}
 80% {
 -webkit-transform: scaleY(1.01);
}
 100% {
 -webkit-transform: scaleY(1);
}
}






/* Wraps */
.contentAreaWhite {width: 86%; padding: 40px 7%; z-index: 9; background:#ffffff; }
.contentAreaGrey {width: 86%; padding: 40px 7%; z-index: 9; background:#f9f9f9; }
.contentAreaLightBlue {width: 86%; padding: 40px 7%; z-index: 9; background:#CCD3E3; }
.contentAreaBlue {width: 86%; padding: 40px 7%; z-index: 9; background:#f0f0f0; color:#000000; }
.intro {max-width: 960px; margin: 0 auto;}
.mainContentArea {max-width: 1200px; margin: 0 auto;}


/* Text */
.mainContentArea h1 { font-family:'Droid Serif', serif;color:#0a2587; margin:12px 0; font-size: 36px; font-weight:600; }
.mainContentArea h2 {font-family:'Droid Serif', serif; color:#3378a7; margin:12px 0; font-size: 30px; font-weight:600; }
.mainContentArea h3 {font-family:'Droid Serif', serif; color:#3378a7; margin:12px 0; font-size: 24px; font-weight:600; }
.mainContentArea h4 {font-family:'Droid Serif', serif; color:#485e88; margin:12px 0; font-size: 18px; font-weight:600; }
.mainContentArea h5 {font-family: 'Open Sans', sans-serif; color:#485e88; margin:12px 0; font-size: 14px; font-weight:600; }
.mainContentArea h6 {font-family: 'Open Sans', sans-serif; color:#485e88; margin:12px 0; font-size: 12px; font-weight:600; }
.mainContentArea p {font-family: 'Open Sans', sans-serif;color:#333;margin:12px 0;font-size: 18px;}
.mainContentArea a { color:#485e88; text-decoration:none; }
.mainContentArea b, .mainContentArea strong {}
.mainContentArea ul { font-size: 18px; list-style: none; margin: 10px 0 0; font-family: 'Open Sans', sans-serif;  }
.mainContentArea ul li { line-height: 15pt; padding: 0 0 10px 20px; color:#485e88; font-weight: 400; }
.mainContentArea ul li:before {  /* circle bullet */ content: '\2022'; display: block; position: relative; max-width: 0px; max-height: 0px; left: -15px; top: -0px; font-size: 20px; }
.mainContentArea ol { font-size: 18px; counter-reset: item; margin: 10px 0 0; line-height: 11pt; font-weight: 400;  font-family: 'Open Sans', sans-serif;  }
.mainContentArea ol li { color:#485e88; display: block; padding: 0 0 10px; font-weight: 400;    line-height: 150%; }
.mainContentArea ol li:before { content: counter(item) ".  "; counter-increment: item; line-height: 15pt; font-weight: bold; font-weight: 400; }


/* Sidebar Text */
.sidebarLeft p a { color:#284ac9; margin-botttom:0;}
.sidebarLeft p { color:#bd965b; margin:0;}


/* contentAreaBlue */
.contentAreaBlue .mainContentArea h1 {color:#eccb9f;}
.contentAreaBlue .mainContentArea h2 {color:#eccb9f;}
.contentAreaBlue .mainContentArea h3 {color:#eccb9f;}
.contentAreaBlue .mainContentArea h4 {color:#000000;  line-height:24px;}
.contentAreaBlue .mainContentArea h5 {color:#fff;}
.contentAreaBlue .mainContentArea h6 {color:#fff;}
.contentAreaBlue .mainContentArea p  {color:#fff;}
.contentAreaBlue .mainContentArea a  {color:#fff;}
.contentAreaBlue .mainContentArea ul li {color:#fff;}
.contentAreaBlue .mainContentArea ol li {color:#fff;}


/* Banner */
.bannerHolder { position:relative; height:500px; overflow:hidden;}
.banner {width:100%; padding:0; height:500px;  }
.bannerCaption { width:500px; margin:0 auto; text-align:center;  position:absolute; top:13%; left:50%; margin-left:-250px; z-index:10;}
.bannerCaption h1 {font-family:'Droid Serif', serif;color:#fff;margin: 50px 0;font-size: 64px;text-transform:capitalize;}
.bannerCaption h2 { font-family:'Droid Serif', serif;color:#fff; margin:12px 0; font-size: 30px; }
.bannerCaption h3 { font-family:'Droid Serif', serif;color:#fff; margin:12px 0; font-size: 24px; }
.bannerCaption h4 { font-family:'Droid Serif', serif;color:#fff; margin:12px 0; font-size: 18px; }
.bannerCaption h5 { font-family:'Droid Serif', serif;color:#fff; margin:12px 0; font-size: 14px; }
.bannerCaption h6 { font-family:'Droid Serif', serif;color:#fff; margin:12px 0; font-size: 12px; }
.bannerCaption p { font-family:'Droid Serif', serif;color:#fff; margin:12px 0; font-size: 18px; }
.bannerCaption p a {font-family:'Droid Serif', serif;color:rgb(236, 203, 159);margin:12px 0;font-size: 28px;background:rgba(0,0,0,.7);border:2px solid #fff;text-decoration:none;padding: 15px;}
.bannerCaption p a {}


/* Ken Brown */
.ken-burns { width: 100%; height: 150vh; overflow: hidden; background-size: cover; }
.ken-burns img { width: 100%; /*margin-right: -15%; margin-top: -25%; -webkit-animation: kenburns 120s infinite linear; -moz-animation: kenburns 120s infinite linear; animation: kenburns 120s infinite linear;*/ }
/*
@keyframes kenburns {
    0% { transform: scale(1) rotate(0deg) translate(0, 0); }
    50% { transform: scale(1.4) translate(-5%, 0); }
    100% { transform: scale(1) rotate(0deg) translate(0, 0); }
}*/



/* Brown */
.brown { background:#f0f0f0; text-align:center; /*padding:0px 0 50px;*/ border:2px solid #fff; -webkit-box-shadow: 0px 1px 5px 0px rgba(255,255,255,1); -moz-box-shadow: 0px 1px 5px 0px rgba(255,255,255,1); box-shadow: 0px 1px 5px 0px rgba(255,255,255,1);  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; color:#0f1666;}
.brown:hover { background:#f9f9f9; color:#20286d; text-align:center; /*padding:0px 0 50px;*/ border:2px solid #fff; -webkit-box-shadow: 0px 1px 5px 0px rgba(170,170,170,1); -moz-box-shadow: 0px 1px 5px 0px rgba(170,170,170,1); box-shadow: 0px 1px 5px 0px rgba(170,170,170,1);   -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;}
.brown h3 { color:#0f1666; }
.brown img { /*max-width:80px;*/}


/* Sidebar */
.sidebar {}
.sidebar:after {clear: both; content: ""; display: block; height: 0; visibility: hidden;}
.sidebarLeft {width:33.33333333%; float:left; }
.sidebarRight {float:right;  width:60%; }

.sidebarFull {  width:100%; }

/* TwoCol */
.twoColumn {}
.twoColumn:after {clear: both; content: ""; display: block; height: 0; visibility: hidden;}
.twoColLeft { width:48%; float:left; }
.twoColRight { width:48%; float:right; }



/* ThreeCol */
.threeColumn {}
.threeColumn:after {clear: both; content: ""; display: block; height: 0; visibility: hidden;}
.threeCol {             width: 32%;
    margin: 0px 1% 0px 0%;
    /* float: left; */
    text-align: center;
    display: inline-block;
	    vertical-align: top; }
.threeCol:last-child { margin:0; }


/* FourCol */
.fourColumn {}
.fourColumn:after {clear: both; content: ""; display: block; height: 0; visibility: hidden;}
.fourCol { width:24%; margin:0 1% 0 0; float:left;}
.fourCol:last-child { margin:0; }


/* Forms */
table.Dialog { width: 100%; text-align: left; margin-left: 0px; font-size: 11pt; background: none !important; border: none !important; }
table.Dialog th { background: none; color: #000; padding: 5px; vertical-align: middle; border: none !important; }
table.Dialog td { background: none !important; border: none !important; }
table.Dialog { margin: 0 auto; background: none; }
table.Dialog.two-column { width: 50%; float: left; }
table.Dialog.two-column TH { padding-left: 5px; padding: 0; font-weight: 300; }
table.Dialog.two-column TD { padding-left: 3px; padding-right: 5px; padding: 0; }
.Dialog .mwInput { color: #4b525b !important; border: 1px solid #dddddd; padding: 0.1em; font-size: 11pt; line-height: 1.2em; background: #ffffff; border-radius: 0; padding-left: 5px; }
.Dialog .mwInput:hover, .Dialog .mwInput:focus { -webkit-transition: .5s; -moz-transition: .5s; transition: .5s; background: #fafafb; }
.Dialog .mwInput.error { border: 1px solid red }
.Dialog select .mw { color: #ffffff; }
.Dialog textarea { color:#000; font-family: 'Open Sans', sans-serif;}
::-webkit-input-placeholder {color:#000; font-family: 'Open Sans', sans-serif;}
::-moz-placeholder {color:#000; font-family: 'Open Sans', sans-serif;}
:-ms-input-placeholder { color:#000; font-family: 'Open Sans', sans-serif;}
:-moz-placeholder {color:#000; font-family: 'Open Sans', sans-serif;}


/* Forms Button*/
.Dialog .mwInput.Button { margin: 5px 0 0; font-weight: 600; background:rgba(154,111,47,1); color: #ffffff; padding: 5px 18px; text-decoration: none; font-family: Arial, sans-serif; -webkit-transition: .5s; -moz-transition: .5s; transition: .5s; }
.Dialog .mwInput.Button:hover { background: #ccc; color: #444444; -webkit-transition: .5s; -moz-transition: .5s; transition: .5s; text-transform:uppercase; }
.Dialog .mwInput.Button input.mw { color: #fff !important; font-family: Arial, sans-serif;font-size: 11pt; text-transform:uppercase; font-weight:700; }
.Dialog .mwInput.Button:hover input.mw { color: #fff !important; }



/* Footer */
.footerWrap {width: 86%;padding: 40px 7%;z-index: 9;background: #21286d;}
.footer {max-width: 1200px; margin: 0 auto;}
.footerWrap p { font-family: 'Open Sans', sans-serif;  color:#fff; margin:12px 0; font-size:14px;}
.footerWrap a {font-family: 'Open Sans', sans-serif;color: #bd965b;margin:12px 0; text-decoration:none; }
.footerWrap .fourCol a {font-family: 'Open Sans', sans-serif;color: #fff;margin:12px 0;}
.footerWrap .threeCol a {font-family: 'Open Sans', sans-serif;color: #fff;margin:12px 0;}

.footerWrap h3 { font-family: 'Open Sans', sans-serif;  color:#eccb9f; margin:12px 0;}
.footerWrap ul { font-family: 'Open Sans', sans-serif;  color:#fff; margin:12px 0;  font-size:14px;}

.copyright {  text-align:center; font-family: 'Open Sans', sans-serif; padding:10px 0 0}
.copyright p { color:#fff; font-family: 'Open Sans', sans-serif;}
.copyright p a { color:#fff; }



.button p a {border: 1px solid #485e88; padding:5px 10px; background:#485e88; color:#fff; font-weight:600}
.button p a:hover {border: 1px solid #3378a7; background:#3378a7; color:#fff; padding:5px 10px;}

@media (max-width: 1200px) {

}

@media (max-width: 1024px) {
.logo {width:400px; float:none; margin:0 auto;}
.menuWrap { text-align:center; width:100%; float:none; }
.mainMenu {text-align:center;  width:100%;  float:none; }
.mainMenu ul { text-align:center; padding:0;}
}

@media (max-width: 960px) {

}

@media (max-width: 768px) {
/* Header */
.logo {width:280px; max-width:280px; float:none; margin:0 auto;}
.menuWrap { display:none;  }
#mobile-header { display: block; }


/* Columns */
.sidebarLeft {width:100%; float:left; }
.sidebarRight {width:100%; float:left; }
.twoColLeft { width:100%; float:left;  }
.twoColRight { width:100%; float:left;  }
.threeCol { width:100%; float:left;   margin:0;}
.fourCol { width:100%; float:left;   margin:0;}


/* Banner */
.bannerCaption {max-width: 100%;}
.bannerCaption h1 {font-size: 32px; }
.bannerCaption p a {font-size: 20px; }
.ken-burns { opacity:0;}
.bannerHolder { position:relative; height:auto; overflow:hidden;}
.banner {width:100%; padding:0; height:400px;  }
.bannerCaption { width:100%; margin:0 auto; text-align:center;  position:absolute; top:15%; left:0%; margin-left:0px; z-index:10;}


}


}

@media (max-width: 640px) {

}

@media (max-width: 480px) {
/* Header */
.logo {width:220px; max-width:220px;}
#responsive-menu-button {top: 40px;}
}




.aa, .bb, .cc { position:relative; }





.aa {animation-duration: 3s;
  animation-name: slideinaa;
}
@keyframes slideinaa {
  0% {
    margin-left: -200px;
    width: 300%; 
    opacity:0;
  }
  70% {
    margin-left: -200px;
    width: 300%; 
    opacity:0;
  }
  100% {
    margin-left: 0;
    width: 100%;
    opacity:1;
  }
}



.bb {animation-duration: 5s;
  animation-name: slideinbb;
}
@keyframes slideinbb {
  0% {
    top: 200px;
    width: 300%; 
    opacity:0;
  }
  70% {
    top: 200px;
    width: 300%; 
    opacity:0;
  }
  100% {
    top: 0;
    width: 100%;
    opacity:1;
  }
}


.cc {animation-duration: 7s;
  animation-name: slideincc;
}
@keyframes slideincc {
  0% {
    width: 300%; 
    opacity:0;
  }
  70% {
    width: 300%; 
    opacity:0;
  }
  100% {
    margin-left: 0%;
    width: 100%;
    opacity:1;
  }
}





.criminaltb {
	color:#000000;
	margin:0 auto;
}

.criminaltb tr:first-child {
	font-weight:bold;
}

.criminaltb tr:nth-child(odd) {
	background-color:#dbe3e6;
	width:100%;
}

.criminaltb tr td {
	padding:5px;
}

.criminaltb tr td p {
	margin:0;
}