/* *******************************************
	**Standard Classless HTML Tag Definitions**
	******************************************* */
body {
	font: 130% tahoma; 
	margin: 0;
	padding: 0;
	/*The background color is specified elsewhere, so do a global replacement if it ever changes) */
	background-color: #ffffff; /*#f2f5fc;    #e7f1ff (was this one for a long time) 	#dfefff; */

   /* Note this scroll bar change does meet W3C standards */
	scrollbar-base-color: #cc99ff; 
	scrollbar-face-color: #ccddff; 
	scrollbar-track-color: #9999CC; 
	scrollbar-highlight-color: #ffffff; 
	scrollbar-3dlight-color: #99CCFF; 
	scrollbar-shadow-color: #663366;
	scrollbar-darkshadow-color: #000000; 
	scrollbar-arrow-color: #330000;
	}

/*		
h1 { font: bold 200% Verdana; color: blue; }
em { font-weight: bold }
*/

/*
a:link { color: #900; }
a:hover { color: green; font-weight: bold }
*/
/* a:visited {	color: #48468f; }	*/

/* ///////////////////////////////////////////////////////////////////////////////////////////	
	//////////                 H e a d e r      D e f i n i t i o n s                //////////
   /////////////////////////////////////////////////////////////////////////////////////////// */
/*** MAIN HEADER ***/
.main-header { border: 0; text-align: center }
.main-header img { border: 0;	vertical-align: middle; }

/*** MAIN HEADER LOGO ***/
.main-header-logo {
		/* position is offset by the header padding amount */
		position: absolute;
		left: 10px;
		top: 2px;
		z-index: 3; }
		
/***	Defines the absolute size of the main logo */
.main-header-logo img { width: 110px; height: 54px; }
/* .main-header-logo img { width: 165pt; height: 50pt; } */

.main-header-banner { position:absolute; left:260px; top:2px; display: inline; }
.main-header-banner img { width: 240px; height: 40px;}

/*** MAIN HEADER ITEMS ***/
.main-header-items {
	/* position is offset by the header padding amount */
	position: absolute;
	right: 5px;
	top: 9px;
	font-family: serif, sans-serif;
	text-align: right;
	font-size: 0.8em;
	display: inline; }
.main-header-items a { color: #000;	text-decoration: none; padding: 2pt; font-size: 0.7em; }
.main-header-items a:hover { font-weight: bold; color: navy; cursor: pointer;}
.main-header-items img {
	/* Size & positon of main menu link icons*/
	margin-right: 1px;
	width: 38px;
	height: 38px; }





/* ///////////////////////////////////////////////////////////////////////////////////////////	
   //////////         G o o g l e    A d S e n s e    D e f i n i t i o n s         //////////
   /////////////////////////////////////////////////////////////////////////////////////////// */
.leaderBoard { margin-top: 55; margin-left: 18 }





/* ///////////////////////////////////////////////////////////////////////////////////////////	
	//////////      B a s i c    S i d e    B a r s    D e f i n i t i o n s         //////////
   /////////////////////////////////////////////////////////////////////////////////////////// */

.side-right, .side-left {
	font: bold 60% serif;
	color: black;	/* Global - see list definitions for specific colors */

	/* top: 48pt -- Just what is the difference between top & margin-top??? */
	width: 120px;
	padding: 0pt;

	position: absolute;
	z-index: auto;
	margin-top: 6pt; }		/* was 58px, but increased by 90 for Google leaderboard */

.side-right { left: 750px; }
.side-right img { display: inline; margin-top: 0pt; }
/* .side-right ul { list-style: square inside; padding: 0; margin: 0; } */

.side-left { left: 5px; }


		
/* ////////////////////////////////////////////////////////////////////////////////////////
	////         S P E C I F I C    S I D E   B A R   D E F I N I T I O N S             ////
	//////////////////////////////////////////////////////////////////////////////////////// */
.left-nav, .right-nav {
		font-family: Inherit;
		list-style: none;
		margin: 0pt;
		padding: 0pt;
		border: none;
		border-top: 0pt;
		border-bottom: 1pt;
		background-color: #ffffff; /*#f2f5fc;  #dfefff; was #6699bb;*/ }
	
.left-nav-label, .right-nav-label {
		color: red;
		padding: 4pt;
		font-size: 8pt;
		font-weight: bold; }

.left-nav-label { display: none; }
.right-nav-label { display: block; }

.left-nav ul, .right-nav ul { list-style: none; margin: 0; padding: 0; }

.left-nav ul li, .right-nav ul li {
		border-top: 1px solid black;
		border-bottom: none }

/* Use this section to stylize the borders, text color, text decoration, & width */
.left-nav ul li a, .right-nav ul li a {
		font: 80% sans-serif;
		display: block;
		padding: 0;
		padding-left: 4;
		color: black;
		background-color: #ffffff; /*#f2f5fc;  #72b8e8 */
		text-decoration: none;
		font-weight: bold }

.left-nav ul li a:hover, .right-nav ul li a:hover {
		 /* was background-color: #990099; color: #fffeee */
		background-color: #96d2ec; }

.left-nav ul li img {
		display: inline;
		border: 0pt;
		/*
		margin-right: 0;
		margin-top: 0pt;
		*/
		vertical-align: top; }

/* Invoke to use different list item rollover colors on right side
.right-nav ul li a:hover {	background-color: #96d2ec; color: #9911ff } */


/* ////////////////////////////////////////////////////////////////////////////////////
	///       L e f t    S i d e    N a v i g a t i o n    S U B - M E N U S         ///
	//////////////////////////////////////////////////////////////////////////////////// */
.left-nav-sub { list-style: none; margin: 0pt; padding: 0pt; }

.left-nav-sub ul li {
		border-top: none;
		border-bottom: 1px solid black }

/* Use this section to stylize the borders, text color, text decoration, & width */
.left-nav-sub ul li a {
		font-family: sans-serif;
		font-size: 0.8em;
		display: block;
		padding: 2px 10px 2px 2.0em;
		color:black;
		background-color: #d0f3ff;
		text-decoration: none;
		font-weight: bold }

.left-nav-sub ul li a:hover { background-color: #96d2ff;	color: black }


/* /////////////////////////////////////////////////////////////////////
	////     B o d y    C o n t e n t     C o n t a i n e r s        ////
	///////////////////////////////////////////////////////////////////// */
/*** PRIMARY CONTENT DEFINITIONS ***/
.content {
		padding: 6px;	/* increase to 18px if you make the bgcolor different for middle content - except white*/
		border: none;
		background-color: white; /*#e6f1ff  #e0f0ff*/
		font: 100% verdana; }
		
.content h1 { font: bold 160% tahoma; color: mediumblue;	}
.content h2 { font: bold 120% utopia; color: green }
.content h3 { font: bold 100% utopia; color: black;  }
.content h4 { font: bold 90% utopia; color: #1111ee;  }

.content em { font-weight: bold }
.content a:link { color: darkblue; text-decoration: none }
/* .content a:visited {	color: #48468f; } */
/* .content a:hover { color: blue; font-weight: bold} */
.content img { display: inline;	padding: 0pt; }

.sectionTitle {
	margin-bottom: 8pt;
	font: bold 100% tahoma;
	background-color: #ddccff;
	background-image: url("/images/barBluePlaster.png");
	padding: 2px;
	color: white; }

.middle-one, .middle-two /*, .middle-three too big a top for middle-three! */ {
		font: 55% sans-serif;
		position: absolute;	/* can be relative if you use a line break at end of navbars only! */
/* 'width' was auto, but once left side banners were added, we fixed the size of the page */
		width: 664px;
		min-width: 400px;
		top: 0px;
		z-index: auto; /* content can overlap when the browser is narrow */ }



.middle-two {
	margin-top: 150px;	/* was 58px, but increased by 90 for Google leaderboard */
	margin-left: 130px; }

/* .middle-two img a:hover { color: blue;  } */


/*
.left-nav ul li a:hover, .right-nav ul li a:hover {
		background-color: #96d2ec; }
*/

.middle-two textarea {
		background-color: #fafafa;
		font-size: 1em;
		font-family: Verdana, sans-serif;
		border: 1px solid black;	}

/*
.middle-two input {
		background-color: #fafafa;
		font-size: 10pt;
		font-family: Verdana, sans-serif;
		border: 1px solid black;	}
*/

.middle-two textarea:focus { background-color: #f1f1f1; }
.middle-two input:focus { background-color: #f1f1f1; }

/*
	Problem with defining colors and backgrounds for our 'input' style is that now, all of our IMG
	buttons now have a border and a background color.  So, must now wrap them inside their own special class. */
.input-img { background-color: #dfeeee; }

.middle-two select {
		background-color: #fafafa;
		font-size: 1em;
		font-family: Verdana, sans-serif;
		border: 1px solid black;	}


/* Had to create this new class to cover pages with banner ads on top - for the SINGLE
	purpose of defining a top-margin of 0!!!  (There must be a better way!) */
/*
// DEPRECATED
// Now uses javaScript to change the top-margin whenever a banner is required
.middle-two-banner {
		font-size: 0.7em;
		position: absolute;
		width: 600px;
		min-width: 400px;
		z-index: auto;
		margin-top: 130px;
		margin-left: 115px;
		padding-left: 20px; }

.middle-two-banner a { text-decoration: none; border: none;}
*/

.middle-two-entrust-logo {
	position: absolute;
	top: 16px;
	right: 16px;
	z-index: 3 }

/* Height, width and border are defined in the href */
.middle-two-entrust-logo img { width: 60pt; height: 26pt; }

.middle-two-mapquest-logo {
	position: absolute;
	top: 8px;
	right: 12px;
	z-index: 3 }
.middle-two-mapquest-logo img { width: 120pt; height: 22pt; }


.middle-three {
	position: relative;
	margin-left: 20px;
	margin-right: 20pt;
	padding-left: 16px; }

.knowledge {
	position: absolute;
	top: 10px;
	left: 380px;	}




/* /////////////////////////////////////////////////////////////////////
	////            B U T T O N     T A B L E S                      ////
	///////////////////////////////////////////////////////////////////// */
/* Use this table definition whenever we want to display buttons.
	Primary motivation is to make the background colors the same as the middle-two colors. */

.buttontable table { 
		border-collapse: collapse;
		border-spacing: 4pt;
		border: none;
		empty-cells: show;
		display: inline;
		vertical-align: middle; }

.buttontable th {
		background-color: #d3e6f5;
		border-spacing: 14px;
		text-decoration: none; }

.buttontable td {
		background-color: #d3e6f5;
		padding: 4px;
		text-decoration: none;
		text-align: center; }

.buttontable form { color: green; text-decoration: none; vertical-align: middle;}
.buttontable a { text-decoration: none; padding: 3pt; }
.buttontable a:hover { text-decoration: none; cursor: pointer;}
.buttontable img { }



/* This line will place the actual link location in the body of the document	*/
/* .content a:link:after, div.content a:visited:after { content: " (" attr(href) ") "; font-size: 80%; }	*/

/* /////////////////////////////////////////////////////////////////////
	////                   F   o   o   t  e   r                      ////
	///////////////////////////////////////////////////////////////////// */
.footer {
		font-size: 0.8em;
		font-weight: bold;
		text-align: left;
		color: black;
		margin-bottom: 2em; }



/* ///////////////////////////////////////////////////////////////////////////////////////////	
	//////////               O  t  h  e  r      D e f i n i t i o n s                //////////
   /////////////////////////////////////////////////////////////////////////////////////////// */
.error {
	font-weight: bold;
	color: red; }

.sidelist {
	position: relative;
	bottom: 3px;
	margin: 0;
	padding: 3px !important;
	border: 1px solid #bbb;
	background-color: #ccc;
	border-radius: 2.5px;
	/*-moz-border-radius: 2.5px;*/ }
	
/*.sidelist strong a { font-weight: normal; background-color: #555; color: #fff; }
.sidelist strong a:hover { background-color: #333; color: #fff; }*/
.sidelist li {
	list-style-position: outside;
	font-size: 0.9em;
	list-style: none;
	border: 1px solid #ccc;
	border-width: 1px 0;
	padding: 0;
	list-style: none; }

/*
.sidelist li a {
	text-decoration: none;
	display: block;
	padding: 6px 8px;
	border-radius: 2.5px;
	/*-moz-border-radius: 2.5px;*/ }
*/

/* .sidelist li a:hover { background-color: #999; color: #eee; } */


/* **************************************
	*****    Formulas & Standouts    *****
	************************************** */
pre.screen { font-family: monospace; font-size: 1em;	display: block; padding: 5pt;
									border: 1px dashed gray; margin: 0.5em 2em; background-color: #e0e0e0 }