
/* CSS Document */

body{margin:0px; padding:0px; background-color:#f3efed; font:normal 12px/15px arial; color:#3e2f12; text-align:center;}
div,p, h2,h3,ul,li,a,span,ins,form,fieldset,input,select,button,textarea,label {padding:0; margin:0;}
ul{list-style:none; padding:0; margin:0;}
.clear{clear:both;}
.speacer{clear:both; line-height:0; height:auto;}
.input1{ width:105px; height:19px; border:1px solid #f6f3fa; background-color:#FFFFFF; font:bold 12px/15px arial; color:#000000;}

/*h1{font:bold 13px/18px arial; color:#51442a; margin:0px; padding:0 0 10px 0px;}*/
H1
{
    COLOR: #884849;
    FONT-FAMILY: verdana, arial;
    FONT-SIZE: 18px;
	font-weight: normal;
line-height: 1.2em;
padding:7px 0 7px 0; margin:0;
}
td
{
    COLOR: #666666;
    FONT-FAMILY: verdana, arial;
    FONT-SIZE: 12px;
}
a
{
COLOR: #666666;
FONT-FAMILY: verdana, arial;
FONT-SIZE: 12px;
text-decoration:none;

}
a:hover
{
color: #884849;
text-decoration:none;
}
h2{font:normal 25px/28px Tahoma; color:#FFFFFF; margin:0px; padding:0px;}

.text1{font:bold 13px/18px arial; color:#3e2f12; margin:0px; padding:0px;}
.text2{font:bold 13px/18px arial; color:#a80400; margin:0px; padding:0px;}
.text3{font:bold 11px/12px arial; color:#cc007a; margin:0px; padding:0px;}
.text4{font:normal 10px/12px arial; color:#8d5e42; margin:0px; padding:0px;}

.link1{font:normal 10px/12px arial; color:#8d5e42; margin:0px; padding:0px; text-decoration:underline;}
.link1:hover{color:#a80400; text-decoration:underline;}

/* MAIN BODY */
#mainBody{width:883px; margin:0px auto; padding:0px; background-color:#FFFFFF; text-align:center;}
#mainBody .header{width:883px; height:253px; margin:0px; padding:0px; background:url(/lib/beadtrends/header-bg.jpg) no-repeat top left;}
#mainBody .maincontent{width:883px; margin:0px; padding:0px;}
#mainBody .footer{width:883px; margin:0px; padding:0px;}
#mainBody .bannerpart{width:883px; margin:0px auto; padding:8px 0 20px 0px; background-color:#f3efed; text-align:center;}

/* HEADER */
.header .logo{width:883px; height:192px; margin:0px; padding:0px; text-align:center;}
.header .logotext{width:883px; height:27px; margin:0px; padding:0px;}
.header .logotext .year{width:146px; height:27px; margin:0px; padding:0px; float:left;}
.header .logotext .est{width:105px; height:27px; margin:0px; padding:0px; float:right;}
.header .navigation{width:867px; height:34px; background-color:#beb9b5; margin:0px auto; padding:0px;}
.header .navigation .navleft{width:375px; height:34px; margin:0px; padding:0px; float:left;}
.header .navigation .navleft ul{margin:0px; padding:8px 0 0 0px; list-style:none;}
.header .navigation .navleft ul li{margin:0px; padding:0 5px 0 5px; float:left; font:bold 11px/15px Verdana; color:#FFFFFF;}
.header .navigation .navleft ul li a{font:bold 11px/15px Verdana; color:#FFFFFF; text-decoration:none;}
.header .navigation .navleft ul li a:hover{font:bold 11px/15px Verdana; color:#8d5e42; text-decoration:none;}
.header .navigation .navright{width:492px; height:34px; margin:0px; padding:0px; float:right;}
.white_divider {font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold; font-size:11px; padding:0px;}

/* MAIN CONTENT */
.maincontent .contentarea{width:867px; margin:0px auto; padding:0px; text-align:center;}
.maincontent .contentarea .imgpart{width:515px; margin:0px; padding:11px; float:left;}
.maincontent .contentarea .textarea{width:330px; margin:0px; padding:16px 0 0 0px; float:right;}

/* FOOTER */  
.footer {width:867px; height:150px;}
.footer .ftopnav{width:867px; height:34px; background-color:#beb9b5; margin:0px auto; padding:0px;}
.footer .ftopnav ul{width:610px; margin:0px auto; padding:8px 0 0 0px; list-style:none;}
.footer .ftopnav ul li{margin:0px; padding:0 9px 0 9px; float:left; font:normal 12px/15px Verdana; color:#FFFFFF;}
.footer .ftopnav ul li a{font:normal 12px/15px Verdana; color:#FFFFFF; text-decoration:none;}
.footer .ftopnav ul li a:hover{font:normal 12px/15px Verdana; color:#8d5e42; text-decoration:none;}
.footer .footerimg{width:867px; height:31px; margin:0px auto; padding:0px;}
.smlink{margin:0px; padding:5px 0 5px 0px; text-align:center; font:bold 10px/12px Verdana; color:#666666; text-decoration:none; }
.smlink:hover{text-align:center; font:bold 10px/12px Verdana; color:#8d5e42; text-decoration:none;}

/*.footer .footerlink{width:867px; margin: 0px; padding:5px 0 5px 0px; text-align:center; font:bold 10px/12px Verdana; color:#666666; text-decoration:none; }*/
/*.footer .footerlink:hover{width:867px; margin: 0px; padding:5px 0 5px 0px; text-align:center; font:bold 10px/12px Verdana; color:#8d5e42; text-decoration:none;}*/


/*.footerlink{font:bold 10px/12px Verdana; color:#666666; text-decoration:none;}*/
/*.footerlink:hover{color:#8d5e42; text-decoration:none;}*/

/*Handle z-index issues*/
div.mlmenu *, div.mlmenujs *{
	z-index: 98;
}
*{
	z-index: 15;
}
/*this is the css for the horizontal version*/
div.horizontal{
	display: table;
	background:#beb9b5;
padding:0;
margin: 0;
	}
div.horizontal ul{
	border: none;
	list-style-type: none;
        padding:0;
        margin: 0;
	}
div.horizontal ul li{
	float: left;
	position: relative;
	text-align:center;
height: 30px;
padding:0;
margin: 0;
	
}
div.horizontal a{
	display: block;
	width:auto;
	text-decoration: none;
	/*height: 35px;*/

	overflow: hidden;
	border:none;
margin: 0px;
	padding:9px 0 0 0;
}
div.horizontal ul li ul{
	position: absolute;
	/*top:34px;*/
	left:0px;
padding:0px;
	margin:0px;
	border:none;
	height: auto;
	/*height: auto*/
}
div.horizontal ul li ul li{
	float:none;
	position:relative;
	border:none;
	margin:0px;
	text-align:left;
	padding:0;
}
div.horizontal ul li ul li ul{
	width:128px;
	top:0;
	margin:0px;
padding:0;
}
div.horizontal ul li li a{
	border:none;
height:30px;
	width:auto;
	padding:7px 0 5px 7px;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}


/*Underline options. Kill the background, blocky look, and use text-decoration*/
div.underline{
	font-size: 95%;
}
div.underline ul.underline li a.hover, div.underline ul.underline li a:hover{
	text-decoration: none;
	background-color: transparent;
}
/*colors for menu*/
div.blackwhite li a, div.blackwhite ul, div.blackwhite li{
	background-color:#beb9b5;
	color:#FFFFFF;
	font-weight:normal;
	font-size:12px;
	}
div.blackwhite li a:hover, div.blackwhite ul.trail a.hover{
	color: #7b3839;
	text-decoration: none;
}

