@charset "utf-8";
/* CSS Document - Life With Smiles */

/* START: Global Includes */
body { margin: 0px; font-family:Tahoma,Geneva,Kalimati,sans-serif; font-size: 13px; background-color: black; background-image:url(/images/bg.jpg); background-repeat:no-repeat; background-position:top center; color: white; }

table, td { vertical-align:top; border-spacing:0px; border-collapse:collapse; padding:0px; margin:0px; text-align: left; font-size: 14px; }

/* HEADINGS >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
h1, .h1 { font-size: 28px; font-weight: bold; color: white; margin: 0px; margin-bottom: 15px; background-image:url(/images/h1-bg.gif); background-repeat: no-repeat; height: 30px; padding-left: 15px; padding-top: 10px; font-family:Tahoma,Geneva,Kalimati,sans-serif; background-position: left center; line-height: 22px; text-align: left;padding-top: 10px;}
h2, .h2 { font-size: 16px; font-weight: bold; color: #2a9dff; margin: 0px; padding-top: 25px; margin-bottom: 6px;}
h3, .h3 { font-size: 14px; font-weight: bold; color: #2a9dff; margin: 0px; margin-bottom: 6px; margin-top: 15px; }
h4, .h4 { font-size: 12px; font-weight: bold; color: #2a9dff; margin: 0px; margin-bottom: 6px; }
h5, .h5 { color:#003c68; font-size: 13px; font-weight: bold; margin-bottom: 0px; margin-top: 0px; }

body#hp h1 { font-size: 20px}
/* LINKS >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

a:active, a:visited, a:link { color: #2a9dff; text-decoration: none; outline: none; }
a:hover { color: #00CCFF; }
a img { border: 0px solid white; text-decoration:none; outline: none;}
/* END: Global Includes */

/* STRUCTURE >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
div.xwrapper { width: 850px; margin-left: auto; margin-right: auto;}
table.hdr { width: 850px; height: 75px;}
table.hdr td.left { text-align: left;  padding-top: 12px;}
table.hdr td.right { text-align: right;}

div.menu-bg { background-image:url(/images/menu-bg.jpg); background-repeat: no-repeat; background-position: top center; height: 46px;}
div.menu-bg ul, div.menu-bg ul li { padding:0px; margin:0px }
/* MENU >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
table.hdr-menu { width: 900px; height: 97px; }
table.hdr-menu td.left { width: 271px; text-align: left; }
table.hdr-menu td.right { width: 629px; padding-top: 6px; }

ul.menu { }
ul.menu li{ list-style: none; display: inline; height: 46px; margin-top:0px; padding-left: 10px; }


		/* INACTIVE MENU */
ul.menu li.inactive { display: inline; height: 46px; float:left; padding-left: 15px; }
ul.menu li.inactive a { text-decoration:none; color:white; font-size: 20px; height: 33px; display:block; 
color:#c3c3c3; text-decoration:none; padding-top: 10px; padding-left: 5px; padding-right: 25px; margin-right: 5px;  }
ul.menu li.inactive a:hover { color: white; }

		/* ACTIVE MENU */
ul.menu li.active { height: 46px; float:left; background-image:url(/images/menu-left-cap-active.gif); background-repeat: no-repeat; background-position: top left; padding-left: 13px; }
ul.menu li.active a { text-decoration:none; color:#2a9dff; font-size: 20px; background-image:url(/images/menu-tab-right-cap.gif); height: 36px; background-image:url(/images/menu-right-cap-active.jpg); background-repeat: no-repeat; background-position: top right; text-decoration:none; padding-top: 10px; padding-left: 8px; padding-right: 35px; margin-right: 5px; background-color: black; display: block;}
ul.menu li.active a:hover { color:#00CCFF; }

/* SPLASH >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
div.hp-splash { width: 850px;}


/* CONTENT >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
div.hp-content { width: 820px; margin-left: auto; margin-right: auto; margin-left: 20px;}
table.hp-content-table {margin-left: auto; margin-right: auto; width: 800px; }
table.hp-content-table td { padding-right:10px; line-height: 18px; }
table.hp-content-table td {}

table.hp-content-table td.int-content-cell { width: 830px; padding-right:10px; line-height: 18px;}

/* START: HP BOOKS */
div.box-content {background-color:#121212; padding: 30px; padding-top: 20px; padding-bottom: 0px; min-height: 400px; background-image:url(/images/hp-box-bg.gif); background-position: bottom left; background-repeat: repeat-x; text-align: justify; font-size: 13px; }

div.box-content#hp-books { text-align: left; width: 200px;}
div.box-content#hp-books h1 {}
div.box-content#hp-books div.item { background-image:url(/images/hp-book-bg.gif); background-position: top; background-repeat: repeat-x; padding-top: 10px; padding-bottom: 15px; height: 120px;}
div.box-content#hp-books div.item div.book { float: left; padding-right: 15px;}
div.box-content#hp-books div.item div.text { }
div.box-content#hp-books div.item div.comment { font-size: 17px; font-weight: bold; text-transform: uppercase; letter-spacing: .08em; }
div.box-content#hp-books div.item div.title { font-size: 14px; font-weight: bold; margin: 0px; padding: 0px; }
div.box-content#hp-books div.item div.author { font-size: 13px; color:#2a9dff;}
div.box-content#hp-books div.btn { padding: 10px;}
/* START: HP BOOKS */

/* NEWS  */
div.date { color:#2a9dff; letter-spacing: .1em;}
div.title {padding-bottom: 20px; }
div.title a{ text-decoration:none; color: white; border-bottom: 1px dotted #666666;}
div.title a:hover { color:#a9a9a9;}

/* FOOTER */
div.footer-bar { height: 5px; width: 100%; background-color: #2a9dff;}
div.footer { height: 75px; padding-top: 20px; color:#4f4f4f; font-size: 12px; padding-left: 25px;}
div.footer a{ color:#bdbdbd; text-decoration: none; margin-right: 12px;}
div.footer a:hover { color:white;}
div.copy {color:#4f4f4f; font-size: 13px; }
div.copy a{color:#4f4f4f; font-size: 11px;  margin:0px;}


/* MISC */
div.description { background-color:#181818; width: 700px; padding: 20px; margin-left: auto; margin-right: auto;border: 1px solid black;}


/* START: Contact Form ********************************* */
dt { font-size: 12px; color: white; padding: 0px; margin:0px;  margin-top:8px; }
dd {  padding: 0px; margin:0px; margin-top:8px; }
input.stdfield { width: 240px; border:3px solid #1a1a1a; height: 22px; padding-top: 4px; padding-left: 8px;font-size: 15px;}
input.stdfield:focus  {  border:3px solid  #00CCFF; }
input.stdfieldsmall { width: 120px; border:3px solid #1a1a1a; }

textarea.stdfield { width: 240px; height: 120px; padding: 8px;font-size: 15px; font-family: Arial, Helvetica, sans-serif;}
textarea.stdfield {  border:3px solid  #1a1a1a; }
textarea.stdfield:focus {  border:3px solid  #00CCFF; background-color:#FFFFFF;}
.stdbutton { width: 120px; height: 30px; color: white; background: #1373c5; border:2px solid #2a9dff; cursor: pointer;}
.stdbutton:hover { background:#00CCFF;}
textarea.stdfieldAddress { width: 420px; height: 20px; border:1px solid #cacaca; }

ul.errors {  padding: 0px; margin: 0px; }
ul.errors li { color: #991a00; list-style:none; padding: 0px; margin: 0px; font-size: 11px; }

div.related { margin-top:20px; }
div.related li { padding: 6px; font-size: 12px; }
.contact-info { width: 200px; float: right; padding-right: 250px; padding-top: 10px;}
/* END: Contact Form ********************************* */


/* START: BOOKS PAGE */
div.books-page {}
div.books-page div.item { padding-bottom: 30px;}
div.books-page div.book-img {width: 186px; height: 271px; background-repeat: no-repeat; float: left; padding-right: 20px;}
div.books-page div.title { font-size: 30px; padding-top: 10px;  padding-bottom: 10px; font-weight: bold;}
div.books-page div.author { font-size: 15px; color:#2a9dff; padding-bottom: 15px;}
div.books-page div.btn {padding: 20px;}
div.books-page span.title-comment { text-transform: uppercase; color:#2a9dff; font-size: 25px; font-weight: bold; }
/* END: BOOKS PAGE */