/* CSS Document */
/* Quinnford + Scout 2010*/

a { outline:none; border:none; }
img { border:none; outline:none;}
.pics { width: 600px; height:600px; padding:0; margin:0; text-align:right; }

body { background-color:#FFFFFF;
	text-align:justify;
	margin-left:25px;
	margin-top:55px;
	font-size:8pt;
	font-family:Geneva, Helvetica, sans-serif;
	text-decoration:none;}

#shows { border-bottom:#999999 dotted 1px; padding-bottom:5px; padding-top:50px; text-align:justify;}
#form { border-bottom:#999999 dotted 1px; padding-bottom:5px; padding-top:50px; text-align:right;}
	
#Navigation { text-align:left; position:absolute; right:0px;}
		#logo { background-image:url(QuinnfordandScout.jpg); width:142px; height:42px; margin-bottom:20px;}
	#project { background-position:-1px -1px; width:49px;}
		#project:hover { background-position:-126px -1px;}
	#pastshows { background-position:-1px -159px; width:98px;}
		#pastshows:hover { background-position:-126px -159px;}
	#photographs { background-position:-1px -15px; width:82px;}
		#photographs:hover { background-position:-126px -15px;}
	#prints { background-position:-1px -29px; width:40px;}
		#prints:hover { background-position:-126px -29px;}
	#thanks { background-position:0px -43px; width:46px;}
		#thanks:hover {background-position:-125px -43px;}
		
		#blog { background-position:0px -58px; width:29px; height:9px; margin-left:1px;}
			#blog:hover {background-position:-125px -58px;}
		#flickr { background-position:0px -71px; width:40px; height:9px; margin-left:1px;}
			#flickr:hover {background-position:-125px -71px;}
	#slash { width:5px; height:11px; background-position:-94px 2px;}
	
	#year2010 { background-position:-35px -188px; width:30px;}
		#year2010:hover { background-position:-163px -188px;}
	#year2009 { background-position:-69px -188px; width:30px;}
		#year2009:hover { background-position:-200px -188px;}
	
	#contact { background-position:-0px -202px; width:69px; height:9px; margin-left:1px;}
		#contact:hover { background-position:121px -202px;}
	
#project, #contact, #pastshows, #photographs, #prints, #thanks, #blog, #flickr, #slash, #year2010, #year2009 {max-height:11px; overflow:hidden; background-image:url(buttons.jpg); padding-top:2px; overflow:hidden; z-index:5; text-align:left;}








#january2011 {}
#january2010 { background-position:180px -3px; width:52px;}
	#january2010:hover {background-position:83px -3px;}
#january2009 { background-position:180px -3px; width:52px;}
	#january2009:hover {background-position:83px -3px;}

#february2011 {}
#february2010 { background-position:180px -17px; width:60px;}
	#february2010:hover {background-position:83px -17px;}
#february2009 { background-position:180px -17px; width:60px;}
	#february2009:hover {background-position:83px -17px;}

#march2011 {}
#march2010 { background-position:180px -32px; width:41px;}
	#march2010:hover {background-position:83px -32px;}
#march2009 { background-position:180px -32px; width:41px;}
	#march2009:hover {background-position:83px -32px;}

#april2011 {}
#april2010 { background-position:180px -46px; width:34px;}
	#april2010:hover {background-position:83px -46px;}
#april2009 { background-position:180px -46px; width:34px;}
	#april2009:hover {background-position:83px -46px;}

#may2011 {}
#may2010 { background-position:180px -61px; width:24px;}
	#may2010:hover {background-position:83px -61px;}
#may2009 { background-position:180px -61px; width:24px;}
	#may2009:hover {background-position:83px -61px;}

#june2011 { }
#june2010 { background-position:180px -75px; width:31px;}
	#june2010:hover {background-position:83px -75px;}
#june2009 { background-position:180px -75px; width:31px;}
	#june2009:hover {background-position:83px -75px;}

#july2011 {}
#july2010 {}
#july2009 { background-position:180px -90px; width:27px;}
	#july2009:hover {background-position:83px -90px;}

#august2011 {}
#august2010 {}
#august2009 { background-position:180px -104px; width:47px;}
	#august2009:hover {background-position:83px -104px;}

#september2011 {}
#september2010 {}
#september2009 { background-position:180px -118px; width:69px;}
	#september2009:hover {background-position:83px -118px;}

#october2011 {}
#october2010 {}
#october2009 { background-position:180px -132px; width:53px;}
	#october2009:hover {background-position:83px -132px;}

#november2011 {}
#november2010 {}
#november2009 { background-position:180px -146px; width:63px;}
	#november2009:hover {background-position:83px -146px;}

#december2011 {}
#december2010 {}
#december2009 { background-position:180px -161px; width:63px;}
	#december2009:hover {background-position:83px -161px;}


#january2011, #january2010, #january2009, #february2011, #february2010, #february2009, #march2011, #march2010, #march2009, #april2011, #april2010, #april2009, #may2011, #may2010, #may2009, #june2011, #june2010, #june2009, #july2011, #july2010, #july2009, #august2011, #august2010, #august2009, #september2011, #september2010, #september2009, #october2011, #october2010, #october2009, #november2011, #november2010, #november2009, #december2011, #december2010, #december2009 { max-height:11px; max-width:69px; overflow:hidden; background-image:url(months.jpg); outline:none; border:none; padding-top:2px; z-index:5;}





a:link { text-decoration:none; color:#333333;}
a:hover { text-decoration:none; color:#333333;}
a:active { text-decoration:none; color:#333333;}
a:visited { text-decoration:none; color:#333333;}

#thelanguage { margin:0px; padding-left:5px; z-index:0; outline:none; border:none;}
#thelanguage img {}

.technology { cursor: hand; cursor: pointer;}/*for expanding navigation field*/
.openlanguage { color:#000000;}
.closedlanguage { color:#000000;}

#prev {}
#next {}
#control {}

#info { margin-top:-10px;}
.hidden { visibility:hidden;}

#item { position:relative; float:left; overflow:hidden;
		width:240px; height:275px;
		padding:0px; margin-bottom:25px;
		padding-right:50px; padding-bottom:25px;
		color:#000000;}