body {
	font: 78%/1.5 verdana, helvetica, sans-serif;
	background: white;
	text-align: center;
	padding: 0;
	margin: 2em;
}

#container {
	width: 760px;
	background: white;
	text-align: left;
	border: 1px solid #ccc;
	margin: 0 auto;
	padding-bottom: 1em;
	position: relative;
}

.introText {
	font-weight: bold;
	font-size: 110%; 
	color: blue;
}

.paraHeading {
	font-weight: bold;
}


h1 {
	height: 114px;
	background: url(images/whatIfTechnologiesBanner.jpg) bottom left no-repeat;
	text-indent: -999em;
	margin: 0.5em 0 0 0.5em;
}


#navBasic {

	float: right;
	text-align: right;
	margin: 0 0.5em 0 0;
}

#navBasic ul {
	list-style-type: none;
}

#navBasic a:link{font-size:78%;font-weight:normal;color:black;text-decoration: none;}
#navBasic a:visited{font-size:78%;font-weight:normal;color:black;text-decoration: none;}
#navBasic a:hover{font-size:78%;font-weight:normal; color:red; text-decoration: underline;}
#navBasic a:active{font-size:78%;font-weight:normal;color:blue; text-decoration: underline;}


#nav, #nav ul {
	float: left;
	width: 760px;
	list-style: none;
	line-height: 1;
	background: white;
	font-weight: bold;
	padding: 0;
	border: solid #ccc; /*#eda;*/
	border-width: 1px 0;
	margin: 0 0 1em 0;
	z-index: 2;
}

#nav a {
	display: block;
	/* 
	width: 10em;
	w\idth: 6em;
	*/
	color: black;
	text-decoration: none;
	padding: 0.25em 1em;
}

#nav a.daddy {
	background: url(images/rightarrow2.gif) center right no-repeat;
}

#nav li {
	float: left;
	padding: 0;
	/*width: 10em;
	border: solid black;
	border-width: 1px 1px; */
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 14.4em;
	font-weight: normal;
	border-width: 0.25em;
	margin: 0;
}

#nav li li {
	padding-right: 1em;
	width: 13em
}

#nav li ul a {

	width: 13em;
	w\idth: 9em;
}

#nav li ul ul {
	margin: -1.75em 0 0 14em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	background: #ccc; /*#eda;*/
}

#vNav {
	float: right;
	width: 160px;
	list-style: none;
	line-height: 1;
	font-weight: normal;
	margin: 3em 10px 1em 5px;
	padding: 0;
}

#vNav ul {

	list-style: none;
	line-height: 1;
	text-align: left;
	padding: 0;
	margin: 0;
}

#vNav li {
	padding: 0.25em 1em;
	margin: 0.25em 0;
	border: solid #ccc;
	border-width: 1px 1px;
}

#vNav a {
	display: block;
	color: black;
	text-decoration: none;
	padding: 0.25em 0;
}

#vNav a:link{color:black;text-decoration: none;}
#vNav a:visited{color:black;text-decoration: none;}
#vNav a:hover{color:red;text-decoration: underline;}
#vNav a:active{color:black;text-decoration: none;}

#vNav a.pdf {
	background: url(images/icon_acro.gif) top left no-repeat;
	line-height:1.2;
	text-indent: 20px;
}


#content {

	clear: left;
	width: 520px;
	margin: 5em 0 2em 30px;
	padding: 0 10px 0 0;
	border: solid #ccc;
	border-width: 0 1px 0 0;
}

#content a {
	color: #7C6240;
}

#content a:hover {
	text-decoration: none;
}

img.icon {
	float: left;
	margin: 0.5em 1em 0.5em 0;
	padding: 0 0;
	border-style: none;
}

div.quoteBlockR {
	float: right;
	width: 30%;
	font-weight: bold;
	background-color: #ddd;
	margin: 0.5em 0 1em 1em;
	padding: 0.25em 1em 0 1em;
}

div.quoteBlockL {
	float: left;
	width: 30%;
	font-weight: bold;
	background-color: #ddd;
	margin: 0.5em 1em 1em 0;
	padding: 0.25em 1em 0 1em;
}

div.quoteMarks {
	font: 200%/1 "Times New Roman";
	color: blue;
	font-weight: bold;
}

div.marksL {
	text-align: left;	
}

div.marksR {
	text-align: right;	
}

div.spacer {
	clear: both;
	margin: 0 0 1em 0;
}


#copy {
	font: 70%/1.5 verdana, helvetica, sans-serif;
	margin: 1em 0;
}