body {
	
	background-color: #ffffff;  /*WHITE BACKGROUND*/
	/*background: url('../images/SunriseMountain.JPG');*/
	/*background-color: #00a68c;*/  /*Dark Turquoish BACKGROUND*/
	/*background-color: #ecdb54;*/  /*Dull yellow BACKGROUND*/
	/*background-color: #89cff0;*/  /* Bright light Blue*/
	/*background-color: #d3d3d3;*/  /* Light gray*/
	/*background-color: #997950;*/  /* Light brownish-Tortilla*/
	/*background-size: cover;*/
}



               /* The Big Blue area with all the containers.*/


		
	/*background-color: #89cff0;*/  /* FOR SUMMER MONTHS-Bluish*/
	/*background-color: #AFBACC;*/     /* FOR WINTER MONTHS*/
	/*background-color: #ecdb54;*/  /*Dull yellow BACKGROUND*/
	/*background-color: #fff1a6;*/  /*Pastel yellow BACKGROUND*/
	/*background-color: #d39d39;*/  /*brown BACKGROUND*/
	/*background-color: #ffffff;*/  /*white BACKGROUND*/
	
	
	



#banner{
	border: 2.5 solid #000000;
	margin-top: -8px;
	margin-left: -601px;
	height: 400px;
	width: 1201px;
	position: fixed;
	border-radius: 10px;		
}


				/* Make sure to Use as Global for Data Request Info. Beginning*/


.DataRequestcontainer p{
	color: #000000;
	font-family: Times Roman;
	font-size: 18px;
	padding-bottom: 50px;
}

h3{
	
	color: #000080;

}

p{
	color: #000080;
	font-family: Times New Roman;
	font-size: 18px;
	font-weight: bold;
	margin-left: 20px;
	margin-right: 20px;
		
}




				/* Make sure to Use as Global for Data Request Info. Ending*/



					     /*Main Navigation portion*/


.main-menu{
	/*background: #d3d3d3;  /*Gray*/
	text-align: center;	
	position: relative;
	
}
.main-menu ul{
	display: inline-flex;
	list-style: none;
	margin-left: -41px;
	margin-top: -8px;
	height: 60px;
	
}


.main-menu ul li{
	background: #d3d3d3;   /*Gray*/
	border: 1px solid #003399;;
	width: 234.3px;
	height: 40px;
	line-height:40px;
	padding: 2px;
}


.main-menu ul li a{

	text-decoration: none;
	font-size: 25px;
	color: #003399;  /*Dark Blue*/
	
}

.main-menu ul a:hover{

	
	/*border-bottom-style: solid;*/
	/*border-color: #0000cc;*/
	/*border-width: 5px;*/
	margin-bottom: 150px;
	
}

.sub-menu1{
		
	visibility: hidden;
	margin-left: -30px;
	
	
}


.main-menu ul li:hover .sub-menu1{

	visibility: visible;
	/*background: #d3d3d3;*/
	

}




.sub-menu1 ul{
	display: block;
	margin: 3px;
	
}

.sub-menu1 ul li{
	width: 380px;
	height: 40px;
	line-height: 40px;
	margin-left: -17px;
}



.sub-menu1 ul li:hover .sub-menu2{

	visibility: visible;
	
	
}
.sub-menu2 ul{
		
	display: block;
	margin-left: 316px;
	margin-top: -43px;
}

.sub-menu2 ul li{
	width: 250px;
	height: 40px;
	line-height: 40px;
	margin-left: 25px;
}


.sub-menu2{
	visibility: hidden;
	
	


}





					/*Home or Index style*/

.Left{
		
	height: 100px;
	width: 345px;
	float: left;	
	margin-top: -5px;
	
}


				/*USE FOR IMAGES, right below Left */
.Timeimg{
	
	height: 305px;
	width: 330px;
	float: left;	
	margin-left: -325px;
	margin-top: 310px;
	
}


				/*USE FOR WRITTEN INFORMATION IN Timeimg Box, right below Left*/

.TimeInfo{
	
	
	float: left;
	font-family: Rockwell Condensed;
	font-size: 12px;
	color: Black;	
	margin-left: -180px;
	margin-top: 400px;
	
}



.WMBimg{
		
	border-left: 10px solid #d3d3d3;
	border-top: 20px solid #d3d3d3;
	border-right: 10px solid #d3d3d3;
	border-bottom: 80px solid #d3d3d3;
	height: 250px;
	width: 290px;
	float: left;	
	margin-left: 75px;
	margin-top: 20px;
	margin-bottom: 80px;
	box-shadow: 10px 10px 10px #000000;
}

.Right{
	height: 300px;
	width: 345px;
	float: left;	
	margin-left: 845px;
	margin-top: -100px/*-620px*/;
	
}

.weather{
	
	height: 214px;
	width: 320px;
	float: left;
	margin-left: 450px;
	margin-top: -250px;
	
	
		
}


.NSWimg{

	height: 350px;
	width: 800px;
	margin-left: 230px;
}


.NSWimagebox{
	
	height: 350px;
	width: 50px;
	float: left;	
	margin-left: 160px;
	margin-top: 250px;
	
}

.NSWinfo{
	
	height: 330px;
	width: 750px;
	float: left;
	font-family: Rockwell Condensed;
	font-size: 12px;
	color: red;	
	margin-left: 405px;
	margin-top: -350px;
	
}

.NSWinfo2{
	
	height: 330px;
	width: 750px;
	float: left;
	font-family: Century Schoolbook;
	font-size: 14px;
	color: #1147aa;	
	margin-left: 405px;
	margin-top: -200px;
	
}


.NSWinfo3{
	
	height: 330px;
	width: 750px;
	float: left;
	font-family: Calibri;
	font-size: 12px;
	color: #1147aa;	
	margin-left: 470px;
	margin-top: -295px;
	
}

.NSWinfo4{
	
	height: 330px;
	width: 750px;
	float: left;
	font-family: Calibri;
	font-size: 12px;
	color: red;	
	margin-left: 405px;
	margin-top: -190px;	
}

.webcontainer{
	height:500px;
	width: 500px;
	float: left;	
	margin-left: 550px;
	margin-top: -580px;
}


.AnnouncementInfo{
	height: 330px;
	width: 750px;
	float: left;
	font-family: Calibri;
	font-size: 20px;
	color: red;	
	margin-left: 205px;
	margin-top: -435px/*-610px*/;
}

.AnnouncementInfo2{
	height: 330px;
	width: 750px;
	float: left;
	font-family: Calibri;
	font-size: 20px;
	color: Black;	
	margin-left: 205px;
	margin-top: -350px/*-510px*/;
}


					/*This is the Articles Section Style*/


.articlesimagebox{
	width: 300px;
	height: 500px;
	margin-top: -300px;



}

.articlesimg{
	float: left;
	width: 330px;
	height: 460px;
	margin-top: -1082px;
	margin-left: 20px;


}

.currentarticles{
	
	float: left;
	margin-left: 55px;
	margin-top: -1070px;
	font-size: 12px;
	
}

	


.MainHomewrapper{
	
	margin: 0 auto;	
	width: 1200px;
	margin-top: 330px;
	border-radius: 10px;
	/*background-color: #fff1a6;*/  /* Pastel yellow */
	/*background-color: #AFBACC;*/  /*FOR WINTER MONTHS*/
	/*background-color: #ecdb54;*/  /*Dull yellow BACKGROUND*/
	/*background-color: #fff1a6;*/  /*Pastel yellow BACKGROUND*/
	/* background-color: #d39d39;*/ /*brownish BACKGROUND*/
	background: url('../images/SunriseMountain.JPG');
	background-size: cover;
}





.Info{
		
	height: 300px;
	width: 1201px;
	margin-left: 0px;
	margin-top: -300px;
	float: left;
	border-radius: 10px;
	background: url('../images/SunriseMountain.JPG');
	background-size: cover;
}






                       /* Gray background in middle column, with WMB image and WMB location.*/

.location{
	/*background-color: #fff1a6;*/
	/*background-color: #ffffff;  white BACKGROUND*/
	height: 600px;
	width: 500px;
	float: left;
	margin-left: 350px;
	margin-top: -225px;
	

}
.container{
	
	height: 200px;
	width: 1205px;
	margin-top: 43px;
}


           					   /*Style for GIS Page*/


.GIScontainer{

	
	width: 1201px;
        height: 700px;
	margin-top: 0px;
	/*background-color: #fff1a6;*/  /*Pastel yellow*/
	/*background-color: #AFBACC;*/
	/*background-color: #ecdb54;*/  /*Dull yellow BACKGROUND*/
	/*background-color: #fff1a6;*/  /*Pastel yellow BACKGROUND*/
	/*background-color: #d39d39;*/ /*brownish BACKGROUND*/
	/*background-color: #ffffff;*/  /*white BACKGROUND*/
}

		


.GIStext {
	
	margin-top: 60px;
	margin-left: 50px;
	color: #000000;
				
}



 							/*Style for Links Page*/

.linkscontainer{
	
	height: 650px;
	width: 1201px;
}

.linkscontainer a {
	margin-left: 25px;
		
}


	

 		/*Style for Reports: Drought, and State Reports Page*/		


.DrghtReportscontainer{
	
	height: 600px;
	width: auto;
	margin-top: 20px;
}


.NNDrghtReports a{
	margin-left: 20px;

}

.NNDrghtMonitorMaps{
	font-size: 30px;
	margin-top: -350px;
	margin-left: 530px;

}

.AZDrghtMonitorMaps{
	font-size: 30px;
	margin-top: 50px;
	margin-left: 440px;
}

.CODrghtMonitorMaps{
	font-size: 30px;
	margin-top: -280px;
	margin-left: 720px;


}

.NMDrghtMonitorMaps{
	font-size: 30px;
	margin-top: 200px;
	margin-left: 720px;

}

.UTDrghtMonitorMaps{
	font-size: 30px;
	margin-top: -260px;
	margin-left: 450px;


}

.StateMapimg{
	
	height: 750px;
	width: 990px;
	margin-top: 150px;	
	margin-left: 108px;
	box-shadow: 10px 10px 10px #888;

}
	


.AzReportscontainer{
	
	height: 200px;
	width: auto;
	margin-top: 20px;
	
}

.NmReportscontainer{
	
	height: 200px;
	width: auto;
	margin-top: 20px;
	
}


.UtReportscontainer{
	
	height: 300px;
	width: auto;
	margin-top: 20px;

}

.Drghtreports a {

	margin-left: 20px;

}


.Projectscontainer{
	
	height: 600px;
	width: 1200px;
	margin-top: 20px;	

}
.NGWSPreports a{

	margin-left: 20px;
	
}

.NGWSPreports{
	margin-top: 100px;

}

.PeerReviewReports{

	margin-top: 50px;
}
						/*Style for Water Rights Protection Page*/	



.WRPtext{
	
	max-height: 500px;
	width: 1165px;
	margin-left: 20px;	
	
}



.NNbasinsimg{
	margin-left: 70px;
	box-shadow: 10px 10px 10px #888;

}

.WRPlinkscontainer{
	/*background-color: #fff1a6;*/  /*pastel yellow BACKGROUND*/
	/*background-color: #AFBACC;*/  /*gray bluish BACKGROUND*/
	/*background-color: #ecdb54;*/  /*Mustard yellow BACKGROUND*/
	/*background-color: #d39d39;*/  /*Goldish color BACKGROUND*/
	/*background-color: #ffffff;*/  /*white BACKGROUND*/
	height: 150px;
	width: 1200px;
	
}


						/*Style for Contacts Page*/	


.contactcontainer{
	
	height: auto;
	width: 1201px;
}

.NameWrapper{
	
	
	/*background-color: #fff1a6;*/  /*Pastel yellow*/
	background-color: #AFBACC;
	/*background-color: #ecdb54;*/  /*Dull yellow BACKGROUND*/
	/*background-color: #fff1a6;*/  /*Pastel yellow BACKGROUND*/
	/*background-color: #d39d39;*/ /*brownish BACKGROUND*/
	/*background-color: #ffffff;*/  /*white BACKGROUND*/
	height: 200px;
	width: 1201px;
	margin-left: 300px;
}

.NameWrapper p{

	margin-top: 10px;
}


				/*Style for WMI Page WITH NavigationWMI portion* SNOWSURVEY, PRECIPITATION AND STREAMGAGING NAVS*/
.WMIcontainer{
	height: 500px;
	width: auto;		
	margin-top: 10px;

}


.WMItext{
	margin-top: 80px;
		
}

.WMIlist{
	
	margin-left:30px;
	margin-top: 50px;
}





				/* Style for Snow Page*/



.Snowcontainer{
		
	height: 700px;
	width: auto;		
	margin-top: 20px;
	
}

.SCourseimg{
	
	
	height: 450px;
	width: 600px;		
	margin-left: 300px;
	box-shadow: 10px 10px 10px #888;
	
}

.SNOTELcontainer{
	
	height:950px;
	width: auto;
	margin-top: 15px;
	
}

.SNOTELCourseimg{
		
	height: 450px;
	width: 600px;		
	margin-left: 300px;
	box-shadow: 10px 10px 10px #888;
}


			
				/* Style for Streamgaging Page*/



.SGcontainer{
	
	height: 800px;
	width: auto;
	margin-top: 15px;
	
}

.SGCourseimg{
		
	height: 350px;
	width: 500px;		
	margin-left: 350px;
	box-shadow: 10px 10px 10px #888;
}

.SGfieldEquip{

	height: 350px;
	width: 500px;

}

.SGlist{
	height:400px;
	width: auto;
	margin-top: -120px;

}






				/* Style for Precip Page*/


.Precipcontainer{
	
	height: 800px;
	width: auto;
	margin-top:5px;
}

.Mapcontainer{
	
	height: 150px;
	width: auto;
	margin-top: 15px;
	margin-left: 25px;

}

.Mapcontainer a{
		
	margin-left: 15px;
}


.Precipimg{
	
	
	height: 550px;
	width: 700px;	
	margin-left: 260px;
	box-shadow: 10px 10px 10px #888;
}





			/* Media Queries*/





@media(max-width: 1024px){


}