/* Brockmann Electronics Website */

body{
  font-family: Arial, Helvetica, sans-serif; 
	color: Black; 
	background-color: White; 
	font-size: 10pt; 
	background-image: url(bg_body.gif); 
	background-repeat: repeat-x; 
	margin: 0;  
	padding: 0;  
	}
p{
	font-size : 10pt; 
	}
a {
	font-family : Arial, Helvetica, sans-serif;
	color : #000;
	}
p a {
	font-family : Arial, Helvetica, sans-serif;
	color : #0000ff;
	background-color: #f5f5f5;
	border: 1px solid #cccccc;
	}
h3 a {
	font-family : Arial, Helvetica, sans-serif;
	color : #0000ff;
	background-color: #f5f5f5;
	border: 1px solid #cccccc;
	}
h2 a {
	font-family : Arial, Helvetica, sans-serif;
	color : #0000ff;
	background-color: #f5f5f5;
	border: 1px solid #cccccc;
	}
	
a:hover{
	text-decoration : underline;  
	color: #FF2424; 
	}
form{
	margin: 0px;
	}
input{
  font-family: Tahoma;  
	font-size: 12px;  
	}
h2 {
	font-size: 15pt; 
	color: #000;  
	font-weight: normal;  
	margin: 0 0 3px 0;
  }
h3 {
	font-size: 12pt; 
	color: #000;  
	font-weight: normal;  
	margin: 0 0 3px 0;
  }
a img {
	border: none;
	}
	
/* HEADER-------------------------------------------------------------------------*/

#HEADER{ display: block; height: 117px; padding:0; margin:0;  background-position: top right;  background-repeat: no-repeat;  background-image: url(bg_header.jpg);   }
	#HEADER h1{ width: 471px; position: absolute;  top: 0;  left: 0;     height: 112px;  background-image: url(bg_logo_deep.gif); background-repeat: no-repeat; padding: 0 0 0 23px; margin: 0;  display: inline;              }
	#HEADER h1 a{ display: block;  padding: 0 22px 0 22px;  width: 12em;   line-height: 40px; border-top: 3px solid #9E0000; background-color: #CD0000; height: 40px; color: White; font-family: "Times New Roman", Times, serif; font-size: .8em; margin: 0; text-decoration: none;  display: block;  font-weight: normal;    }
	#HEADER h1 a:hover{	background-color: #E60000;}
	#HEADER p.NextPage{ margin: 32px 0 0 0; display: inline; width: 20px; float: right;    }
	#HEADER p.NextPage a{ width: 20px; height: 19px; background-color: #CD0000; background-image: url(next_page.gif); background-repeat: no-repeat; display: block; color: #CD0000; }
	#HEADER p.NextPage a:hover{ background-color: #E60000; background-image: url(next_page.gif); background-repeat: no-repeat; color: #E60000; }
	#HEADER ul{ list-style: none; margin: 87px 0 0 0; padding: 0; display: inline; float: right; display: block;  border-bottom: 5px solid #004278;  position: relative;  left: 20px;       }
	#HEADER li{ float:left; margin: 0;  padding: 0 27px 0 5px; list-style: none; display: inline;  background-image: url(bg_topnav_li.gif);  background-repeat: repeat-y;    height: 25px;  line-height: 1em;      }
	#HEADER li a{  color: White; text-decoration: none;  font-size: 11px;  font-family: Tahoma, Arial, Helvetica, sans-serif;         }
	#HEADER li a:hover{ text-decoration: none; position: relative; top: -1px; }

/* NAV LINE--------------------------------------------------------------------------*/

#PATH{ display: block; height:48px;  padding-left: 220px; margin:0; }
	#PATH p{ padding: 29px 0 0 0; margin: 0; font-size: 8pt; color: #B90000; font-weight: bold; }
	#PATH a{ text-decoration: none; color: Black; font-size: 8pt;  font-weight: normal;  }
	#PATH a:hover{ text-decoration: none; position: relative; top: -1px; }
	#PATH .Arrow{ color: Black; position: relative; top: -1px;  margin: 0 2px 0 2px;  }
	
/* CONTENT--------------------------------------------------------------------------*/

#CONTENT{ 
		max-width: 625px;
    margin: 27px 27px 27px 20px; 
		float: left;
		display: block; 
    }
		<!--  -->
		
	#CONTENT h1{ 
  	margin:0 0 0.5em 0; 
  	padding:0; 
  	line-height: 14pt; 
  	font-family: Arial, Helvetica, sans-serif;  
  	font-weight: normal;  
  	font-size: 14pt;  
  	color: #225680;    
		border-bottom: 2px solid #999999;
  	}
	#CONTENT p{ 
  	text-align: justify;  
  	margin: 0 0 10px 0;  
  	}
	#CONTENT .boxtext {
  	background-color: #e6e6fa;
  	padding: 20px;
  	text-align: center;
  	}
	#CONTENT .list li {
		font-size: 12pt;
		list-style-type: none;
		padding: 1em 0 0 0;
		}
	#CONTENT .itempic {
		float: left;
		padding-right: 10px;
		}
 	#CONTENT h1{ 
	  clear: left;
		}

 #radiotypes li {
    font-size: 15pt;
		list-style-type: none;
		padding: 1em 0 0 0;
		}
  .item {
    float: left;
		width: 600px;
		border-top: 2px solid #cccccc;
		padding: 5px;
		}
  .item li {
	  margin-left: 15px;
		}
 .pic {
 float: left;
 padding: 5px;
 }
 
#DC {
 Margin: 15px;
 }
 
 
#SIDEBAR{ 
		width: 151px;
		height: 100%;
    display: inline;
		background-image: url(bg_vline.gif);
    background-repeat: repeat-y;
  	background-position: right;
    margin-top: 27px;
  	padding: 0px 23px 0 23px;

  	float: left;
  	margin-bottom: 20px;
  	}
	#SIDEBAR a {
	font-family : Arial, Helvetica, sans-serif;
	}
	#SIDEBAR h1{ 
	  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
		font-size: 11px; color: White;  
		background-color: #004278;  
		text-align: center;  
		font-weight: bold;  
		padding: 3px 0 3px 0;  
		margin: 0 0 17px 0;         
		}
	#SIDEBAR p{ 
	  text-align: justify;  
	  margin: 0;  
		font-family: Arial, Helvetica, sans-serif;  
		font-size: 9pt;  
		padding-bottom: 3px;     
		}

	#SIDEBAR p.More{ text-align:right;  margin-top: 3px;  margin-bottom: 18px;   }
	#SIDEBAR p a{
	 font-size: 8pt; 
	 color: #000;  
	 text-decoration: none;  
	 font-weight: bold;     
	 }
	#SIDEBAR p a:hover{ text-decoration: underline; }
	#SIDEBAR h1 a {font-size: 10pt; color: #fff;  text-decoration: none;  font-weight: bold;     }
	#SIDEBAR h1 a:hover { text-decoration: underline; }
	#SIDEBAR .center{
	 text-align: center;}

#sidenav {
  background-color: #cccccc;
	}
#sidenav ul {
	padding: 5px;
	}
#sidenav p {
	font-size: 1em;
	margin-left: 5px;
	}

	
#sidenav li p a {
	background-color: #5f9ea0;
	margin-left: -5px;
	padding: 0;
	}	 
#sidenav li {
	list-style: none;
	font-family: arial, sans-serif;
  background-color: #5f9ea0;
	margin: 2px 0 2px 0;
	padding: 0;
	border: 1px solid #003300;
	}
#sidenav a {
	text-decoration: none;
	font-weight: bold;
	border: none;
	font-size: .9em;
	font-variant: small-caps;
	}
#sidenav a:hover {
	padding: 2px 2px 2px 2px;
	font-style: normal;
	font-weight: bold;
	}
#sidenav p a {
  background-color: #cccccc;
	font-size: .9em;
	
  }
	
/* FOOTER--------------------------------------------------------------------------*/

#FOOTER{ 
   display: block;
   margin: 27px 27px 0 5px; 
	 padding: 0 0 20px 0; 
	 clear: both;  
	 background-image: url(bg_footer.gif);  
	 background-repeat: no-repeat;  
	 background-position: right bottom;             
	 }
	#FOOTER .copyright{  
	 list-style: none; 
	 margin: 0; 
	 padding: 0;   
	 display: block;              
	 }
	#FOOTER li{  
  	margin: 0;  
  	padding: 0; 
  	list-style: none;  
  	display: inline;                  
  	}
	#FOOTER li a{ 
  	color: #004278; 
  	text-decoration: none; 
  	font-size: 9pt; 
  	font-family: "MS Sans Serif", Geneva, sans-serif;  
  	margin-left: 6px;  
  	margin-right: 6px;   
  	}
	#FOOTER li a.First{ 
  	margin-left:0;
  	}
	#FOOTER li a:hover{ 
  	text-decoration: underline; 
  	}
	#FOOTER p{ 
  	margin: 5px 0 0 0; 
  	font-family: "MS Sans Serif", Geneva, sans-serif; 
  	font-size: 9pt; 
  	}
	#FOOTER a{
  	font-family: "MS Sans Serif", Geneva, sans-serif;  
  	font-size: 9pt; 		
  	color: Black;  
  	text-decoration: none; 	 
  	}
	#FOOTER a:hover{ 
  	text-decoration: underline; 
  	}
	#affiliates {
  	background-image: url(bg_hline.gif);
		background-repeat: repeat-x;
		background-color: #fff;
  	float: left;
  	clear: both;
  	width: 100%;
  	}
		
/* IE fixes */

* html #CONTENT { 
   width: 625px;
	 }

 
* html #sidenav {
  padding: 0 5px 0 5px;
	margin-bottom: 5px;
	}
* html #sidenav ul {
  display: inline;
	padding: 0;
	}
* html #sidenav li p {
	margin-left: -2px;
	}
	

	
*html #sidenav li a {
	text-decoration: none;
	margin-left: -10px;
  
	}