/* McHutchison website css 2008, page-2 LLC */
/* LAYOUT */

body {
	margin:0;
	padding:0;
	background-color:#548b26;

}

#page{
	background: #558a27;
	background-image: url(images/sub_BGND.jpg);
	background-repeat:repeat-y;
}

#wrapper {
	width:820px;
	padding:0;
	_width: 823px;
	background:url(images/top_bgnd.jpg) no-repeat;
}


#header { 
} 

#header h1 {
	margin: 0;
	padding: 10px 0;
}


#login{
position:absolute;
width: 168px;
height: 48px;
left:480px;
top:42px;
background-image:url(images/cust_login.gif); 
background-repeat:no-repeat;
}


/*#search{
position:absolute;
left:480px;
top:72px;
}*/

#sidebar-left {
	float: left; 
	width: 190px;
	_width: 189px; 
	height: 100%;
	margin-left: 25px;
	_margin-left: 14px;
	margin-top: 5px;
}
#sidebar-right {
	float: right;
	width: 165px;
	margin: 20px 25px 0 0;
	_margin: 20px 10px 0 0;
}
.left-block{
margin-top:40px;
margin-right: 20px;

}




#main { 
	margin: 15px 190px 0 240px;
	padding: 0 10px ;
	_padding:0;
} 
#footer {
	height: 138px;
	background:url(images/footer1.jpg) no-repeat;
} 
#footer.image2 {
	height: 138px;
	background:url(images/footer2.jpg) no-repeat;
} 
#footer.image3 {
	height: 138px;
	background:url(images/footer3.jpg) no-repeat;
} 
#footer.image4 {
	height: 138px;
	background:url(images/footer4.jpg) no-repeat;
} 
#footer.image5 {
	height: 138px;
	background:url(images/footer5.jpg) no-repeat;
} 
#footer.image6 {
	height: 138px;
	background:url(images/footer6.jpg) no-repeat;
} 


#footer p {
	margin: 0px;
	padding: 90px 0 0 20px;
}
.fltrt {
	float: right;
	margin: 90px 30px 0px 0px;
}
.fltlft {
	float: left;
	margin: 90px 30px 0px 25px;;
}
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}




/* STYLES  */

body {
	font: 12px Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
	line-height: 18px;
	text-align: left;
}

#main h1 {
color:#491152;
font-family:'Arial','Helvetica','Sans-serif';
font-size:14px;
font-weight:bold;
text-decoration:none;
margin-bottom: 5px;
margin-top: 20px;
}

#main h1.nopad {
margin-top: 0px;
}

#main p {
margin: 5px;
}

.crumb {
font-size: 11px;
color:#006634;
border-bottom: 1pt solid #999;
margin-bottom: 15px;
padding-bottom: 15px;
}

.crumb b {
font-weight: bold;
text-transform: uppercase;
}

.jumpto {
font-size:9px;
font-weight:bold;
line-height: 12px;
}
#main ul {
list-style:square;
list-style-position: inside;
margin: 0; 
padding-left: 1em;
text-indent: -1em;
}

#main a:link, #main a:visited {
color:#000000;
text-decoration:underline;
}

#main a:hover {
color:#578E28;
}

#main {
border-right: 1pt solid #999;
}

#sidebar-right{
/*border-left: 1pt solid #999;*/
min-height: 675px;
}

#sidebar-right-images{
margin-top: 25px;


}

#sidebar-right-images p{
margin-bottom: 20px;

}



#sidebar-right h1 {
color:#003300;
font-family:'Arial','Helvetica','Sans-serif';
font-size:14px;
font-weight:bold;
text-decoration:none;
margin-top: 20px;
margin-bottom: -5px;
padding-left: 15px;
}

#sidebar-right p {
padding-left: 15px;
}
#sidebar-right .endborder {
border-bottom: 1pt solid #999;
margin: 30px 15px 25px 15px;
}

.sidebar-right-sub {
color:#003300;
font-family:'Arial','Helvetica','Sans-serif';
font-size:14px;
font-weight:bold;
text-align:center;
text-decoration:none;
margin-right:10px;
padding-left: 15px;
}

.sidebar-right-sub a:link, .sidebar-right-sub a:visited {
color:#003300;
text-decoration: underline;
}

.sidebar-right-sub a:hover {
color:#578E28;

}





.left-block p{
	font-size:13px;
	font-weight: bold;
	line-height: 20px;
}

.left-block h1{
	font: 20px Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
	font-weight: bold;
	color:#fec228;
	text-decoration: none;
	margin-bottom: -10px;
}

#learnM {
	margin-top: 0px;
}

#learnMore {
	margin-top: 30px;
}


#sidebar-left .endborder {
border-bottom: 1px solid #000;
margin: 20px 15px 10px 0px;
}

#footer p{
}

#footer .f2{
font-size:9px;
color:#fff;
text-align:right;
padding-right: 30px;
margin-bottom: -80px
}

.fltrt {
	font-size:9px;
	color:#fff;
	letter-spacing: .1em;
}

.fltlft {
	font-size:9px;
	color:#fff;
	letter-spacing: .1em;
}


.fltlft a:link, #footer a:visited {
color:#fff;
text-decoration: none;
}

.fltlft a:hover {
color:#fff;
text-decoration: underline !important;
}




/* - - - ADxMenu: BASIC styles - - - */

.menu {
	width: 12em;/* VERY IMPORTANT! Set this to appropriate value, either here on down in the design section */
}

.menu, .menu ul {	/* remove all list stylings */
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: block;
}

.menu li {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	position: relative;	/* position each LI, thus creating potential IE.win overlap problem */
	z-index: 5;		/* thus we need to apply explicit z-index here... */
}

.menu li:hover {
	z-index: 10000;	/* ...and here. this makes sure active item is always above anything else in the menu */
	white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present) */
}

.menu ul {
	visibility: hidden;	/* initially hide all submenus. */
	position: absolute;
	z-index: 10;
	left: 0;	/* while hidden, always keep them at the top left corner, */
	top: 0;		/* 		to avoid scrollbars as much as possible */
}

.menu li:hover>ul {
	visibility: visible;	/* display submenu them on hover */
	left: 100%;	/* and move them to the right of the item */
}

/* -- float.clear --
	force containment of floated LIs inside of UL */
.menu:after, .menu ul:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
.menu, .menu ul {	/* IE7 float clear: */
	min-height: 0;
}
/* -- float.clear.END --  */

/* sticky submenu: it should not disappear when your mouse moves a bit outside the submenu
	YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly!
	if you do it, make sure you 110% know what you do */
.menu ul {
	background-image: url(empty.gif);	/* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */
	padding: 30px 30px 30px 10px;
	margin: -30px 0 0 -10px;
	/*background: #f00;*/	/* uncomment this if you want to see the "safe" area.
								you can also use to adjust the safe area to your requirement */
}


/* - - - ADxMenu: DESIGN styles - - - */

.menu ul li {
	color: #eee;
	border: 1px solid #006633; 
	background: #5a8e18;
filter:alpha(opacity=95);
opacity:.95;
}


.menu {
	width: 15em;
}

.menu ul {
	width: 11em;
}

.menu a {
	text-decoration: none;
	color: #eee;
	padding: .8em 1em;
	display: block;
}

.menu ul li a {
	text-decoration: none;
	color: #eee;
	padding: .4em 1em;
	display: block;
}


.menu a:hover, .menu li:hover>a {
	color: #fc3;
}



.menu li:hover>ul {	/* inset submenus, to show off overlapping */
	top: 10px;
	left: 90%;
}

/* special colouring for "Main menu:", and for "xx submenu" items in ADxMenu
	placed here to clarify the terminology I use when referencing submenus in posts 
.menu>li:first-child>a, .menu li + li + li li:first-child>a {
	color: #567;
}*/

/*]]>*/
</style>

/*[if lte IE 6]>
<style type="text/css" media="screen, tv, projection">*/
/*<![CDATA[*/

/* - - - ADxMenu: BASIC styles - - - */

.menu, .menu ul {	/* float.clear */
	zoom: 1;
}

.menu li.adxmhover {
	z-index: 10000;
}

.menu .adxmhoverUL {	/* li:hover>ul selector */
	visibility: visible;
}

.menu .adxmhoverUL {	/* submenu goes to the right */
	left: 100%;
}

/* - - - ADxMenu: DESIGN styles - - - */

.menu ul a {	/* fix clickability-area problem */
	zoom: 1;
}

.menu li {	/* fix white gap problem */
	float: left;
	width: 100%;
}

.menu li {	/* prevent double-line between items */
	margin-top: -1px;
}

.menu a:hover, .menu .adxmhoverA {		/* li:hover>a selector */
	color: #fc3;
}

.menu .adxmhoverUL {	/* inset submenus, to show off overlapping */
	top: 5px;
	left: 90%;
}


/* - - - background images control - - - */

.nHome a:link, .nHome a:visited {
background-image:url(images/nav_home_off.jpg);
background-repeat:no-repeat;
}

.nHome a:hover {
background-image:url(images/nav_home_over.jpg);
background-repeat:no-repeat;
}

.nShop a:link, .nShop a:visited {
background-image:url(images/nav_shop_off.jpg);
background-repeat:no-repeat;
}

.nShop a:hover {
background-image:url(images/nav_shop_over.jpg);
background-repeat:no-repeat;
}
.nAbout a:link, .nAbout a:visited {
background-image:url(images/nav_about_off.jpg);
background-repeat:no-repeat;
}

.nAbout a:hover {
background-image:url(images/nav_about_over.jpg);
background-repeat:no-repeat;
}
.nContact a:link, .nContact a:visited {
background-image:url(images/nav_contact_off.jpg);
background-repeat:no-repeat;
}

.nContact a:hover {
background-image:url(images/nav_contact_over.jpg);
background-repeat:no-repeat;
}

.nResources a:link, .nResources a:visited {
background-image:url(images/nav_resources_off.jpg);
background-repeat:no-repeat;
}

.nResources a:hover, .nResources a:active {
background-image:url(images/nav_resources_over.jpg);
background-repeat:no-repeat;
}
.nHappenings a:link, .nHappenings a:visited {
background-image:url(images/nav_happenings_off.jpg);
background-repeat:no-repeat;
}

.nHappenings a:hover {
background-image:url(images/nav_happenings_over.jpg);
background-repeat:no-repeat;
}

.nHome li a:link, .nHome li a:visited, .nHome li a:hover, ..nHome li a:active {
background-image:none;
}

.nShop li a:link, .nShop li a:visited, .nShop li a:hover, .nShop li a:active {
background-image:none;
}
.nAbout li a:link, .nAbout li a:visited, .nAbout li a:hover, .nAbout li a:active{
background-image:none;
}
.nContact li a:link, .nContact li a:visited, .nContact li a:hover, .nContact li a:active {
background-image:none;
}
.nResources li a:link, .nResources li a:visited, .nResources li a:hover, .nResources li a:active {
background-image:none;
}
.nHappenings li a:link, .nHappenings li a:visited, .nHappenings li a:hover, .nHappenings li a:active {
background-image:none;
}



/* -- ST Background control -- */
.nHomeST a:link, .nHomeST a:visited, .nHomeST a:hover {
background-image:url(images/nav_home_over.jpg);
background-repeat:no-repeat;
}


.nShopST a:link, .nShopST a:visited, .nShopST a:hover {
background-image:url(images/nav_shop_over.jpg);
background-repeat:no-repeat;
}


.nAboutST a:link, .nAboutST a:visited, .nAboutST a:hover {
background-image:url(images/nav_about_over.jpg);
background-repeat:no-repeat;
}

.nContactST a:link, .nContactST a:visited, .nContactST a:hover {
background-image:url(images/nav_contact_over.jpg);
background-repeat:no-repeat;
}


.nResourcesST a:link, .nResourcesST a:visited, .nResourcesST a:hover {
background-image:url(images/nav_resources_over.jpg);
background-repeat:no-repeat;
}

.nHappeningsST a:link, .nHappeningsST a:visited, .nHappeningsST a:hover {
background-image:url(images/nav_happenings_over.jpg);
background-repeat:no-repeat;
}

.nHomeST li a:link, .nHomeST li a:visited, .nHomeST li a:hover {
background-image:none;
}

.nShopST li a:link, .nShopST li a:visited, .nShopST li a:hover {
background-image:none;
}
.nAboutST li a:link, .nAboutST li a:visited, .nAboutST li a:hover {
background-image:none;
}
.nContactST li a:link, .nContactST li a:visited, .nContactST li a:hover {
background-image:none;
}
.nResourcesST li a:link, .nResourcesST li a:visited, .nResourcesST li a:hover {
background-image:none;
}
.nHappeningsST li a:link, .nHappeningsST li a:visited, .nHappeningsST li a:hover {
background-image:none;
}


.vendorheader {
	font-weight: bold;
}

.vendorheader2 {
	font-weight: bold;
	font-size:13px;
	margin-top: 20px;
}