/* CSS */
body
{
     padding:0;
     margin:0;
     background: #f7f7f7;
     font:14px/20px Arial, Helvetica, sans-serif;
     color:#3D3C2C;
     font-weight:normal;
     overflow: scroll;

}   
div, p, h1, h2, h3, ul, img
{
     padding:0px;
     margin:0px;
}   
ul
{
     list-style-type:none;
}
li.nodot
{
     list-style-type:none;
}
a {
color: #3366cc;
text-decoration: none;
}
a:visited {
color: #3366cc;
text-decoration: none;
}
a:hover {
color: #3366cc;
text-decoration: underline;
}
.bold{
	font-weight:bold;
}
/* Top Bar */
#top_bar
{
     width:778px;
     height:96px;
     position:relative;
     margin:0 auto;
     padding:0;
     background:url(artwork/body_bg.png) 0 0 repeat-x;
     border-style: solid;
     border-width: 1px;
     border-color: #d2d2d2;
     border-top: none;
}
#top_bar img.logo
{
     width:258px;
     height:80px;
     display:block;
     padding:10px 0 0 6px;
     border:none;
}
/* Top Bar Menu Area */
#top_bar ul
{
     width:520px;
     height:96px;
     display:block;
     position:absolute;
     top:0px;
     right:-10px;
     margin:0;
     padding:0;
}
#top_bar ul li
{
     float:left;
     width:100px;
     display:block;
     text-align:center;
}
#top_bar ul li a
{
     width:100px;
     height:29px;
     display:block;
     font:14px/14px "Trebuchet MS",Arial, Helvetica, sans-serif;
     color:#2E4E00;
     background:url(artwork/topbar_bg.png) 0 0 repeat-x #fff;
     text-decoration:none;
     margin:0;
     padding:67px 0 0 0;
}
#top_bar ul li a:hover
{
     width:100px;
     height:29px;
     display:block;
     background:#fff;
     color:#2E4E00;
     text-decoration:none;
}
#top_bar ul li span
{
     width:100px;
     height:29px;
     display:block;
     background:url(artwork/menu_divider.png) 100% 0 no-repeat;
     background-position: left;
     color:#2E4E00;
     text-decoration:none;
     font-weight: bold;
     padding:67px 0 0 0;
     line-height:14px;
}
/* Top Body area */
#topbody{
     width:778px;
     height:240px;
     position:relative;
     margin:0 auto;
     padding:0;
}
#topbodyright{
     width:526px;
     height:236px;
     position:absolute;
     top:15px;
     right:-10px;
     background:url(artwork/header_pic.png) no-repeat;
}
#topbodyright a:hover{
     text-decoration:none;
     border:none;
}
#topbodyright #starttools{
     width:237px;
     height:62px;
     position: absolute;
     top: 130px;
     left: 27px;
     margin:0 auto;
     background:url(artwork/start_tools.png) 0 0 no-repeat;
}
#topbodyright #starttools a{
     text-decoration:none;
     display:block;
     width:237px;
     height:62px;
}
#topbodyright #starttools a:hover{
     text-decoration:none;
     background:url(artwork/start_tools_hover.png) no-repeat 0 0;
}
#topbodyright #lwhb{
    position:absolute;
    left: 327px;
    margin:0 auto;
    background:url(artwork/lwhb.png) no-repeat 0 0;
}

#topbodyright #lwhb a{
     text-decoration:none;
     display:block;
     width:177px;
     height:212px;
}
#topbodyright #lwhb a:hover{
     text-decoration:none;
     background:url(artwork/lwhb_hover.png) no-repeat 0 0;
}
#topbodyleft{
     width:237px;
     height:214px;
     position:absolute;
     top:15px;
     left:9px;
}
#topbody #tutorials{
     float:left;
     width:237px;
     height:62px;
     position:relative;
     margin:0 auto;
     background:url(artwork/tutorials.png) 0 0 no-repeat;
}
#topbody #tutorials a{
     text-decoration:none;
     display:block;
     width:237px;
     height:62px;
}
#topbody #tutorials a:hover{
     text-decoration:none;
     background:url(artwork/tutorials_hover.png) no-repeat 0 0;
}
#topbody #abtools{
     float:left;
     width:237px;
     height:62px;
     position:relative;
     margin:13px 0 0 0;
     background:url(artwork/tools.png) 0 0 no-repeat;
}
#topbody #abtools a{
     text-decoration:none;
     display:block;
     width:237px;
     height:62px;
}
#topbody #abtools a:hover{
     text-decoration:none;
     background:url(artwork/tools_hover.png) no-repeat 0 0;
}
#topbody #ableather{
     float:left;
     width:237px;
     height:62px;
     position:relative;
     margin:13px 0 0 0;
     background:url(artwork/leather.png) 0 0 no-repeat;
}
#topbody #ableather a{
     text-decoration:none;
     display:block;
     width:237px;
     height:62px;
}
#topbody #ableather a:hover{
     text-decoration:none;
     background:url(artwork/leather_hover.png) no-repeat 0 0;
}
/* Main Body Area */
#mainbodyarea{
     width:778px;
     height:367px;
     position:relative;
     margin:0 auto;
     padding:0;
}
#plainpage{
     margin:28px 12px 28px 18px; /*top right bottom left*/
     padding:0 10px 0 27px;
     border:1px solid #DCDAC2;
     background:#fff;
}
#plainpage div.center{
     text-align: center;    
}
               /*Left Panel */
#leftmainbody{
     width:239px;
     height:611px;
     position:absolute;
     top:0px;
     left:8px;
     margin:0;
     padding:0px;
}
#lmbsearcharea{
     width:237px;
     height:130px;
     position:relative;
     margin:0 auto;
     padding:0;
     border:1px solid #DCDAC2;
     background:#fff;
     color:#000;
}
#lmbsearcharea h2{
     height:48px;
     background:url(artwork/searchglass.png) 0 0 no-repeat #fff;
     display:block;
     position:relative;
     padding:0 0 0 63px;
     margin:12px 0 12px 13px;
     font:14px/20px Arial, Helvetica, sans-serif;
     color:#5EA000;
     font-size:18px;
     line-height:20px;
}
#leftmainbody form{
     width:220px;
     height:45px;
     background:#EBE9D7;
     padding:0;
     margin:0 0 0 8px;
     color:#333227;
}
#leftmainbody form input{
     float:left;
     display:block;
     width:135px;
     height:20px;
     margin:0 6px 2px 16px
}
#leftmainbody h3{
     height:38px;
     background:#f7f7f7;
     display:block;
     float:right;
     padding:0 0 0 0;
     margin:12px 0 12px 13px;
     font:24px/48px Arial, Helvetica, sans-serif;
     color:#3D3C2C;
     letter-spacing: -1px;
}
#leftmainbody ul{
     display:block;
     float:right;
     width:150px;
     height:327px;
}
#leftmainbody img{
     border: 0px none;
}
#leftmainbody ul li{
     background:url(artwork/arrow.gif) 140px 3px no-repeat;
     padding:0 20px 0 0;
     text-align:right;
} 
#leftmainbody ul li a{
     text-decoration:none;
     color:#3D3C2C;
     background:#f7f7f7;
}
#leftmainbody ul li a:hover{
     text-decoration:none;
     color:#cc0000;
}
#leftmainbodybut{
     width:220px;
     height:35px;
     position:absolute;
     top:83px;
     left:8px;
     display:block;
     padding:0 0 0 5px;
}
#leftmainbody form input.gobutton{
     float:left;
     background:url(artwork/go.png) no-repeat 0 0;
     border:none;
     width:51px;
     height:33px;
     display:block;
     margin:0 0 0 5px;
     padding:0 0 0 5px;
}
#calendar{
     position:relative;
     padding:13px 0 0 0
}
#calendar object{
     width:450px;
     height:300px;
     border-width:0;
     padding:0 0 0 0;
     margin:0 0 0 15px;
     border:solid 1px #aaaaaa;
}
/*  This is for the About Tools page  */
div.abouttools {
  display: block;
  margin: 0; padding: 6px 0 6px 0; /*top right bottom left*/
  text-align: left;
  overflow: hidden;
}

div.abouttoolsnopic {
  display: block;
  height: auto;
  margin: 0; padding: 0 0 20px 0; /*top right bottom left*/
  text-align: left;
}

div.abouttools img {
  float: left;
  border-style: solid;
  border-width: 1px;
  border-color: black;
  margin: 4px;
}
div.abouttoolsnopic a {
  display: block;
  margin: 0; padding: 0 0 0 0; /*top right bottom left*/
  text-align: left;
  font-weight: normal;
} 
div.abouttoolsnopic ul{
    list-style-type: disc;
    margin-left:15px;
}         
/* /Body Area */
/*Right Panel */
#rightmainbody{
     width:504px;
     height:350px;
     position:absolute; top:0px; right:10px;
     border:1px solid #DCDAC2;
     background:#fff;
     color:#3D3C2C;
}
#rightbodyarea{
     width:484px;
     height:330px;
     position:absolute; top:10px; left:10px;
     background:#f7f7f7;
     color:#3D3C2C;
}
#rightbodyarea img.first{
     position:absolute; top:5px; left:25px;
}
#store{
     width:237px;
     height:62px;
     position:absolute;
     top:230px;
     left:122px;
     border:0px;
     background:url(artwork/shop_online.png) no-repeat 0 0;     
}
#store a{
     text-decoration:none;
     display:block;
     width:237px;
     height:62px;
}
#store a:hover{
     text-decoration:none;
     background:url(artwork/shop_online_hover.png) no-repeat 0 0;
}
#rightbodyarea span{
     position:absolute; top:70px; left:55px;
     margin:0 10px 0 10px;
     text-align: center;
}
#rightbodyareapostal{
     position:absolute; top:120px;
     margin:0 10px 0 10px;
     text-align: center;
}
#rightbodyarea a{
     text-decoration:none;
}

/* Footer Area */
#footerarea
{
     width:778px;
     height:231px;
     position:relative;
     margin:0 auto;
     padding:0;

}
#footerextarea
{
     width:778px;
     height:150px;
     position:absolute;
     top:0px; right:0px;
     background:url(artwork/footer_pic.png) 0 0 no-repeat #f7f7f7;
     color:#fff;
     margin:0;
}
#footerarea ul{
     width:478px;
     display:block;
     position:absolute;
     left:180px;
     top:23px;
}
#footerarea li{
     float:left;
     font:14px/14px "Trebuchet MS",Arial, Helvetica, sans-serif;
     font-weight:normal;
}
#footerarea ul li a{
     padding:0 10px;
     color:#3D3C2C;
     background:#ffffff;
     text-decoration:none;
}
#footerarea ul li a:hover{
     text-decoration:none;
     color:#cc0000;
}
#footerarea p
{
     background:#ffffff;
     margin:54px 45px 0 0;
     display:block;
     position:absolute;
     top:0px;
     left:280px;
     color:#f7f7f7;
     font:12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif;
}
#footerareaxhtml
{
     display:block;
     position:absolute;
     top:78px;
     left:395px;}
#footerareaxhtml img
{
     border:none;
}
#footerareacss
{
     display:block;
     position:absolute;
     top:78px;
     left:295px;
}
#no_script {
     width:478px;
     border: 3px ridge #000000;
	   background: url(artwork/noscript_bg.gif) repeat;
     text-align: center;
     margin: 5px auto;
}
div#preload { 
  display: none;
}