/*
      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;
 background: #ffffff;
}
#wrapper { 
 margin: 0 auto;
 width: 922px;
 height: auto;
 background: #ffffff;
}
#header {
 color: #333;
 width: 922px;
 float: left;
 padding: 0px;
 border: 1px solid #ccc;
 height: 100px;
 margin: 0px 0px 0px 0px;
 background: #E7DBD5;
}
#navigation {
 float: left;
 width: 921px;
 color: #333;
 padding: 0px;
 border: 1px solid #ccc;
 margin: 0px 0px 0px 0px;
 background: #D3D3D3;
}

.mattblacktabs{
width: 100%;
overflow: hidden;
}
.mattblacktabs ul{
margin: 0;
padding: 0;
padding-left: 5px; /*offset of tabs relative to browser left edge*/
font: bold 12px Verdana;
list-style-type: none;
}

.mattblacktabs li{
display: inline;
margin: 0;
}

.mattblacktabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px; /*padding inside each tab*/
border-right: 0px solid white; /*right divider between tabs*/
color: white;
background: #D3D3D3; /*background of tabs (default state)*/
}

.mattblacktabs li a:visited{
color: white;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background: #748EAB; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}
#leftcolumn { 
 color: #333;
 border: 0px solid #ccc;
 background: #ffffff;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 350px;
 width: 200px;
 float: left;
}
#rightcolumn { 
 float: right;
 color: #333;
 border: 1px solid #ccc;
 background: #ffffff;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 
 width: 678px;
 display: inline;
}
#footer { 
 width: 902px;
 clear: both;
 color: #333;
 border: 0px solid #ccc;
 background: #132561;
 margin: 0px 0px 0px 0px;
 padding: 10px;
}