/*__________Clean slate__________*/
body, h1, h2, h3, h4, h5, h6, li, ul, p
{
/* margin: 0;
 padding: 0;*/
}


#page
{
 margin:auto;
 width:50em;
 text-align:left;	/* Needed because we have to override the 'center' in 'body'. */
}

#header, #footer
{
 clear:both;
 overflow:hidden;
}

/* Required for IE since the 'overflow' does not work. */
#header
{
 height:100px;
}

/* Required for IE since the 'overflow' does not work. */
#footer
{
 height:31px;
}

#header-left
{
 float:left;
 margin:40px 30px 30px 10em;
}

#logo
{
 float:right;
}

#navigation
{
 width:10em;
}

#content
{
 width:39em;
 padding-left:1em;
}

#footer
{
 text-align:right;
}

#footerRightLinks
{
 float:right;
 margin-top:5px;
}


/* This is required to center the page in IE. In FF, the 'margin:auto' is enough. */
body
{
 text-align:center;
}

div, ul, ol
{
 padding:0;
}

ul li
{
 /*margin-left:-40;	/ * Seems to be required by IE but makes no difference on FF */
}

ol li
{
 text-align:right;
}


.swappable1
{
 /* Toggle this from left to right to switch the position of the menu and the content divs */
 float:right;
}

div.fullscreen
{
 width:100%;
 height:100%;
 position:absolute;
 z-index:10; 
 top: 0;
 left: 0;
}

.links li
{
	padding:2px 0px 0px 10px;
}

#subheader
{
	text-align:right;
	padding:0px 100px;
}

ul.sitemap li
{
	padding-bottom:3px;
}

div #classifieds_toc
{
	width:100%;
	text-align:right;
}