/*********************************************************************************
* this stylesheet form the layout and the layout only.
* color and fonts are handled in other stylesheet
* this defines the side column widths in pixels
*********************************************************************************/

#pageWrapper
{
	margin: 0;
	width: auto;
}

#outerColumnContainer
{
	z-index: 1;
	border-color: #FFFFFF; /* set default color to white. set the real color inside colors.css */
	border-style: solid;
	border-width: 0 15em;	/* sets the width of the borders used to create the left and right columns' background color. */
}

#innerColumnContainer
{
	z-index: 2;
	width: 100%;
}

* html #innerColumnContainer
{
	position: relative; /* fix a render bug in IE under certain conditions */
}

#contentColumn
{
	margin: 0 1px;
	width: 85%;
}

#contentColumn table , #table185 table
{ 
	font-size : 8pt;
    font-family : arial, verdana, tahoma, dungeon;
} 

#contentColumn tr, #table185 tr
{
	height: 2em;
}

#contentColumn td
{
	border-width: 1px;
	border-style: solid;
	border-color: #7E7E7E;
	margin: 0;
	
	/* LOE commented out */
	/* text-align: center; */
	height: 2em;
	/* width: 130px; */
}

/* LOE
	previous rule is far too generic, but in the meantime 
	we create a plainTable class otherwise we cant have
	plain ol' tables on our site under contentColumn that
	dont look like bad in virtue of previous rule.
	
	Probably a good idea to fix the previous rule at some point.
*/


table.plainTable tbody tr td {
	border-width: 1px;
	border-style: solid;
	border-color: #7E7E7E;
	text-align: left;
}


#leftColumn, #rightColumn, #contentColumn
{
	float: left;
	position: relative;
	z-index: 10;
	overflow: visible;
}

#rightColumn
{
	float: right;
	width: 15em;
	margin: 0 -14.3em 0 1px;	/* same as in the #leftColumn selector up above. */
}

#leftColumn
{
	width: 15em;
	margin: 0 1px 0 -14em;	/* like in the #contentColumn selector, without the 1px margin on the opposite side of the box, boxes stop floating next to each other */
}


#footer
{
	position: relative;
}


#breakBar
{
	margin: 0;
	height: 1px;
}

#breakBar2
{
	margin: 0;
	height: 5px;
}

#masthead h1
{
	display: inline;
}

.names
{
	text-align: left;
}

#text
{
	text-align: justify;
}

#images
{
	position: absolute;
	right: 35px;
	top: 55px;
}

.clear
{
	clear: both;
	padding-bottom: 1px;
	margin-bottom: -1px;
}

.hide, #oldBrowserNotice, .ieSixCharDupBug
{
	display: none !important; /* hide elements that CSS-targeted browsers shouldn't show */
}

#resume h2{
	margin-bottom:0;
}

#resume .section{
	padding-left:1em;
}

#resume .role{
	font-weight:bold;
}

#resume .job_title{
	font-weight:bold;
	font-style:italic;
	color:#888;
	font-size: 1.1em;
}

a img{
    border: none;
}