@charset "utf-8";
/* CSS Document */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
body {
    line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}
nav ul {
    list-style:none;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
input, select {
    vertical-align:middle;
}



/*  CSS Rules  */



/*this is the end of the css reset*/
/*this is the end of the css  reset*/





















/*this is the end of the css  reset*/
/*this is the end of the css  reset*/




div, p, body {
	padding:0;
	margin:0;
}

div {
padding:0;
margin:0;	
}


.frame {
width:80%;
height:90%;
padding:0;
magin:0;
margin-top:5px;
margin-bottom:5px;
padding-top:5px;
padding-bottom:5px;
margin-left:10%;	
}

.column12, .column11, .column10, .column9, .column8, .column7, .column6, .column5, .column4, .column3, .column2, .column1 {
display:inline;
float: left;
position:relative;
margin-left:1%;
margin-right:1%;
padding-top:0%;
padding-bottom:.5%;	
margin-top:.5%;
margin-bottom:.5%;
/*

margin-left:1%;
margin-right:1%;
padding-top:.5%;
padding-bottom:.5%;	
margin-top:.5%;
margin-bottom:.5%;


*/

}

.column4b {
display:inline;
float: left;
position:relative;
padding:10px;
}



p {
padding:1%;	
}


.column12 {
width:98%;
	
}

.column11 {
width:89.667%;	
}

.column10 {
	width:81.333%;
}

.column9 {
	width:73%;
}

.column8 {
	width:64.667%;
}

.column7 {
	width:56.333%;
}

.column6 {
width:48%;	
}

.column5 {
	width:39.667%;
}

.column4 {
width:31.3333%;	
}

.column4b {
width:33.3333%;
margin:0;
padding:0;	
}


.column3 {
	width:23%;
}

.column2 {
	width:14.667%;
}

.column1 {
width:6.333%;	
}

.clr {
clear:both;	
}


.scale_fit img {
	width:94%;
	margin-left:3%;
	height:auto;
	
}

p > img {
	width:50%;
	margin:2%;
	height:auto;
	float:left;
	max-width:300px;
}


img .scale-with-grid {
	max-width: 100%;
	height:auto;
	}




footer {
	min-height:20px;
	clear:both;
}


nav a {
padding:0px 0px;
margin:0px 0px;
clear:none;
display:inline-block;	
}

.navMidd {
width:80%;
margin-left:10%;
}

/*nav img {
height:50px;
padding:0px;
margin:0px;
border:0px;	
}*/

/*.linkCenter a {
	text-align:right;
	color:#87090B;
}*/


/* this will control the nav bar */
  
 nav ul {
	width:100%;
	list-style: none;
	text-align:left;/* This controls the position of the nav bar center right left */
	display:inline;
	float:left;
}

nav li ul {
/*position:absolute;
width:7em;
left:0px;*/
}

nav li {
	display:inline; /* needs to be block for verticle, inline for horizontal  */
	font-weight:normal;
	font-size:15px;
	/*height:22px;  needs a height with verticle nav*/
	font-family:Arial, Helvetica, sans-serif;
	/*position:relative;
	text-align:center;*/
	margin:0;
	padding:0;
}

nav {
	font-weight:normal;
	width: 100%;
	padding-top:0px;
	padding-bottom:0px;
} 
  
nav ul a {
	width:100%;
	padding:0;
	margin:0;
	padding-left:0px;
	padding-right:0px;   /* This controls space around the nav bar */
    text-decoration: none;
    font-weight:bold;
}

/*nav ul li a:hover {
	width: 100%;
}*/



/* this is the stuff for the drop down menu */


nav ul ul li {
	padding:0px;
	margin:0px;
	float:left;
text-align:left;
	}

nav ul ul a:hover {
	padding:0px;
	margin:0px;
	text-align:left;
}

nav ul ul a {
padding:0px;
	margin:0px;
	text-align:left;
	display:block;
}

nav ul ul {
	padding:0px;
	margin:0px;
	margin-top:10px;
	text-align:left;
}

/*nav ul ul a {	
padding-left:17px;
padding-top:8px;
padding-bottom:8px;
}*/

nav ul ul li a:hover {	
padding-left:17px;
padding-right:10px;
padding-top:8px;
padding-bottom:8px;
width:100%;
}

/*nav ul ul {
left:-5500px;
z-index:500;
}*/

nav ul ul li {
width:140px;

}

nav ul li ul  {
z-index:500;
display:none;
}



/*nav p {
padding:20px;
font-size:20px;
margin-bottom:10px;
background-color:red;
width:20%;
}

nav div {
display:inline;	
}

nav img {
width:20%;	
}*/

nav img {
height:50px;
padding:0;
margin:0;
display:inline;	
}

nav a {
width:20%;
display:inline;	
}

nav p {
margin-top:10px;
float:right;
margin-right:35%;
display:inline;	
font-size:30px;
}

.nn {
width:200px;
display:inline;
background-color:red;	
}

div .half {
display:inline;
font-size:15px;	
}


@media (min-width:1600px) and (max-width:8000px) {
	
	.frame {
width:80%;
height:88%;
margin-left:10%;
/*background-color:blue;*/
	}
	
	.navMidd {
width:80%;
margin-left:14%;
}

.blankApp {
	height:20%;
}

}

@media (min-width:701px) and (max-width:950px) {
	
	.frame {
width:86%;
margin-left:7%;
	}
	
	.navMidd {
width:86%;
margin-left:7%;
}

	
}

@media (min-width:100px) and (max-width:700px) {

.frame {
width:96%;
padding:0;
magin:0;
margin-top:5px;
margin-bottom:5px;
padding-top:2px;
padding-bottom:2px;
margin-left:2%;
/*background-color:#000000;*/	
}

.column12, .column11, .column10, .column9, .column8, .column7, .column6, .column5, .column4, .column3, .column2, .column1, .column4b {
width:98%;	
}


nav li a {
width:100%;
margin:0;
padding-left:0;
padding-right:0;
display:block;
}

nav li {
padding:0;
margin:0;
}

nav li {
	display:block; /* needs to be block for verticle, inline for horizontal  */
  /*needs a height with verticle nav*/
}

.navMidd {
width:96%;
margin-left:2%;
}

nav ul ul {
	margin-top:0px;
	margin-left:37%;
	text-align:center;
	
}

.blankApp {
	height:0%;
}

}

header {
width:96%;
min-height:90px;
margin:2%;
}


/*  This is for the color control for the page */
.frame {
/*background-color:#000000;*/
}

.column12, .column11, .column10, .column9, .column8, .column7, .column6, .column5, .column4, .column3, .column2, .column1 {
/*background:#565656;*/
/*background-color:rgba(255,255,255,0.15);*/
}


footer {
	background-color:blue;	
}

nav a {
color:white;
background-color:#021B53;
background-color:#333;
/*background-color:green;*/
}


nav li {
	font-color:#FFF;
}

nav {
	/*background-color:#2e3191;*/

	transition: height 0.3s linear 0s;
	background-color:green;
	background-color:#021B53;
	background-color:#333;
	color:#FFF;
	}

nav ul a {
    color: #fff;
}

nav ul li a:hover {
	background-color:#08359B;
}

header {
background-color:blue;
}

nav li ul {
	background-color:purple;
}

nav li {
/*background-color:grey;*/
}

nav li a {
color:white;
}

nav ul ul {
transition: 0.5s;
background-color:#0E374E;
width:167px;
	background-color:red;
}



.img4 {
	width:40%;
}