/* Norbeck Grove Community Association */
/* Spring 2008 */
/* Site design and development by Red Letter Design, www.RedLetterDesign.net */

/* ----------------------------------------------- 
   INITIAL RESET PLUS LAYOUT
   ----------------------------------------------- */


/* 	----------------------------------------------- 
		Reset browser default styles to insure consistency across various browsers
  	----------------------------------------------- */
html, body, div, 
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	line-height: 1;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {
	border: 0;
}

ol, ul {
	list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}

/* 	----------------------------------------------- 
		Helpful fixes
  	----------------------------------------------- */

a {outline: none;}  /* get rid of Firefox link boxes */

html {
	height: 100%; /* forces vertical scrollbars in FF to avoid horizontal shift on short pages */
}

/* 	----------------------------------------------- 
		Site Structure
  	----------------------------------------------- */

body {
	background: #3f4f24 url(../images/layout/bodyGradient.jpg) top left repeat-x;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #333333;
	font-size: 12px;
	text-align: center;
}
div#skip2nav {
	display: none;
}
div#wrapperBody {
	background: transparent url(../images/layout/bodyFill.jpg) top left repeat-y;
	margin: 0 auto !important;
	margin: 0 0;
	padding: 0;
	width: 1000px;
}
	div#wrapperHeader {
		background: transparent url(../images/layout/header.jpg) top left no-repeat;
		margin: 0;
		padding: 0;
		width: 1000px;
	}
		div#wrapperFooter {
			background: transparent url(../images/layout/footer.jpg) bottom left no-repeat;
			margin: 0;
			padding: 0;
			width: 1000px;
		}
		div#container {
			position: relative;
			margin: 0;
			padding: 0;
			width: 1000px;
			min-height: 650px;
		}
			div#content {
				float: right;
				display: inline;
				width: 510px;
				margin:  0 20px 0 0px;
				padding: 35px 20px 15px 40px;
			}
			div#sponsors {
				float: left;
				display: inline;
				width: 150px;
				margin: 0 0 0 20px;
				padding: 310px 15px 0px 15px;
			}
				div.sponsorbox75 {
					width: 150px;
					height: 75px;
					overflow: hidden;
					margin: 10px 0 0 0;
					background: transparent url(../images/layout/sponsorbox75.gif) top no-repeat;
				}
				div.sponsorbox100 {
					width: 150px;
					height: 100px;
					overflow: hidden;
					margin: 10px 0 0 0;
					background: transparent url(../images/layout/sponsorbox100.gif) top no-repeat;
				}
				div.sponsorbox150 {
					width: 150px;
					height: 150px;
					overflow: hidden;
					margin: 10px 0 0 0;
					background: transparent url(../images/layout/sponsorbox150.gif) top no-repeat;
				}
				div.sponsorbox225 {
					width: 150px;
					height: 225px;
					overflow: hidden;
					margin: 10px 0 0 0;
					background: transparent url(../images/layout/sponsorbox225.gif) top no-repeat;
				}
			div#navigation {
/*	IE chokes on the width being specified, most likely due to the hasLayout bug. However, the width is implied from
all the other parameters, and can thus be left unstated.				
width: 150px;
*/				
				width: auto;
				padding: 160px 620px 190px 230px;
				margin: 0;
			}
		div#lowerNavigation {
			clear: both;
			margin:  0 20px 0 0px;
			padding: 10px 20px 20px 0;
		}
div#footer {
	margin: 0 auto !important;
	margin: 0 0;
	padding: 10px 15px 10px 0;
}