/* CSS level 1 "http://www.w3.org/TR/CSS1" */


/*----------------------------------------------------------------------*/
/* 1.SPECIFIC SITE STYLES */


/*----------------------------------------------------------------------*/
/* 2.MAIN COLUMN STYLES */

BODY {
  margin: 0;
  padding: 0px;
  color: #ff0000;
  background-color: #ffffff;
  font-family: Verdana, Arial, helvetica, sans-serif;
  /* font-family: serif; */
  overflow: auto;
}

H1 { font-size: 2.1em; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #333333;}
H2 { font-size: 1.6em; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #333333;}
H3 { font-size: 1.3em; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #333333;}
H4 { font-size: 1.0em; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #333333; margin-top: 5px; margin-bottom: 5px; }

P {
  font-style: normal;
  font-weight: normal; 
  font-variant: normal;
  text-transform: none;
  color: #990000;
  margin: 0px;
  padding: 5px 0px 0px;
}

.title { color: #000000;  font-size: 1.7em; line-height: 1.5em; font-weight: bold;}
.subtitle { color: #000000; font-family: Verdana, Verdana, Arial, Helvetica, sans-serif; font-size: 1.4em; line-height: 1.3em; font-weight: bold;}
.introtext { color: #000000;  font-weight: normal; font-size: 0.8em; padding-top: 5px; padding-bottom: 10px; }
.introimg { padding-bottom: 10px; }

/* Featured items */
.features { padding-top: 5px; padding-bottom: 10px; }
.text { color: #000000;  font-size: 0.8em; Font-weight: normal;}
.caption { color: #000000;  font-size: 0.6em; }


.featured_title { font-size: 1.2em; color: #000000; padding-bottom: 0.5em; }
.featured_event { padding-top: 5px; padding-bottom: 10px; font-size: 0.8em; color: #000000; }
.featured_glossary { padding-top: 5px; padding-bottom: 10px; font-size: 0.8em; color: #000000; }
.featured_site { padding-top: 5px; padding-bottom: 10px; font-size: 0.8em; color: #000000; }

.hbar { background-color: #ffe381; color: #000000;  font-size: 0.8em; line-height: 1.3em; font-weight: bold;}

/* Tutorial navigation options */
table.tutorial_options { margin-bottom: 4px;}
table.tutorial_options tr td { padding:2px; }
table.tutorial_options tr td.bg2 { padding:5px; }
table.tutorial_options tr td a { font-size: 0.8em; }

/*----------------------------------------------------------------------*/
/* CMS sub classes */

div.cms p {
  color: #000000;
  font-size: 0.8em;
  line-height: 1.2em;
  font-weight: normal;
  padding-top: 0px;
  padding-bottom: 1.0em;
}
div.cms img {
  padding-top: 3px;
}
div.cms ul li { color: #000000; font-size: 0.8em; line-height: 1.2em; font-weight: normal; }

div.cms h1 { color: #000000; font-size: 1.2em; font-weight: bold; }
div.cms h2 { color: #000000; font-size: 1.0em; font-weight: bold; }
div.cms h3 { color: #000000; font-size: 0.8em; font-weight: bold; }
div.cms h4 { color: #000000; font-size: 0.8em; font-weight: normal; font-style: italic; }

/*----------------------------------------------------------------------*/
/* Search results */

/* summary */
.resultsummary { padding-top: 5px; }
#yousearchedfor { color: black; font-size: 0.8em; }
.resultsummary UL { list-style-type: none; font-weight: bold; }
.resultsummary UL LI .zerohits { color: #cccccc; }
.resultsummary UL LI * .nhits { width: 40px; text-align: right; }
.resultsummary UL LI * .rectype { padding-left: 5px; text-align: left; }

/* results */
.resultset { padding-top: 5px; padding-bottom: 10px; color: black; }
.resulttype { font-size: 1.2em; font-weight: bold; color: black; text-transform: capitalize; }
.resultcount { font-size: 0.8em;  }
.resultitem { padding-top: 10px; }
.resultitem_title { color: black; font-size: 0.8em; font-weight: bold; padding-bottom: 5px; }
.resultitem_body { padding-left: 20px; }
.resultitem_date { color: black; font-size: 0.8em; padding-bottom: 5px; }
.resultitem_description { color: black; font-size: 0.8em; }


/*----------------------------------------------------------------------*/
/* 3.LEFT COLUMN STYLES */

.lefttitle, .leftlink {
	font-size: 0.8em;
	line-height: 1.2;
	text-transform: none;
	text-decoration: none;
	font-weight:bold;
}

.leftlink {
        color: #000066;
}

.lefttitle { color:#000000;}
.leftlink A:link { color: #000066;}
.leftlink A:visited { color: #000066;}
.leftlink A:hover { color: #999999;}
.leftlink A:active { color: #000066;}


/*----------------------------------------------------------------------*/
/* 4.LINK STYLES */
A:link {text-decoration:none; color:#000066;}
A:visited {text-decoration:none; color:#000066;} 
A:hover {text-decoration:none; color:#333333;} 
A:active {text-decoration:none; color:#000066;} 


/* Advanced search link in header */
.adv A:link {text-decoration:none; color:#000066; font:normal 0.8em "Verdana" "Arial", "Helvetica", "sans-serif"; text-transform: none; font-weight:bold; line-height: 1.2em;}
.adv A:visited {text-decoration:none; color:#000066;} 
.adv A:hover {text-decoration:none; color:#333333;} 
.adv A:active {text-decoration:none; color:#000066;} 

/* Navigation links for header */
.nav { text-decoration: none; color: #333333; text-transform: none; font-weight:bold; font-size: 0.8em; line-height: 1.2em; background-color: #ffcc00; padding-top: 2px; padding-bottom: 2px; }

.right { color: #000066; font-weight: bold; text-align: right }
.left { color: #000066; font-weight: bold; text-align: left }

.nav A { font-weight: bold; }
.nav A:link { color: #000066;}
.nav A:visited { color: #000066;}
.nav A:hover { color: #000000;}
.nav A:active { color: #000066;}

/*----------------------------------------------------------------------*/
/* Crumb trail */

.crumb { text-decoration: none; color: #000066; font: "Verdana" "Arial", "Helvetica", "sans-serif"; text-transform: none; font-weight: normal; font-size: 0.8em; line-height: 1.2em; padding-left: 5px; padding-top: 10px; padding-bottom: 10px;}
.crumb A { font-weight: normal;}
/*
.crumb A:link { text-decoration: none; color: #000066; font-weight: normal;}
.crumb A:visited { text-decoration: none; color: #000066; font-weight: normal;}
.crumb A:hover { text-decoration: none; color: #cccccc; font-weight: normal;}
.crumb A:active { text-decoration: none; color: #000066; font-weight: normal;}
*/

/*----------------------------------------------------------------------*/
/* Advanced search link in header */
.option A:link {text-decoration:none; color:#000066; background-color: #efefef; font:normal 1em "Verdana" "Arial", "Helvetica", "sans-serif"; text-transform: none; font-weight:bold; line-height: 1.2em;}
.option A:visited {text-decoration:none; color:#000066; background-color: #efefef;} 
.option A:hover {text-decoration:none; color:#333333; background-color: #cccccc;} 
.option A:active {text-decoration:none; color:#000066; background-color: #efefef;} 

/*----------------------------------------------------------------------*/
/* Feed link */
.feed {text-decoration:none; color:#000066; font:normal 0.8em "Verdana" "Arial", "Helvetica", "sans-serif"; text-transform: none; font-weight:normal; line-height: 1.2em;}
.feed A:link {text-decoration:none; color:#000066;}
.feed A:visited {text-decoration:none; color:#000000;} 
.feed A:hover {text-decoration:none; background-color:#efefef; color:#333333;} 
.feed A:active {text-decoration:none; color:#000000;} 


/*----------------------------------------------------------------------*/
/* Partner logos */

table#partner_logos {
  width: 100%;
  margin: 0px;
}

table#partner_logos tr td {
  padding-top: 5px;
  padding-right: 5px;
  text-align: right;
}

/*----------------------------------------------------------------------*/
/* Footer  */

.footer {text-decoration:none; color:#666666; font:normal 0.8em "Verdana" "Arial", "Helvetica", "sans-serif"; text-transform: none; font-weight: bold; line-height: 1.2em; text-align: center}

.footernav {text-decoration:none; color:#666666; font:normal 0.8em "Verdana" "Arial", "Helvetica", "sans-serif"; text-transform: none; font-weight: bold; line-height: 1.2em; text-align: center}

#samlogo { height: 36px; width: 116px; border: solid 1px #bbbbbb; font-weight: bold; font-size: 0.8em; color: #000000; text-align: center; }

/*----------------------------------------------------------------------*/
/* Left column items (tutorials) */

table.rmenu { width:200px; background-color:#E5E4DB; margin:0em; font-size: 0.8em; font-weight: bold; }
table.rmenu tr td { color: black; padding: 5px; text-align: left; vertical-align: top; }
table.rmenu tr td.imagecell { width: 70px; padding-right: 0px; }
table.rmenu tr td.imagecell img { border: solid 1px #999999; }

a table.rmenu { color: #000066; }
a:hover table.rmenu {background-color:#F4F3EC; color:#000066;} 
a:active table.rmenu {background-color:#E5E4DB; color:#000066;} 

#selected_tutorial { background-color: #E5E4DB; }

#vspacer {width: 15px; height: 1px; background-color: #00ff00;}
#hspacer {width: 100px; height: 1px; background-color: #00ff00;}


/*----------------------------------------------------------------------*/
/* 5.FONT COLOURS */


/*----------------------------------------------------------------------*/
/* 6.BACKGROUND COLORS */

/* Header bars */
.bg1 { background-color: #ffe381; background-image: url(none); width: none; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; padding-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; border: 0px solid; border-color: none;}

/* Light grey areas */
.bg2 { background-color: #efefef; background-image: url(none); width: none; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; padding-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; border: 0px solid; border-color: none;}

/* Search form background */
.bg3 { background-color: #f6f6f6; background-image: url(none); width: none; margin-left: 5px; margin-top: 5px; margin-right: 0px; margin-bottom: 5px; padding-left: 0px; padding-top: 5px; padding-right: 0px; padding-bottom: 0px; border: 0px solid; border-color: none;}

.bghead { background-color: #000066; background-image: url(none); width: none; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; padding-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; border: 0px solid; border-color: none;}


/* 7.AREAS AND POSITIONING   */
TABLE.fullheight { height: 100%;}
DIV.padding { width: none; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; padding-left: 5px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; border: 0px solid; border-color: none; background-color: transparent;}


/*----------------------------------------------------------------------*/
/* 8.SCROLLING AND OVERFLOW ISSUES */


/*----------------------------------------------------------------------*/
/* 9.FORMS AND CONTROLS */
FORM { margin:0; }
INPUT.iquicksearch { width: 170px; color: #000000; background-color: #ffffff; font-family: Verdana, arial, helvetica, sans-serif; font-size: 1em;}
TEXTAREA.iquicksearch { width: 170px; color: #000000; background-color: #ffffff; font-family: Verdana, arial, helvetica, sans-serif; font-size: 1em;}

/* search dropdown */
SELECT.adbox { width: 265px; color: #000000; background-color: #ffffff; font-family: Verdana, arial, helvetica, sans-serif; font-size: 1em;}


/* 10.OTHER ELEMENTS, lists, icons, special characters, etc */
.pipe {color:#666666; font:normal 0.8em "Verdana" "Arial", "Helvetica", "sans-serif";text-transform: uppercase;font-weight:bold;line-height: 1.2em;} 
.pipe2 {color:#ffffff; font:normal 0.8em "Verdana" "Arial", "Helvetica", "sans-serif";text-transform: uppercase;font-weight:bold;line-height: 1.2em;}