/* 
Knowing Point Screen Style Sheet
Version 20050408
*/

body { margin: 0; padding: 0; border: 0; text-align: center; font: normal 11px Verdana, sans-serif; background: #eee url(img/bckgrnd.gif) 0 0; }
#mainwrap {
	margin: 20px auto 0 auto;
	padding: 0;
	border: 0;
	width: 800px;
	text-align: left;
	position: relative;
	top: 1px;
}
#header { margin: 0; padding: 0; border: 0; width: 800px; height: 144px; }
#contentwrap { margin: 0; padding: 0; border: 0; width: 800px; height: 500px; background: #003 url(img/back.gif) 0 0 repeat-y; clear: left; }
#jigsaw {
	margin: 0;
	padding: 10px 0 0 3px;
	border: 0;
	width: 163px;
	position: absolute;
	top: 143px;
	left: 3px;
	clear: left;
	height: 492px;
}
#partners_icon {
	margin-left: 15px;
	padding: 10px 0 0 3px;
	border: 0;
	position: absolute;
	top: 473px;
	left: 13px;
}
#footer { margin: 0; padding: 0; border: 0; width: 800px; height: 18px; background: transparent url(img/address.gif) 0 0 no-repeat; }


/* Main Navigation */
#navwrap { margin: 0; padding: 0; position: absolute; top: 125px; left: 0px; z-index: 10; width: 800px; height: 21px; background: #003 url(img/bar.jpg) 0 0 no-repeat; }
#nav, #nav ul { position: relative; list-style: none; margin: 0; padding: 0; }
#nav li { display: block; margin: 0; padding: 0; }
#nav li a { display: block; height: 21px; text-indent: -9999px; text-decoration: none; color: #ccc; }
#nav li ul { position: absolute; left: -9999px; } 
#nav li:hover ul { left: auto; }
#nav li:hover ul, #nav li.sfhover ul { left: auto; }

#home, #help, #surveys, #workshops, #about, #contact { position: absolute; top: 0; }
#home { right: 356px; }
#help { right: 270px; }
#surveys { right: 210px; }
#workshops { right: 124px; }
#about { right: 59px; }
#contact { right: 0; }

#home a:link, #home a:visited { width: 46px; background: url(img/home.jpg) 0 0 no-repeat; }
#help a:link, #help a:visited { width: 86px; background: url(img/howwehelp.jpg) 0 0 no-repeat; }
#surveys a:link, #surveys a:visited { width: 60px; background: url(img/surveys.jpg) 0 0 no-repeat; }
#workshops a:link, #workshops a:visited { width: 86px; background: url(img/workshops.jpg) 0 0 no-repeat; }
#about a:link, #about a:visited { width: 65px; background: url(img/aboutus.jpg) 0 0 no-repeat; }
#contact a:link, #contact a:visited { width: 59px; background: url(img/contact.jpg) 0 0 no-repeat; }
#home a:hover, #help a:hover, #surveys a:hover, #workshops a:hover, #about a:hover, #contact a:hover { background-position: 0 -21px; }

.lastitem { border-bottom: 1px solid #555; }
#nav li ul li { display: block; border-left: 1px solid #555; border-right: 1px solid #555; }
#nav li ul li a:link, #nav li ul li a:visited { background: #bbb url(img/menuback.jpg) 0 0 repeat-x; text-indent: 0; color: #333; font: normal 10px Verdana, sans-serif; }
#nav li ul li a:hover { color: #fff; background: #036 url(img/menuback.jpg) 0 -21px repeat-x; }
#nav li ul li span { display: block; padding: 4px; cursor: hand; }

#help ul li a:link, #help ul li a:visited { width: 200px; }
#about ul li a:link, #about ul li a:visited { width: 120px; }


/* Splash Page Layout */
#header a { display: block; width: 800px; height: 144px; background: #ccc url(img/sphead.jpg) 0 0 no-repeat; text-decoration: none; }
#content { position: absolute; top: 144px; left: 177px; clear: left; margin: 0; padding: 0; height: 433px; width: 624px; background: url(img/splashmain-old.jpg) 0 0 no-repeat; }
#rest_of_splash {
	position: absolute;
	top: 575px;
	left: 175px;
	clear: left;
	margin: 0;
	padding: 0;
	height: 69px;
	width: 624px;
	background: url(img/rest_of_splash.jpg) 0 0 no-repeat;
	background-image: url(img/rest_of_splash.jpg);
	background-color: #193751;
	visibility: visible;
}
#splashbrochure {
	position: absolute;
	top: 347px;
	right: 0;
	margin: 0;
	width: 298px;
	height: 47px;
	left: 327px;
	background-color: #ECE9D8;
}
#splashbrochure a { display: block; width: 297px; height: 46px; text-decoration: none; background: transparent url(img/splashlow.jpg) 0 0 no-repeat; }
#blog_icon { position: absolute; top: 124px; left: 117px; margin: 0; width: 52px; height: 14px; z-index:100 }
#blog { position: absolute; top: 385px; right: 0; margin: 0; width: 297px; height: 46px; }
#blog a { display: block; width: 297px; height: 46px; text-decoration: none; background: transparent url(img/blog.jpg) 0 0 no-repeat; }
#splashcomm {
	position: absolute;
	top: 228px;
	right: 0;
	margin: 0;
	width: 297px;
	height: 50px;
	left: 328px;
}
#splashcomm a { display: block; width: 297px; height: 70px; text-decoration: none; background: transparent url(img/splashmid.jpg) 0 0 no-repeat; }
#splashanime {
	position: absolute;
	top: 301px;
	right: 0;
	margin: 0;
	width: 626px;
	height: 44px;
	background: transparent url(img/splashanime.gif) 0 0 no-repeat;
	left: -1px;
}

#partners { position: absolute; top: 347px; right: 0; width: 624px; height: 86px; margin: 0; background: transparent url(img/splashpartners.jpg) 0 0 no-repeat; }
#farmingdale { position: absolute; top: 26px; left: 139px; margin: 0; padding: 0; border: 0; width: 220px; height: 40px; text-indent: -9999px; }
#smpsli { position: absolute; top: 26px; left: 396px; margin: 0; padding: 0; border: 0; width: 44px; height: 44px; text-indent: -9999px; }
#farmingdale a:link, #farmingdale a:visited, #smpsli a:link, #smpsli a:visited { display: block; width: 100%; height: 100%; text-decoration: none; }

#enter {
	position: absolute;
	top: 363px;
	left: 357px;
	margin: 0;
	border: 0;
	width: 95px;
	height: 37px;
	visibility: visible;
}
#enter a { display: block; width: 170px; height: 30px; text-decoration: none; background: transparent; }


/* Basic Typography */
h1, h2 { margin: 0; padding: 0; text-indent: -9999px; }
#content p { margin: 0; padding: 0; text-indent: -9999px; }
#footer p { margin: 0; padding: 0; color: #fff; text-indent: -9999px; }