/*
      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: Comic Sans MS, Arial, Helvetica, Sans-Serif;
	font-size: small;
}

h2 {
	font-family: Comic Sans MS, Arial, Helvetica, Sans-Serif;
	font-size: medium;
}

a {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration:none;
}
a:active {
	color: #FFFFFF;
	font-weight: bold;
}
a:hover {
	color: #FFFF00;
	font-weight: bold;
	text-transform: uppercase;
}

.style1 {
	vertical-align: middle;
	border-style: solid;
	border-width: 5px;
	margin: 5px;
}

#wrapper { 
 margin: 0 auto;
 width: 922px;
}
#header {
	color: #333;
	width: 900px;
	float: left;
	padding: 10px;
	border: 1px solid #ccc;
	height: 50px;
	margin: 10px 0px 0px 0px;
	background: #00CCFF;
	background-image: url('../pictures/banner.jpg');
	background-repeat: no-repeat;
}
#navigation {
	float: left;
	width: 900px;
	color: #333;
	padding: 10px;
	border: 1px solid #ccc;
	margin: 0px 0px 0px 0px;
	background: #008080;
}
#leftcolumn { 
 color: #333;
 border: 1px solid #ccc;
 background: #99cccc;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 1000px;
 width: 200px;
 float: left;
}
#rightcolumn { 
 float: right;
 color: #333;
 border: 1px solid #ccc;
 background: #FFFFFF;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 1000px;
 width: 678px;
 display: inline;
 position: relative;
}