/* CSS Document */

@charset "utf-8";

#contacttab .activepage{
border-bottom:5px solid #1c539c;
}

/* Large Desktop ----------- */
@media only screen 
and (min-width : 1401px)
{
/* Styles */

	/* COLUMN LAYOUT */

	#contactlayout{
	width:100%; 
	float:left;
	}
	
	/* END COLUMN LAYOUT */
	
	#contactbox{
	width:60%;
	margin:40px auto;
	background-image:url(../images/sitemaplogo.png);
	background-repeat:no-repeat;
	background-position:right;
	}
	
	#contactbox a{
	text-decoration:none;
	color:#1a4c7d;
	}
		
	#contactbox a:hover{
	text-decoration:underline;
	}
	
	#contactbox p{
	padding:10px 20px 20px 20px;
	}
	
	#contactbox p:nth-child(1) {
	padding-top:0;
	}
	
	#contactbox p:nth-child(4) {
	padding-bottom:10px;
	}
	
	
}

/* Desktop ----------- */
@media only screen 
and (min-width : 1024px)
and (max-width : 1400px) {
/* Styles */

	/* COLUMN LAYOUT */

	#contactlayout{
	width:100%; 
	float:left;
	}
	
	/* END COLUMN LAYOUT */
	
	#contactbox{
	width:80%;
	margin:40px auto;
	background-image:url(../images/sitemaplogo.png);
	background-repeat:no-repeat;
	background-position:right;
	}
	
	#contactbox a{
	text-decoration:none;
	color:#1a4c7d;
	}
		
	#contactbox a:hover{
	text-decoration:underline;
	}
		
	#contactbox p{
	padding:10px 20px 20px 20px;
	}
	
	#contactbox p:nth-child(1) {
	padding-top:0;
	}
	
	#contactbox p:nth-child(4) {
	padding-bottom:10px;
	}

}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-width : 768px) 
and (max-width : 1023px) {
	
	/* Styles */

	/* COLUMN LAYOUT */

	#contactlayout{
	width:100%; 
	float:left;
	}
	
	/* END COLUMN LAYOUT */
	
	#contactbox{
	width:100%;
	margin:20px auto;
	background-image:url(../images/sitemaplogo.png);
	background-repeat:no-repeat;
	background-position:right;
	}
	
	#contactbox a{
	text-decoration:none;
	color:#1a4c7d;
	}
		
	#contactbox a:hover{
	text-decoration:underline;
	}
		
	#contactbox p{
	padding:10px 20px 20px 20px;
	}
	
	#contactbox p:nth-child(1) {
	padding-top:0;
	}
	
	#contactbox p:nth-child(4) {
	padding-bottom:10px;
	}

}

@media only screen 
and (min-width : 480px) 
and (max-width : 767px) {
	/* Styles */

	/* COLUMN LAYOUT */

	#contactlayout{
	width:100%; 
	float:left;
	}
	
	/* END COLUMN LAYOUT */
	#contactbox{
	width:100%;
	margin:20px auto;
	background-image:url(../images/sitemaplogo.png);
	background-repeat:no-repeat;
	background-position:right;
	}
	
	#contactbox a{
	text-decoration:none;
	color:#1a4c7d;
	}
		
	#contactbox a:hover{
	text-decoration:underline;
	}
		
	#contactbox p{
	padding:10px 20px 20px 20px;
	}
	
	#contactbox p:nth-child(1) {
	padding-top:0;
	}
	
	#contactbox p:nth-child(4) {
	padding-bottom:10px;
	}

	
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-width : 321px) 
and (max-width : 479px) {

	/* Styles */
	/* COLUMN LAYOUT */

	#contactlayout{
	width:100%; 
	float:left;
	}
	
	/* END COLUMN LAYOUT */
	
	#contactbox{
	width:100%;
	margin:20px auto;
	background-image:url(../images/sitemaplogo.png);
	background-repeat:no-repeat;
	background-position:right;
	}
	
	#contactbox a{
	text-decoration:none;
	color:#1a4c7d;
	}
		
	#contactbox a:hover{
	text-decoration:underline;
	}
	
	#contactbox p{
	padding:10px 20px 20px 20px;
	}
	
	#contactbox p:nth-child(1) {
	padding-top:0;
	}
	
	#contactbox p:nth-child(4) {
	padding-bottom:10px;
	}


}	

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {

	/* Styles */
	/* COLUMN LAYOUT */

	#contactlayout{
	width:100%; 
	float:left;
	}
	
	/* END COLUMN LAYOUT */
	
	#contactbox{
	width:100%;
	margin:20px auto;
	background-image:url(../images/sitemaplogo.png);
	background-repeat:no-repeat;
	background-position:center;
	}
		
	#contactbox a{
	text-decoration:none;
	color:#1a4c7d;
	}
		
	#contactbox a:hover{
	text-decoration:underline;
	}
	
	#contactbox p{
	padding:10px 20px 20px 20px;
	}
	
	#contactbox p:nth-child(1) {
	padding-top:0;
	}
	
	#contactbox p:nth-child(4) {
	padding-bottom:10px;
	}


	
}