body	
{
	background: #666 url(/images/background.gif) bottom left fixed repeat-x;
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
	/*font: 8pt/16pt georgia; */
	/*font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;*/
	font: small "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

code.htmlcode
{
	font-size: x-small;
}

#bodywrapper
{
	background: white;
	color: #333;
	margin: 30px !important;
	padding: 0px;
	border: 1px solid black;
	width: auto !important;
	text-align: left;
}

#content
{
	color: #333;
	padding: 0px;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:20px;
	margin-top:0px;
	text-align: left;
	height: 1%; /*Hack: http://www.sitepoint.com/forums/archive/index.php/t-161232.html, http://www.positioniseverything.net/easyclearing.html, http://www.positioniseverything.net/explorer/guillotine.html*/
}


#footer	
{
	background: #f0f0f0;
	font-size: xx-small;
	border-top: 1px solid #ccc;
	padding: 10px 7px 2px 10px;
}


#menu 
{
	margin: 0;
	padding: 0;
}

#menu ul {
	border: 1px solid gray;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	clear: left;
	}

#menu ul li {
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
	}

#menu ul li a {
	background: #fff;
	height: 2em;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-bottom: 1px solid black;
	border-right: none;
	padding: 0;
	margin: 0 0 10px 0;
	text-decoration: none;
	display: block;
	text-align: center;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 2em;
	font-size:    x-small;
	/*background: #e2e2e2;*/
	background: #CCCCCC;
	}

html>#menu ul li a  
{
	font-size: x-small;   
} 

#menu ul li a.selected
{
	border-bottom: 1px solid #ffffff;
	background: #ffffff;
}

#menu ul li#one a
{
	border-left: none;	
}

#menu ul      {	width: 100% !important; }
#menu ul li a { width: 100% !important; }
#menu ul li   { width: 24.94% !important; }
#menu ul > li { width: 25% !important; }

#menu ul li a:hover 
{
	background: #f0f0f0;
}

#menu a:active	
{
	background: #f0f0f0;
	color: #f0f0f0;
}

#menu a:visited
{
	color: #000;
}

#menu a:link
{
	color: #000;
}

#bannerimage
{
	border: 0;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	vertical-align: bottom;
}

#bannerlink
{
	border: 0px;
	padding: 0px;
	margin: 0px;
}


h1, h2	
{
	font-family: Myriad, "Gill Sans", "Century Gothic", "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
	margin-top: 25px;
	margin-bottom: 2px;
	font-weight: bold;
}

h1	
{
	margin-bottom: 2px;
	font-size: 150%;
}

h2	
{
	margin-bottom: 2px;
	font-size: 125%;
}

h3	
{
	margin-bottom: 2px;
	font-size: 110%;
}

p	
{
	margin-top: 0;
	margin-bottom: 1em;
}

em.error
{
	color: red;
}

.thumbnail 
{
	float: left;
	font-size: xx-small;
	margin: 10px;
}

.clearing
{
	clear: both;
}

.thumbnail img
{
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 2px solid black;
	border-bottom: 2px solid black;
}


a:link 
{ 
	color: #FF9900; 
	font-weight: bold;
}

a:visited 
{ 
	color: #663300;
	font-weight: bold;
}

a:active 
{ 
	color: #CC6600;
	font-weight: bold;
}

a:hover 
{
	color: #CC6600;
	font-weight: bold;
}

input.votebutton 
{ 
	border: 1px solid #333; 
	background: transparent;
	color: #f90;
	font-weight: bold;
	margin: 1px;
	text-decoration:underline;
	padding: 5px;
	padding-left: 7px;
	padding-right: 7px;
	cursor: pointer;
}

input.votebutton:hover 
{
	color: #CC6600;
	font-weight: bold;
	background: #ccc;
	cursor: pointer;
}

span.explain
{
	border-bottom: thin dotted;
	cursor: help;
}

div.right
{
	float: right;
	margin-left: 2em;
	padding-left: 2em;
	padding-top: 0px;
	border-left: 1px dotted black;
}

img.bigphoto
{
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 2px solid black;
	border-bottom: 2px solid black;
}

a.image
{
	border:0;
}