/*
      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 { 
 margin: 0 auto;
 width: 922px;
}
#header {
 color: #333;
 width: 900px;
 float: left;
 padding: 10px;
 border: 1px solid #ccc;
 height: 285px;
 margin: 10px 0px 0px 0px;
 background: #fff;
 
}
#navigation {
 float: left;
 width: 900px;
 color: #333;
 padding: 10px;
 border: 1px solid #ccc;
 margin: 0px 0px 0px 0px;
 background: #33CC33;
}
#leftcolumn { 
 color: #333;
 border: 0px;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 350px;
 width: 678px;
 float: left;
 background: #fff;
}
#rightcolumn { 
 float: right;
 color: #333;
 border: 1px solid #ccc;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 350px;
 width: 200px;
 display: inline;
 background: #ccccff;
 position: relative;
}
#bigcolumn { 
 color: #333;
 border: 0px;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 350px;
 width: 800px;
 float: left;
 background: #fff;
}

ul.menu li {
display:block;
float:left;
margin:0;
padding:0;
}

ul.menu li a {
float:left;
color:#fff;
text-decoration:none;
height:24px;
padding:9px 15px 0;
}

ul.menu li a:hover,.current {
color:#fff;
}

ul.menu .current a {
color:#fff;
font-weight:700;
}


/*RED*/
ul.menu.red{
background-color:#000;
}
ul.menu.red li a:hover, .menu.red li.current {
background-color:#b52d53
}

a{
color:#002288
}
