img {border: 0; padding: 0; margin: 0}
form {border: 0; padding: 0; margin: 0; font: xx-small verdana; color: #000}

body {background: transparent url(images/background.gif) top center repeat-y; border: 0; padding: 0; margin: 0}


/* general layout */

#main {margin: auto; width: 750px; background: transparent url(images/main_bg.gif) top center no-repeat}
#findus {padding: 5px; border: 1px solid #ccc; border-right: none}
#findus_position {margin: 0 0 0 10px; width: 94px}

#supheader {width: 750px; height: 36px; clear: both; padding: 0; margin: 0; background: transparent url(images/supheader_bg.gif) top left no-repeat}
#menu {padding: 0 0 0 5px; margin: 0; clear: both; background: transparent url(images/menu_bg.gif) top left no-repeat}
#header {width: 750px; height: 208px; clear: both; padding: 0; margin: 0; background: transparent url(images/header_bg.jpg) top left no-repeat}

#left {float: left; width: 200px; background: transparent}
.leftbox {background: #e9e9e9; border-bottom: 5px solid #fff}
.box_top_bg {background: transparent url(images/left_top_bg.gif) top left no-repeat}
.box_bottom_bg {background: transparent url(images/left_bottom_bg.gif) bottom right no-repeat; padding: 0 0 0 5px}

#center {float: left; width: 446px; background: transparent}
#content {padding: 20px 20px 20px 17px}

#right {float: left; width: 104px; background: transparent}

#footer {border-top: 4px solid #fff; clear: both; height: 20px; padding: 5px 0 0 5px; background: #fff url(images/footer_bg.gif) top left no-repeat}
#member_login {margin: 0 15px 0 10px; padding: 5px; background: transparent url(images/module1_bg.gif) top left no-repeat}
#latest_projects {background: #e1e1e1}
#downloads {padding: 5px;  background: transparent url(images/module1_bg.gif) top left no-repeat}

#prodboxg {background: #e5e5e5 url(images/pdfheaderg.jpg) top left no-repeat; clear: both; padding: 20px 5px 10px 5px}
#prodboxb {background: #e5e5e5 url(images/pdfheaderb.jpg) top left no-repeat; clear: both; padding: 20px 5px 10px 5px}

/* typeography */ 

h1 {font: bold small verdana; color: #903; border: 0; padding: 0; margin: 0; letter-spacing: -1px; voice-family: "\"}\""; voice-family: inherit; font-size: medium}
html>h1{font-size: medium}

h2 {font: bold small verdana; color: #fff; border: 0; padding: 5px 0 5px 0; margin: 0; letter-spacing: -1px}

h3 {font: bold xx-small verdana; color: #fff; border: 0; padding: 0; margin: 0; letter-spacing: -1px; voice-family: "\"}\""; voice-family: inherit; font-size: x-small}
html>h3{font-size: x-small}

h4 {font: bold x-small verdana; color: #0C4591; border: 0; padding: 0; margin: 0; voice-family: "\"}\""; voice-family: inherit; font-size: small}
html>h4{font-size: small}

h5 {font: bold xx-small verdana; color: #16534B; border: 0; padding: 5px 0 5px 0; margin: 0; voice-family: "\"}\""; voice-family: inherit; font-size: x-small}
html>h5{font-size: x-small}

h6 {font: bold x-small verdana; color: #299947; border: 0; border-bottom: 1px solid #B9CCC9; padding: 0 0 5px 0; margin: 0 0 10px 0; voice-family: "\"}\""; voice-family: inherit; font-size: small}
html>h6{font-size: small}

p {font: xx-small verdana; color: #777; border: 0; padding: 0; margin: 0; voice-family: "\"}\""; voice-family: inherit; font-size: x-small}
html>p{font-size: x-small}

#footer p {font: bold xx-small verdana; color: #999; border: 0; padding: 0; margin: 0; voice-family: "\"}\""; voice-family: inherit; font-size: x-small}
html>#footer p{font-size: x-small}

table {font: xx-small verdana; color: #777; voice-family: "\"}\""; voice-family: inherit; font-size: x-small}
html>table{font-size: x-small}

ul {font: xx-small verdana; color: #777; border: 0; voice-family: "\"}\""; voice-family: inherit; font-size: x-small}
html>ul{font-size: x-small}

.date {font: xx-small verdana; color: #fff}

.blue {color: #903}
.green {color: #903}
.red {color: #f00}
.redbg {background: #fdd}


/* linkology */

a:link, a:visited {font: x-small verdana; text-decoration: none; color: #666}
a:hover {font: x-small verdana; text-decoration: underline}
a:active {font: x-small verdana; text-decoration: none}

#menu a:link, #menu a:visited {font: bold 8pt verdana; letter-spacing: -1px; text-decoration: none; color: #903}
#menu a:hover {text-decoration: underline}
#menu a:active {text-decoration: none}

#footer a:link, #footer a:visited {font: bold xx-small verdana; letter-spacing: -1px; text-decoration: none; color: #999}
#footer a:hover {text-decoration: underline}
#footer a:active {text-decoration: none}

#copy a:link, #copy a:visited {font: x-small verdana; text-decoration: none; color: #999}
#copy a:hover {text-decoration: underline}
#copy a:active {text-decoration: none}

/* form */
input {font: xx-small verdana; color: #666; border: 1px solid #666; margin: 0 0 1px 0}
input.submit {font: bold xx-small verdana; color: #666; border: none; margin: 0; background: transparent}
select {font: xx-small verdana; color: #666; border: 1px solid #666}
textarea {font: xx-small verdana; color: #666; border: 1px solid #666}


/* sub nav */

#nav ul {border: 0; margin: 0; padding: 0; list-style-type: none; text-align: left}
#nav ul li {display: block; float: left; text-align: left; padding: 0; margin: 0}
#nav ul li a {width: 200px; background: transparent url(images/nav_arrow.gif) left center no-repeat; padding: 0 0 0 10px; margin: 0; border: none; display: block; letter-spacing: -1px; font: xx-small verdana;
	color: #666;
	text-decoration: none;
	text-align: left;
	line-height: 20px;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: x-small;
	width: 190px
	}
html>#nav ul li a  {width: 185px; font-size: x-small}
#nav ul li a:hover {text-decoration: underline}
#nav ul li#highlight a {background: #069 url(images/navarrow2.gif) right center no-repeat}

#nav ul li#subnav a {width: 195px; background: #f9f9f9; line-height: 15px; padding: 0 0 0 15px;
	color: #666;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: x-small;
	width: 180px
	}
#nav ul li#subnav a:hover {text-decoration: underline}