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

/*text styles*/ 

body { 
	margin: 60px 60px; 
	font-family: Helvetica, Arial, sans-serif; 
	font-size: 13px; 
	line-height: 18px;
	background-image: url();
	background-repeat: repeat;
}
	
a { 
	text-decoration: none; 
	outline: none;
}

name {
	font-size: 14px;
	color: #003399;
	line-height: 20px;
	font-weight: bold;
	letter-spacing: .025em;
}

name a { 
	text-decoration: none; 
	color: #003399;
	outline: none; }
	

brown { 
	color: #716558;
}

brown a { 
	text-decoration: none; 
	color: #716558;
	outline: none;
}

brown a:hover { 
	text-decoration: none; 
	color: #003399;
	outline: none;
}
	
blue { 
	color: #003399;
}

blue a { 
	color: #003399;
	text-decoration: underline; 
	outline: none;
}


ul {  
	list-style-type: none; 
	margin-top: 20px; 
	padding: 0px; 
}

div#menu ul {  
	list-style-type: none; 
	margin-top: 20px; 
	display: block; }
	
div#menu li {  
	list-style-type: none; 
	margin-top: 2px; 
	display: block; }

/*divs*/ 

/*month and snippet of news*/ 
div#menu {
	position: absolute;
	width: 230px;
	height: 600px;
	color: #003399;
	background-image: url;
	background-repeat: no-repeat;
}

div#menu a img {height: 0; width: 0; border-width: 0;}

div#menu a:hover img {position: absolute; top: 0px; left: 600px; height: 527px; width: 600px; z-index:-1;}

/*copyright*/ 
div#small {
	position: absolute;
	top: 620px;
	font-size: 9px;
	color: #716558;
	line-height: 10px;
}	

div#small ul {  
	list-style-type: none; 
	display: block; }

div#small li {  
	list-style-type: none; 
	margin-top: 2px; 
	display: block; }
	
/*series shared values */ 


div#source, div#album, div#reverse, div#screen, div#color, div#sunroom, div#interstates, div#wildlife, div#wildflowers, div#static   {
	position: absolute;
	left: 340px;
	width: 500px;
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
} 

/*series source*/ 
div#source {top: 60px; height: 31px; background-image: url(/images/Source.png);} 

div#source a img {height: 0; width: 0; border-width: 0;}

div#source a:hover img {position: absolute; top: -30px; left: 40px; height: 628px; width: 800px; z-index: -1;}

div#source a {height: 31px; display: block;}

div#source:hover {background-position: 0 -31px;}

/*series album*/ 
div#album {top: 110px; left: 341px; height: 31px; background-image: url(/images/Album.png);} 

div#album a img {height: 0; width: 0; border-width: 0;}

div#album a:hover img {position: absolute; top: 20px; left: 230px; height: 400px; width: 479px; z-index: -1;}

div#album a {height: 31px; display: block;}

div#album:hover {background-position: 0 -31px;}

/*series shot/reverse shot*/ 
div#reverse {top: 157px; height: 37px; background-image: url(/images/Reverse.png);} 

div#reverse a img {height: 0; width: 0; border-width: 0;}

div#reverse a:hover img {position: absolute; top: -27px; left: -310px; height: 520px; width: 434px; z-index: -1;}

div#reverse a {height: 37px; display: block;}

div#reverse:hover {background-position: 0 -37px;}

/*series screen tests*/ 
div#screen {top: 210px; height: 31px; background-image: url(/images/Screen.png);} 

div#screen a img {height: 0; width: 0; border-width: 0;}

div#screen a:hover img {position: absolute; top: -80px; left: 280px; height: 496px; width: 380px; z-index: -1;}

div#screen a {height: 31px; display: block;}

div#screen:hover {background-position: 0 -31px;}


/*series the sun room*/ 
div#sunroom {top: 260px; height: 31px; background-image: url(/images/SunRoom.png);} 

div#sunroom a img {height: 0; width: 0; border-width: 0;}

div#sunroom a:hover img {position: absolute; top: -200px; left: 395px; height: 500px; width: 363px; z-index: -1;}

div#sunroom a {height: 31px; display: block;}

div#sunroom:hover {background-position: 0 -31px;}

/*series color movements*/ 
div#color {top: 310px; height: 31px; background-image: url(/images/Color.png);} 

div#color a img {height: 0; width: 0; border-width: 0;}

div#color a:hover img {position: absolute; top: -280px; left: 290px; height: 500px; width: 363px; z-index: -1;}

div#color a {height: 31px; display: block;}

div#color:hover {background-position: 0 -31px;}

/*series interstates*/ 
div#interstates {top: 360px; left: 344px; height: 31px; background-image: url(/images/Interstates.png);} 

div#interstates a img {height: 0; width: 0; border-width: 0;}

div#interstates a:hover img {position: absolute; top: -310px; left: -320px; height: 496px; width: 800px; z-index: -1;}

div#interstates a {height: 31px; display: block;}

div#interstates:hover {background-position: 0 -31px;}


/*series wildlife analysis*/ 
div#wildlife {top: 412px; height: 38px; background-image: url(/images/Wildlife.png);} 

div#wildlife a img {height: 0; width: 0; border-width: 0;}

div#wildlife a:hover img {position: absolute; top: -300px; left: 376px; height: 386px; width: 300px; z-index: -1;}

div#wildlife a {height: 38px; display: block;}

div#wildlife:hover {background-position: 0 -38px;}


/*series roadside wildflowers*/ 
div#wildflowers {top: 462px; left: 342px; height: 31px; background-image: url(/images/RoadsideWildflowers.png);} 

div#wildflowers a img {height: 0; width: 0; border-width: 0;}

div#wildflowers a:hover img {position: absolute; top: -380px; left: -380px; height: 550px; width: 432px; z-index: -1;}

div#wildflowers a {height: 31px; display: block;}

div#wildflowers:hover {background-position: 0 -31px;}


/*series static*/ 
div#static {top: 515px; height: 31px; background-image: url(/images/Static.png);} 

div#static a img {height: 0; width: 0; border-width: 0;}

div#static a:hover img {position: absolute; top: -490px; left: -200px; height: 600px; width: 761px; z-index: -1;}

div#static a {height: 31px; display: block;}

div#static:hover {background-position: 0 -31px;}