/* CSS Document */


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

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 14px "Comic Sans MS", "Century Gothic", Arial, "Times New Roman"; color: #D1F0FF; margin: 0; background: url(images/top_bg.jpg) top left repeat-x; }

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

/*.container             { width: 900px; height: auto; background: url(images/footer_btm_curve.gif) bottom left no-repeat; }*/

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

.header                { width: 880px; height: auto; margin: 0 0 0 10px; padding-top: 10px; }

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

.menuDiv               { width: 880px; height: auto; padding-bottom: 6px; display: inline; float: left; }

.menu                  { width: 860px; height: auto; margin: 6px 0 0 10px; display: inline; float: left; }

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

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

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

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

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

#main-nav-authorinfo      { width: 120px; background-position: -89px 0; }

#main-nav-authorinfo:hover, #main-nav-authorinfo.selected   { background-position: -89px -41px; }

#main-nav-preview  { width: 97px; background-position: -209px 0; }

#main-nav-preview:hover, #main-nav-preview.selected { background-position: -209px -41px; }

#main-nav-worldwide      { width: 168px; background-position: -306px 0; }

#main-nav-worldwide:hover, #main-nav-worldwide.selected { background-position: -306px -41px; }

#main-nav-purchasebook    { width: 148px; background-position: -474px 0; }

#main-nav-purchasebook:hover, #main-nav-purchasebook.selected { background-position: -474px -41px; }

#main-nav-guestbook    { width: 112px; background-position: -622px 0; }

#main-nav-guestbook:hover, #main-nav-guestbook.selected { background-position: -622px -41px; }

#main-nav-contactus    { width: 126px; background-position: -734px 0; }

#main-nav-contactus:hover, #main-nav-contactus.selected { background-position: -734px -41px; }


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

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

.midleDiv               { width: 100%; height: auto; background: url(images/body_bg.gif) top left repeat; }

.mdlContainer         { width: 880px; height: auto; background: url(images/mdl_container_bg.gif) top left repeat-y; margin: 0 auto; }

.mainHead             { margin-top: 25px; padding-bottom: 8px; }

.contentTbl           { background: url(images/content_div_bg.gif) top left repeat-x; }

.contents              { width: 525px; height: auto; margin: 37px 0 0 18px; padding-bottom: 30px; }

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

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

.contents li            { margin-bottom: 8px; }

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

.footer               { background: url(images/footer_bg1.jpg) bottom left no-repeat; font: normal 11px "Comic Sans MS", "Century Gothic", Arial, "Times New Roman"; color: #A5E1FF; }

.footer a               { font: normal 11px/1.8em "Comic Sans MS", "Century Gothic", Arial, "Times New Roman"; color: #A5E1FF; text-decoration: none; padding: 0 5px; }

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

.footer span            { font: normal 11px/1.8em "Comic Sans MS", "Century Gothic", Arial, "Times New Roman"; color: #FFEF46; text-decoration: none; padding: 0 5px; }

.footerrgt            { background: url(images/footer_bg2.jpg) bottom left no-repeat; }

.copyright         { color: #47AFE3; padding-left: 5px; }


/*-----------------------------[ inner pages ]----------------------------*/

.innerHead           { font: bold 16px Arial, Helvetica, sans-serif; color: #053D6B; }

.innerLink            { font: normal 14px "Comic Sans MS", "Century Gothic", Arial, "Times New Roman"; color: #FFF145; text-decoration: underline; }

a.innerLink:hover     { text-decoration: none; }

.innerBold            { font: bold 14px "Comic Sans MS", "Century Gothic", Arial, "Times New Roman"; color: #FFC500; }

.gb_posthead			{ width:450px; background-color:white; color:#06C; padding:5px 5px 5px 5px; margin-top:15px; border-left:1px solid black; border-right:1px solid black; border-top:1px solid black; }

.gb_postbody			{ width:450px; color:white; padding:5px 5px 5px 5px; border:1px solid black; }

.gb_postadmin			{ width:450px; color:black; padding:5px 5px 5px 5px; background-color:#FFC; border-left:1px solid black; border-right:1px solid black; border-bottom:1px solid black; }