/* Home CSS Document */

div#aboveDock {
	position: absolute;
	top: 100px;
	left: 50%;
	margin-left: -470px;
	width: 940px;
	height: 200px;
	z-index: 2;
	}
	#aboveDock div {
		float: left;
		}
	div#news {
		width: 200px;
		padding-left: 20px;
		overflow: hidden;
		line-height: 16px;
		font-size: .875em;
		}
		#news div {
			float: none;
			}
		#news p.ms-vb {
			font-size: 1em;
			margin-top: 13px;
			}
		#news a {
			text-decoration: none;
			}
			#news a:hover {
			text-decoration: underline;
			}
	#slideshow {
		position: absolute;
		right: -25px;
		top: -7px;
		width: 736px;
		height: 297px;
		float: right;
		overflow: visible;
		}

div#dock {
	background: url(/Style%20Library/Images/VOS/BkgDock.png) 50% 0 no-repeat;
	width: 100%;
	height: 130px;
	z-index: 300;
	position: absolute;
	top: 350px;
	}	
	div#dock img {
		border: none;
		}
	div#dockContainer {
		width: 960px;
		margin: 0 auto;
		position: relative;
		}
		div#dockContainer span {
			display: none;
		}
		div#dock a {
			text-indent: -9999px;
			width: 120px;
			height: 115px;
			margin: 12px 0 0;
			position: absolute;
			}			
		#dock a#dockFirst {
			height: 100px;
                        width: 107px;
			background: url(/Style%20Library/Images/VOS/LogoSPD.png) 0 10px no-repeat;
			}
			#dock a#dockFirst:hover {
				background: url(/Style%20Library/Images/VOS/LogoSPD.png) 0 -107px no-repeat;
				}
		#dock a#dockSecond {
            margin: 18px 0 0 2px;
			height: 96px;
            width: 114px;
			position: absolute;
			left: 110px;
			background: url(/Style%20Library/Images/VOS/LogoPrairieCenter.png) -2px 18px no-repeat;
			}
			#dock a#dockSecond:hover {
				background: url(/Style%20Library/Images/VOS/LogoPrairieCenter.png) -2px -111px no-repeat;
				}
		#dock a#dockThird {
			margin: 25px 0 0 4px;
			height: 94px;
            width: 98px;
			left: 240px;
			background: url(/Style%20Library/Images/VOS/LogoWoodfield.png) -4px 14px no-repeat;
			}
			#dock a#dockThird:hover {
				background: url(/Style%20Library/Images/VOS/LogoWoodfield.png) -4px -110px no-repeat;
				}
		#dock a#dockFourth {
			margin: 28px 0 0 2px;
			height: 94px;
			width: 142px;
			left: 360px;
			background: url(/Style%20Library/Images/VOS/LogoFlyers.png) -2px 10px no-repeat;
			}
			#dock a#dockFourth:hover {
				background: url(/Style%20Library/Images/VOS/LogoFlyers.png) -2px -111px no-repeat;
				}
		#dock a#dockFifth {
            margin: 26px 0 0 3px;
			height: 98px;
			width: 114px;
			left: 484px;
			background: url(/Style%20Library/Images/VOS/LogoSBA.png) -3px 12px no-repeat;
			}
			#dock a#dockFifth:hover {
				background: url(/Style%20Library/Images/VOS/LogoSBA.png) -3px -106px no-repeat;
				}
		#dock a#dockSixth {
			margin-top: 26px;
			height: 97px;
			width: 98px;
			left: 620px;
			background: url(/Style%20Library/Images/VOS/LogoLibrary.png) 0 12px no-repeat;
			}
			#dock a#dockSixth:hover {
				background: url(/Style%20Library/Images/VOS/LogoLibrary.png) 0 -109px no-repeat;
				}
		#dock a#dockSeventh {
			position: absolute;
			left: 737px;
			top: 7px;
			height:110px;
			width: 140px;
			background: url('/Style%20Library/Images/VOS/Township_smaller.png') no-repeat 16px 13px;
}
			#dock a#dockSeventh:hover {
				background: url('/Style%20Library/Images/VOS/Township.png') no-repeat 0px 5px;
				left:733px;
				top:-2px;
				}
		#dock a#dockEighth {
			margin: 12px 0 0 3px;
			height: 100px;
			width: 132px;
			left: 840px;
			background: url(/Style%20Library/Images/VOS/LogoRenaissance.png) -3px 12px no-repeat;
			}
			#dock a#dockEighth:hover {
				background: url(/Style%20Library/Images/VOS/LogoRenaissance.png) -3px -189px no-repeat;
				}
		
div#main {
	height: 545px;
	background-image: none;
	padding-bottom: 0;
	}
	div#belowDock {
		background: #000 url(/Style%20Library/Images/VOS/BkgBelowDock2.gif) no-repeat;
		position: absolute;
		top: 405px;
		left: 0;
		width: 898px;
		height: 260px;
		margin-left: 20px;
		}
		#belowDock div {
			float: left;
			margin: 40px 0 0 10px;
			padding: 7px;
			}
		#belowDock h2 {
			font-size: 1.15em;
			font-weight: normal;
			text-align: center;
			margin-bottom: 10px;
			}
		/* First round of Quick Actions 	
		div#quickActions {
			background: url(/Style%20Library/Images/VOS/BkgComboBox.gif) repeat-y;
			width: 620px;
			height: 200px;
			padding: 0 20px 0 30px;
			}
		#quickActions ul {
			float: left;
			list-style: none;
			padding: 0;
			margin: 0;
			font-size: .938em;
			width: 250px;
			}
			#quickActions li {
				width: 237px;
				}
			#quickActions a, #quickActions a:visited {
				text-decoration: none;
				border-bottom: 1px solid #999;
				border-right: 1px solid #999;
				width: 214px;
				height: 34px;
				padding: 14px 0 0 5px;
				display: block;
				vertical-align: middle;
				color: #333;
				}
			#quickActions li:hover,  #quickActions .selected {
				background: #e4dfad url(/Style%20Library/Images/VOS/QAHoverArrow.gif) 100% 0 no-repeat;
				}
				#quickActions li:hover a, #quickActions li.selected a {
					border-right: none;
					}										
			#quickActions li.first a {
				border-top: 1px solid #999;
				padding-top: 13px;
				}
			#quickActions div.container {
				padding: 10px;
				width: 349px;
				height: 165px;
				}
		*/
		
		
		div#quickActions{
			width: 340px;
			margin: 68px 0 0 20px;
			padding: 10px 0px 0px 0px;
			}
		

			#quickActions ul {
				list-style: none;
				margin: 0;
				padding: 0;
				height: 99px;
				overflow: hidden;
				}
				#quickActions li {
					margin-bottom: 2px;
					text-align: center;
					}
			#quickActions a {
				display: block;
				height: 15px;
				text-decoration: none;
				}
			#quickActions ul a {
				background: #c1bb84;
				color: #000;
				height: 25px;
				padding-top: 6px;
				}
				#quickActions ul a:hover {
					background: #d5d3c4;
					}
				#quickActions a.down {
					background: url(/Style%20Library/Images/VOS/ArrowDown.gif) 50% 0 no-repeat;
					color: #fff;
					height: 18px;
					}
				#quickActions a.up {
					background: url(/Style%20Library/Images/VOS/ArrowUp.gif) 50% 0 no-repeat;
					color: #fff;
					height: 18px;
					margin-bottom: 2px;
					}
				#quickActions a.down:hover {
					background: url(/Style%20Library/Images/VOS/ArrowDown.gif) 50% -20px no-repeat;
					}	
				#quickActions a.up:hover {
					background: url(/Style%20Library/Images/VOS/ArrowUp.gif) 50% -20px no-repeat;
					}
	
		div#crackerBarrel {
			width: 187px;
			}
			#crackerBarrel img {
				margin-right: 10px;
				}
			#crackerBarrel a {
				font-size: .6em;
				line-height: 2em;
				}
		div#calendar {
			width: 285px;
			}
			#calendar span {
				font-size: .75em;
				line-height: 1.5em;
				margin: 15px 0 0;
				}
			#calendar a {
				color: #000;
				text-decoration: none;
				}
				#calendar a:hover {
					text-decoration: underline;
					}
			p#fullCalendar {
				text-align: right;
				margin-top: 10px;
				font-style: italic;
				font-size: .8em;
				}
				#fullCalendar a {
					color: #000;
					}

div#vosFooter {
	background: url(/Style%20Library/Images/VOS/BkgFooter.png) no-repeat;
	}