html, body, p, a, h1, h2, h3, li, table {font-family: "Liberation Sans", Tahoma, Verdana, Arial, sans-serif; color: #666666; font-size: 12pt;}

body {text-align: center; margin-top: 0px; background-color: #f3f3f3;} /* DEV /#c0c0c0/#f3f3f3/ */

a, a:visited, a:hover {text-decoration: none;}

a {color: #00467F;}

a:hover {color: #3399CC;}

a img {border: 0px;}

p {margin-bottom: 6px;}

p.form {margin: 10px 20px 10px 20px;}


div#document_l {margin: 0px auto; width: 812px; text-align: left; background: url('http://www.part.net/images/right_gradient_border.png') repeat-y top right; background-color: white;} /* DEV /812/ */
div#document_r {width: 800px; padding-left: 6px; background: url('http://www.part.net/images/left_gradient_border.png') repeat-y top left;} /* DEV /800/ */

div#topbar {height: 18px; width: 800px; background: url('http://www.part.net/images/gray_header.png') repeat-x; font-size: 0pt;} /* DEV the font-size attribute eliminates an IE6 spacing problem */
div#logobar {height: 148px; width: 800px; background: url('http://www.part.net/images/PN_logo_header.png') no-repeat top left;}
div#logobar img {padding-top: 64px; padding-left: 64px; height: 49px; width: 270px;}

div#navbar {height:50px; width: 800px; font-size: 0pt; background: url('http://www.part.net/images/lower_button_gradient.png') repeat-x bottom left;} /* DEV the font-size attribute eliminates an IE6 spacing problem */

div#navbar ul {height: 50px; margin-left: 0px; margin-bottom: 0px; margin-top: 0px; padding-left: 0px; list-style-type: none;} /* DEV definitive 0px margins are for IE spacing problem, padding is for firefox */
div#navbar ul li {height: 50px; float: left;}
div#navbar ul li a, div#navbar ul li a:visited {height: 50px; text-decoration: none;}

div#botbar {width: 800px; clear: both; background: url('http://www.part.net/images/gray_footer.png') repeat-x;}
div#botbar {padding: 10px 0px 12px 0px;}
div#botbar span, div#botbar a {font-size: 84%; color: #BFBFBF;}
div#botbar a:hover {color: white;}
div#botbar span {margin-left: 54px;}

/* rules to handle nav image replacement */
div#navbar ul li a {float: left; display: block; height: 50px;}
div#navbar ul li a img {border:none; vertical-align: bottom; }
div#navbar ul li a:hover {visibility:visible;}
div#navbar ul li a:hover img {visibility:visible;}
div#navbar ul li a:hover img/**/ {visibility:hidden;}


/* DEV if for some reason this doesn't preload properly, use something like http://perishablepress.com/press/2008/04/15/pure-css-better-image-preloading-without-javascript/ */
div#navbar a#nav0 {background: url('http://www.part.net/images/home_button_highlight.png') no-repeat left bottom;}
div#navbar a#nav1 {background: url('http://www.part.net/images/capabilities_button_highlight.png') no-repeat left bottom;}
div#navbar a#nav2 {background: url('http://www.part.net/images/offerings_button_highlight.png') no-repeat left bottom;}
div#navbar a#nav3 {background: url('http://www.part.net/images/gov_markets_button_highlight.png') no-repeat left bottom;}
div#navbar a#nav4 {background: url('http://www.part.net/images/about_PN_button_highlight.png') no-repeat left bottom;}
div#navbar a#nav5 {background: url('http://www.part.net/images/contact_button_highlight.png') no-repeat left bottom;}
div#navbar a#nav6 {background: url('http://www.part.net/images/facebook_highlight.png') no-repeat left bottom;}

/* it may be necessary to build rules for image replacement for the "more news" and "learn more" buttons */