body {
	background: #333 url(../images/bg-home-body.gif) repeat-y fixed 50%; 
	margin: 0; 
	padding: 0; 
	}

#wrapper {
	width: 760px;
	margin: 0 auto; 
	position: relative;
	}

#top {
	position: absolute;
	left: 0;
	top: 0;
	width: 760px;
	height: 100px;
	background-color: #000;
	background-image: url(../images/bg-bluegradient.gif);
	background-repeat: repeat-y;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fff;
	overflow: visible;
	z-index: 5;
	}

#logo {
	position:absolute; 
	left:25px; 
	top:10px; 
	}

#navbar {
	position: absolute;
	left: 234px;
	top: 99px;
	}

#search {
	position: absolute;
	left: 392px;
	top: 7px;
	width: 360px;
	z-index: 2;
	}


#slideshow {
	position: absolute;
	left: 0px;
	top: 101px;
	border-right: 1px solid #fff;
	}

#story1, #story2 {
	position: absolute;
	left: 561px;
	width: 199px;
	height: 121px;
	border-bottom: 1px solid #fff;
	overflow: hidden;
	}

#story1 {
	top: 99px;
	}
	
#story2 { 
	top: 222px;
	}

#story1 a, #story2 a {
	display: block;
	width: 199px;
	height: 121px;
	background: #333 no-repeat 0 0;
	}

#story1 a:hover, #story2 a:hover {
	background-position: 0 -121px;
	}
	
#story1 span, #story2 span {
	height: 0;
	display: block;
	position: absolute;
	left: -3000px;
	}


#news {
	position: absolute;
	left: 561px;
	top: 345px;
	width: 199px;
	height: 155px;
	background: #443627 url(../images/img-greenarrow.gif) no-repeat 100% 0;
	}

#footer.home {
	position: absolute;
	left: 0px;
	top: 502px;
	width: 760px;
	border-top: 1px solid #fff;
	}

/* needed because wraps images in <p> */
div#slideshow p, div#story1 p, div#story2 p { 
	margin: 0; 
	padding: 0; 
	}

	
/* improves layout when in edit mode */
div#slideshow table, div#news table, div#story1 table, div#story2 table { 
	margin: 0; 
	padding: 0; 
	}


/* basic styles needed for home page */
body, blockquote, p {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	}

ul, ol, h1, h2, h3, h4, h5, h6 {
	font-family: "Lucida Grande", Arial, sans-serif;
	}

h1 {
	font-size: 16px;
	margin: 1em 20px .5em 20px;
	}

h2, h3, h4, h5, h6 {
	font-size: 14px;	
	}

p {
	font-size: 11px;
	color: #333;
	line-height: 16px;
	margin: 0 20px .5em 20px;
	}


a { text-decoration: none; }
a:link    { color: #036; }
a:visited { color: #666; }
a:hover   { color: #000; }
a:active  { color: #e1474a; } 





div#content p a:link {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #036;	
	}





div#news h2, div#news p {
	margin: 10px;
	color: #fff;
	}

div#news a:link, div#news a:visited {
	color: #fff;
	}

div#news a:hover {
	color: #c30;	
	}




div#search {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 9px;
	color: #bacbd0;
	text-align: right;
	letter-spacing: 1px;
	}
.searchtxt {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 10px;
	color: #666;
	border: 1px solid #fff;
	}
.searchbtn {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 10px;
	background-color: #567fb0;
	border: 1px solid #567fb0;
	color: #fff;
	}



div#footer.home p {
	color: #999;
	text-align: left;
	font-size: 9px;
	margin: 10px;
	letter-spacing: 1px;
	}
div#footer.home a { text-decoration: none; }
div#footer.home a:link    { color: #999; }
div#footer.home a:visited { color: #999; }
div#footer.home a:hover   { color: #f30; }