A:Link
{
	color: #336699;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	Text-decoration: underline; 
	font-size: 10pt;
	/* font-weight : bold; */
}
A:Visited
{
    font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
    Text-decoration: none;
}
A:Hover
{
    color: #ff3300;
    font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
    Text-decoration: underline; 
}

/* The solid coloured background + text header shown at the top of each main text page
   Used via php as: "<?php PAGEHEADER("This is the text"); ?> 
*/
.pageheader {
	color: #FFC332;
	text-decoration: none;
	background:#2161bb;
	font-family: "Verdana", "Arial", "Helvetica", san-serif;
	font-size: 14pt;
	padding-left: 5px;
	padding-right: 7px;
	padding-bottom: 4px;
	padding-top: 4px;
	font-weight : bold;
	/* Decreases the vertical spacing between 'Your are here' and the bread crumb line */
	line-height: 50%;
}

/* A section title. This is white text on a solid blue background, full width of main text area 
   Used via php as: "<?php SECTION("This is the text"); ?> 
*/
.section {
	font-family: "Verdana", "Arial", "Helvetica", san-serif;
	font-size: 14pt;
	padding-top: 8px;
	padding-bottom: 8px;
	color: #336699;
	font-weight : bold;
}

/* Used in the people and companies table (people.php) */
.section2 {
	font-family: "Verdana", "Arial", "Helvetica", san-serif;
	font-size: 12pt;
	color: #336699;
	font-weight : bold;
	line-height: 100%;
}
a.section2 {
	font-size: 12pt;
}
a.section2:hover {
	font-size: 12pt;
}

/* The main text area */
.mainarea {
	color: #000000;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 10px;
	padding-top: 15px;
	padding-right: 22px;
	padding-left: 19px;
}

/* Biography, name */
.bio_name {
	font-size: 35pt;
	color: #224F80;
}

/* Biograhy, occpulation */
.bio_occupation {
	font-size: 10pt;
	color: #224F80;
}

/* DHTML tooltips - http://www.dynamicdrive.com/dynamicindex5/dhtmltooltip.htm */
#dhtmltooltip {
	position: absolute;
	width: 200px;
	border: 1px solid black;
	padding: 6px;
	background-color: lightyellow;
	visibility: hidden;
	z-index: 100;
	/* Remove below line to remove shadow. Below line should always appear last within this CSS */
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

/* ------------------------------------------------------------------------------------------------- */

// Expandable content styles as used in people.php 
// http://www.webreference.com/programming/css_content/index.html
.save{
   behavior:url(#default#savehistory);}
a.dsphead{
   text-decoration:none;
   margin-left:1.5em;}
a.dsphead:hover{
   text-decoration:underline;}
a.dsphead span.dspchar{
   font-family:monospace;
   font-weight:normal;}
.dspcont{
   display:none;
   margin-left:1.5em;}

/* --------------------------- Wikipedia style image boxes shown on page ---------------------------- */

div.thumb {
	border: currentColor; 
	width: auto; 
	margin-top: 0.5em; 
	margin-bottom: 0.8em; 
	background-color: rgb(249, 249, 249);
}
div.thumbinner {
	padding: 5px !important; 
	border: 1px solid rgb(204, 204, 204); 
	text-align: center; overflow: 
	hidden; font-size: 94%; 
	background-color: rgb(249, 249, 249);
}
div.tright {
	margin: 0.5em 0px 0.8em 1.4em; 
	clear: right; 
	float: right;
}
div.tleft {
	margin: 0.5em 1.4em 0.8em 0px; 
	clear: left; 
	float: left;
}
div.tcenter {
	margin: 0.5em 1.4em 0.8em 1.4px;
	background-color: rgb(255, 255, 255);
}
html .thumbimage {
	border: 1px solid rgb(204, 204, 204);
}
html .thumbcaption {
	padding: 3px !important; 
	border: currentColor; 
	text-align: left; 
	line-height: 1.4em; font-size: 94%;
	background-color: rgb(249, 249, 249);
}
div.magnify {
	float: right;
}

/* ----------------------------------------------------------------------- */

body {
	margin: 0px;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	color: Black;
	font-size: 10pt;
	background:#e9edf1;
}

li {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 10pt;
	list-style-image : url(../images/arrow.gif);
}
p, blockquote, font, text, div  {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	color: Black;
	font-size: 10pt;
}
td {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 10pt;
}
h1 {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	color: Black;
	font-size: 16pt;
}
h2 {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	color: Black;
	font-size: 14pt;
}
h3 {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	color: Black;
	font-size: 12pt;
}
h4 {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	color: Black;
	font-size: 10pt;
}
h5 {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	color: Black;
	font-size: 8pt;
}

.dashed-seperator {
	background-image: url(/templates/images/dashes2.gif); 
	background-position: left top;
	background-repeat: repeat-y;
}
.repeated-dashed-seperator {
	background-image: url(/templates/images/dashes2.gif); 
	background-position: left top;
	background-repeat: repeat-x;
}
.sidebarheader {
	background: #2C6496;
	color: #FFFFFF;
	font: bold;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 10pt;
}

/* Text entry boxes, such as on product registration page */
.textentrybox {
	background-color: #B8C9Db;
	color: #264151;
	border: 1px solid #1B3C5C;
	font: bold;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 12pt;
}
.searchbox {
	background-color: #B8C9Db;
	color: #264151;
	border: 1px solid #1B3C5C;
	font: bold;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 10pt;
}
.searchbutton {
	background-color: #B8C9E0;
	color: #0A1116;
	border: 1px ridge #1B3C5C;
	font: bold;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 10pt;
}

/* Used for the text banner placed at the bottom of every page (see "templates/end_page.php") */
.pagebottom {
	background-color: #326BA3;
	color: #EDEDED;
	font: normal;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 9pt;
	padding-left: 5px;
	padding-bottom: 4px;
	padding-top: 2px;
}
a.pagebottom:link {
        text-decoration: none;
        color: #EDEDED;
}
a.pagebottom:hover {
        text-decoration: underline;
        color: #7DC0FF;
}
A:pagebottom:Visited
{
    Text-decoration: underline;
}

/* Dark blue tables, such as contact info on "support.htm" */
.darkbluetable {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 10pt;
	color: #EDEDED;
	background-color: #224F80;
}
/* Alternate cell (brighter) for the product upgrades page */
.darkbluetable2 {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 10pt;
	color: #EDEDED;
	background-color: #306fb3;
}

/* Dark blue tables used in the FAQ manager */
.faqmanagertable {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 10pt;
	color: #FFFFFF;
	background-color: #225B93;
}
/* Darker blue for bottom line of each listing in Perl search */
.perlsearch2 {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 10pt;
	color: #FFFFFF;
	background-color: #326BA3;
}
/* Dark blue used for Perl search tables */
.perlsearch {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 10pt;
	color: #FFFFFF;
	background-color: #225B93;
}

/* ----------------------------------------------------------------------------------- */

/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address, figure {  
	display: block;  
}  

/* This controls the top header on each page */
#header {
    /* The blue background with alpha transparency around edges */
    background:url("/templates/images/header3.png") no-repeat;
    width:960px;

    /* Changing this will also require you to fiddle with the "em" values in the Superfish menu css values below */
    height: 3.4em;
    /* height:51px; */

    /* This offsets the header from the left and top edges of the screen */
    margin:10px auto;
    padding:0 0px;

    /* These add a drop shadow to the main body */
    border-radius: 4px 4px 4px 4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.5);
}

/* The top-left "Preserving Past & Future History" text within the header is done with the 'h1' style */
#header h1 {
    float:left;
    margin:0;
    color:#000;
}
#header h1 a {
    /* font-family: 'Muli', sans-serif; */
    color:#d6e7ff;	/* Light blue */
    color:#d2dded;	/* More gray */
    color:#c6c8cb;
    color:#d4d7db;
    border:0;
    font-size:19px;
    text-shadow:0 1px 1px #000;
    line-height:2.1em;
    Text-decoration: none;
}

/* This controls the main body of text */
#main {
    /* We are going to keep the main body only 960 pixels wide to fit within a non-maximized browser */
    width:960px;
    /* 20 = vertical offset of main text, Auto = horizontally centered */
    margin:20px auto;

    /* This sets the background colour of the left navigation sidebar */
    background: #e9f1f9;
    padding:0px 0px;

    border-color: rgba(0, 0, 0, 0.2); 
    border-width: 1px; 
    border-style: solid;

    /* These add a drop shadow to the main body */
    border-radius: 4px 4px 4px 4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
}

/* This controls the footer section */ 
#footer {
    width:964px;
    margin:5px auto 50px auto;
    text-align:right;
    font-size:10px;
    color:#737983;
}
#footer ul {
    list-style:none;
    margin:0;
    padding:0;
}
#footer ul,
#footer ul li,
#footer p.bottom {
    display:inline;
}
#footer ul li a {
    padding:0 3px;
}
#footer p {
    margin:0;
}
#footer p.bottom {
    color:#99a1aa;
}
#footer a {
    font-weight:bold;
    color:#5c646d;
    border:0;
}
#footer a:hover {
    color:#1e54a2;
}

/*  ------------->>> Override for the Superfish CSS menu ------------------------ */

.sf-menu {
	float:	right;
	margin-bottom:	1em;
}

.sf-menu ul {
    list-style:none;
    margin:0;
    padding:0;
    float:right;
}

.sf-menu a, .sf-menu a:link {
    text-decoration:none;

    color:#d6e7ff;
    border:0;
    text-shadow:0 1px 1px #000;
    border:0;
    /* line-height:0.5em; */

    /* First number positions the main menu line vertically, while the second number is the spacing between menu items */
    padding: 1em 0.6em;
}

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
    color:#d6e7ff;
}

.sf-menu li {
	background:transparent;
	position: relative;
	z-index:100;	/* Mouse over fix for IE8 */
}

/* This is the sub-menu normal state (non-hover) */
.sf-menu li li {
	top: 0;
	background: #164b94;

	margin:0;
	padding:0 0;

	/* Set width of sub-menus */
        width:15em;

	border-left:1px solid #6c8eb1;
	border-top:1px solid #6c8eb1;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
}

/* Doesn't do anything */
.sf-menu li li a {
	font-weight:normal;

	/* This is the width of the red bar on the left side of a hovered child menu item */
	margin-left:	0.5em;
}

/* This is the sub-menu hover style */
.sf-menu li li a:hover {
	float:none;

	/* padding-right:0; */
	font-weight:normal;

	background: #2161bb;
	color: #fff;
}

/* Sub-menu visited colour */
.sf-menu li li a:visited {
	color:	#FFFFFF;
}

/* Hover text of the main menu line */
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:transparent;
	outline: 0;
	color:#fff;
}

/* This positions the sub-menus just below our main header bar */
.sf-menu li:hover ul, .sf-menu li.sfHover ul {
	/* This adds the red tab on the left side of the hovered child sub-menu items */
	background: red;

	left: 0;
	top: 3.5em; /* match top ul list item height */
}