/* specificity precedence: #id > .class > <element> 
/* for IE v? */
* html body { padding:145px 0 50px 0; }
* html #banner { height:145px; }

/* CSS adapted from www.cssplay.co.uk/layouts/fixit.html */
/* the bit that does the work */
* html #content {
	height:100%; 
	width:100%;
}

body {
	margin:0;
	border:0;
	padding:0;
	height:100%; 
	max-height:100%; 
	background:url(bg-flame1-muted1.jpg);
	font-family:arial, verdana, sans-serif; 
	overflow: hidden; 
}
* html #foot {height:50px;}
/* end of bit that does the work */

div.linkcells div { 
	float:left;
	width:24%;
	height:1.3em;
	border-width:1px;
	border-color:#888888;
	border-style:solid;
	border-spacing:2px;
	padding-top:2px;
	padding-bottom:2px;
}
.linkcells {
	float:left;
	width:380px;
	padding-top:1em;
}

a:hover {
	text-decoration:underline;
}
h1 { 
	font-size:4em; 
	margin:0; padding:0;
}

.content a {
	text-decoration:none;
	color:#888888
}
.content a:visited {
	text-decoration:none;
	color:#888888
}
.content a:hover {
	text-decoration:underline;
}

#logo {
	float:left;
	width:418px;
	height:127px;
	background:url(logo-trans.gif);
}

#banner {
	position:absolute; 
	width:800px;
	left:50%; 				/* center the DIV 		*/
	margin-left:-400px;		
	top:0; 
	margin-top:10px;		/* show 10px of background at top */
	height:141px;			/* plus 186px of actual canvas    */
	border-bottom:4px solid #ff7777; /* plus 4px border       */
	overflow:auto; 
	background:#ffffaa;
	text-align:center;
							/* ...yields 200px banner height  */
}

#banner a, a:visited {
	text-decoration:none;
	color:#888888
}
#banner a:hover{
	text-decoration:underline;
	color:#000000
}
#banner td  {
	text-align:center;
	border: 1px solid #aaaaaa;
	padding-left:3px;
	padding-right:3px;
}
#banner td.sansfrontieres {
	border: none
}

#content {
	position:fixed; 
	width:800px;
	left:50%;				/* center the DIV 		*/
	margin-left:-400px;
	top:155px;				
	margin-top:5px;			/* leave a 5px gap 		*/
	bottom:40px;
	margin-bottom:5px;		/* another 5px gap		*/
	overflow:auto; 
	background:#ffffbb;
	padding:0px;
}

#content table {
	border-width:1px;
	border-color:#888888;border-style:dotted;
	border-spacing:1px
}

#content td, th {
	border-width:1px;
	border-color:#888888;
	border-style:solid;
	border-spacing:2px
}

#foot {
	position:absolute; 
	bottom:0; 
	width:800px;
	left:50%; 				/* center the DIV */
	margin-left:-400px;		
	height:25px; 
	overflow:auto; 
	text-align:center; 
	background:#fcbe8b;
	border-top:4px solid #ff7777;
	margin-bottom:10px;
}

#foot p {
	margin:5px auto auto 10px;
	font-size:smaller;
}

#foot a, a:visited {
	text-decoration:none;
	color:#333333;
}
#foot a:hover {
	text-decoration:underline;
}

/*	blog-specific styling 	*/
.headline a {
	text-decoration:none;
	color:#ff0000;
}

.headline a:visited {
	text-decoration:none;
	color:#ff0000;
}