/* CSS Document */


/*----------------- [Commons] ---------------------*/
/*-------------------------------------------------*/

/*img, div { behavior: url(iepngfix.htc) }*/

img, div, a, input { behavior: url(iepngfix.htc) }

a:link img            { border: none; }

a:link visited img    { border: none; }

a img                 { border-style: none; }

form                  { margin: 0px; }

.left                 { float:  left; }

.right                { float:right; }

b                     { font-weight: bold; }

.textfield            { width: 170px; height: 22px; border: 1px solid #7B4C09; }

ul                    { margin: 0; }


/*----------------- [General] ---------------------*/
/*-------------------------------------------------*/

body                   { font: normal 12px Arial, Helvetica, sans-serif; color: #525252; margin: 0; background: url(images/body_mdl_bg.gif) top left repeat; }

.wrapper               { width: 100%; height: auto; margin: 0 auto; background: url(images/wrapper_bg.gif) top left repeat-x; }

.mainContainer         { width: 100%; height: auto;  }

.container             { width: 1004px; height: auto; background: url(images/container_bg.png) top center repeat-y; margin: 0 auto; }

/*-------------------------[ header ] ---------------------------*/
/*---------------------------------------------------------------*/

.header                { width: 1004px; height: auto; background: url(images/top_bg.jpg) top left no-repeat; }

.logo                  { margin-top: 30px; }

/*-------------------------[ Middle Section ] ---------------------------*/
/*-----------------------------------------------------------------------*/

.mdlDiv               { width: 880px; height: auto; margin-left: 62px; background: url(images/mdl_bg.gif) top left repeat-y;/*display: inline; float: left;*/ }

.mdlTbl               { background: url(images/mdl_gradient_bg.gif) top left no-repeat; }

/*-------------------------------------[ Menu Section ]-----------------------------------------*/

.menuDiv               { width: 607px; height: auto; display: inline; float: left; }

.menu                  { width: 607px; height: auto; display: inline; float: left; }

#main-nav              { padding: 0; margin: 0; list-style: none; width: 607px; height: 32px; overflow: hidden; }

#main-nav li           { float: left; height: 32px; }

#main-nav a            { display: block; background-image: url(images/nav_bg.gif); float: left; height: 32px; /* same as height of #example-nav */text-decoration: none; /* needed for IE8 beta, otherwise it still shows the underlines */ }

#main-nav-home         { width: 85px; }

#main-nav-home:hover, #main-nav-home.selected  { background-position: 0px -32px; }

#main-nav-aboutbook    { width: 161px; background-position: -85px 0; }

#main-nav-aboutbook:hover, #main-nav-aboutbook.selected   { background-position: -85px -32px; }

#main-nav-aboutauthor  { width: 171px; background-position: -246px 0; }

#main-nav-aboutauthor:hover, #main-nav-aboutauthor.selected { background-position: -246px -32px; }

#main-nav-value        { width: 82px; background-position: -417px 0; }

#main-nav-value:hover, #main-nav-value.selected { background-position: -417px -32px; }

#main-nav-contact      { width: 108px; background-position: -499px 0; }

#main-nav-contact:hover, #main-nav-contact.selected { background-position: -499px -32px; }

/*--------------------------------------------------------------------*/

.welcomeCntnt          { font-size: 14px; line-height: 1.8em; }

.mdlBtmLnks            { height: 135px; background: url(images/mdl_btm_lnk_bg.jpg) top left no-repeat; }

.mdlBtmLnks h2         { font: normal 18px Arial, Helvetica, sans-serif; color: #333; margin: 30px 0 0 23px; }

.mdlBtmLnks ul         { width: auto; height: auto; margin: 14px 0 0 57px; padding-left: 0; }

.mdlBtmLnks ul li      { list-style: none; float: left;  }

.mdlBtmLnks ul li a    { font: normal 14px Arial, Helvetica, sans-serif; color: #333; text-decoration: none; }

.mdlBtmLnks ul li a:hover    { text-decoration: underline; }

.mdlBtmLnks ul li a.two     { margin-left: 92px; }

.mdlBtmLnks ul li a.three     { margin-left: 84px; }

.mdlBtmLnks ul li a.four     { margin-left: 88px; }


/*-------------------------[ Footer Section ] ---------------------------*/
/*-----------------------------------------------------------------------*/

.footer                 { width: 880px; height: 140px; margin-left: 62px; background: url(images/ftr_bg.jpg) top left no-repeat; }

.footer a                { font: normal 11px Arial, Helvetica, sans-serif; color: #30655B; padding: 0 10px; text-decoration: none; }

.footer a:hover         { color: #FFB546; }

.footer span          { font: normal 11px Arial, Helvetica, sans-serif; color: #FFB546; padding: 0 10px; } 

.copyright              { font: normal 11px Arial, Helvetica, sans-serif; color: #91B1BF; }


/*-------------------------[ Inner Page Section ] -----------------------*/
/*-----------------------------------------------------------------------*/

.innerColLft        { background: url(images/dot.gif) top right repeat-y; }

.colLftImgDiv        { height: 396px; background: url(images/col_lft_img_bg.jpg) top left no-repeat; }

.colLftImgDiv img    { margin-top: 65px; }

.contents           { font-size: 13px; line-height: 1.5em; }

.contents p          { margin-top: 15px; }

.contents ul         { margin: 15px 0 0 0; padding-left: 0px; }

.contents ul li      { width: 520px; margin-left: 10px; background: url(images/li_bullet.gif) top left no-repeat; padding-left: 15px; list-style: none; display: inline; float: left; }

.innerMdlBtm      { height: 120px; background: url(images/inner_mdlbtm_img.jpg) top left no-repeat; }