/** HTML TAG STYLES                                                       **/
/***************************************************************************/
body {
	font-family: Verdana,Arial,sans-serif;
	color: #1f3d17;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
	background-color: #b3a467;
	background-image: url(gifs/back_grn1.jpg);
	background-repeat: repeat-x;
	min-width: 850px;
	}

h1, h2, h3, h4, h5, h6 {
	font-family: Verdana,Arial,sans-serif;
	margin: 0px;
	padding: 0px;}

a:link {
	color: #fcfbc4;
	text-decoration: none;}

a:visited, a:active {
	color: #BACC39;
	text-decoration: none;}

a:hover { text-decoration: underline;}


/** HEADER BLOCK STYLES                                                   **/
/***************************************************************************/
.header {
	margin: 80px 0 40px 0;
	padding: 0;
	background-image: url(gifs/intro_banner1.gif);
	background-repeat: no-repeat;
	background-position: center center;
	}


/**  ACCTCART STYLES	Store Only (my acct, cart, checkout)              **/
/***************************************************************************/
ul.mainNav li { 
	display: inline;
	text-align: left;
	width: 95%;
	padding: 12px 0 12px 0;
	list-style: none;
	margin: 0;
	position: relative;
	}
ul.mainNav li a, ul.mainNav li a:visited { 
	color: #fcfbc4;
	font-size: 16px;
	font-weight: normal;
	text-decoration: none;
	z-index: 24; 
	}
.mainNav a:hover { 
	font-weight: normal;
	z-index: 25;
	}
.webdesign a, .webdesign a:visited { 
	background-image: url(gifs/menuWD2.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding: 14px 109px;
	}
.webdesign a:hover { 
	background-image: url(gifs/menuWD2.gif);
	background-repeat: no-repeat;
	background-position: 0 -50px;
	text-decoration: none;
	}
.personal a, .personal a:visited { 
	background-image: url(gifs/menuPS2.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding: 14px 134px;
	}
.personal a:hover { 
	background-image: url(gifs/menuPS2.gif);
	background-repeat: no-repeat;
	background-position: 0 -50px;
	text-decoration: none;
	}
.crafts a, .crafts a:visited { 
	background-image: url(gifs/menuCR2.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding: 14px 74px;
	}
.crafts a:hover { 
	background-image: url(gifs/menuCR2.gif);
	background-repeat: no-repeat;
	background-position: 0 -50px;
	text-decoration: none;
	}
.other a, .other a:visited { 
	background-image: url(gifs/menuOTH2.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding: 14px 50px;
	}
.other a:hover { 
	background-image: url(gifs/menuOTH2.gif);
	background-repeat: no-repeat;
	background-position: 0 -50px;
	text-decoration: none;
	}
span.title, span.descrip {
	display: none;
	}

a:hover span.title {
	display: block;
	position: absolute;
    top: 60px; 
	width: 550px;
    border-bottom: 1px solid #bacc39;
    text-align: left;
	color: #1f3d17;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	}
a:hover span.descrip {
	display: block;
	position: absolute;
    top: 65px; 
	width: 550px;
    text-align: left;
	font-size: 14px;
	font-weight: normal;
    border-bottom: 0px solid #bacc39;
	text-decoration: none;
	}

.mainNav li.webdesign a:hover span { left: 150px;}
.mainNav li.personal a:hover span { left: -75px;}
.mainNav li.crafts a:hover span { left: -350px;}
.mainNav li.other a:hover span { left: -506px;}

		
/** FOOTER BLOCK STYLES                                                   **/
/***************************************************************************/
.footer {
	font-size: 60%;
	color: #1f3d17;
	padding: 8px 10px 5px 10px;
	text-align: center;
	clear: both;}

.footer a:link, .footer a:visited {
	color: #1f3d17;
	font-weight: bold;
	text-decoration: none;}

.footer a:hover {
	color: #fcfbc4;
	text-decoration: underline;}