body {
margin:0px; background-color:#FFFFFF; font-family: Arial, Verdana, Helvetica; font-size:100%;
}

a {
	color: red;
}
.SubHeading a { color: #8194A3;}

textarea {
	border: solid 1px silver;
	width: 100%;
	height: 150px;
}

input {
	border: solid 1px silver;
}

.textbox {
	font-family: verdana,arial,helvetica;
	font-size: x-small;
	font-weight: bold;
	color: #00402f;
	border: solid silver 1px; }

.box {
	font-family: verdana,arial,helvetica;
	font-size: x-small;
	font-weight: bold;
	color: #ff0000;}
	
#HeaderTabs a {
	color: #000000;
	text-decoration: none;
	display: block;
}

#MainContainer { 
	width: 744px;
	margin-top: 10px;
	background-color:#FFFFFF;
	border-right: 1px solid silver;
	border-left: 1px solid silver;
	border-bottom: 1px solid silver;
}

#MainContainer td {
	padding:0px;
	spacing:0px;
}

#MainContainer table {
	border-collapse:collapse;
	font-size:90%;
}

#illustration {

	padding: 10px;
}

#HeaderTabs table { 
	font-size: 70%;
	font-weight: bold;
	margin:0px;
	text-align:center;
}

#BackToTop {
	text-align: right;
	vertical-align: bottom;
	font-size: 80%;
}

#IndexLogo {
	text-align: right;
}

#IndexTopGreyStrip img {
	display:block;
}

#IndexMainContent table tr td {
	text-align:left;
	vertical-align:top;
}

#IndexMainContent img {
	display: block;
}

#IndexStrapLine {
	font-size:100%;
	font-weight:bold;
}

#MainContentLayout {
	width: 744px;
}

#MainContentLayout td {
	vertical-align: top;
}

#MainContentLayoutLeft
	{
	width: 237px;
}

#MainContentLayoutLeft img
	{
	display:block;
}

#MainContentLayoutRight
	{
	width: 507px;
}

#MainContentLayoutRight img
	{
	display:block;
}

.Document {
	background-image: url(/images/document_title.gif);
	height:20px;
} 

.DocumentTitle {
	font-weight:bold;
	margin-left:20px;
	color:#FFFFFF;
} 


/* Library Documents Page */

#libraryDOC {
	margin-bottom:20px;
	width: 444px;
}

#libraryDOC td {
	vertical-align:middle;
}

#libraryDOC .DocumentContent {
	padding:5px;
}



/* Links Page */

.linksIMAGE {
	text-align:center;
}

.linkTABLE {
	margin-bottom: 10px;
	width:100%;
}

.linkTABLE td a {
	font-size:100%;
	font-weight:bold;
}

.linksTITLE a {
	color: red;
	font-size:120%;
}

hr {
	color: silver;
	width: 100%;
	text-align: center;
	height: 1px;
}


/* FAQ Page */

.faq {
	margin:10px;
}

.faqCATEGORY {
	margin-top:20px;
}

.faqCATEGORY table {
	text-align:left;
}
	
#faqTITLE {
	margin-bottom:20px;
	width: 444px;
}

#faqTITLE td {
	vertical-align:middle;
}

#faqANSWER table
	{
	width: 100%;
}

#faqSUBMITQUESTION table
	{
	width: 100%;
}

.faqQuestion {
	background-color: red;
	font-size: 100%;
	color: white;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 4px;
	padding-right: 4px;
	margin-right: 10px;
	font-weight: bold;
}

.faqAnswer {
	background-color: orange;
	font-size: 100%;
	color: white;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: bold;
}


/* Design Statement Tool */

#designContainer img {
	display: block;
}

#designContainer td {
	padding:0px;
	spacing:0px;
	vertical-align:top;
}

#designContainer table {
	padding:0px;
	spacing:0px;
	vertical-align:top;
	border-collapse:collapse;
}

#designStatement {
	border-collapse:collapse;
	width: 721px;
}

#designStatementButtons input {
	display: block;
}

.designStatementSubNav {
	background-color: #8194A3;
	width: 164px;
	font-size: 70%;
	font-weight: bold;
	color: #FFFFFF;
	text-align:left;
}

.designStatementSubNav a {
	color: white;
}

.designStatementSubNavNoJava {
	background-color: #8194A3;
	font-size: 70%;
	color: #FFFFFF;
	text-align:left;
}

.designStatementSubNavNoJava a {
	color: white;
}

#designStatementContent {
	background-color: #FFFFFF;
	background-image: url(/images/designStatementContent.gif);
	background-repeat:repeat-y;
	height:200px;
	width: 656px;
	padding-right: 1px;
	padding-left: 1px;	
}

#designStatementContent table td {
	font-size: 80%;
	padding-left: 20px;
	padding-right: 20px;
}

#designStatementContent p {
	font-size: 80%;
	padding-left: 20px;
	padding-right: 20px;
}

#designStatementContent li {
	font-size: 80%;
	padding-left: 20px;
	padding-right: 20px;
}

#designStatementFooter {
	height:20px;
}

.SubLink {
	text-decoration: underline;
	font-weight:normal;
	cursor:pointer;
	padding-left:5px;
}

#designStatementWelcome table td {
	padding-left: 0px;
	padding-right: 0px;
}

#designStatementWelcome p {
	font-size: 100%;
}

#Content {
	padding-right: 10px;
}

#FooterLinks {
	text-align:center;
	font-size:70%;
	margin-top:10px;
}

.GuideText {
	color:white;
	font-style: italic;
	font-size:90%;
}

.GlossaryHeading {
	font-weight:bold;
}

#navTopStyleNoJava a
	{
	font-size:80%;
	font-weight:bold;
	color:black;
}

#navTopStyleNoJava td
	{
	text-align: center;
}

#aboutImage {
	text-align: center;
}

#MoreInfo table td {
	font-size: 80%;
	padding: 10px;
}

/* Login Page */
#loginBOX { margin: 20px; font-size:100%; }
#loginBOX { margin-right: auto; margin-left: auto; }
#loginBOX { text-align: center; }
#loginBOX td {padding: 10px;}
#loginFORM {font-size: 100%;}
#loginERROR {text-align:center; color: red; font-size:80%;}
#logoutMSG {text-align:center; color: red; font-size:80%;}

/* Register Page */
#registerFORM {font-size: 100%; margin:10px;}
#registerFORMUPDATE {font-size: 80%; margin:10px;}
#registerFORM table {font-size: 100%;}
#registerERROR {text-align:center; color: red; font-size:80%;}

/* Account History Page */
#accounteditBOX { border-collapse: collapse; border: 1px solid black; margin: 20px;}
#accounteditBOX td {padding: 10px;}

#accountERRORMSG { color:red; }

/* Design Statement Tool */
#designHeaderContent {width:100%; padding:5px 5px 5px 5px; margin:0px; z-index:999; font-weight:bold; color:#000000; text-align:left;}

#designContainer {width:721px; }
#designContainerNoJava {border-collapse: collapse; border: 1px solid black; width:630px;}

#designHeaderButtons table {width:100%; font-size:80%;}
#designHeaderButtons table td {width:25%; text-align:center;}
#designHeaderArea { margin:0px 0px 10px 0px;}
#designHeaderArea table {width:100%; font-size: 90%;}
#designHeaderArea table td {width:20%; text-align:center;}
#designContent { margin: 10px; font-size:80%;}
#designContent inputtext {width:60%;}
#designContent table {width:90%; font-size:100%;}
#designContent p {font-size:100%;}
#designContent textarea {width:80%; height:150px;}

#designSAVEPAGE { margin: 10px;}
#designCOMPLETE { margin: 10px;}

.designHELP {
	background-color:#8194A3;
	width:100%;
	border-collapse: collapse;
	color:white;
	margin: 5px;
	padding: 5px;
}

.designHELPguide{
	background-color:#929292;
	width:100%;
	border-collapse: collapse;
	color:white;
	margin: 5px;
	padding: 5px;
}

.designHELP a {
	color: white;
	font-weight: bold;
	font-size:100%;
}

.designERRORQUESION {color:red}
.designQUESTIONCOL {width:40%;}
.designWAIT { font-size:80%;}
.designUNITS { font-size:80%;}
.designQUESTIONREQUIRED {color: red;}
.designQUESTION {background-color:silver; font-size:80%; padding:0px 3px 0px 2px;}
.designSAVEPAGEHELP {font-size: 100%;}

.SubHeading {
	font-weight:bold;
	color:#8194A3;
	margin-left:20px;
	margin-right:20px;
	padding-left:10px;
	border-collapse: collapse; border-left: 2px solid #8194A3;	
}

.SubHeadingRed {
	margin-left:20px;
	font-weight:bold;
	color:#ff0000;	
	font-size:80%; 
}

.SubTitle {	
	font-weight:bold;
	color: #000000;
}

.heading { font-weight:bold; }

.headingAbout { font-weight:bold; font-size: 24px; }

.title {
	margin-left:20px;
	margin-right:20px;
	font-size:120%; 
	color: red;
	border-collapse: collapse; border-bottom: 1px dotted #8194A3;
}

.designTOPIC { font-weight: bold;}

.block { display: table-row; }

NOSCRIPT {
margin: 0px;
}

/* View Statement */
#ViewStatement {  }
.AreaHeading { font-weight:bold; text-decoration: underline; }
.ViewHelp {  }
.ViewGuide { font-style: italic; }


/* Table centering class */
.center
{ 
text-align: center;
}

.center table
{ 
margin-left: auto;
margin-right: auto;
text-align: left;
}

.center div
{ 
margin-left: auto;
margin-right: auto;
text-align: left;
}

.center ul, li, p
{ 
margin-left: auto;
margin-right: auto;
text-align: left;
}

/* Text formatting styles
a, a:link, a:active, a:visited {color:#0D6819;}
a:hover {color:#84012B;}
*/

/* Glossary */
#GlossaryContainer { font-size:80%; margin: 10px;}
#GlossaryContainer a { color:black; }

/* Application Discussion */
#AppDiscussContainer { font-size:80%; margin: 10px;}
#AppDiscussContainer a { color:red; }



/* DHTML DropDown Top Menu */

#nav a {
	font-weight: bold;
	color: white;
	padding-left:0px;
	padding-top:0px;
	text-decoration: underline;
}

#nav a {
	text-decoration: underline;
}

#nav img {
	display: block;
}

#nav li li a {
	display: block;
	font-weight: normal;
	color: #FFFFFF;
	text-align:left;
	width: 150px;
	font-size: 140%;
	padding-bottom:10px;
	text-decoration: underline;
}

* html #nav li li a {
	display: block;
	font-weight: normal;
	color: #FFFFFF;
	text-align:left;
	width: 150px;
	font-size: 140%;
	padding-bottom:10px;
	text-decoration: underline;
}

#nav li li a:hover {
	font-weight: normal;
}

#navStyle ul {
	list-style: none;
	padding: 0;
	margin: 0;
	height:24px;
	top: 0px;
}

#navStyle li {
	float: left;
	position: relative;
	width: 150px;
	padding-left: 0px;
	cursor: default;
	background-color: #8194A3;
  	font-size: 100%;	
  	text-align:left;
}

#navStyle li ul {
	display: none;
	position: absolute;
	top: 23;
	left: 0;
	height:24px;	
	font-weight: normal;
}

#navStyle li>ul {
	top: auto;
	left: auto;
}

#navStyle li li {
	display: block;
	float: none;
	border: 0;
	padding-right:10px;
	padding-top: 10px;
	padding-bottom: 10px;
	width:150px;
	height:14px;
	vertical-align:middle;
  	font-size: 70%;	
	left:-1;
  	top:10px;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;  	
}

* html #navStyle li li {
	display: block;
	float: none;
	border: 0;
	padding-right:10px;
	padding-top: 10px;
	padding-bottom: 0px;
	width:150px;
	height:14px;
	vertical-align:middle;
  	font-size: 70%;	
	left:-1;
  	top:-1px;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;  	
}

#navStyle li:hover ul, #navStyle li.over ul {
	display: block;
}



/* DHTML DropDown Top Menu */

#navMain a {
	font-weight: bold;
	color: black;
	padding-left:0px;
	padding-top:0px;
}

#navMain a {
	text-decoration: none;
}

#navMain img {
	display: block;
}

#navMain li li a {
	display: block;
	font-weight: normal;
	color: #000000;
	text-align:left;
	width: 110px;
	font-size: 140%;
	padding-bottom:0px;
}

* html #navMain li li a {
	display: block;
	font-weight: normal;
	color: #000000;
	text-align:left;
	width: 110px;
	font-size: 140%;
	padding-bottom:0px;
}


#navMain li li a:hover {
	font-weight: bold;
}

.navTopStyle ul {
	list-style: none;
	padding: 0;
	margin: 0;
	height:24px;
	border: 0px solid red;
	top: 0px;
}

.navTopStyle li {
	float: left;
	position: relative;
	width: 125px;
	cursor: default;
	background-color: white;
  	font-size: 70%;	
  	text-align:right;
}

.navTopStyle li ul {
	display: none;
	position: absolute;
	top: 23;
	left: 0;
	height:24px;	
	font-weight: normal;
}

.navTopStyle li>ul {
	top: auto;
	left: auto;
}

.navTopStyle li li {
	display: block;
	float: none;
	border: 0;
	padding-left:14px;
	padding-top:5px;
	padding-bottom:5px;		
	border-left: 1px solid #525152;
	border-right: 1px solid #525152;
	border-bottom: 1px solid #525152;
	width:110px;
	height:14px;
	vertical-align:middle;
	left:-1;
}

.navTopStyle li:hover ul, .navTopStyle li.over ul {
	display: block;
}