/* main layout and style settings for the MIT Energy Resource Council website */
/* =============================================== */
/* contact: jbink@mit.edu  or web.mit.edu/amps/ */
/* =============================================== */
/* navigation bar stylesheet */

@import url(sitenav.css);

/* details & colors stylesheet */

@import url(details.css);

/* =============================================== */
html
{
	min-width: 790px;
	border-top: 6px solid #333448;
	background: #D1DFF0 url("../img/site/tile.png") repeat;
}

body
{
	border-top: 4px solid #000;
	border-bottom: 3px solid #BDC9DB;
	margin: 0;
	font-family: "Lucida Grande", Arial, Verdana, Helvetica, sans-serif;
	font-size: small;
}

/* =============================================== */
/* page header */
#masthead
{
	height: 113px;
	background: #172841 url("../img/site/header-pano.jpg") -155px 46px repeat-x;
	border-bottom: 2px solid #000;
}

#masthead h1
{
	position: absolute;
	top: 22px;
	left: 155px;
	z-index: 100;
	margin: 0;
	line-height: 35px;
	width: 460px;
	padding: 0;
	text-indent: -9999px;
	background: transparent url("../img/site/main-title.png") no-repeat;
}

#masthead img { border: 0; }

#masthead #erclogo
{
	position: absolute;
	top: 7px;
	left: 10px;
}

#masthead #mitlogo
{
	position: absolute;
	top: 12px;
	left: 725px;
}

/* =============================================== */
/* page body elements */
#envelope
{
	background: transparent url("../img/site/env-brdr.png") 40px 0 repeat-y;
	border: 4px solid #000;
	border-width: 4px 0;
	border-color: #000 #000 #637485 #000;
    padding: 0 0 0 45px;
}

#wrapper
{
	width: 702px;
	border-top: 8px solid #000;
	margin: 0;
	padding: 0;
	background: #fff url("../img/site/wrapper-bg2.png") -116px 0 repeat-y;
}

.twocol #wrapper { background: #fff; }

#hm #wrapper
{
	background: transparent url("../img/site/wrapper-bg.png") 3px 0 repeat-y;
}

#submasthead
{
    width: 698px;
	background: #97B3D8 url("../img/site/submast-bg.png") repeat-y;
	border: 1px solid #fff;
	border-color: #fff #fff #9CB0C2 #fff; 
	margin-left: 1px;
}

/* =============================================== */
/* page content & text containers */
#container
{
    width: 698px;
	padding: 0;
	margin: 0 0 0 1px;
	border: 1px solid #fff;
    border-width: 0 1px;
}

#rs #container { width: 700px; border: none; margin: 0 0 0 2px; }

#content
{
	width: 495px;
	float: left;
	margin: 0 0 20px 0;
}

.onecol #content { width: 697px; }

#content.indent
{
	margin: 0 0 0 75px;
	background: #fff url("../img/site/wrapper-bg2.png") -118px 0 repeat-y;
}

#centercol
{
	margin: 0 0 0 121px;
	padding: 0 0 0 15px;
	width: 345px;
}

#centercol h6.caption
{
	margin: 0 0 0 0px;
	padding: 0 0 0 0px;
	width: 345px;
}

#centercolarch
{
	margin: 0 0 0 20px;
	padding: 0 0 0 15px;
	width: 500px;
	
}

#centercolarch h6.caption
{
	margin: 0 0 0 0px;
	padding: 0 0 0 0px;
	width: 500px;
}

#centercolarch h4
{
	margin: 10px 0 0 0px;
	padding: 8px 0 0 0px;
	width: 500px;
}

#centercolarch h5
{
	margin: 0 0 0 0px;
	padding: 8px 0 6px 0px;
	width: 500px;
}




.twocol #centercol
{
	margin: 0 0 0 -2px;
	padding: 0 0 0 15px;
	width: 466px;
}

.onecol #centercol
{
	margin: 0 0 0 -2px;
	padding: 0 15px;
	width: auto;
}

#rightcol, #rightcol-narrow

{
	width: 185px;
	float: right;
	padding: 6px;
	margin: 0;
}

#rightcol-narrow
{
	width: 120px;
	padding: 0;
	margin: 3px 3px 0 0;
}

#leftcol
{
	width: 120px;
	float: left;
	padding: 0;
	margin: 1px 0 25px 1px;
}

.twocol #leftcol { display: none; }
.onecol #rightcol { display: none; }

/* =============================================== */
/* content holder modules */
.mod3col
{
	width: auto;
	padding: 0;
	margin: 0 0 10px 0;
	border-bottom: 1px dotted #eee;
    clear: left;
}

.modcolumnDbl { width: auto; margin: 0 0 0 120px; padding: 0;}

.imagebox
{
    float: left;
	padding: 0;
	width: 110px;
	margin: 0 10px 10px 0;
    font-weight: 800;
    color: #496BA5;
}

.imagebox p { padding: 0; line-height: 90%; }

#footer
{
	border: 1px solid #ddd;
    border-color: #ddd #fff;
	background: #fff url("../img/site/mini-logo.png") 5px 4px no-repeat;
	padding: 5px;
	margin: 0 1px;
	color: #888;
	font-size: 10px;
	text-indent: 45px;
}

.date
{
	border-bottom: 1px solid #ddd;
    border-color: #ddd #fff;
	padding: 0 3px 20px 3px;
	margin: 0 0 4px 0;
	color: #333;
	font-size: 10px;
	text-indent: 400px;
}


/* =============================================== */
/* miscellaneous tweaks */
.buffer
{
	height: 0;
	visibility: hidden;
	clear: both;
}

#skiptocontent
{
	height: 0;
	visibility: hidden;
}