img { border: none; }
a img { border: none; }
img#logo { float: left; margin: 0; padding: 0; }
img.sidebar_img { margin-left: -4px; }

body {
    margin: 0px;
    padding: 5px 5px 0 5px;
    background-color: #fff;
    font: 10pt Helvetica,Arial,Verdana,sans-serif;
    color: #000;
    line-height: 130%;
}

div#main {
	background-image: url('images/main-bg.gif');
	background-repeat: repeat-y;
	width: 810px;
}

div#main-wide {
	width: 810px;
}

p.medium { font-size: 11pt; }
p.home { font-size: 11pt; margin: 3px 0 15px 0; }
p.subtle { font-size: 10pt; margin: 0; text-align: center; }

#head p:first-line {
	color: darkblue;
	font-size: 10pt;
}

#head p {
    color: #666;
    text-align: center;
    font-size: 9pt;
    font-weight: bold;
    padding: 10px 20px 0 0px;
}

span.partno { color: #666; }
a:link      { color: #00a; }
a:hover     { color: #66f; }
a:visited   { color: #007; }

a.pdf {
    padding: 1px 0 3px 19px;
    background-image: url('images/pdf.gif');
    background-repeat: no-repeat;
    background-position: top left;
}

a.vcf {
    padding: 1px 0 3px 19px;
    background-image: url('images/vcf.gif');
    background-repeat: no-repeat;
    background-position: top left;
}

h2 {
    font-size: 18pt;
    font-weight: bold;
    color: #2a55a0;
    margin: 2px;
}

h3 {
    font-size: 14pt;
    font-weight: bold;
    color: #2a55a0; 
}

h4 {
    font-size: 12pt;
    font-weight: bold;
    color: #000; }

h5 {
    font-size: 16pt;
    font-weight: bold;
    margin: 0; }

h6 {
	font-size: 16pt;
	text-align: center;
	background-color: #666;
	border: 2px solid #333;
	color: white;
	padding: 8px;
	margin: 12px 0 0 0;
}

td {
    font-size: 11px; }

.light td {
	border-bottom: 1px solid #999;
}

.light#bigger td {
	font-size: 10pt;
}

table.vbtable {
    font-size: 10px;
    margin: 0px;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333; }

.vbtable td {
    border-top: 1px solid #333;
    border-left: 1px solid #333; }

.vbtable th {
	background-color: #ccc;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	font-weight: bold;
}

#news td {
	font-size: 10pt;
	border: 1px solid #ddd;
}

#news td p {
	margin-top: 5px;
}

#news td a {
	text-decoration: none;
	}

#news td img {
	margin-left: 15px;
}

.box {
	color: #414141;
	border: 2px outset #f66;
	margin: 4px 8px 0px 8px;
	font-weight: bold;
	padding: 15px;
	font-size: 14pt;
	letter-spacing: normal;
	line-height: normal;
	text-align: center;
}

.box li {
	text-align: left;
	list-style-type: none;
	font-size: small;
}

.box li a {
	font-size: medium
}

div#head {
    width: 800px;
    height: 110px;
    margin: 0;
    border-bottom: 1px solid #666;
}

div#navbar {
    height: 30px;
	position: absolute;
	top: 70px;
	left: 210px;
	width: 600px;
}

div#sidebar {
	float: left;
	width: 192px;
	letter-spacing: 1px;
	padding: 4px 0px 0 0px;
	font-size: 9pt;

}

#sidebar h2 { !important;
	font-size: 9pt;
	color: red;
}

#sidebar td {
	letter-spacing: 0;
}

div#content {
	width: 594px;
    text-align: left;
    padding: 10px 3px 3px 3px;
    margin-left: 200px;
	color:#333333;
	font-size:12px;
	font-weight:normal;
}

div#content-wide {
    text-align: left;
    padding: 3px;
}


div#contact { height: 400px; }
div#contact h3 { font-size: 16pt; }
div#contact p { 
    font-size: medium;
    margin-top: 0; }

div#bottom {
    border-top: 1px solid #666;
    line-height: 30px;
    text-align: center;
	padding-top:3px;
    font-size: 9pt;
    color: #333;
    clear: both;
    line-height: 10pt;
    background-color: #fff;
    width: 800px;
}

span#1 { float: left; margin: 0; }
span#2 { float: right; margin: 0; }

div#productmenu ul {
	text-align: center;
	padding: 0;
	font-size: 10pt;
	font-weight: bold;
	border: 1px solid #333;
	white-space: nowrap;
}

div#productmenu li {
	list-style-type: none;
	padding: 0 10px 0 10px;
	display: inline;
}

div#productmenu li a {
	text-decoration: none;
	font-weight: bold;
}

// Navigation

// CSS Rollover menus

#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul#nav li {
	position: relative;
	float: left;
	width: 80px;
	line-height: 15px;
	text-align: center;
	list-style-type: none;
}

ul#nav li#wide {
	width: 150px;
}

ul li#wide a {
	padding: 0;
}

	
ul li ul {
	position: absolute;
	left: -40; /* Set 1px less than menu width */
	top: auto;
	display: none;
}

#nav li ul li {
	text-align: left;
	width: 140px;
}

/* Styles for Menu Items */
ul li a {
	display: block;
	text-decoration: none;
	color: #777;
	background: #fff; /* IE6 Bug */
	padding: 5px;
	border: 1px solid #ccc;
}
/* commented backslash mac hiding hack \*/ 
* html ul li a {height:1%}
/* end hack */ 

/* this sets all hovered lists to red */
ul li:hover a, ul li.over a,
ul li:hover ul li a:hover, ul li.over ul li a:hover {
	color: #fff;
	background-color: #2a55a0;
}

/* set dropdown to default */
ul li:hover ul li a, ul li.over ul li a {
	color: #777;
	background-color: #fff;
}
li ul li a { padding: 2px 5px; } /* Sub Menu Styles */
li:hover ul, li.over ul { display: block; }
/* The magic */