/*
      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: #fff url(back.jpg);
}
#wrapper { 
 margin: 0 auto;
 width: 922px;
}
#faux {
 background: url(tugcols.jpg);
 margin-bottom: 0px;
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 100%
}
#header {
 color: #333;
 width: 922px;
 padding: 0px;
 height: 150px;
 margin: 10px 0px 0px 0px;
 background: #ddd;  /* was #D1DBDB */
}
#navigation {
 color: #333;
 padding: 0px;
 margin: 0px 0px 0px 0px;
 background: #ABBEBE;
}
#leftcolumn { 
 display: inline;
 color: #333;
 margin: 10px;
 padding: 0px;
 width: 195px;
 float: left;
}
#content { 
 float: left;
 color: #333;
 margin: 10px 13px;
 padding: 0px;
 width: 460px;
 display: inline;
 position: relative;
}
#rightcolumn { 
 display: inline;
 position: relative;
 color: #333;
 margin: 10px 10px 10px 0px;
 padding: 0px;
 width: 195px;
 float: right;
}
#footer { 
 width: 902px;
 clear: both;
 color: #333;
 background: #cc3232;
 margin: 0px 0px 10px 0px;
 padding: 10px;
}
.clear { clear: both; background: none; }


/* Text and Paragraph formatting */

p,li {margin: 0.5em auto 1em auto;}
h1,h2,h3 {margin: 1em auto 1em auto;}
h4,h5 {margin: 0.5em auto 0.5em auto;}
a img {border: 0;}
#fb {text-align:center; margin: 1em auto;}
h2 {text-align:center; font-size: 14pt; color: #cc3232}
h4 {text-align: center; margin: 1em auto 0.5em auto;}

li {list-style-type: square; margin-left: 1.2em;}
#footer a {color: #FFF;}
#footer h4 {color: #ddd; text-align: center;}
#leftcolumn h3, #rightcolumn h3 {text-align: center;}
#twitter {text-align: center;}
#drinking {border: 2px solid #cc3232; background-color: #ffc; padding: 5px 10px; margin-bottom: 1em;}
#winnerbox {width: 250px; height: 290px; float: right; margin-left: 0.5em; border: 2px solid black; text-align: center;}


/* navbar formatting */
div#navcontainer
{
background-color: #cc3232;
/* border-top: solid 1px #FFFFFF;
border-bottom: solid 1px #FFFFFF; */
}

div#navcontainer ul
{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12pt;
color: white;
text-align: center;
margin: 0;
padding-bottom: 5px;
padding-top: 5px;
}

div#navcontainer ul li
{
display: inline;
margin-left: -4px;
}

div#navcontainer ul li a
{
padding: 5px 10px 5px 10px;
color: white;
text-decoration: none;
border-right: 1px solid #fff;
}

div#navcontainer ul li a:hover
{
background-color: #ccc;
color: #cc3232;
}

#active a {border-left: 1px solid #fff; background-color: #000;}