@charset "UTF-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

/* The body contains the default information for the fonts and the alignment of the text. */
/* Start body */
body {
	background: #3c7faf url(../images/bluebackground.gif) top left repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: black;
	text-align: left;
	font-size: 12px;
	line-height: 18px;
}
/* End body */

/* The wrapper contains all of the other divs to ensure proper alignment and size. */
/* Start wrapper */
#wrapper {
	width: 960px;
	margin: 25px auto;
}
/* End wrapper */

/* The header contains the logo graphic. */
/* Start header */
#header {
	width: 960px;
	height: 100px;
	background: url(../images/ipt-header.jpg) center no-repeat;
}
/* End header */

/* The left_container contains all of the left divs to ensure that the left float can be properly applied to the entire column of divs */
/* Start left_container */
#left_container {
	width: 168px;
	float: left;
	padding: 6px;
}
/* End left_container */

/* The sidenav contains the navigation class that stylizes the links. */
/* Start sidenav */
#sidenav {
	width: 156px;
}
/* End sidenav */

/* The menu1 is a class that modifies all of the links on the left side. */
/* Start menu1 */
.menu1 {
	width: 156px;
	padding: 6px;
	list-style-type: none;
}

.menu1 li {
	background: #0053a0;
	height: 20px;
	padding-left: 6px;
	margin: 2px 0 2px 0;
}

.menu1 li a:link {
	color: #fff;
	font-weight: normal;
}

.menu1 li a:visited {
	color: #fff;
	font-weight: normal;
}

.menu1 li a:hover {
	color: #0099FF;
	font-weight: normal;
}

.menu1 li a:active {
	color: #fff;
	font-weight: normal;
}
/* End menu1 */

/* The side_adv div contains the advertisement graphic found under the links on the left hand side of the page. */
/* Start side_adv */
#side_adv {
	width: 132px;
	padding: 8px;
	margin: 12px auto;
	border: 1px solid #ccc;
	background: #fff;
}
/* End side_adv */

/* The side_adv class allows for multiple divs of the side_adv id. */
/* Start side_adv */
.side_adv {
	width: 132px;
	padding: 8px;
	margin: 12px auto;
	border: 1px solid #ccc;
	background: #fff;
}
/* End side_adv */

/* The main_content_container contains all of the divs that are required to produce the background graphic found behind the main content. The divs are stacked vertically and the main_content_container floats them to the left to keep the entire stack in the center of the page. */
/* Start main_content_container */
#main_content_container {
	width: 600px;
	float: left;
}
/* End main_content_container */

/* The main_content_top div is used to house the top of the background graphic for the main content section. Having the background graphic split up allows for the middle section to repeat vertically and therefore have no vertical limit in size. */
/* Start main_content_top */
#main_content_top {
	width: 600px;
	height: 20px;
	background: url(../images/maincontent-top.png) top left no-repeat;
}
/* End main_content_top */

/* The main_content div contains all of the main content found on each of the pages. The background graphic scales vertically to allow for unlimited containment and flawless appearance. */
/* Start main_content */
#main_content {
	width: 546px;
	padding: 6px 30px 6px 24px;
	background: url(../images/wrapperbg.png) top left repeat-y;
}
/* End main_content */

/* The main_content p allows for the p tags to be padded an extra 6px so that they are 12px from each other as well as a total of 12px away from the main_content div borders. */
/* Start main_content p */
#main_content p {
	padding: 6px;
}
/* End main_content p */

/* The main_content_bottom provides the same function as the main_content_top div only in the reverse direction. */
/* Start main_content_bottom */
#main_content_bottom {
	width: 600px;
	height: 20px;
	background: url(../images/maincontent-bottom.png) top left no-repeat;
}
/* End main_content_bottom */

/* The indexTable class contains all of the promo table information. */
.indexTable {
	width: 538px;
	border: 1px solid #ccc;
	margin: 6px auto;
	text-align: center;
}
/* End indexTable */

/* The list_style class stylizes all of the lists found on the website (excluding the contact information). */
/* Start list_style */
.list_style {
	margin: 6px 0px 6px 6px;
	list-style: inside;
}
/* End list_style */

/* The emaillist class makes it so the two lists on the contacts page can co-exist together. */
/* Start emaillist */
.emaillist {
	width: 265px;
	float: right;
	list-style-type: none;
	margin: 6px;
}

.emaillist ul {
	list-style-type: none;
}
/* End emaillist */

/* The contactlist class ensures that the contact information is not bulleted. */
/* Start contactlist */
.contactlist {
	width: 253px;
	float: left;
	list-style-type: none;
	margin: 6px;
}

.contactlist ul {
	list-style-type: none;
}
/* End contactlist */

/* The nacdlist class ensures that the contact information found on the NACD page is not bulleted. */
/* Start contactlist */
.nacdlist {
	list-style-type: none;
	margin-top: 6px;
}
/* End contactlist */


/* The h tags have been modified to fit with the look of the site and to pad properly in the divs. */
/* Start h tags */
h1 {
	padding: 6px;
	font-size: 18px;
	line-height: 24px;
	color: #0053a0;
	font-weight: normal;
}

h2 {
	padding: 6px;
	font-size: 14px;
	color: #0053a0;
}

h3 {
	padding: 6px 0px 6px 0px;
	font-size: 14px;
	color: #0053a0;
}

h4 {
	text-align: center;
	font-size: 12px;
	color: #0053a0;
	padding: 6px 0px 6px 0px;
}

/* End h tags */

/* The imgfltleft class is used to float images to the left of text. */
/* Start imgfltleft */
.imgfltleft {
	float: left;
}
/* End imgfltleft */

/* The imgfltright class is used to float images to the right of text. */
/* Start imgfltright */
.imgfltright {
	float: right;
}
/* End imgfltright */

/* The centerText class centers the specified text block. */
/* Start centerText */
.centerText {
	text-align: center;
}
/* End centerText */

/* The right_container contains the images and text found on the right hand side. */
/* Start right_container */
#right_container {
	width: 172px;
	float: left;
	margin-left: 6px;
	margin-top: 12px;
}
/* End right_container */

/* The right_column allows for additional material to be placed within the right_container */
/* Start right_column */
#right_column {
	width: 152px;
	padding: 8px;
	background: #fff;
	border: 1px solid #ccc;
	margin-bottom: 12px;
}
/* End right_column */

/* The ad div creates a way to display some info text on some of the graphics found in the right_container */
/* Start ad */
.ad {
	width: 152px;
	padding: 8px;
	background: #fff;
	border: 1px solid #ccc;
	margin-bottom: 12px;
}
/* End ad */

/* The footer div contains the legal information. */
/* Start footer */
#footer {
	width: 960px;
	height: 18px;
	clear: both;
	margin-bottom: 20px;
}
/* End footer */

/* The footer p tag has been modified to make it smaller and center in the footer div. */
/* Start footer p */
#footer p {
	text-align: center;
	font-size: 10px;
	line-height: 15px;
	padding-top: 4px;
}
/* End footer p */

#footer a:link {
	color: #000066;
	font-weight: bold;
}

#footer a:visited {
	color: #000066;
	font-weight: bold;
}

#footer a:hover {
	color: #006699;
	font-weight: bold;
}

#footer a:active {
	color: #000066;
	font-weight: bold;
}

/* The bold text class is used as a way to bold text. */
/* Start bold_text */
.bold_text {
	font-weight: bold;
}
/* End bold_text */

/* The imgborder class is used to apply a grey border around images. */
/* Start imgborder */
.imgborder {
	border: 1px solid #ccc;
}
/* End imgborder */

/* The clear class is used to clear assorted floats to avoid issues with the divs. */
/* Start clear */
.clear {
	clear: both;
}
/* End clear */

/* The surplusListTop class allows for a div to wrap around individual item lines on the surplus page on the first item. */
/* Start surplusList */
.surplusListTop {
	width: 528px;
	margin: 10px auto 0px auto;
	padding: 10px 0px;
	border: 1px solid #ccc;
	background: #f1f1f1;
}
/* End surplusList */

/* The surplusList class allows for a div to wrap around individual item lines on the surplus page. */
/* Start surplusList */
.surplusList {
	width: 528px;
	margin: 17px auto 0px auto;
	padding: 10px 0px;
	border: 1px solid #ccc;
	background: #f1f1f1;
}
/* End surplusList */

/* The surplusPrice class changes the price to a bold blue color. */
/* Start surplusPrice */
.surplusPrice {
	color: #474ca3;
}
/* End surplusPrice */

/* The surplusTitle class changes the color of the products on the surplus page into blue. */
/* Start surplusTitle */
.surplusTitle {
	color: #474ca3;
	font-weight: bold;
}
/* End surplusTitle */

/* The noBorder class eliminates the default blue border surrounding linked images. */
/* Start noBorder */
.noBorder {
	border: none;
}
/* End noBorder */

/* All of the links (except for the navigation) are effected by the a tag information found below. */
/* Start a */
a {
	text-decoration: none;
	font-weight: bold;
	outline: none;
}

a:link {
	color: #000099;
}

a:visited {
	color: #000099;
}

a:hover {
	color: #0099FF;
}

a:active {
	color: #000099;
}
/* End a */