.hptitle {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 24pt; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; background-color: #FFFFFF}

/* Default style for all tables */
table { border-collapse: collapse;
}

/* Left margin space on page */
body {
	margin-left: 12px;
}

.toprow { 
	background: #E0E0E0;  
	font-weight: bold;
	line-height: 100%;
}
.toprow_ctr { background: #E0E0E0;  
	font-weight: bold; 
	text-align: center}
.darkrow { 
	background: #E0E0E0;  
	line-height: 100%;
}

li {
  margin-top: 7px;
} 

#relatedlinkbox ul li {
	margin-top: 3px;
}

#tight ul  {
	margin-top: 8px
}
#tight ul li {
	margin-top: 3px
}

#blacklink a  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 5pt;
	font-weight: normal;
	text-decoration: underline;
	line-height: normal;
	color: #000000;
}

/* Breadcrumbs     gryish text color for goldbackF2C862 was 7D8575 */
table#breadcrumbs {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; font-style: normal; color: #A5AE93;
	line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; text-decoration: none;
	margin-top: 0px; margin-bottom: 0px;
	/* background-color:#C187C3; */
	color: #000000;
	margin: 0px 0px 0px 0px;   /* margin padding outside box  : top right bottom left */
/*  gold background  margintop to 0 from 9 (otherwise white shows)  added padding?  */
}

table#breadcrumbs td { padding-top: 8px; padding-left: 8px; padding-right: 0px; padding-bottom: 0px; }

#breadcrumbs a  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-weight: normal;
	text-decoration: underline;
	line-height: 150%;
	color: #000000;
	/* color: light to dark  #969E86; 7D8575  #333333;  */
}
#breadcrumbs a:hover  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-weight: normal;
	text-decoration: underline;
	line-height:150%;
	color: brown;
}

table#banner {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; font-style: normal; color: #7D97C9;
	line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; text-decoration: none;
	margin-top: 0px;
}

#banner a  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-weight: bold;
	text-decoration: none;
	line-height: normal;
	color: #000000;
}
#banner a:hover  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-weight: bold;
	text-decoration: underline;
	line-height: normal;
	color: #ffffff;
}

.tagline   {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13pt;
	font-weight: bold;
	text-decoration: none;
	line-height: 140%;
	color: #FFFFFF;
}

table#tablehowto {
	background-color:#F2F2F2;
	border:  solid   #FFFFFF 2px;   /* 999999  was white solid   FFFFFF  */
	align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; 
	line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; text-decoration: none
}
table#tablehowto td {
	padding: 8px;
	border:  solid   #FFFFFF 2px;  /*    dotted #cccccc 2px */
	/*vertical-align: top; */
	line-height: 115%;
}


table#tablehowtotop {
	background-color:#F2F2F2;
	border: solid  #FFFFFF 2px;  
	align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; 
	line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; text-decoration: none
}
table#tablehowtotop td {
	padding: 8px;
	border: solid #FFFFFF 2px;
	vertical-align: top;
	line-height: 115%;
}

table#tableplain {
	border: solid #FFFFFF 2px;
	align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; 
	line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; text-decoration: none
}
table#tableplain td {
	padding: 8px;
	border: solid #FFFFFF 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; 
	/*vertical-align: top; */
	line-height: 115%;
}
table#tableplain_nb {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; 
	line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; text-decoration: none
}
table#tableplain_nb td {
	padding: 8px;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; 
	vertical-align: top;
	line-height: 125%;
}

.tabledatacenter {
    text-align: center; 
    vertical-align: middle;  
 }

.tabledatatop {
    text-align: left; 
    vertical-align: top;  
 }


table#HowTo {
    background-color:#FFFFFF;
    border: solid #000000 1px;
    align:center;
}

table#HowTo td {
    padding: 5px;
    border: solid #000 1px;
  }


.head10 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; text-decoration: none}

.head11 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; text-decoration: none}

/* H1 = old sanshead */
.sanshead {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16pt; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #000000; text-decoration: none}
H1	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16pt;  font-style: normal; 
	font-weight: bold;  font-variant: normal; 
	text-transform: none;  text-decoration: none;
	line-height: 130%;   /* 150% extra space */
	color: #FFFFFF;
    	background-color:#C187C3;
	padding: 8px 8px 8px 8px;  /* padding within box */
	margin: 0px 0px 0px 0px;   /* padding outside box  : top right bottom left */
	}


#h1bXox {
	background-color: #F2C862;
	margin: 0px 0px 0px 0px;   /* padding outside box  : top right bottom left */
	  /*  padding: 8px; padding within box */
	float: left;
}


/* H2 = old sanssubhead */
.sanssubhead {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #000000; text-decoration: none}
H2	{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12pt;  font-style: normal; 	
	font-weight: bold;  font-variant: normal; 
	text-transform: none;  text-decoration: none;
	line-height: normal; 
	color: #000000;
	margin-bottom:2pt; padding-bottom:0;   /* controlling the linefeed space after H2  */
	 }

/* H3 = old sanssub2head */
.sanssub2head {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11pt; font-style: italic; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #000000; text-decoration: none}
H3	{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11pt;  font-style: italic; 
	font-weight: bold;  font-variant: normal;
	text-transform: none;  text-decoration: none;
	line-height: normal;
	color: #000000; 
	}

/* H4 = old sanssub3head */
.sanssub3head {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #000000; text-decoration: none}
H4	{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10pt;  font-style: normal; 
	font-weight: bold;  font-variant: normal;
	text-transform: none;  text-decoration: none;
	line-height: normal; 
	color: #000000;}

.sanssubheadreverse { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #FFFFFF; text-decoration: none }

/*   bodytext before Nov2006 howto redo:  font-family: "Times New Roman", Times, serif; 12pt;   small=10pt; all rest 12pt; */ 
.bodytext {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; text-decoration: none}

.bodytextsmall { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; text-decoration: none}
.bodytextbold { font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 9pt; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; text-decoration: none }
.bodytextitalic { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-style: italic; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; text-decoration: none }
.bodytextunderline { font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 9pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; text-decoration: underline }

.sanssmall {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; text-decoration: none}
.sanssmallbold {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #000000; text-decoration: none}
.sanssmallitalic {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: italic; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #000000; text-decoration: none}

.crumbs {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; text-decoration: none}

.menu {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; text-decoration: none}

/* added a hover color to our menu links   use  .menu  a:hover   to activate   */
.menu a:hover {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; text-decoration: underline; color: brown;}

.caption {  font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 8pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; text-decoration: none}
.captionbold {  font-family: Verdana, Arial, Helvetica,  sans-serif; font-size: 8pt; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #000000; text-decoration: none}
.captionitalic {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: italic; line-height: normal; font-weight: normal; font-variant: normal;  text-transform: none; color: #000000; text-decoration: none}

.ccbodytext {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #000000; text-decoration: none}
.ccbodytextbold {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; line-height:  normal; font-weight: bold; font-variant: normal; text-transform: none; color: #000000; text-decoration: none}
.ccbodytextitalic {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: italic; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #000000; text-decoration: none}

.button_l {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; color: #FFFFFF; text-transform: none; text-decoration: none; 
display:inline; margin:2px; padding:3px; }

.formulatext {  font-family: Times New Roman, Times, Times-Roman, serif; font-size: 11pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; text-decoration: none}

.formulatextbold {  font-family: Times New Roman, Times, Times-Roman, serif; font-size: 11pt; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; text-decoration: none}

#resourcesbox {
	background-color: #e0e0e0; 
	border:  solid   #000000 1px; 
	padding: 2px;
}

#relatedlinkbox {
	background-color: #e0e0e0;
 	margin: 6px 6px 10px 20px;   /* padding outside	box  : top right bottom left */
	padding: 10px;  /* padding within box */
	font-size: 12px;
	  /* color: #333366;    dark grey color was #909090 */
	float: right;  /* the whole box is floated to the right */
}

.relatedlinkmenu { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; font-style: normal; 
	font-weight: normal; font-variant: normal; 
	text-transform: none; text-decoration: none;
	line-height: normal; }

#relatedlinkbox a.normal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: underline;
	line-height: 110%;
	/* color: #333366;*/ 
}
#relatedlinkbox a:hover {
	text-decoration: underline;
	color: brown;
}



#skrelatedlinkbox {
	width: 240px;
	background-color: #e0e0e0;
 	margin: 6px 2px 10px 20px;   /* padding outside box  : top right bottom left */
	padding: 10px;  /* padding within box */
	font-size: 12px;
	  /* color: #333366;    dark grey color was #909090  light gold FAE1A4    ltgreenDEDE74 ltgreenlogomateEDED99; */
	float: right;  /* the whole box is floated to the right */
 	border-style: none;
        border-width: 2px;        /* sets border width on all sides */
        border-color: black;
}

.skrelatedlinkmenu { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; font-style: normal; 
	font-weight: normal; font-variant: normal; 
	text-transform: none; text-decoration: none;
	line-height: normal; }

#skrelatedlinkbox a.normal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: underline;
	line-height: 110%;
	/* color: #333366;*/ 
}

#skrelatedlinkbox a:hover {
	text-decoration: underline;
	color: brown;
}


#feedbackbox {
width: 380px;
padding: 10px;  /* padding within box */
border-style: none;
        border-width: 2px;        /* sets border width on all sides */
        border-color: black;
background-color: #FAE1A4; /* the old light blue  F0F8FF */
}

#highlightsbox {
	background-color: #ecece0; /* was FFFFCC  */
	line-height: 125%; 
 	margin: 0px 0px 12px 0px;   /* padding outside box  : top right bottom left */
	padding: 0px 8px 8px 8px;  /* padding within box */
	float: left;
}

#highlightsbox a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	text-decoration: underline;
	line-height: 125%; 
/*	color: #333366;   */
}

#highlightsbox a:hover {
	text-decoration: underline;
	line-height: 125%; 
	color: brown;
}

/* these boxes supply the padding and indentation for the hanging indents on biblio pages.  Need both elements. */
#paddbox {
      padding-top: 5px;
      padding-bottom: 5px;
      padding-right: 5px;
      padding-left: 30px;
      border: 1px solid;
      width: 750px;
    }
 #hangbox p {
      text-indent: -25px;

    }

.bodylink a {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt; font-style: normal; 
	font-weight: normal; font-variant: normal; 
	text-transform: none; text-decoration: underline;
	line-height: normal; 
/*	color: #336699;   */
}

.bodylink a:hover {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt; font-style: normal; 
	font-weight: normal; font-variant: normal; 
	text-transform: none; text-decoration: underline;
	line-height: normal; 
	color: brown;
}

/*   Redefine all basic links  */  
a {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*font-size: 9pt; font-style: normal; */
	font-weight: normal; font-variant: normal; 
	text-transform: none; text-decoration: underline;
	line-height: normal;  
	color: #000099;   
}

a:hover {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/* font-size: 9pt; font-style: normal; */
	font-weight: normal; font-variant: normal; 
	text-transform: none; text-decoration: underline;
	line-height: normal; 
	color: brown;
}

/* styles for the printable version and email a friend buttons */
input.prntbutton {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 7pt;
	font-weight:normal;
	width:130; height:20; 
	background-color:#ecece0; }

input.emailbutton {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 7pt;
	font-weight:normal;
	width:130; height:20; 
	background-color:#ecece0; }

input.helpbutton {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt;
	font-weight: bold;
	color: #990000;
	width:150; height:20; 
	background-color:#ecece0; }

input.btn{
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:8pt;
   font-weight:normal;}


a.tooltip {
  border-bottom: 1px dashed brown;
  text-decoration: none;
}

a.tooltip:hover {
  position: relative;
}

a.tooltip span {
  display: none;
}

a.tooltip:hover span {
  display: block;
     position: absolute; top: 10px; left: 0;
  /* formatting only styles */
     padding: 5px; margin: 10px; z-index: 100;
     background: #f0f0f0; border: 1px dotted #c0c0c0;
  opacity: 0.9;
  /* end formatting */
}