body {font-family: Arial, Helvetica, sans-serif;
      font-size:100%;
	  background-image:url(background.jpg)}

* {padding:0; margin:0;}

#overallWrap {width: 720px;
              margin-top: 12px;
              margin-left:auto;
              margin-right:auto;} 

img {margin: 8px;}

p, h3 {margin: 6px;
       padding: 2px;
}


#header,
#navigation,
#mainContent,
#footer {border:1px solid black;
         border-bottom-width:0; /*so bottom and top borders don't double-up on stacked page blocks*/
		 width:718px;}
#footer {border-bottom-width:1px;}

#header {background-color:white;
         float:left;}	 
			
#header img {float:left;}

#headerText {float:right;
             width:440px;
             text-align:right;
		     font-size:.8em;
			 font-weight:bold;
			 color:#F05A00;}

#greyBar {border-top:4px solid #E1E1E1;
		  clear:both;}
  
div#navigation {
	color:#FFFFFF; /* sets font color */
	font-size:.9em;	/* SET FONT-SIZE HERE */
	font-weight:bold;
	background-color:#006699; /* colors the div */
    padding:3px 0px;
	float:left;
}

div#navigation a, 
div#navigation span {color:#FFFFFF;
                     margin-left:8px;
	                 padding: 2px 5px;}	  

div#navigation a:hover {background-color:#333333;} /*sets the background of the menu items */

#currentLink {background-color:black;}

#mainContent {background-color:white;
			  border-top-width:0;
			  font-size:.9em;
			  float:left;}

.column {float:left;
background-image:url(greyColumnBackground.gif);
		 background-repeat:repeat;}

.columnThin {float:left;    
             width: 359px;}

.columnWide {float:right;    
             width: 520px;}
			 
			 
			 
.inText {float:right;}			 			 
			  
#mainContent a:link, #mainContent a:visited {color:#0033CC;}
#mainContent a:hover{background-color:#F6F6F6;}

                 
#mainContent h3 {/*background-color:#F3F3F3*/;
                 font-weight:bold;
				 font-size:1em;
				 border-bottom:1px solid #C3C3C3;
				 }
 
.paragraphBlock p{text-indent:1.5em;}
				 
#rs232pic {width:291px;} /*accomodates image and image margin */

#lab9500 {width:296px;} /*accomodates image and image margin */

.pictureBlock {margin-left:auto;
               margin-right:auto;
			   text-align:center;
}

.pictureBlock img {margin-bottom: 2px;}

.pictureBlock p {font-size:.8em;
				 margin-top: 0px;}
				 

#footer {
         color:#FFFFFF;
         text-align:right;
		 background-color:black;
		 border-top-width:0;}

#footer p {margin: 0px;}
     	 

/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */