/* styles that set the default for all elements on the page if they are not set individually elsewhere */
body {
	margin: 0px; padding: 0px; border: 0px; font-family: verdana, arial, helvetica, sans-serif; font-size: x-small; color: #696969; line-height: 130%; text-align: justify;
}
img {
	border: 0px;
}
div {
	margin: 0px; padding: 0px;
}
table {
	border-collapse: collapse; width: 100%;
}
td {
	border: 0px; padding: 0px; margin: 0px;
}
th {
    color: #000000; font-weight: normal
}
ul, ol, dl {
	 padding-left: 50px; padding-right: 80px;
}
li {
	padding-top: 6px; padding-bottom: 6px;
}

/* default link styles */
a:link {
    color: #990066; text-decoration: underline;
}
a:visited {
    color: #990066; text-decoration: underline;
}
a:hover {
    color: #990066; text-decoration: none;
}
a:active {
    color: #990066; text-decoration: none;
}

/* default header styles */
h1 {
    font-size: small; font-weight: bold; color: #990066; text-align: right;
}
h2 {
    font-size: small; font-weight: bold; color: #CC6699; text-align: left; padding: 2px 0px 2px 0px; border-top: 1px solid #CC66CC; border-bottom: 1px solid #CC66CC;
}
h3 {
    font-size: x-small; color: #000000; text-align: left; font-weight: bold;
}
h4 {
    font-size: x-small; color: #696969; text-align: left; font-weight: bold;
}
h5 {
    font-size: x-small; color: #990066; text-align: left;
}
h6 {
    font-size: x-small; color: #CC6699; text-align: left;
}

/* main div positions - these set the broad layout */
div.contentholder {
	position: relative; text-align: center; margin-top: 124px; 
}
div.content {
	position: relative; margin-left: 200px; margin-right: 200px; padding-bottom: 60px; text-align: justify;
}
div.bottomcenter {
	position: relative; text-align: center; margin-left: 200px; margin-right: 200px;
}
div.sidenav {
	position: absolute; z-index: 15; top: 265px; left: 27px; width: 155px; color: #000000; line-height: 190%; text-align: left;
}
div.flash {
	position: absolute; top: 30px; z-index: 1; right: 20px; text-align: right;
}
div.shortcuts {
	position: absolute; visibility: hidden;
}

/* button positions */
div.button {
	position: absolute; z-index: 15; width: 58px; height: 60px;
}
#skip {
	left: 0 px; top: 0 px;
}
#home {
	left: 0px; top: 205px;
}
#news {
	left: 49px; top: 149px;
}
#products {
	left: 106px; top: 108px;
}
#tradeshows {
	left: 167px; top: 76px;
}
#technical {
	left: 234px; top: 47px;
}
#contact {
	left: 300px; top: 26px;
}
#wheretobuy {
	left: 367px; top: 9px;
}
#applications {
	left: 434px; top: 0px;
}

/* classes to apply to <p> or <span> tags that need to be different from the defaults set in the body style */
.small {
    font-size: xx-small; 
}
.normalcentered {
    text-align: center;
}
.normalblack {
    color: #000000;
}
.normalwhite {
    color: #FFFFFF; background-color: #990066; font-weight: bold;
}

/* styles for use within the content files */
/* see how the following four are used in news.asp, and europe.asp */
div.row {
	position: relative; width: 100%; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #CC6699; text-align: right;
}
div.left {
	float: left; text-align: left;
}
div.news {
	position: relative; width: 100%; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #CC6699;
}
div.newsimage {
	width: 150px; float: left; margin-right: 5px; text-align: center;
}
/* see how the following two are used in the tradeshows page */
table.tradeshows {
	border-collapse: collapse;
}
table.tradeshows td {
	text-align: left; vertical-align: top; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #CC6699;
}
/* useful empty div for clearing after using floated elements - this allows the placement of 
images left of some text but above other text without needing to use tables - see news.asp for example */
div.clearer {
	clear: both;
}