/* This stylesheet is read first by the web pages.*/

/* This stylesheet contains mostly structural styles, with a few typography styles.  The typography styles in this stylesheet are not ones the client will need to view when updating the site with Contribute.  The styles in this document are more standard-setting/base-setting styles than anything else.  As the old saying goes, "If it ain't broke, don't fix it!"*/

/* ----------------------------------------GLOBAL BODY/BASE-SET STYLES----------------------------------------*/


/* to zero margins*/
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

/* to set font for body, background, and text-align center for IE5 fix to ignoring auto in wrapper*/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	background-color: #666666;
	text-align: center;
	margin: 0;
	padding: 0;
}

/* ----------------------------------------GLOBAL LINK STYLES----------------------------------------*/


/* content_main (link tag styles for links, regular, hover, and visited*/
#content_main a {
	text-decoration: underline;
	color:#CC6600;
}
#content_main a:hover {
	text-decoration: none;
	color:#CC6600;
}
#content_main a:visited {
	text-decoration: underline;
	color: #CC6600;
}
.vendor_cat a {
	color:#994400!important;
	text-decoration: none!important;
}

.vendor_cat a:hover {
	color:#994400!important;
	text-decoration: underline!important;
}

/* --------------------GLOBAL WRAPPER, MAIN NAVIGATION, AND CONTENT LAYOUT/DESIGN/STRUCTURE STYLES--------------------*/

/* to set container element for all elements in page, to position body element, and to reset text align to the left to fix IE5 aligning to center due to property above*/

/* wrapper for home page*/
#wrapper {
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	text-align:left;
	background-color:#FFFFFF;
	background-image:url(../images/structure/wrapper_slice.gif);
	background-repeat:repeat-y;
	width: 762px;
}

/* banner and header for home page*/
#banner {
	height: 100px;
	margin: 0;
	padding: 0;
	background-image: url(../images/structure/header.jpg);
	background-repeat: no-repeat;
}

#banner2_left {
	height: 30px;
	width: 176px;
	float:left;
	background-image: url(../images/structure/nav_top.gif);
	background-repeat: no-repeat;
	margin: 0;
	background-color: #FFFFFF;
}

#banner2_right {
	height: 30px;
	width:586px;
	float:left;
	background-image: url(../images/structure/main_top.gif);
	background-repeat: no-repeat;
	margin: 0;
	background-color: #FFFFFF;
}
/*#banner_nav {
	width:670px;
	height: 30px;
}
#banner_nav2 {
	width:350px;
	height: 35px;
}*/
#banner2 h1 {
	display: none;
}
#banner2 h2 {
	display: none;
}

/* background to navigation for home page*/
#navmain {
	margin: 0;
	padding: 0;
	width: 176px;
	background-image: url(../images/structure/nav_main.gif);
	background-repeat: repeat-y;
	min-height:272px;
  	height:auto !important;
	height:272px;
}
#navbackground {
	margin: 0;
	padding: 0;
	width: 176px;
	background-image: url(../images/structure/nav_main.gif);
	background-repeat: repeat-y;
}

/* container for navigation--home and module*/
#leftcol{
	width: 176px;
	float: left;
	padding: 0;
	margin: 0;
	background-color: #FFFFFF;
	background-image: url(../images/structure/nav_main.gif);
	background-repeat: repeat-y;
}

/* container and margins for content--home and module*/
.container {
	width: 100%;
	float: right;
}

/* content styles*/
#content {
	padding: 0;
	margin: 0 0 0 176px;
	background-color: #FFFFFF;
}
#content_main {
	margin: 0;
	background-image: url(../images/structure/main_content.gif);
	background-repeat:repeat-y;
	background-color:#FFFFFF;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	min-height:300px;
  	height:auto !important;
	height:300px;
}
#left_column {
	float:left;
	width:120px;

}
#right_column {
	float:right;
	width:410px;
	margin-left:16px;
	
}
.vendor_box {
	background-color:#F9F2DF;
	padding:10px;
	margin-bottom:20px;
}
.testimonial_box {
	float:left;
	width:125px;
	background-color:#C56F42;
	color:#FFFFFF;
	margin:2px 30px 40px 0;
	padding:15px 15px 30px 15px;
}

#paging {
	padding:14px 0px 0px 490px;
}

.h_line {
	background-image:url(../images/structure/dotted_line.gif);
	background-repeat:repeat-x;
	text-align:center;
	margin:12px auto 12px auto;
	height:10px;
}
td.vendor_cat p {
	margin-bottom:8px;
	color:#994400;
	font-size:11px;
}
td.vendor_box p {
	font-size:12px;
}
td.vendor_box h2 {
	font-size:14px;
}
td.vendor_box h3 {
	font-size:14px;
}
#content_main td.vendor_box li {
	font-size:12px;
}
/* ----------------------------------------GLOBAL HOME AND MODULE FOOTER STYLES----------------------------------------*/

/* for footer text styles on home and module pages*/
#footer {
	margin:0;
	padding:0;
}
#footer p {
	font-size: 1em;
	margin:0;
	padding: 3px;
	text-align:center;
}

/* for home page footer background*/
#footer_left {
	background-image:url(../images/structure/nav_footer.gif);
	background-repeat:no-repeat;
	margin:0;
	height: 31px;
	width:176px;
	float:left;
	background-color: #FFFFFF;
}
#footer_right {
	background-image:url(../images/structure/main_footer.gif);
	background-repeat:no-repeat;
	margin:0;
	height: 27px;
	width:586px;
	float:left;
	background-color: #FFFFFF;
	padding: 4px 0 0 0;
	text-align:center;
	color:#F8EECC;
}

#footer_right a {
	text-decoration:none;
	color:#F8EECC;
}
#footer_right a:hover {
	text-decoration:underline;
	color:#F8EECC;
}