* {
    padding: 0;
    margin: 0;
} 

body {
    background: #FAFAFA ;    /*#fff;*/
	font: 13px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;  /*  .74em   */
	line-height: 1.5em;  
}


/* my add */
h2 {  padding-top: 10px; }




p {margin-top: 14px ;  margin-bottom: 14px ; }



a {
	color: #3B6EBF;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

#wrap {
margin: 20px auto;
width: 724px;
background: #fff url('images/midbg.jpg');
background-repeat: repeat-y;
}

#top { 
background: #fff url('images/topbg.jpg');
height: 30px;
}

#content {
padding: 0 40px 0 40px;
}

#bottom {

background: #fff url('images/botbg.jpg');
height: 30px;
}

.header {
height:  110px;              /* 100px; */
background: #FFFFFF url('technology_700x120.jpg');     /*  #85ACF7 url('images/hidr.jpg'); */
}

.header h1 { font-size: 20px; font-weight: bold; color: #FFF; padding-left: 17px; padding-top: 18px;  }
.header h1 a { font-size: 20px; font-weight: bold; color: #FFF; text-decoration: none;}
.header h2 { font-size: 13px; color: #FFF; padding-left: 17px; padding-top: 0px; }

.breadcrumbs { 
    background: #F6F9FB; 
	border-bottom: 1px solid #E1E1E1; 
	padding: 5px;
	/* note that we must use a slightly smaller font because of our breadcrumb text length on this page */
	font: 13px "Trebuchet MS" Verdana, Arial, sans-serif; 
}


.contactLinks { 
    background: #F6F9FB; 
}

.tablenote {
	color: #003399;
	font-size: 11px;
	text-align: center;
	margin-top: 0 ;
	/*margin-left: 30px ;
	margin-right: 30px ;*/
}
	
.middle {
	float: none;
	width: 90%;
	margin: 0 ;
	padding: 1% 5% 5% 5%;
	text-align: left;
	horizontal-align:left ;
	
	/*** 12/09
	text-align: justify;
	horizontal-align:center ;
	****/
}

.middle h1 { color: #0000FF; font-size: 18px; margin-bottom: 22px; margin-top: 40px;}
.middle h2 { color: #003399; font-size: 16px; margin-bottom: 12px; margin-top: 24px;}
.middle h3 { color: #0000BF; font-size: 14px; text-decoration: underline; 
				margin-bottom: 10px; margin-top: 20px;}
.middle h4 {
	color: #3B6EBF;
	font-size: 13px;
	font-style: italic;
	margin-bottom: 10px;
	margin-top: 16px;
}

#clear {
	display: block;
	clear: both;
	width: 100%;
	height:1px;
	overflow:hidden;
}

#footer {
	text-align: center;
	color: #666;
}

/*
table {
	font-family: Verdana, sans-serif;
	font-size: 14px ;
}*/

table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt ;
	border-color: #003399 ;
	/*margin-bottom: 6px ;	
	border:1px ;*/
	cellspacing:0 ;
	cellpadding:0 ;		
}
th {
	font-size: 12px;
	color: #FFFFFF;
	background-color: #003399 ; /* #85ACF7; */
}
td {
	font-size: 12px;
	/*padding: 6px ;*/
	text-align:left ;
}
tr {
	vertical-align: middle;
}
.tdText {
	padding: 12px;
	text-align:left
}

.tdCenteredText {
	padding: 12px;
	text-align:center
}
	
.infoTable {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: none;
	margin-left: 5px;
	margin-right: 35px ;
	margin-top: 0px		
}

.infoTable_th {
	font-size: 12px;
	color: #FFFFFF;
	background-color: #85ACF7;
}

.infoTable_td {
	font-size: 12px;
	padding: 6px;
	vertical-align: middle;
}
.infoTable_tr {
	vertical-align: middle;
}

.myCode {
	font-family:"Courier New";
	background: #F6F9FB;
	font-size: 14px;
	/* border: thin solid #CCCCCC; */
}
.codeDiv {
  overflow:  auto; 
  background: #F6F9FB; 
  border: thin solid #DDDDDD;  
}

ol {margin-top:1pt; margin-bottom:1pt; margin-left:10pt; text-align: left;}
ul {margin-top:1pt; margin-bottom:1pt; margin-left:10pt; text-align: left;}
li {font-size: 13px;margin-top:1pt; margin-bottom:1pt; margin-left:10pt; text-align: left;}
ul.NoBullet { list-style-type: none}
/*
.middle ul {
	padding: 5px 0 5px 20px;
	margin:0;
}
.middle li {
	margin-bottom:5px;
	list-style-type: square;
}  ***/
.olli { padding-left:15px; }
.comment { font-size: 8pt; }
.sidebar {
	font-size: 15px;
	font-style: italic;
	color: #000033;
}

.commentText {
	font-size: 10pt;
	text-align: left;
	color: #003366;
	font-style: italic ; 
}

.sectionComment {
	font-size: 10pt;
	text-align: left;
	/*color: #003366;*/
	font-style: italic ;	
	background: #F2FBFF ;  /*  #F6F9FB;*/
	color: #003366;  /* #000055;*/
	border: thin solid #DDDDDD;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 10px;	 
}

#contactPopup {
	display:none;
	text-align:center;
	padding-right:50px;
	width:230px; 
	height:100px;
	background-color: #F2FBFF;
	border: 6px solid #369;  
	border-radius:8px; padding: 25px;
}

.mediumText {
	font-size: 9pt;
}

.smallText {
	font-size: 8pt;
}


/* for dev work, hilight TODOs */
.redText {
	color: red;
}


/* for dev work, hilight TODOs */
.highlightText {
	/*color: red;*/
	background-color:#FFFF99 ; 
}


/*Below is for the formatting of source code as done in some of my primers */

.csharpcode, .csharpcode pre
{
	font-size: small;
	color: black;
	font-family: Consolas, "Courier New", Courier, Monospace;
	background-color: #ffffff;
	/*white-space: pre;*/
}

.csharpcode pre { margin: 0em; }

.csharpcode .rem { color: #008000; }

.csharpcode .kwrd { color: #0000ff; }

.csharpcode .str { color: #006080; }

.csharpcode .op { color: #0000c0; }

.csharpcode .preproc { color: #cc6633; }

.csharpcode .asp { background-color: #ffff00; }

.csharpcode .html { color: #800000; }

.csharpcode .attr { color: #ff0000; }

.csharpcode .alt 
{
	background-color: #f4f4f4;
	width: 100%;
	margin: 0em;
}

.csharpcode .lnum { color: #606060; }