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

.header-color {
	color: #FFF;
	background-color: #003;
}
.header-background-color {
	color: #000040;
}
a:link {
	color:#003;
}
a:visited {
	color: #606
}
a:active {
	color: #333;
}
a:hover {
	color: #333;
}
.Class1 {
	font-size: 90%;
	font-weight: bold;		
}
.sidebar-color #sidebar1 h2 {
	color: #003;
}
.largemap {
	overflow: hidden
}
.smallmap {
	overflow: hidden
}
.image-border {
	border:thin;
	border-color:#003;
	border-style: solid;
}
.screen-size {
	background:#FFF
}
	
	
	
	
	

/* -----------Smartphone View----------- */ 
@media only screen and (max-width : 480px)   {

   /* All your smartphone rules go inside here */
   #sidebar1 {
      display: none;
   }
   
   #mainContent {
      width: 300px;
	  border: hidden
   }
   
   #header {
      display: none;
   }
   
   .screen-size #container {
	   border: none  
   }
   
   #Links {
      width: 300px;
   }
   #footer {
      display: none;
   }
   .largemap {
	   display:none
   }
	
}
/* -----------Tablet View----------- */ 
@media only screen and (max-width : 650px) and (min-width : 481px)   {

   /* All your tablet rules go inside here */
   #sidebar1 {
      display: none;
   }
   
   #mainContent {
      width: 300px;
	  border: hidden
   }
   
   #header {
      display: none;
   }
   #Links {
      width: 300px;
   }
   #footer {
      display: none;
   }
   .largemap {
	   display:none
   }
}
/* -----------Computer Screen View----------- */ 
@media only screen and (min-width : 651px)   {

   /* All your large/normal screen rules go inside here */
   
   #Links {
      display: none;
   }
   .smallmap {
	   display:none
   }
}