/* common styles */
html,body {height:100%}
body{padding:0;margin:0;background-color:#FFF;color:white;text-align:center}
body,a,span,div,form,td,th,tr,*{font-family:Verdana;font-size:12px}
input,select, textarea{font-size:11px;font-family:Verdana;padding:1px}
ul,li{list-style:none;margin:0;padding:0}
p{padding-bottom:10px}
img{border:none}
table{border-collapse:collapse;border-spacing:0;empty-cells:show;margin:0;padding:0}
td,th{text-align:left;padding:0;margin:0}
label{cursor:pointer}
br.c{clear: both;}

a{color: #FFE068;text-decoration:underline}
a:hover{color: white;}

#bookl{padding:20px 10px 10px 10px;text-align: center;vertical-align:middle}
#bookl a{padding:14px 40px 13px 40px;background: url(book.gif) left center no-repeat; font-size:14px;font-weight:bold;}


/* layout */
#c{position: relative;height:100%;min-height:100%;margin: 0 auto;text-align: left;width: 779px;background-color:#015B90}
#l{position: absolute;top:0;left:0;width:315px;height:152px;z-index:2}
#l2{position: absolute;top:0;left:315px;width:240px;height:152px;z-index:2}
#l3{position: absolute;top:0;left:555px;width:224px;height:152px;z-index:2}

#d1{position: relative;height:65px;background: #38ABE0 url(bg-d1.gif) no-repeat;clear:both}
#d2{position: relative;height:136px;background: #38ABE0 url(bg-d2.gif) no-repeat;clear:both}

#cnt{position: relative;background:#38ABE0 url(bg-cnt.gif) repeat-y;width: 779px;clear:both;}
#t, #t3{padding:0 10px 0 0;margin:0;line-height:18px;text-align: justify;}
#t3 a{font-size:14px;font-weight: bold;padding-top:15px;display:block;background: url(s.gif) left 21px no-repeat;padding-left: 16px;}
#t3 a span{display:none}


#left{float: left;width: 160px;margin-top:152px;background: #38ABE0 url(bg-cnt.gif) repeat-y;padding: 5px 0 5px 5px}
#right{float: right;width:595px;padding-right:5px;padding-top:5px;margin-top:152px;background: #38ABE0 url(bg-cnt.gif) top right repeat-y;}

#f{position: relative;background-color:#015B90;padding: 10px;}
#f div{text-align: center;color: #38ABE0;}
#f div a{color:#fff;padding-left:5px;padding-right:5px}
#f div a span{display:none}
#f div a:hover{color:#FFE068}
#k{color:#38ABE0;font-family:Tahoma;font-size:11px;padding:0;margin-top:5px;}

/* nav menu */
ul.nav{}
ul.nav li{background: url(bull.gif) left 3px no-repeat;padding:5px 2px 5px 30px;}
ul.nav a{font-family: Arial;font-size:13px;font-weight:bold;text-decoration:none;}
ul.nav a span{display: none}
ul.nav a:hover{text-decoration:underline;}
ul.nav #book{color: White;text-decoration: underline;}

/* titles */
h1, #ttl{font-size: 16px;padding:0;margin:0;font-weight:bold;}
h1 span, #ttl span{font-family:Tahoma;overflow:hidden; font-size: 16px; color:#FFEA9B; background: url(bg-h1.gif) left bottom repeat-x;padding: 5px 0;margin:0;letter-spacing: 1px;}
h1 div, #ttl div{background: url(bg-h2.gif) left top repeat-x; margin-top:4px; padding:3px 0 15px 0;font-style: italic;letter-spacing: 1px;font-weight: normal;font-size:12px;}
#ttl{margin-right:5px}
h3{padding:0;margin:0;font-size:12px;color:#FFEA9B;padding:15px 0 5px 0;}
div.text, p.text{padding: 0;margin:0;line-height: 18px;text-align: justify;padding-right:10px;}

/* cnt2 */
#cnt2{position: relative;background: #1285BA url(bg-cnt2.gif) repeat-y;clear:both;width:779px}


#kwds{float:left;width: 172px;height:195px;padding:6px;background:#38ABE0 url(bg-cnt2.gif) repeat-y;}
#kwds, #kwds *{font-size:11px;font-family:Tahoma;color:#64BDE6;}
#pl{padding: 0;margin:0;}
#kwds span{font-style: italic;color:white;font-family:Verdana;}
#kwds div{overflow: auto;width:150px;height:174px;border:1px solid #90D0EC;padding:0 3px;}
#kwds a{display: block;font-size:11px;font-family:Tahoma;color:#64BDE6;text-decoration:none;border-bottom:1px solid #90D0EC;padding:2px 1px}
#kwds a:hover{color:white;text-decoration:underline;}
#kwds a span{display:none}

#srv{float:right;width: 595px;background: #1285BA url(bg-cnt2.gif) top right repeat-y;}
#srv table{width: 100%}
#srv table td{width: 50%;font-size:11px;font-family:Tahoma;vertical-align:top;padding: 4px 10px 4px 0px}
#srv table a{font-size: 14px;font-weight: bold;display: block;background: url(s.gif) left center no-repeat;padding-left: 16px;}
#srv table a span{display:none}


/* form */
table.form{width:100%;}
table.form td.h{border-bottom: 1px solid white;font-size: 14px;font-weight: bold;color: #FFEA9B;}
.fld, select, textarea{border: 1px solid #6D6D6D;font-size: 12px;}
table.form td{white-space: nowrap;}
table.form td, table.form th{padding: 3px;}
table.form th{text-align: right;font-weight: normal;padding-right: 10px;}
span.req{color: #FFEA9B;font-size: 14px;font-weight: bold;}

/* book listing services */
ul.bookList li{padding:5px;}
ul.bookList li a{font-weight: bold; font-size:14px;background: url(s.gif) left center no-repeat;padding-left: 16px;}
ul.bookList span{font-weight: bold; font-size:14px;color:white;display:none}
ul.bookList li li{background:none;padding: 2px 2px 2px 10px;font-weight: normal;}
ul.bookList li li a{font-weight: normal; font-size:12px;color:white;text-decoration:none;background:none;}
ul.bookList li li a:hover{text-decoration: underline;}
ul.bookList li li a font{color: #fff;font-weight: normal; font-size:12px;text-decoration:none;}
ul.bookList li li a span{display:none}