@media screen
 and (min-device-width : 800px) {  	
  		html, body {
  			height: 100%;
  		}
		#body {
			width: 100%;
			padding: 0px;
			margin: 0px;
			height: 100%;
		}
    	#wrapper {
      		width: 100%; /* Holding outermost DIV */
			padding: 0px;
			margin: 0px;
			min-height: 100%;
    	}
    	#header {
      		width: 100%;
      		font-family: Arial, "Lucida Grande", Verdana, sans-serif;
      		font-size: 1.4em;
      		background-color: #142A62;
      		color: #FFF;
      		height: 30px;
      		text-align: center;
      		padding: 10px;
    	}
    	#header2 {
      		width: 100%;
      		font-family: Arial, "Lucida Grande", Verdana, sans-serif;
      		font-size: 1.4em;
      		background-color: #FFF;
      		color: #142A62;
      		height: 160px;
      		text-align: center;
    	}
    	#header3 {
      		width: 100%;
      		font-family: Arial, "Lucida Grande", Verdana, sans-serif;
      		font-size: 1.4em;
      		background-color: #142A62;
      		color: #FFF;
      		height: 60px;
      		text-align: center;
    	}
    	#header2 strong {
    		font-size: 1em;
    	}
		#navigation ul li {
      		display: inline-block;
      		margin-right: 2.6595745%; /* 25 divided by 940 */
    	}
    	#navigation ul li a {
      		height: 42px;
      		line-height: 42px;
      		text-decoration: none;
      		text-transform: uppercase;
      		font-size: 1.2em;
      		color: white;
    	}
    	#content {
      		margin-top: 58px;
      		width: 100%; /* 698 divided by 960 */
      		overflow:auto;
			padding-bottom: 50px;
    	}
    	#footer {
      		float: left;
      		clear: both;
      		width: 100%; /* 940 divided by 960 */
			position: relative;
			margin-top: -50px; /* negative value of footer height */
			height: 50px;
      		background-color: #142A62;
      		color: #FFF;
      		font-family: Arial, "Lucida Grande", Verdana, sans-serif;
      		font-size: 1.4em;
      		text-align: center;
		}
		
		#footer a {
			color: white;
		}
    	
		#slider {
			width:100%;
			height:250px;
				
			/*IE bugfix*/
			padding:0;
			margin:0;
		}
			
		#slider li { list-style:none; }
			
		#page {
			width:70%;
			margin:0px auto;
		}

 		#logopic {
 			height: 150px;
 			width: 900px;
 		}
 		
 		#sliderpic {
 			height: 250px; 
 			width: 1329px;
 		}
 		
 		#tablepad {
 			width: 25%;
 		}
 		
 		#tablemid {
 			width: 50%;
 		}
 		#map_canvas {
 			width: 100%;
 			height: 500px;
 		}
.tel,.tel:visited { cursor:default; text-decoration:none;} 
.tel,.tel:focus { color:#fff; text-decoration:none;}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {

  		html, body {
  			height: 100%;
  		}
		#body {
			width: 100%;
			padding: 0px;
			margin: 0px;
			height: 100%;
		}
    	#wrapper {
      		width: 100%; /* Holding outermost DIV */
			padding: 0px;
			margin: 0px;
			min-height: 100%;
    	}
    	#header {
      		width: 100%;
      		font-family: Arial, "Lucida Grande", Verdana, sans-serif;
      		font-size: 1.2em;
      		background-color: #142A62;
      		color: #FFF;
      		height: 30px;
      		text-align: center;
      		padding: 10px;
    	}
    	#header2 {
      		width: 100%;
      		font-family: Arial, "Lucida Grande", Verdana, sans-serif;
      		font-size: 1.4em;
      		background-color: #FFF;
      		color: #142A62;
      		height: 160px;
      		text-align: center;
    	}
    	#header3 {
      		width: 100%;
      		font-family: Arial, "Lucida Grande", Verdana, sans-serif;
      		font-size: 1.4em;
      		background-color: #142A62;
      		color: #FFF;
      		height: 60px;
      		text-align: center;
    	}
    	#header2 strong {
    		font-size: 0.8em;
    	}
		#navigation ul li {
      		display: inline-block;
      		margin-right: 1.6595745%; /* 25 divided by 940 */
    	}
    	#navigation ul li a {
      		height: 42px;
      		line-height: 42px;
      		text-decoration: none;
      		text-transform: uppercase;
      		font-size: 0.9em;
      		color: white;
    	}
    	#content {
      		margin-top: 58px;
      		width: 100%; /* 698 divided by 960 */
      		overflow:auto;
			padding-bottom: 50px;
    	}
    	#footer {
      		float: left;
      		clear: both;
      		width: 100%; /* 940 divided by 960 */
			position: relative;
			margin-top: -50px; /* negative value of footer height */
			height: 50px;
      		background-color: #142A62;
      		color: #FFF;
      		font-family: Arial, "Lucida Grande", Verdana, sans-serif;
      		font-size: 1.4em;
      		text-align: center;
		}
		
		#footer a {
			color: white;
		}
    	
		#slider {
			width:100%;
			height:170px;
				
			/*IE bugfix*/
			padding:0;
			margin:0;
		}
			
		#slider li { list-style:none; }
			
		#page {
			width:70%;
			margin:0px auto;
		}

		#logodiv {
			display: inline-block;
 		}
 		
 		#logopic {
 			height: 150px;
 			width: 900px;
 		}
 		
 		#sliderpic {
 			height: 170px; 
 			width: 679px;
 		}
 		
 		#tablepad {
 			width: 5%;
 		}
 		
 		#tablemid {
 			width: 90%;
 		}
 		
 		#contentpic {
 			width: 400px;
 			height: 250px;
 		}
 		#map_canvas {
 			width: 100%;
 			height: 500px;
 		}
.tel,.tel:visited { color:#fff; } 
.tel:hover,.tel:focus { color:#142A62; background-color:#fff; }}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 960px) {

  		html, body {
  			height: 100%;
  		}
		#body {
			width: 100%;
			padding: 0px;
			margin: 0px;
			height: 100%;
		}
    	#wrapper {
      		width: 100%; /* Holding outermost DIV */
			padding: 0px;
			margin: 0px;
			min-height: 100%;
    	}
    	#header {
      		width: 100%;
      		font-family: Arial, "Lucida Grande", Verdana, sans-serif;
      		font-size: 1.2em;
      		background-color: #142A62;
      		color: #FFF;
      		height: 30px;
      		text-align: center;
      		padding: 10px;
    	}
    	#header2 {
      		width: 100%;
      		font-family: Arial, "Lucida Grande", Verdana, sans-serif;
      		font-size: 1.4em;
      		background-color: #FFF;
      		color: #142A62;
      		height: 160px;
      		text-align: center;
    	}
    	#header3 {
      		width: 100%;
      		font-family: Arial, "Lucida Grande", Verdana, sans-serif;
      		font-size: 1.4em;
      		background-color: #142A62;
      		color: #FFF;
      		height: 60px;
      		text-align: center;
    	}
    	#header2 strong {
    		font-size: 0.8em;
    	}
		#navigation ul li {
      		display: inline-block;
      		margin-right: 1.6595745%; /* 25 divided by 940 */
    	}
    	#navigation ul li a {
      		height: 42px;
      		line-height: 42px;
      		text-decoration: none;
      		text-transform: uppercase;
      		font-size: 0.9em;
      		color: white;
    	}
    	#content {
      		margin-top: 58px;
      		width: 100%; /* 698 divided by 960 */
      		overflow:auto;
			padding-bottom: 50px;
    	}
    	#footer {
      		float: left;
      		clear: both;
      		width: 100%; /* 940 divided by 960 */
			position: relative;
			margin-top: -50px; /* negative value of footer height */
			height: 50px;
      		background-color: #142A62;
      		color: #FFF;
      		font-family: Arial, "Lucida Grande", Verdana, sans-serif;
      		font-size: 1.4em;
      		text-align: center;
		}
		
		#footer a {
			color: white;
		}
    	
		#slider {
			width:100%;
			height:170px;
				
			/*IE bugfix*/
			padding:0;
			margin:0;
		}
			
		#slider li { list-style:none; }
			
		#page {
			width:70%;
			margin:0px auto;
		}

		#logodiv {
			display: inline-block;
 		}
 		
 		#logopic {
 			height: 150px;
 			width: 750px;
 		}
 		
 		#sliderpic {
 			height: 170px; 
 			width: 679px;
 		}
 		
 		#tablepad {
 			width: 5%;
 		}
 		
 		#tablemid {
 			width: 90%;
 		}
 		#contentpic {
 			width: 400px;
 			height: 250px;
 		}
 		
 		#map_canvas {
 			width: 100%;
 			height: 500px;
 		}

.tel,.tel:visited { color:#fff; } 
.tel:hover,.tel:focus { color:#142A62; background-color:#fff; }
}