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;
	color: #515151;
	}

#top {
	position: absolute;
	left: 0;
	top: 0;
	width: 760px;
	height: 100px;
	background-color: #fff;
	/* basic styles needed for home page */
	background-image: url(../images/bg-bluegradient.gif);
	background-repeat: repeat-x;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fff;
	overflow: visible;
	z-index: -1;
	}

#logo {
	position:absolute; 
	left:20px; 
	top:0px; 
	}

#logo2 {
	position:absolute;
	left:234px;
	top:20px;
	height: 56px;
	}
#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;
	}


#news3 {
	position: absolute;
	left: 561px;
	top: 259px;
	width: 199px;
	height: 243px;
	background-color: #993300;
	}

#news2 {
	position: absolute;
	left: 561px;
	top: 381px;
	width: 199px;
	height: 121px;
	background-color: #296297 ;
	}
	
#news {
	position: absolute;
	left: 561px;
	top: 102px;
	width: 199px;
	height: 155px;
	background-color: #26477D;
	
	background-repeat: no-repeat;
	background-position: 100% 0;
	}
#footer.home {
	position: absolute;
	left: 2px;
	top: 502px;
	width: 758px;
	border-top: 1px solid #fff;
	color: #515151;
	}

/* 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#news3 h2, div#news3 p {
	margin: 10px;
	color: #fff;
	}

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

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


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

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

div#news2 a:hover {
	color: #c30;	
	}
	
	
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; }
