body {color:#000000; font-size:11pt; font-family: arial, verdana, sans-serif; background-color:#fff; padding:0px; margin:0px;
	text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

h1 {font-family: arial, verdana, sans-serif; color:#000080; font-size:18pt; margin:0; padding:5px;}
h2 {font-family: arial, verdana, sans-serif; color:#000080; font-size:18pt; margin:0; padding:5px;}
h3 {font-family: arial, verdana, sans-serif; color:#000080; font-size:13pt; margin:0; padding:5px;}
h4 {font-family: arial, verdana, sans-serif; color:#000080; font-size:12pt; margin:0; padding:5px;}
h5 {font-family: arial, verdana, sans-serif; color:#000; font-size:10pt; margin:0; padding:5px;}
p {font-family: arial, verdana, sans-serif; font-size:11pt; padding:8px 3px; margin:0px;}

.WhiteLargeRight {font-family:arial, tahoma, helvetica, sans-serif; color:#ffffff; font-size:15pt;text-align: right;}

.WhiteLinkRight {color:#ffffff; text-decoration: none; font-size:11pt; font-weight:bold; font-family:arial, verdana, sans-serif;}
.WhiteLinkRight:link {color:#ffffff; text-decoration: none; font-size:11pt; font-weight:bold; font-family:arial, verdana, sans-serif;}
.WhiteLinkRight:active {color:#ffffff; text-decoration: none; font-size:11pt; font-weight:bold; font-family:arial, verdana, sans-serif;}
.WhiteLinkRight:hover {color:#ffffff; text-decoration: underline; font-size:11pt; font-weight:bold; font-family:arial, verdana, sans-serif;}

.WhiteLinkBottom {color:#ffffff; text-decoration: none; font-size:10pt; font-weight:bold; font-family:arial, verdana, sans-serif;}
.WhiteLinkBottom:link {color:#ffffff; text-decoration: none; font-size:10pt; font-weight:bold; font-family:arial, verdana, sans-serif;}
.WhiteLinkBottom:active {color:#ffffff; text-decoration: none; font-size:10pt; font-weight:bold; font-family:arial, verdana, sans-serif;}
.WhiteLinkBottom:hover {color:#ffffff; text-decoration: underline; font-size:10pt; font-weight:bold; font-family:arial, verdana, sans-serif;}

.box{background:#e6ffff;padding:10px 18px;border:1px solid #cccccc;border-radius: 0.375em;}
.box ol, ul {margin: 0;padding: 0;}
.box li {list-style: none; padding: 10px 0px 10px 0px; margin: 0;clear:left;}
.box li p{padding: 0;margin:0; font-size:10px;}
.box label {width:200px; float:left; clear:left;}
.box textarea {float:left; width:250px; height:100px; font-family: arial, tahoma, helvetica, sans-serif; font-size:12px;}
.box input {width: 250px; font-family: arial, tahoma, helvetica, sans-serif; font-size:12px;}
.box select {width: 200px; font-family: arial, tahoma, helvetica, sans-serif; font-size:12px;}

.box2{background:#fff;border:1px solid #cccccc;border-radius: 0.375em;}
.box2 h2 {font-family:arial, tahoma, helvetica, sans-serif; color:#fff; background:#000080; height:25px; border-radius:5px 5px 0 0; font-size:12pt; margin:0; padding:5px 0 0 8px;}
.box2 h3 {font-family:arial, tahoma, helvetica, sans-serif; color:#fff; background:#000080; height:25px; border-radius:5px 5px 0 0; font-size:12pt; margin:0; padding:5px 0 0 8px;}
.box2 ol, ul {margin: 0;padding: 0;}
.box2 li {list-style: none; padding: 6px 0px 6px 8px; margin: 0;clear:left;}
.box2 p {padding: 6px 0px 6px 8px; margin:0; font-size:10pt;}
.box2 label {width:200px; float:left; clear:left;}
.box2 textarea {float:left; width:250px; height:100px; max-width: 95%; font-family: arial, tahoma, helvetica, sans-serif; font-size:12px;}
.box2 input {width: 250px; max-width: 95%; font-family: arial, tahoma, helvetica, sans-serif; font-size:12px;}
.box2 select {width: 200px; max-width: 95%; font-family: arial, tahoma, helvetica, sans-serif; font-size:12px;}

.white_content {display: none;position: absolute;top: 250px;left: 25%;width: 205px;height: 230px;padding: 5px;border: 1px solid #000000;border-radius: 0.375em;background-color: #000080;z-index:1002;overflow: auto;-webkit-overflow-scrolling:touch}

.BottomMenu {color: blue; text-decoration: none; font-size:11pt; font-weight:bold; font-family:arial, verdana, sans-serif;}
.BottomMenu:link {color: blue; text-decoration: none; font-size:11pt; font-weight:bold; font-family:arial, verdana, sans-serif;}
.BottomMenu:active {color: blue; text-decoration: none; font-size:11pt; font-weight:bold; font-family:arial, verdana, sans-serif;}
.BottomMenu:hover {color: red; text-decoration: none; font-size:11pt; font-weight:bold; font-family:arial, verdana, sans-serif;}

.ListMenu {color: blue; text-decoration: none; font-size:10pt; font-weight:normal; font-family:arial,verdana, sans-serif;}
.ListMenu:link {color: blue; text-decoration: none; font-size:10pt; font-weight:normal; font-family:arial,verdana, sans-serif;}
.ListMenu:active {color: blue; text-decoration: none; font-size:10pt; font-weight:normal; font-family:arial,verdana, sans-serif;}
.ListMenu:hover {color: red; text-decoration: underline; font-size:10pt; font-weight:normal; font-family:arial,verdana, sans-serif;}

.SmallMenu {color: blue; text-decoration: none; font-size:7pt; font-weight:normal; font-family:arial, sans-serif;}
.SmallMenu:link {color: blue; text-decoration: none; font-size:7pt; font-weight:normal; font-family:arial, sans-serif;}
.SmallMenu:active {color: blue; text-decoration: none; font-size:7pt; font-weight:normal; font-family:arial, sans-serif;}
.SmallMenu:hover {color: red; text-decoration: underline; font-size:7pt; font-weight:normal; font-family:arial, sans-serif;}

.NavMenu {color: black; text-decoration: none; font-size:10pt; font-weight:normal; font-family:arial, sans-serif; padding: 5px;}
.NavMenu1:link {color: black; text-decoration: none; font-size:10pt; font-weight:normal; font-family:arial, sans-serif;}
.NavMenu1:active {color: black; text-decoration: none; font-size:10pt; font-weight:normal; font-family:arial, sans-serif;}
.NavMenu1:hover {color: black; text-decoration: underline; font-size:10pt; font-weight:normal; font-family:arial, sans-serif;}

.BlueLink {color: blue; text-decoration: none; font-size:10pt; font-weight:normal; font-family:arial, verdana, sans-serif;}
.BlueLink:link {color: blue; text-decoration: none; font-size:10pt; font-weight:normal; font-family:arial, verdana, sans-serif;}
.BlueLink:active {color: blue; text-decoration: none; font-size:10pt; font-weight:normal; font-family:arial, verdana, sans-serif;}
.BlueLink:hover {color: red; text-decoration: underline; font-size:10pt; font-weight:normal; font-family:arial, verdana, sans-serif;}

.BlackMenuLink {color: black; text-decoration: none; font-size:10pt; font-weight:normal; font-family:arial, verdana, sans-serif;}
.BlackMenuLink:link {color: black; text-decoration: none; font-size:10pt; font-weight:normal; font-family:arial, verdana, sans-serif;}
.BlackMenuLink:active {color: black; text-decoration: none; font-size:10pt; font-weight:normal; font-family:arial, verdana, sans-serif;}
.BlackMenuLink:hover {color: black; text-decoration: none; font-size:10pt; font-weight:normal; font-family:arial, verdana, sans-serif;}

.SearchMenuLink {color: white; text-decoration: none; display:inline-block; width:99%; border: 0px; text-align: center; padding: 5px 0px; font-size:11pt; font-weight:bold; background-color: #000080; font-family:arial, verdana, sans-serif;}
.SearchMenuLink:link {color: white; text-decoration: none; display:inline-block; width:99%; border: 0px; text-align: center; padding: 5px 0px; font-size:11pt; font-weight:bold; background-color: #000080; font-family:arial, verdana, sans-serif;}
.SearchMenuLink:active {color: white; text-decoration: none; display:inline-block; width:99%; border: 0px; text-align: center; padding: 5px 0px; font-size:11pt; font-weight:bold; background-color: #000080; font-family:arial, verdana, sans-serif;}
.SearchMenuLink:hover {color: white; text-decoration: none; display:inline-block; width:99%; border: 0px; text-align: center; padding: 5px 0px; font-size:11pt; font-weight:bold; background-color: #0099ff; font-family:arial, verdana, sans-serif;}

.businesstitle {color:#000080; TEXT-DECORATION: none; font-size:11pt; font-weight:bold; font-family:arial, tahoma, helvetica, sans-serif;}
.businesstitle:link {color:#000080; TEXT-DECORATION: none; font-size:11pt; font-weight:bold; font-family:arial, tahoma, helvetica, sans-serif;}
.businesstitle:active {color:#000080; TEXT-DECORATION: none; font-size:11pt; font-weight:bold; font-family:arial, tahoma, helvetica, sans-serif;}
.businesstitle:hover {color: Red; TEXT-DECORATION: none; font-size:11pt; font-weight:bold; font-family:arial, tahoma, helvetica, sans-serif;}

.button {
    background-color: #ff9933;
    border: none;
    color: black;
    font-weight:bold;
    font-family:arial, sans-serif;
    padding: 9px 22px;
    border-radius: 4px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    border: 1px solid #000000;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}
.button:hover {
    background-color: #0099ff;
    color: white;
}

.buttonsm {
	background-color: #ff3c1f;
    border: none;
    color: #fff;
    font-weight:bold;
    font-family:arial, sans-serif;
    border-radius: 3px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    padding: 5px 5px;
    font-size: 14px;
    cursor: pointer;
	-webkit-appearance: none;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}
.buttonsm:hover {
    background-color: #0099ff;
    color: white;
}

.pagebuttonsm {
	background-color: #ff3c1f;
    border: none;
    color: #fff;
    font-weight:bold;
    font-family:arial, sans-serif;
    border-radius: 3px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    padding: 10px 10px;
    font-size: 14px;
    cursor: pointer;
	-webkit-appearance: none;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}
.pagebuttonsm:hover {
    background-color: #0099ff;
    color: white;
}

.pagebuttonsmg {
	background-color: #e4e4e4;
    border: none;
    color: #fff;
    font-weight:bold;
    font-family:arial, sans-serif;
    border-radius: 3px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    padding: 10px 10px;
    font-size: 14px;
	-webkit-appearance: none;
}

.urlconfirm {display: none;}

table {font-size:10pt; margin:0; padding:0;}

/* Layout */

#logo {
	float: left;
	background: url(Natlogo-trans.gif) no-repeat left top;
	display: inline-block;
	width: 260px;
	height: 80px;	
	margin: 1px 1px 1px 1px;
	text-indent: -99999px;
	overflow: hidden;
	max-width: 260px;
	background-size: 100%;
	clear: both;
}

#container {
    width: 1000px;
    margin: 0 auto;
    padding: 0px;
}
#containerheader {
    width: 1000px;
    margin: 0 auto;
    padding: 0px;
}
#containerfooter {
    width: 1000px;
    margin: 0 auto;
    padding: 0px;
}

#business-search {
    background: #6699FF;
    background: linear-gradient(to bottom, #6699FF 0%, #66CCFF 100%);
    border: 1px solid #0033cc;
    border-radius: 0.375em;
    padding: 1px 1px 1px 1px;
    margin: 0 0 1px 0;
    width: 98%;
}

img {border:0;}

/* header */

#header {
    background: #000080;
    border-top: solid 1px #ff3c1f;
    border-bottom: solid 3px #ff3c1f;
    width: 100%;
    padding: 0px 0px 0px 0px;
    float: left;
}

/* footer */

#footer {
    background: #000080;
    border-top: solid 3px #ff3c1f;
    border-bottom: solid 3px #ff3c1f;
    width: 100%;
    padding: 0px 0px 0px 0px;
    float: left;
    font-size:10pt;
    color:#fff;
}

ul.topnav {
  list-style-type: none;
  display: inline-block;
  float: right;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #000080;
}

ul.topnav li {float: left;}

ul.topnav li a {
  display: block;
  margin: 0 2px 2px 0;
  background-color: #003399;
  border-radius: 0.375em;
  right: 0;
  top: 0;
  color: #fff;
  font-weight:bold;
  font-family:arial, sans-serif;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  transition: 0.3s;
  font-size: 14px;
} 

ul.topnav li a:hover {background-color: #555;}

ul.topnav li.icon {display: none;}

@media screen and (max-width:550px) {
  ul.topnav li:not(:first-child) {display: none;}
  ul.topnav li.icon {
    float: right;
    display: inline-block;
  }
}


@media screen and (max-width:550px) {
  ul.topnav.responsive {position: static;}
  ul.topnav.responsive li.icon {
    right: 0;
    top: 34px;
	position: absolute;
	width: 76px;
  }
  ul.topnav.responsive li {
    float: none;
    display: inline-block;
  }
  ul.topnav.responsive li a {
    display: block;
    text-align: left;
	width:280px;
  }
}

/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1px 0 2px 0;
}
.col:first-child { margin-left: 0; }


/*  GROUPING  */
.group:before,
.group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}
.group {
    zoom:1; /* For IE 6/7 */
}

/*  GRID OF THREE  */
.span_3_of_3 {
	width: 100%;
}
.span_2_of_3 {
	width: 66%;
}
.span_1_of_3 {
	width: 33.2%;
	padding: 0 0 0 4px;
}
.span_4_of_3 {
	width: 49.2%;
}
.span_5_of_3 {
	width: 24%;
}
.span_6_of_3 {
	width: 74%;
}

.span_7_of_3 {
	width: 49.2%;
}

.span_8_of_3 {
	width: 98.4%;
}

.span_9_of_3 {
	width: 25%;
}
.span_10_of_3 {
	width: 25%;
}



/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 700px) {
    	.col { 
		margin: 1px 0 2px 0;
	}
}

@media only screen and (max-width: 1024px) {
    #container {
        width: 100%;
        padding: 0;
    }
    #containerheader {
        width: 100%;
        padding: 0;
    }
    #containerfooter {
        width: 100%;
        padding: 0;
    }
}

@media only screen and (max-width: 700px) {
	.span_1_of_3 {
		width: 100%;
		padding: 0;
	}
	.span_2_of_3 {
		width: 100%;
	}
	.span_8_of_3 {
		width: 49.2%;
	}
}

@media only screen and (max-width: 400px) {
	.span_3_of_3 {
		width: 100%; 
	}
	.span_2_of_3 {
		width: 100%; 
	}
	.span_1_of_3 {
		width: 100%;
	}
	.span_4_of_3 {
		width: 100%;
	}
	.span_5_of_3 {
		width: 100%;
	}
	.span_6_of_3 {
		width: 100%;
	}
	.span_8_of_3 {
		width: 98.4%;
	}
	.span_10_of_3 {
	width: 50%;
	}
	
	#intro {
	display:none;
	}
	#nav {
	display:none;
	}
	#nav1 {
	display:none;
	}
	#nav2 {
	display:none;
	}
	p.navbusiness {display: none;}
}

.center-cropped {
  width: 100%;
  height: 240px;
  background-color: #666;
  background-position: center center;
  background-repeat: no-repeat;
  overflow: hidden;
}

/* Set the image to fill its parent and make transparent */
.center-cropped img {
  min-height: 100%;
  min-width: 100%;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  /* IE 5-7 */
  -ms-filter: alpha(opacity=0);
  /* modern browsers */
  opacity: 0;
}

#containerimage {
    position: relative;
	  z-index: 0;
	overflow: hidden;
}

#containerimage h1{
	position: absolute;
	text-shadow: 1px 2px 5px #000;
	top: 30px;
    left: 5%;
    width: 90%;
    margin: auto;
	font-family:arial, tahoma, helvetica, sans-serif; 
	color:#fff; 
	font-size:20pt; 
    text-align: center;
}

#containerimage h2{
	position: absolute;
	text-shadow: 1px 2px 5px #000;
	top: 180px;
	left: 0px; 
	border-radius: 0 0.375em 0.375em 0;
	font-family:arial, tahoma, helvetica, sans-serif; 
	color:#fff; 
	font-size:15pt; 
	padding: 2px 8px 2px 4px;
	background-color: #ff3c1f;
}