/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
}
#wrapper { background-color: #fff; margin: 0 auto; width: 922px; }
#header {
 color: #333;
 width: 900px;
 float: left;
 padding: 10px;
 border: solid 1px #ccc;
 height: 77px;
 margin: 10px 0 5px;
 background: #339 url(Images/masthead2.jpg) no-repeat;
}
#navigation { float: left; width: 900px; color: #fff; background: #369; padding: 10px; border: solid 1px #ccc; margin: 0 0 5px; }
#leftcolumn { 
 color: #333;
 border: solid 1px #ccc;
 background: #39c;
 margin: 0 5px 5px 0;
 padding: 10px;
 height: 455px;
 width: 195px;
 float: left;
}
#rightcolumn { 
 float: right;
 color: #333;
 border: solid 1px #ccc;
 background: #f2f2e6;
 margin: 0 0 5px;
 padding: 10px;
 height: 350px;
 width: 676px;
 display: inline;
}
#footer { 
 width: 900px;
 clear: both;
 color: #333;
 border: solid 1px #ccc;
 background: #369;
 margin: 0 0 10px;
 padding: 10px;
}
a:link { color: #fff; font-weight: bold; text-decoration: none; }
a:hover { color: #000; font-weight: bold; font-style: oblique; text-decoration: none; }
a:visited { color: #fff; font-weight: bold; text-decoration: none; }

<style type="text/css">
<!--
div.scroll {
height: 200px;
width: 300px;
overflow: auto;
border: 1px solid #666;
background-color: #ccc;
padding: 8px;
}