/* CSS Document */
body{padding:0px; margin:0px; background:url(images/header_sliver.jpg) 0 0 repeat-x #fff; color:#5E5E5E; font:13px/18px Arial, Helvetica, sans-serif;}
div, p, ul, h1, h2, h3, img{padding:0px; margin:0px;}
ul{list-style-type:none;}
sup{font-size:.4em; vertical-align:top;}
sup2 {font-size:.8em; vertical-align:top; line-heigh: 1em;}

/*----TOP PANEL----*/

#topPan{width:778px; height:158px; position:relative; margin:0 auto; background:url(images/perca_background_fade.jpg) 0 0 repeat-x #15AEFD; color:#fff; padding:0px;}
#topPan img.logo{width:125px; height:158px; position:absolute; top:0px; left:120px;}
#topPan img.book{width:158px; height:99px; position:absolute; top:20px; right:46px;}

/*
#topPan{width:778px; height:158px; position:relative; margin:0 auto; background:url(images/ribbon_header.jpg) 0 0 repeat-x #15AEFD; color:#fff; padding:0px;}
#topPan img.logo{width:125px; height:158px; position:absolute; top:0px; left:0px;}
#topPan img.book{width:158px; height:99px; position:absolute; top:20px; right:46px;}
*/

#topPan p{font-size:16px; padding:70px 0 0 43px;}

#topContactPan{width:159px; height:51px; position:absolute; top:43px; right:240px;}
#topContactPan p.callus{background:#0C71A4; color:#fff; width:64px; height:14px; line-height:14px; font-size:14px; font-weight:bold; text-transform:uppercase; padding:0px;}
#topContactPan p.no{font-size:26px; padding:4px 0 0;}

#topMenuPan{width:683px; height:16px; position:absolute; bottom:9px; left:80px;}
#topMenuLeftPan{width:50px; height:16px; float:left}
#topMenuMiddlePan{width:auto; height:16px; float:left;}

#topMenuMiddlePan ul li{width:80px; height:16px; border-right:1px solid #E5E5E5; float:left;}
#topMenuMiddlePan ul li a{width:80px; height:16px; display:block; background:#fff; color:#4A4A4A; font:10px/16px "Trebuchet MS",Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; text-align:center; text-transform:uppercase;}
#topMenuMiddlePan ul li a:hover{background:#fff; color:#0574AF; text-decoration:none;}
#topMenuMiddlePan ul li.home{background:#fff; color:#0574AF; text-decoration:none; font:10px/16px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-transform:uppercase;}
#topMenuMiddlePan ul li.contact{width:80px; border-right:1px solid #fff;}
#topMenuMiddlePan ul li.contact a{width:80px; height:16px; display:block; background:#fff; color:#4A4A4A; font:10px/16px "Trebuchet MS",Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; text-align:center; text-transform:uppercase;}
#topMenuMiddlePan ul li.contact a:hover{background:#fff; color:#0574AF; text-decoration:none;}

#topMenuRightPan{width:50px; height:16px; float:left}
/*----/TOP PANEL----*/
/*----BODY PANEL----*/
#bodyPan{width:730px; position:relative; margin:0 auto; padding:25px 0 0;}
/*----BODY LEFT PANEL----*/
#bodyLeftPan{border: 0px solid blue; width:445px; float:left; padding:12px 36px 0 0;}
#topPan h1{color:#000000; font:36px/36px Georgia, "Times New Roman", Times, serif;}
#topPan h1 span{background:#fff; color:#046598;}

#time {background:#eeeeee; border: 1px solid #dddddd; padding: 10px; margin: 20px;}
#gray_box {background:#eeeeee; border: 1px solid #dddddd; padding: 10px; margin-top: 10px; margin-bottom: 10px; width:380px}


#bodyLeftPan h2{width:445px; background:#eeeeee; color:#00111A; font:28px Georgia, "Times New Roman", Times, serif;}
#bodyLeftPan h2 span{background:#fff; color:#046598;}

#bodyLeftPan h3{width:445px; height:30px; color:#00111A; font:18px/18px Georgia, "Times New Roman", Times, serif;}
#bodyLeftPan h3 span{background:#fff; color:#046598;}

#bodyLeftPan h4{color:#00111A; font:18px/18px Georgia, "Times New Roman", Times, serif;}
#bodyLeftPan h4 span{background:#fff; color:#046598;}

#bodyLeftPan h4.error {color:red; font-size:1em; margin:0px 0px 0px 30px;}

#bodyLeftPan p{padding:7px 0 0;}
#bodyLeftPan p span{background:#fff; color:#046598; font-weight:bold;}

#gray_box p span {background:#eeeeee}

#bodyLeftPan ul{width:445px; margin:10px 0 0;}
#bodyLeftPan ul li{width:445px; height:20px;}
#bodyLeftPan ul li a{width:390px; height:20px; background:url() 0 6px no-repeat #fff; color:#1A1A1A; text-decoration:underline; padding:0 0 0 20px;}
#bodyLeftPan ul li a:hover{width:390px; height:20px; background:url() 0 6px no-repeat #fff; color:#676363; text-decoration:underline;}


#bodyLeftPan li.heading {text-decoration:underline; width: 350px; margin-left: 20px}
#bodyLeftPan li.indent {background:url(images/bullets/0001_arrow.png) 0px 4px no-repeat; margin-left: 20px; padding-left: 15px; width: 350px}
#bodyLeftPan li.indent2 {background:url(images/bullets/0002_list-item.png) 0px 3px no-repeat; margin-left: 40px; padding-left: 15px; width: 350px}
#bodyLeftPan li.spacer {background:none; margin-left: 0px; padding-left: 0px; width: 350px}

#bodyLeftPan p.more{background:#F3F3F3; color:#003D5C; width:445px; height:11px; margin:25px 0; padding:0px; line-height:11px; font-size:11px; }
#bodyLeftPan p.more a{display:block; width:44px; height:11px; background:#fff; color:#003D5C; text-decoration:none; margin:0 0 0 246px; line-height:11px; text-align:center; padding:0px; text-transform:uppercase;}
#bodyLeftPan p.more a:hover{display:block; width:44px; height:11px; background:#E0DEDE; color:#003D5C; text-decoration:none;}

#bodyLeftPan p.register a{border: 0px solid red; background:#fff; color:#003D5C; text-decoration:none; margin:0 0 0 0px; text-align:center; padding:0px; text-transform:uppercase;}
#bodyLeftPan p.register a:hover{display:block; width:60px; height:9px; background:#E0DEDE; color:#003D5C; text-decoration:none;}

#bodyLeftNextPan{width:445px; clear:both; padding:10px 0 0;}
#bodyLeftPan p.next{background:#F3F3F3; color:#003D5C; width:445px; height:11px; padding:0px; line-height:11px; font-size:11px; clear:both; }
#bodyLeftPan p.next a{display:block; width:44px; height:11px; background:#fff; color:#003D5C; text-decoration:none; margin:0 0 0 246px; line-height:11px; text-align:center; padding:0px; text-transform:uppercase;}
#bodyLeftPan p.next a:hover{display:block; width:44px; height:11px; background:#E0DEDE; color:#003D5C; text-decoration:none;}

#bodyLeftPan input, select, textarea {border: 1px solid #505050; background: #eeeeee;}

#linkheader{border: 1px solid black; width:115px; float:left; color:#4F4F4F; font-size:14px; text-transform:uppercase;}
#linkdetail{border: 0px solid red; width:115px; float:left; text-transform:uppercase}
#linkdetail ul{width:120px;}
#linkdetail ul li a{background:none; color:#1A1A1A; text-decoration:underline; margin:0px; padding:0 0 0 0px;}
#linkdetail ul li a:hover{background:none 0 6px no-repeat #fff; color:#676363; text-decoration:underline;}
#linkdetail ul li{width:140px; height:20px; color:#03537D; padding:0 0 0 0px;}

#commenttitle{border: 0px solid red; width:115px; float:left; color:#4F4F4F; font-size:14px; text-transform:uppercase;}
#commentdescription{border: 0px solid black; width:260px; float:left; color:#4F4F4F; font-size:14px; text-transform:uppercase;}

#descriptionPan{border: 0px solid black; width:280px; float:left; color:#4F4F4F; font-size:14px; text-transform:uppercase;}
#descriptiondetail{border: 1px solid red; width:280px; float:left;}
#descriptiondetail ul{width:270px;}
#descriptiondetail ul li{width:270px; color:#03537D; padding:0 0 0 0px;}

#linkcatagories{width:410px; position:relative; margin:0 auto; padding:5px 0 0;}

#bookcatagories{border:0px solid black; width:410px; position:relative; margin:0 auto; padding:5px 0 0;}

/*the following is for index.php only*/
#indexnamePan{border: 0px solid black; width:195px; float:left; background:url() 100% 85% no-repeat #fff; color:#4F4F4F; font-size:14px; text-transform:uppercase;}
#indexnameonePan{width:195px; float:left;}
#indexnameonePan ul{width:195px;}
#indexnameonePan ul li{width:195px; height:20px; background:url(images/arrow.gif) 0 6px no-repeat #fff; color:#03537D; padding:0 0 0 10px;}

/*the following is for the seminar registration page*/
#nameheader{border: 0px solid black; width:205px; float:left; background:url() 100% 85% no-repeat #fff; color:#4F4F4F; font-size:14px; text-transform:uppercase;}
#namecontent{border: 0px solid black; width:205px; float:left;}
#namecontent ul{width:205px;}
#namecontent ul li{width:205px; height:20px; color:#03537D;}

#priceheader{border: 0px solid red; width:45px; float:left; background:url() 100% 85% no-repeat #fff; color:#4F4F4F; font-size:14px; text-transform:uppercase;}
#pricecontent{border: 0px solid red; width:45px; float:left;}
#pricecontent ul{width:45px;}
#pricecontent ul li{width:45px; height:20px; background:url(images/price-border.gif) 100% 50% no-repeat #fff; color:#00111A; line-height:20px; font-size:12px; font-weight:bold;}

#dateheader{border: 0px solid blue; width:70px; float:left; background:url() 100% 85% no-repeat #fff; color:#4F4F4F; font-size:14px; text-transform:uppercase; padding-left: 10px;}
#datecontent{border: 0px solid blue; width:70px; float:left;}
#datecontent ul{width:70px;}
#datecontent ul li{width:70px; height:20px; background:url(images/dicount-border.gif) 100% 50% no-repeat #fff; color:#00111A; font-size:12px; font-weight:bold;}

#registerheader{border: 0px solid green; width:70px; float:left; background:url() 100% 85% no-repeat #fff; color:#4F4F4F; font-size:14px; text-transform:uppercase;}
#registercontent{border: 0px solid green; width:70px; float:left;}
#registercontent ul{width: 70px}
#registercontent ul li{width: 70px; margin-left: 5px; height:20px; background:url() 100% 50% no-repeat #fff; color:#00111A; font-size:12px; font-weight:bold;}

#formPan{width:175px; float:left; background:url() 100% 85% no-repeat #fff; color:#4F4F4F; font-size:14px; text-transform:uppercase; padding:0 0 0 12px;}
#formonePan ul{width:175px; float:left;}
#formonePan ul li{margin-left: 0px; width:175px; height:24px; background:url() 100% 50% no-repeat #fff; color:#00111A; font-size:12px; font-weight:bold; padding:0 0 0 10px;}

#formonePan li.error {border: 1px solid red;}

#inputPan{width:125px; float:left; background:url() 100% 85% no-repeat #fff; color:#4F4F4F; font-size:14px; text-transform:uppercase; padding:0 0 0 12px;}
#inputPan{width:125px; float:left;}
#inputonePan ul{width:125px;}
#inputonePan ul li{margin-left: 0px; width:125px; height:20px; background:url() 100% 50% no-repeat #fff; color:#00111A; font-size:12px; font-weight:bold; padding:0 0 0 10px;}


/*----/BODY LEFT PANEL----*/
/*----BODY RIGHT PANEL----*/
#bodyRightPan{width:235px; float:left; border:1px solid #DADADA; background:#F3F3F3; color:#1A1A1A; padding:0 0 28px;}

#bodyRightPan h2{width:195px; height:35px; display:block; border:1px solid #DADADA; background:#fff; color:#00111A; font:24px/34px Georgia, "Times New Roman", Times, serif; margin:6px 8px 16px; padding:0 0 0 20px;}
#bodyRightPan h2 span{background:#fff; color:#046598;}

#bodyRightPan h3{width:195px; height:35px; display:block; border:1px solid #DADADA; background:#fff; color:#00111A; font:24px/34px Georgia, "Times New Roman", Times, serif; margin:6px 8px 0; padding:0 0 0 20px;}
#bodyRightPan h3 span{background:#fff; color:#046598;}

#bodyRightPan ul{width:180px; margin:0 0 17px 29px;}
#bodyRightPan ul li{width:180px; height:18px;}
#bodyRightPan ul li a{width:160px; height:18px; display:block; background:url(images/button.gif) 0 6px no-repeat #F3F3F3; color:#1A1A1A; text-decoration:none; padding:0 0 0 20px;}
#bodyRightPan ul li a:hover{background:url(images/button-hover.gif) 0 6px no-repeat #F3F3F3; color:#797878; text-decoration:none;}

#bodyRightPan p{padding:0px 29px 0px 29px;}
#bodyRightPan p.boldtext{padding:10px 29px 0px; font-size:14px; background:#F3F3F3; color:#1A1A1A; font-weight:bold;}
#bodyRightPan p.boldtext span{background:#F3F3F3; color:#046598; font-weight:bold;}

#bodyRightPan p.more{background:#fff; color:#003D5C; width:175px; height:11px; margin:10px 29px 10px; padding:0px; line-height:11px; }
#bodyRightPan p.more a{display:block; width:44px; height:11px; background:#F3F3F3; color:#003D5C; text-decoration:none; margin:0 0 0 97px; font-size:11px; line-height:11px; text-align:center; text-transform:uppercase;}
#bodyRightPan p.more a:hover{display:block; width:44px; height:11px; background:#E0DEDE; color:#003D5C; text-decoration:none;}

/*----/BODY RIGHT PANEL----*/
/*----/BODY PANEL----*/
/*----FOOTER PANEL----*/
#footermainPan{height:25px; background:url(images/footerbg.gif) 0 0 repeat-x #fff; color:#010101; clear:both; padding:50px 0 0;}

#footerPan{width:800px; position:relative; margin:0 auto; font-family:"Trebuchet MS",Arial, Helvetica, sans-serif}

#footerPan ul{width:790px; position:relative; margin:0 auto;}
#footerPan li{float:left; }
#footerPan ul li a{padding:0 10px 0; color:#010101; background:#F3F3F3; text-decoration:none;}
#footerPan ul li a:hover{text-decoration:underline;}

#footerPan p.copyright{width:780px; background:#F3F3F3; color:#04496D; position:absolute; top:0px; left:60px; font-size:12px;}

#footerPan ul.templateworld{width:250px; background:#F3F3F3; color:#444; display:block; position:absolute; top:40px; left:40px; font-size:10px;}
#footerPan ul.templateworld li{height:20px;}
#footerPan ul.templateworld li a{background:#F3F3F3; display:block; color:#444; text-decoration:none;}
#footerPan ul.templateworld li a:hover{text-decoration:underline;}

#footerPanhtml{width:60px; height:13px; display:block; position:absolute; top:26px; left:260px;}
#footerPanhtml a{width:48px; height:11px; display:block; background:url(images/blue-arrow.gif) 85% 60% no-repeat #fff; color:#4F4F4F; border:1px solid #DEDEDE; line-height:11px; font-size:11px; font-weight:bold; text-decoration:none; padding:1px 0 0 10px;}
#footerPanhtml a:hover{background:url(images/gray-arrow.gif) 85% 60% no-repeat #fff; color:#4F4F4F;}

#footerPancss{width:50px; height:13px; display:block; position:absolute; top:26px; left:320px;}
#footerPancss a{width:40px; height:11px; display:block; background:url(images/blue-arrow.gif) 35px 3px no-repeat #fff; color:#4F4F4F; border:1px solid #DEDEDE; line-height:11px; font-size:11px; font-weight:bold; text-decoration:none; padding:1px 0 0 10px; text-transform:uppercase;}
#footerPancss a:hover{background:url(images/gray-arrow.gif) 35px 3px no-repeat #fff; color:#4F4F4F;}