/* adapted from http://www.positioniseverything.net/articles/onetruelayout/ 
   HISTORY: 2006-03-06 - T. Do
*/

body
{
	/* min-width:650px; */
}

#header {
  /* margin-top:10px; */
  /* height:120px; */
  /* padding:0px; */
  font-size:large;
  /* border-top:1px solid silver; */
  border-bottom: 1px solid white;
  background:white;
  background-image:url(header_stripe.png);
  /* background-repeat:repeat-x; */
}

#contents_wrapper
	{
	/* float: left; */
	/* width: 100%; */
	}
#contents
	{
	padding: 1% 7% 2% 14%;
	/* padding-left:10px; */
	/* padding-right:10px; */
	/* margin: 0 0 0 150px; */
	background:white;
	}

#header_info
	{
	float:right;
	color:gray;
	text-align:right;
	font-size:.8em;
	padding-right:10px;
	padding-top:10px;
	}

#header_title
	{
	/* float:left; */
	}

#navigation
	{
	/* padding-top:10px; */
	/* padding-left:10px; */
	/* float: left; */
	/* margin-left: -100%; */
	/* width: 150px; */
	/* background:white; */
	}

#contents, #navigation
	{
	/*	padding-bottom:100%; 
	margin-bottom:50%;*/
	/* padding-bottom:1000em; */
	/* margin-bottom:-999.5em; */
	}	

#block_3
	{
	float: right;
	margin-left: -100%;
	width: 250px;
        border:1px solid silver;
	}
* html #block_3
	{
	margin-left: -250px;
	}

 div#footer
{/* margin: 0 0 0 0; *//* clear: both; *//* padding: .5em 1em; *//* border-bottom: 1px solid silver; */}

/*--------------------------------------------------------
the rest is the same no matter what the column ordering 
and plays no real part in the technique
---------------------------------------------------------*/
/*  throat, er cough, float, clearer
the container div and the clearing rules have no bearing on the 
technique - they're needed here on the footer's behalf
see http://www.positioniseverything.net/easyclearing.html for
an explanation of the voodoo applied to #container
Unfortunately neither of the other two easy clearing methods, 
namely applying either a float or overflow: auto (or hidden) to 
the containing wrapper works.
http://mezzoblue.com/archives/2005/03/03/clearance/
http://annevankesteren.nl/2005/03/clearing-floats
http://www.456bereastreet.com/lab/clearing_floats/
In both cases, the height of the containing wrapper is set to the 
height of block_1. Great if block_1 is the tallest column, not so good 
if it's not. (Though, of course, it should be noted that both 
methods work just fine in IE because of its infamous broken float
implementation)
*/
#container:after
	{
	content: '[DO NOT LEAVE IT IS NOT REAL]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
#container
	{
	/* display: inline-block; */
	/* overflow:scroll; */
	}
/*\*/

* html #container
	{
	height: 1%;
	}
#container
	{
	display: block;
	max-width: 70%;
	margin: auto;
	/* position:relative; */
	/* border-left:1px solid silver; */
	/* border-right:1px solid silver; */
	/* border-bottom:1px solid silver; */
	}
/* */

body {
	/* margin: 0; */
	/* padding: 0; */
	/* background: #e8f2ff; */
	/* font-family:Georgia, "Times New Roman", Times, serif, Arial, Helvetica, sans-serif; */
	/* color:#252589; */
	/*	letter-spacing:.1em; */
	/* font-size:95%; */
}

/* Navigation!  adapted from: http://css.maxdesign.com.au/listamatic/horizontal27.htm */

#navcontainer ul
{
text-align: center;
padding-bottom: 1px;
padding-top: 1px;
padding-left: 0;
margin-top: 0;
/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0;
background-color: #d2edfb;
color: color:#252589;
font-size:.8em;
width: 100%;
line-height: 18px;
clear:both;
/* fixes Firefox 0.9.3 */
}

#navcontainer ul li
{
display: inline;
padding-left: 0;
padding-right: 0;
padding-bottom: 1px;
/* matches link padding except for left and right */
padding-top: 1px;
}

#navcontainer ul li a
{
padding-left: 10px;
padding-right: 10px;
padding-bottom: 1px;
padding-top: 1px;
text-decoration: none;
color:#09c;
border-right: 1px solid #fff;
}

#navcontainer ul li a:hover
{
background-color: #FAEDD2;
}

#navcontainer #active { border-left: 1px solid #fff; 
/*	background-color:#e8f2ff; */
	background-color:white;
	}


/* fonts and looks */


a:hover {color:red;}

div#header h1
	{
	margin:0;
	padding-left:.75em;
	padding-top:55px;
	font-size: 2.2em;
	font-weight: normal;
	color:#92A4AD;
	}

h2
	{
	font-weight:normal;
	}

.code
	{
	font-family:monospace;
	}