/******************/
/* OUTSIDE LAYOUT */
/******************/
/* THESE DIVS FORM AN OUTSIDE THREE COLUMN LAYOUT WITH FULL HEADER AND FULL FOOTER 	*/

/* this header spans the full page and will typically hold all of the navigation */
#header { 					
	/* the following line sets the base background color for the 'two-tone' nav bar;
	   currently navy blue */
	background-color: #154463;
	/* the following lines (background-) give us the top color;
	   this was necessary when the div containing the top right logo
	   would not fully expand.  likewise, the div containing the primary
	   nav would not fully expand.  the primary nav div once gave us
	   the top color, but it would not fully expand.  now, the header
	   places the top right logo as a background element and 
	   containerheadcontent (in e11_nav.css) sets the top color */
	background-image: url('/images/layout_nav_horizontal_BG.gif');
	background-repeat: repeat-x;
	border-bottom: 2px solid #FFF;
}

/* contentArea affects all content below the nav and above the footer */
div#contentArea {
	margin-left: 5.8em;
}

div#contentArea h1 {
	padding-top: 2em;
	padding-bottom: .4em;
}

div#contentArea h2 {
	margin: .6em 0;
	padding-bottom: .1em;
}

div#contentArea h3 {
	margin: .6em 0 1em;
	/*padding: .8em;*/
}

div#contentArea h4 {
	margin: .8em 0;
	padding: 0;
}

div#contentArea img.left {
	margin: .4em .8em .8em 0;
}

div#contentArea img.right {
	margin: .4em 0 .8em .6em;
}

div#column1 {
	/*max-width: 20%;*/		/* we must include the javascript hack for IE to deal with max-width */
							/* see ndeHeaderE11 and reference attributes.showLeftMostOutsideColumn */
	float: left;
	display: inline;		/* force inline display (i.e. allow objects to sit side by side) */
}

div#column2 {
	/*width: 80%;*/			/* change this value accordingly when removing column1 and column3 (i.e. the optional, outside columns) */	
	display: inline;		/* force inline display (i.e. allow objects to sit side by side) */
	float: left;
}

div#column3 {
	/*max-width: 20%;*/		/* we must include the javascript hack for IE to deal with max-width */
							/* see ndeHeaderE11 and reference attributes.showRightMostOutsideColumn */
	float:left;
}

/* footer spans the full page */
div#footer {
	padding-top: .8em
	line-height: 150%;
}

div#footer a {
	line-height: 300%;
}
/**********************/
/* END OUTSIDE LAYOUT */
/**********************/

/*****************/
/* INSIDE LAYOUT */
/*****************/
/* COLUMN2 (FROM ABOVE) HOLDS A TWO COLUMN LAYOUT WITH FULL HEADER AND FULL FOOTER	*/
/* CONSIDER THE INSIDE LAYOUT TO BE THE MAIN CONTENT LAYOUT							*/
div#baseContent_fullWidthHeader {
	float: none;		/* NOTE: because we currently only have "float: none;" we can take the whole rule out!! */
}

div#baseContent_innerWrapper {

}

div#baseContent_column1 {
	float:left;
	width:65%;
}

div#baseContent_column1_body {
	float: left;
	/* BORDER OF 1PX WHITE DUE TO FIREFOX 100% WIDTH FLASH DISPLAY */
	border: 1px solid white;
}

div#baseContent_column1 p, div#baseContent_column2 p {
	margin-bottom: .8em;
}

div#baseContent_column2 {
	float: left;
	width: 28%;
	margin: 1.6em 0 0 1.6em;
	padding-left: 1.6em;
}

div#baseContent_column2 img {
	margin-right: .6em;
}

div#baseContent_footer {
	text-align: center;
}

div#contentArea img.left {
	float:left;
}

div#contentArea img.right {
	float:right;
}

/***************/
/* FEATURE BOX */
/***************/
#e11feature .rctop         { background: url(/images/corners_top.gif) repeat-x; }
#e11feature .rctop div     { background: url(/images/CurvedCornerTopLeft.gif) no-repeat top left; }
#e11feature .rctop div div { background: url(/images/CurvedCornerTopRight.gif) no-repeat top right; }
#e11feature .rcbot         { background: url(/images/corners_bottom.gif) repeat-x; }
#e11feature .rcbot div     { background: url(/images/CurvedCornerBottomLeft.gif) no-repeat top left; }
#e11feature .rcbot div div { background: url(/images/CurvedCornerBottomRight.gif) no-repeat top right; }
#e11feature .rccontentwrap { background: url(/images/corners_left.gif) repeat-y; }
#e11feature .rccontent     { background: url(/images/corners_right.gif) repeat-y right; }
 
/* height and width details */
#e11feature .rctop div, #e11feature .rctop, #e11feature .rcbot div, #e11feature .rcbot {
	width: 100%;
	/* this must be the exact pixel height of the corner images */
	height: 11px;
}

#e11feature div#featureHeader, #e11feature div#content_col1 {
	padding: 0 0 0 .8em;
}

#e11feature div#content_col1 {
	float: left;
}

#e11feature div#content_col2 {
	background-image: url(/images/feature_header_blue_horiz.gif);
	background-repeat: repeat-x;
	text-align: right;
	margin-right: .7em;
}

#e11feature div#content_col1_header {
	color: #FFFFFF;
	padding-bottom: .2em;
	font-size: 90%;
}

#e11feature div#content_col1_content {
	padding-top: .8em;
	font-size: 90%;
	text-align: right;
	line-height: 120%;
}

/* OVERRIDE the baseContent_column2 img +margin */
#e11feature div#content_col2 div#imageBlock img {
	margin: 0;
}

#e11feature div#content_col2 div#imageBlock img[class=image_border] {
	border-left: .8em solid white;
}

/**********/
/* SEARCH */		
/**********/
#search {
	margin: .8em .4em .4em .4em;
}

/**************/
/* NAV LAYOUT */
/**************/
/* THE NAVIGATION BAR IS BASED ON A TWO COLUMN LAYOUT WITH THE IMAGE IN COL1		*/
/* SEE E11_NAV.CSS																	*/

/********/
/* TAGS */
/********/
#contentArea ul {
	margin-top: .8em; 		/* 10px */
	margin-bottom: .8em;	/* 10px */
	margin-left: 1.7em;
}

#contentArea ol {
	margin: 0 0 .8em 2.5em;
}