/* ---------------------------- FRONT-PAGE ------------------------------------- */

body {
  	margin:auto;
  	font-size:16px;
  	font-size:100%; /* Fixes exaggerated text resizing in IE6 and IE7 */
  	font-family:Arial, Helvetica, "Nimbus Sans L", sans-serif;
	background:#f2f7f7;
	background:-moz-linear-gradient(#fff,#f2f7f7);
	background:-webkit-linear-gradient(#fff,#f2f7f7);
	background:-o-linear-gradient(#fff,#f2f7f7);
	background:-ms-linear-gradient(#fff,#f2f7f7);
	background:linear-gradient(#fff,#f2f7f7);
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	background-attachment:fixed;
	min-height:877px;
	border: none;
}
#page-wrapper {
  	width:960px;
  	float:none;
}
#header-wrapper {
  	height:146px;
  	position:relative;
  	-moz-box-shadow:none;
  	-webkit-box-shadow:none;
  	box-shadow:none;
	background:none;
	z-index:10;
	border-bottom:0;
}
#header {
  	width:100%;
	background:none;
}
#logo {padding:10px 0px 10px 20px}

#header-image {display:block;
	float:right;
	background:url(../images/header-image-blank.png) no-repeat;
}
#formerly {display:block;
	color:#999;
	margin:55px 0 0 0;
}
#access {margin-bottom:6px;}

/* ---------------------------- BANNER ------------------------------------- */

#banner-wrapper {
	width:100%;
	float:left;
	margin:auto;
	margin-top:5px;
}
#banner {
	float:left;
	position:relative;
	display:block;
	overflow:hidden;
	width:100%;
	z-index:1;
	-moz-box-shadow:0px 2px 6px rgba(0,0,0,0.6);
	-webkit-box-shadow:0px 2px 6px rgba(0,0,0,0.6);
	box-shadow:0px 2px 6px rgba(0,0,0,0.6);
}
#banner img {
    	max-width: 100%;
    	height: auto;
    	width: auto\9; /* ie8 */
}
#imgR {
    	max-width: 60%;
    	height: auto;
    	width: auto\9; /* ie8 */
}
#bannerTXT {
	float:left;
	margin:-34% 0 0 4%;
	width: 100%;
	z-index:2;
	overflow:hidden;
}
#bannerTXT img {
	padding:22% 0 0 0;
	overflow:hidden;
    	max-width: 100%;
    	height: auto;
    	width: auto\9; /* ie8 */
}
#content {
	width:100%;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	background:none;
	min-height:100px;
}
.content {padding:10px 40px 10px 40px;}

.col-70 {width:70%;}

.col-30 {
	float:left; 
	width:30%;
	margin-top:10px; 
	text-align:right;
	margin:10px 0 0 0;
	text-align:left;
}
.SNZ-button {float:right; margin-top:20px;}

.SNZ-button a:link {
	text-decoration:none;
	border-bottom:0;
}
.homeTXT {
	float:left;
	width:100%;
	text-align:left;
	font-size:18px;
	color:#666666;
	font-family:"Arial";
	line-height:24px;
	font-size:18px;
}
.homeTXT ul{
	list-style-type:square;
	margin-left:-20px;
}
.homeTXT li{
	background-image:url(../images/frontRed-arrow.png);
	background-repeat:no-repeat;
	background-position:99% 7px; 
	padding-left:14px;
}
.homeTXT a:link {
	color:#247f80;
	text-decoration:none;
	border-bottom:1px #247f80 solid;
	font-family: "Arial";
}
.homeTXT a:hover{
	font-size:18px;
	color:#000000;
	text-decoration:none;
	border-bottom:0;
	font-family: "Arial";
}
.homeTXT li.noBackground {background: none;}
	
table.transition {border-collapse:collapse; border:0px solid #247f80; width:100%;}
.transition th {background:#fafafa; padding:10px; border:1px dotted #ccc; border-left:0; border-right:0; vertical-align:middle;}
.transition td {padding:10px; border:0px dotted #ccc; border-left:0; border-right:0;}	

.footer {width: 100%}

@media screen and (max-width: 1150px) {
	
	#header {background:none;}
}

@media screen and (max-width: 878px) {
	
	#header-wrapper {height:192px;}
}

@media screen and (max-width: 980px) {
	
	#page-wrapper {width:100%;}
	#bannerTXT img {padding:20% 0 0 0;}
	#header-wrapper {width:90%; height:145px;}
	#header {width:100%;}
	#logo {padding:10px 0px 10px 30px;}
	#header-image {display:none;}
	/*#banner {margin-top:5px;}*/
	.homeTXT ul li {background:none;}
	.subNavAbout {font-size:11px;}
	.go-top {display:none;}
	#content {width:90%;}
	.content {font-size:14px;}
	.col-70 {width:100%;}
	.col-30 {width:100%;}
	.border-dotted {border:0;}
	.SNZ-button {
		float:none; 
		position:relative; 
		bottom:0; 
		right:0; 
		margin:10px 0 14px 0; 
		width:aut0;
	}
	.SNZ-button img {
		float:none; 
		display:block; 
		position:relative;
		bottom:0; 
		right:0; 
		left:0; 
		top:10px; 
  		max-width: 90%;
  		height: auto;
  		width: auto\9; /* ie8 */ 
		margin:auto;
	}
	.quicklinks {font-size:12px;}
	.footer {width:90%;}
}

@media screen and (max-width: 780px) {

	#banner {margin-top:55px;}
	#bannerTXT img {padding:18% 0 0 0;}
	#access {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2000;
		width: 100%;
		padding: 0;
		background:none;
		box-shadow: none;
	}
	#access ul {background: none;}
	#access .nav-show,
	#access a.nav-show:hover {
		position: absolute;
		top: 98px;
		left: 0%;
		display:block;
		line-height:32px;
		font-weight:bold;
		width: 100%;
		height: 32px !important;
		padding: 8px 0;
		background: #247f80 url(../images/nav.png) no-repeat 40px 8px;
		border: none;
		text-indent: 100px;
		overflow: hidden;
  	-moz-box-shadow:0px 2px 6px rgba(0,0,0,0.6);
  	-webkit-box-shadow:0px 2px 6px rgba(0,0,0,0.6);
  	box-shadow:0px 2px 6px rgba(0,0,0,0.6); 
	}
	.nav-show img {vertical-align:middle;}
	#access .nav-hide {display: none;}
	#access:target .nav-hide,
	#access:target a.nav-hide:hover {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		bottom: -101em;
		width: 100%;
		height: auto !important;
		background: none;
		overflow: hidden;
		text-indent: -1000px;
	}
	#access .menu {text-align: center;}
	#access:target .menu {padding-top: 146px;}
	#access li ul {position:static;}
	#access li ul ul {margin:0 !important; padding-top:5px;}
	#access ul,
	#access li {float:none; max-width:100%;}	
	#access a {
		width:100%;
		height: 0 !important;
		padding:0;
		background:#333;
		background:-moz-linear-gradient(#333,#111);
		background:-webkit-linear-gradient(#333,#111);
		background:-o-linear-gradient(#333,#111);
		background:-ms-linear-gradient(#333,#111);
		background:linear-gradient(#333,#111);
		border: none;
		overflow: hidden;
	}
	#access li li a {
		width: 100%;
		height: 0 !important;
		padding: 0;
		border: none;
		overflow: hidden;
	}
	#access:target .menu a {
		height: 40px !important;
		border-top: 1px solid #444;
		line-height: 40px;
		-moz-transition: height .25s, line-height .25s;
		-webkit-transition: height .25s, line-height .25s;
		-o-transition: height .25s, line-height .25s;
		-ms-transition: height .25s, line-height .25s;
		transition: height .25s, line-height .25s;
	}
	#access .menu a:hover,
	#access .menu a:focus {background: #247f80 url(../images/sddm.jpg);}
	#access br {display: none;}
	#access a span {padding-left: 5px;}
	#access li li a {
		padding: 0;
		background: #247f80 url(../images/sddm-div-background.png);
		border-top-color:#4f4f4f;
		text-align:center;
	}
	#access li li li a {background: #247f80 url(../images/sddm-div-background.png); border-top-color:#555;}
	#access li:hover > ul,
	#access li li:hover > ul,
	#access li li li:hover > ul {display:none;}
	#access:target .drop-down-toggle {display:block;}
	#access li li .drop-down-toggle {top:5px;}
	.col-70 {width:100%;}
	.col-30 {width:100%;}
}

@media screen and (max-width: 600px) {
	
	#bannerTXT img {padding:14% 0 0 0;	}
	#header-wrapper {width:90%;}
	#sddm a {padding: 0px 8px;}
	#logo {padding:10px 0px 10px 30px;}
	#formerly {display:none;}
	#content{width:90%;}
	.content {padding:20px 20px;}
	.col-70 {float:left; width:100%;}
	.col-50 {float:left; width:100%;}
	.col-30 {float:left; width:100%; margin:0; padding:0;}
	.subNavHAbout li {font-size:12px;}
	.quicklinks {font-size:10px;}
	.footer {width:90%;}
}

@media screen and (max-width: 480px) {

	#bannerTXT img {
		padding:14% 0 0 0;
    		max-width: 60%;
		max-height: 60%;
	}
	#header-wrapper {width:95%;}
	#header {width:auto;}
	#logo {padding:10px 0px 10px 25px;}
	#content {width:95%;}
	h1 {font-size:20px;}
	h2 {font-size:18px;}
	h3 {font-size:16px;}
	h4 {font-size:14px;}
	.content {font-size:14px;}
	.content h3 a:link {font-size:16px;}
	.quicklinks {font-size:9px;}
	select {display:block;}
	.footer {width:95%;}
	.footer li {display:block;}
}

@media screen and (-webkit-min-device-pixel-ratio : 1.5), screen and (min-device-pixel-ratio : 1.5) {

	#access .nav-show,
	#access a.nav-show:hover {
		/*background-image: url(../images/nav_2x.png;
		background-size:100%;*/
		background: #247f80 url(../images/nav.png) no-repeat 20px 8px;
		border: none;
		text-indent: 80px;
	}
}