/* Primary Style Sheet used by all CDE web applications */

/*
May 2006: Initial Release
06Jun2006 Rodney: Added #div95percent and div.boxborder

*/

body {
  font-family:Arial, Helvetica, Sans-serif; background-color: #FFF; color:#000;
  margin:0 0.2em 0 0.2em; font-size:75%; text-align:center; 
}

p, div { /* to ensure inheritance */
  font-family:Arial, Helvetica, Sans-serif; font-size:1em; 
  line-height:normal;
} 

/* outer DIVs */
#div750 {width: 750px; margin: 0 auto; text-align:left}
#div660 {width: 660px; margin: 0 auto; text-align:left}
#div95percent {width: 95%; margin: 0 auto; text-align:left}

/* general use classes */

.smalltext { 
  font-family:Arial, Helvetica, Sans-serif;
  font-size:0.8em;
}

.largetext {
  font-family:Arial, Helvetica, sans-serif; font-size:1.2em; 
}

.largeboldtext {
  font-family:Arial, Helvetica, sans-serif; font-size:1.2em; font-weight:bold;
}

.sup { /* superscript */
  font-family:Verdana, Arial, Helvetica, Sans-serif;
  vertical-align:super; font-size:75%;
}

.sub { /* subscript */
  font-family:Verdana, Arial, Helvetica, Sans-serif;
  vertical-align:sub; font-size:75%;
}

.indent { display:block; margin:auto 3em; } html>body .indent { padding-bottom:1em; }

.narrowtext {
	font-family: "Arial Narrow";
}

.errormessage {
	color: Red;
	font-weight:normal;
}

.center {
 display: block;
 text-align: center;
 padding: 0px 5px 0px 5px;
 margin-left: auto;
 margin-right: auto;
}

.left {
 display: block;
 text-align: left;
 padding: 0px 5px 0px 5px;
 margin-left: auto;
 margin-right: auto;
}

.right {
 display: block;
 text-align: right;
 padding: 0px 5px 0px 5px;
 margin-left: auto;
 margin-right: auto;
}

div.boxborder {
	width: 400px;
	border: thin solid Black;
	border-width: 2px;
	padding: 2px;
}


/* Questions and Contact info */
#questions { 
   font-family:Verdana, Arial, Helvetica, Sans-serif; 
   line-height:normal; font-weight:bold; font-size:0.8em;    
   color:#069; text-align:right; padding-bottom:0.5em; padding-top: 1.5em;
}
#questions a  { 
   text-decoration:none; 
   color:#069;  
}
#questions a:hover  { 
   text-decoration:underline;   
   color:#69C;
}

/* Last Modified */
#lastmodified { 
   font-family:Verdana, Arial, Helvetica, Sans-serif; 
   line-height:normal; font-weight:normal; font-size:0.8em;    
   color:#069; text-align:center; padding-bottom:1.5em; padding-top:0.5em;
}

/* form elements */

form { margin:0; }

fieldset { 
  padding: 0.5em; margin:auto; 
}
fieldset table { width:auto; }

legend { 
  font-family: Arial, Tahoma, 'Trebuchet MS'; 
  padding: 0.5em; font-weight:normal; font-size: 1.5em
} 

textarea, input, select {
	font-family:  Arial, Verdana, Helvetica, Tahoma,;
	padding-left: 3px;
	color: #000;
	font-size: inherit;
	letter-spacing: 1px;
}

input.right 
{
	margin-left: auto;
    margin-right: auto;
    text-align: right;
}

div.row {
	clear: both;
	padding-top: 0.5em; padding-bottom:1em;
}

div.row span.label {
	float: left;
	width: 120px;
	text-align: right;
	padding-top:2px;
}

div.row span.field {
  float: left;
  padding-left: 10px;
  text-align: left; 
 } 
  
div.row span.text {
  float: left;
  padding-left: 10px;
  text-align: left; 
 } 
  
div.row span.rtext {
  float: right;
  text-align: right; 
  width: auto;
 } 
  
span.hspace10 {
	padding-right: 10px;
}

span.hspace20 {
	padding-right: 20px;
}

span.hspace50 {
	padding-right: 50px;
}


table {
  font-family:Arial, Helvetica, Sans-serif;
  font-size:1em; 
  line-height:normal;
}

caption { padding: 0 0 .5em 0}

th { text-align: center; font-weight: bold; vertical-align: middle;}

.tableborder {
	border: solid; border-width:thin; border-color:#000000 }
.tableborder th {
	border: solid; border-width:thin; border-color:#000000 }
.tableborder td {
	border: solid; border-width:thin; border-color:#000000;padding: 0.2em }
	
h1 { 
  font-family:Arial, Helvetica, Sans-serif;
  font-weight:normal; 
  line-height:normal;
  font-size:2em;
  /* h1 always Dark site color */
} 

h2 { 
  font-family:Arial, Helvetica, Sans-serif;  
  font-weight:normal;
  line-height:normal;
  font-size:1.7em;
  /* h1 always Medium (light) site color */
}

h3 { 
  font-family:Arial, Helvetica, Sans-serif;
  font-weight:normal; 
  line-height:normal;
  font-size:1.6em;
  color:#C93; /* h3 always gold */
}

h4 { 
  font-family:Arial, Helvetica, Sans-serif;
  font-weight:bold; 
  line-height:normal; 
  font-size:1.4em;
  color:#069; /* h4 always navy */
}

h5 { 
  font-family:Arial, Helvetica, Sans-serif;
  font-weight:bold;
  line-height:normal;
  font-size:1.2em;
  /* h5 always black color */
}

h6 { 
  font-family:Arial, Helvetica, Sans-serif;
  font-weight:bold;
  line-height:normal;
  margin-bottom:0;
  font-size:1em;
}

.noheadingspace {
	padding:0;
	margin-bottom:-17px; /* for IE browsers */
}

html>body .noheadingspace {margin-bottom:-11px;} /* for non-IE browsers, as IE ignores the child selector command. (IE hack) */

blockquote {
  font-family:Arial, Helvetica, Sans-serif;
  line-height:normal; margin:auto 3em; padding:0 5px;
  background-color:#E3E3E3; 
} 

a:link    { color:#0000FF; text-decoration:underline; }
a:visited { color:#B100FF; text-decoration:underline; }
a:hover   { color:#000000; text-decoration:none; }
a:active  { color:#CC9933; text-decoration:underline; }

/* breadcrumbs - UL/LI Style */
#bcrumbsLI
{
    margin: 0.5em 0 0 0;
    padding: 0 0 0 0;
    font-size: 0.8em;
    color: #666666;
    font-family: Verdana, Arial, Helvetica, Sans-serif;
}
#bcrumbsLI ul
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    display: inline;
    border: none;
    list-style-position: inside;
}
#bcrumbsLI ul li
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    color: #666666;
    display: inline;
}
#bcrumbsLI A:link, #bcrumbsLI A:visited {color: #000000; text-decoration: none;}
#bcrumbsLI A:hover, #bcrumbsLI A:active {color: #e7af21; text-decoration: underline;}

/* breadcrumbs - TD Style */
td.bcrumbs { 
  font-size:0.8em; font-family:Verdana, Arial, Helvetica, Sans-serif; color:#666;
}
td.bcrumbs a:link, td.bcrumbs a:visited { color:#000000; text-decoration:none; }
td.bcrumbs a:hover, td.bcrumbs a:active { color:#E7AF21; text-decoration:underline; }

/* breadcrumbs - DIV Style */
div.bcrumbs { 
  font-size:0.8em; font-family:Verdana, Arial, Helvetica, Sans-serif; color:#666;
}
div.bcrumbs a:link, div.bcrumbs a:visited { color:#000000; text-decoration:none; }
div.bcrumbs a:hover, div.bcrumbs a:active { color:#E7AF21; text-decoration:underline; }

