/*
      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;
}

li {
	list-style-type: none;
}

.alert {
color:red;
font-weight:bold;
}

#wrapper { 
 margin: 0 auto;
 width: 922px;

}
#header {
 color: #333;
 width: 900px;
 float: left;
 padding: 10px;
 border: 1px solid #ccc;
 height: 100px;
 margin: 10px 0px 5px 0px;
 background: #ffffff;
 background-image: url("header.jpg");
 background-repeat: no-repeat;
 background-position: center;
}
#leftcolumn { 
 color: #ffffff;
 border: 1px solid #ccc;
 background: #336699;
 margin: 0px 5px 5px 0px;
 padding: 10px;
 height: 400px;
 width: 195px;
 float: left;
 font-weight:  bold;
}
#leftcolumn A:link {
	color:#ffffff;
	font-weight: bold;
	text-decoration: none;
}
#leftcolumn A:visited {
	color:#ffffff;
	font-weight: bold;
	text-decoration: none;
}
#leftcolumn A:active {
	color:#ffffff;
	font-weight: bold;
	text-decoration: none;
}
#leftcolumn A:hover {
	color:#ffffff;
	font-weight: bold;
	text-decoration: none;
	color: #f5f685;
}
#rightcolumn { 
 float: right;
 color: #333;
 border: 1px solid #ccc;
 background: #efeeee;
 margin: 0px 0px 5px 0px;
 padding: 10px;
 height: 400px;
 width: 678px;
 display: inline;
 overflow:  auto;
}
#rightcolumn p { margin-top: 20px; margin-bottom: 2px; }
#footer { 
 width: 900px;
 clear: both;
 color: #ffffff;
 border: 1px solid #ccc;
 background: #996633;
 margin: 0px 0px 10px 0px;
 padding: 10px;
 text-align: center;
}
#footer A:link {
	color:#ffffff;
	font-weight: bold;
	text-decoration: none;
}
#footer A:visited {
	color:#ffffff;
	font-weight: bold;
	text-decoration: none;
}
#footer A:active {
	color:#ffffff;
	font-weight: bold;
	text-decoration: none;
}
#footer A:hover {
	color:#ffffff;
	font-weight: bold;
	text-decoration: none;
	color: #f5f685;
}



/*multi-column lists*/
/* position list chunks side by side */
div.wrapper
{
  float: left;
  width: 10em;
  margin: 0px 1em 0px 0px;
}

/* clear float after lists */
br
{
  clear: left;
}

/*forms*/
fieldset {  
margin: 1.5em 0 0 0;  
padding: 0;
background-color:white;
width:60%;
}
legend {  
margin-left: 1em;  
margin-bottom: 1em;
color: #000000;  
font-weight: bold;
}
fieldset ol {  
padding: 1em 1em 0 1em;  
list-style: none;
}
fieldset li {  
padding-bottom: 1em;
}
fieldset input {
border: 2px solid #cccccc;
}
fieldset textarea {
border: 2px solid #cccccc;
height:200px;
font-family:arial,sans-serif;
font-size:small;
}
label {  
float: left;  
width: 10em;  
margin-right: 1em;
margin-left: 1em;
}
.button {  
border-style: 6px solid green;
margin-left:12em;
}