/* General page containers */

#page-container {
	width: 1050px; /* width+padding = width+padding of both direct descendants (#content-container, #skyscraper-container) */
	margin: 0 auto;
	}

#content-container {
	/* width: 850px; temp removed */
	float: left;
	}

/* Content table width is 790px */
#banner-wrapper {
	padding-left: 60px; /* padding+width should match padding+width of container for proper centering */
	/*
	We don't actually need to specify width, but it's here for reference for positioning inner elements
	width: 790px;
	*/
	height: 90px;
	margin: 0 auto;
	position: relative; /* for positioning inner elements */
	}
	#ad-banner-container {
		position: absolute;
		}
	#banner-wrapper .ad-helper {
		position: absolute;
		/* left matches width of #banner-wrapper (parent) to line up exactly, or add some for a pseudo-margin */
		/* Alternately, specify right position instead of left to position it relative to the right side of the container */
		left: 794px;
		bottom: 4px;
		}

#skyscraper-container {
	width: 160px;
	height: 600px;
	/*
	Align top with the top of main content below the header (height+padding+margin of #banner-wrapper,#content-container)
	This is ESTIMATED by height+padding of #banner-wrapper, margin on #content-container, measured heights of table rows in content header, then additional heights and paddings of a table row, then the measured pixel height of a manual line break
	90 + 5 + 30 + 44 + 15 + 15 + 14
	Only somewhat accurate. Solution: explicit heights?
	*/
	padding: 203px 0 0 10px;
	float: left;
	}

/* orig below here */



.textPage {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #333333;
}
.WizOutline {
	border: 1px dashed #E0B6C1;
	padding: 8px;
}
.featureProject {
	border: 1px solid #e6d1e1;
	padding: 8px;
}

.language {
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  padding: 3px;
	color: #a62d74;
  background-color: #f7daf6;
  display: inline; 
}

/**********************************/
/* DMG: organize the Home page    */
/**********************************/
.message {
	border: 1px dashed #e6d1e1;
	padding: 8px;
}
.indexOutline {
	border: 1px dashed #e6d1e1;
	padding: 8px;
	background:#efeeef;
}
.posterTap_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
  color: Black;
  font-weight: bold;
}
.posterTap_off {
	border-style: solid;
	border-color: #e6d1e1;
	padding: 5px;
  background-image:url(/images/tab_bkg_drk.gif);
	border-width: 1px;
	text-align:center;
}
.posterTap_on {
	border-style: solid;
	border-color: #e6d1e1;
	padding: 5px;
	background: #F3EFF3;
	border-width: 1px;
	border-bottom-style: none;
	text-align:center;
}
.posterTap_between {
	border-bottom-style: solid;
	border-color: #e6d1e1;
	border-width: 1px;
}
.posterTap_content {
	vertical-align: top;
	border-left-style: solid;
	border-bottom-style: solid;
	border-right-style: solid;
	border-color: #e6d1e1;
	padding: 10px;
	border-width: 1px;
  background-image:url(/images/tap_bkg_content.jpg);
  height: 280px;
}


/**********************************/
/* DMG: organize the content      */
/**********************************/

TABLE.tableBody_Content_woBorder, TABLE.tableBody_Content_wBorder, TABLE.tableBody_Content_Grid{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  width:700px;
  vertical-align:top;
  
}

TABLE.tableBody_Content_wBorder
{
	border: 1px solid #D1C9C9;
}

TABLE.tableBody_Content_Grid {
  border-color: #D1C9C9;
  border-width: 0 0 1px 1px;
  border-style: solid;
}

TABLE.tableBody_Content_Grid TD,TH{
	padding: 5px;
  border-color: #D1C9C9;
  border-width: 1px 1px 0 0;
  border-style: solid;
}

TABLE.tableBody_Content_Grid TH {
  background: #F0DCE5;
  text-align:center;
}

/**********************************/


.inspiration_box {
	padding: 12px;
	background: #F3E6EC;
	width:200px;
	vertical-align:top;
}

a:link {
	color: #1461AA;
	text-decoration: none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
a:visited {
  color: #1461AA;
  text-decoration: none;
  font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

a:hover {
	text-decoration: underline; 
	}
	
.headerText1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	color: #DE2835;
}

.headerText3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	color: #333333;
	font-weight: bold;
}

.headerText2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	text-align: left;
}
.textItalic {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	color: #333333;
	text-align: left;
}
.linksBottom {
	font-family: Arial, Helvetica, sans-serif;
	color: #3333CC;
	font-size: 11px;
}
.NavMain {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6791B6;
}

----------------------------------------------- */

#TopNav {
	font-size: 12px;
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #640D81;
}


#TopNav a:link {
	font-size: 12px;
	color: #6791B6;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	
}
#TopNav a:visited {
	color: #6791B6;
	font-size: 12px;
}
#TopNav a:hover {
	text-decoration: underline;

}
	
	
#bottomNav {
	font-size: 11px;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	color: #3333CC;
}


#bottomNav a:link {
	font-size: 11px;
	color: #3333CC;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	
}
#bottomNav a:visited {
	color: #3333CC;
	font-size: 11px;
}
#bottomNav a:hover {
	text-decoration: underline;

}
.BkgWhite {
	background-color: #FFFFFF;
}
.BkgPeach {
	background-color: #F5F8CA;
}
.BkgBar {
	background-color: #F5F8CA;
}
.textQuote {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 19px;
}

#crumb {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #6791B6;
}

#crumb a:link {
	font-size: 10px;
	color: #6791B6;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	
}
#crumb a:visited {
	color: #6791B6;
	font-size: 10px;
}
#crumb a:hover {
	text-decoration: underline;

}
.column1 {
	padding: 8px;
	border-left-style: dashed;
	border-left-color: #E0B6C1;
	border-left-width: 1px;
}

.textHidden {display:none}
.textShown {display:inline}