@charset "utf-8";
/*----------Default tags-----------*/
a{outline:none;}.floatleft{float:left}.floatright{float:right}.floatnone{float:none}.clearboth{clear:both}.left{text-align:left;}.right{text-align:right;}.center{text-align:center;}.bold{font-weight:bold;}.italic{font-style: italic;}.capitalize{text-transform:capitalize;}.uppercase{text-transform: uppercase;}.lowercase{text-transform:lowercase;}.underline{text-decoration:underline;}.strike{text-decoration:line-through;}.middle{ vertical-align:middle;}

/*----fonts sizes---------*/
.font10{ font-size:10px;}.font11{ font-size:11px;}.font12{ font-size:12px;}
/*----links------------*/
.link{text-decoration:underline;}.link:hover{text-decoration:none;}.linknone{text-decoration:none;}.linknone:hover{text-decoration:underline;}.white{color:#fff;}.blue{color: #33ccff;}.green{color:#a8d479;}.pink{color: #e61a8d;}

/*----widths-----------*/
.w100p{ width:100%}.w50p{ width:50%}

/*---------------------*/
/*----Layout-----------*/
body{font-family:"Arial", Helvetica, sans-serif; color:#666; background:#000 url(../images/bg.jpg) left top no-repeat fixed;}
.wrapper{width:950px; margin:0 auto; padding:0;}
.header{float: left; width:100%; clear: both; padding: 10px 0 ;}
.header .logo{float: left; clear: both; width: 100%; text-align: right;}
.header .infolinks{float: left; clear: both; width:100%;}
.header .infolinks .needPubls{font-family:"Trebuchet MS", Helvetica, sans-serif; font-size: 14px; float: left;}
.header .infolinks .needPubls a{font-size: 14px; font-weight: bold; color:#33ccff; background: url(../images/widget_ico.png) no-repeat left top; padding: 32px 0 2px 35px;}
.header .infolinks .email{float: right;}
.header .infolinks .email a{font-size: 12px; color:#33ccff;}
.content_area{float: left;clear: both; width: 100%;}

/*--Left Panel--*/
.leftPanel{float: left; width: 251px; margin-right: 9px;}

/*--Navigation--*/
ul.nav{float: left; width: 100%; clear: both; list-style: none;}
ul.nav li{float: left; clear: both; margin-bottom: 1px; width: 100%;}
ul.nav li a{float: left; width:211px; background: url(../images/navbg.jpg) top left; text-align: right; font-family: "Trebuchet MS", Helvetica, sans-serif; color: #FFF; font-size: 14px; line-height: 28px; padding:0 20px; font-weight: bold;}
ul.nav li a:hover{background: url(../images/navbg_ho.jpg) top left;}

.leftBox{float: left; width: 226px; padding: 15px 10px 15px 15px; background:#000 url(../images/leftbox_bg.jpg) repeat-x top left;}
.leftBox h3{font-family:"Trebuchet MS", Helvetica, sans-serif; font-size: 14px; color: #FFF; font-weight: bold; margin-bottom: 12px; float: left; width:100%;}
.socialLinks{float: left; width: 100%; clear: both; margin-bottom: 10px;}
.socialLinks a{float:left; margin-left: 4px; display: block; }
.socialLinks a:first-child{float: left; margin-left:0; display: block;}

.learnProgram{color:#a8d479; float: left; width: 100%; font:bold 12px/19px "Arial", Helvetica, sans-serif; margin-bottom: 18px;}
.learnProgram:hover{color:#33ccff;}
.events{font-size: 12px; line-height: 16px;}
.events p{margin-bottom: 12px;}
/*--Left Panel Ends--*/

/*--Right Panel--*/
.rightPanel{float:left;width:690px;}
.mainImg{float: left; width:680px; border: #1e1e1e solid 5px; background: url(../images/main_img.jpg); height: 269px; margin-bottom: 20px;}
.mainImg .about{float: left; width: 410px; padding:70px 0 0 15px; color: #FFF;}
.mainImg .about h3{float: left; font-size: 16px; width: 100%; padding-bottom:5px; margin-bottom: 5px; border-bottom: dotted 1px #FFF;}
.mainImg .about p{float: left; width: 100%; font-size: 12px; line-height: 18px; margin-bottom: 5px;}
.aboutimg {float: left; width:680px; border: #1e1e1e solid 5px; background: url(../images/about_bg.jpg) no-repeat; margin-bottom: 20px;}


.booksHome{float: left; width: 380px; padding: 0 30px 0 30px;}
.booksHome h2{float:left; width: 100%; color:#e61a8d; font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: 14px; text-transform: uppercase; font-weight: bold; margin-bottom: 15px;}
.booksHome .booklist{float: left; width: 100%; clear: both; margin-bottom: 14px; font-size: 12px;}
.booksHome .booklist .bookthumb{float: left; width: 110px; border: solid 1px #2e2e2e; margin-right: 12px; text-align:center;}
.booksHome .booklist .bookdesc {float: left; width:256px;}
.booksHome .booklist .bookdesc h3{float: left; font-size: 12px; color:#33ccff; width:100%; font-weight: bold;}
.booksHome .booklist .bookdesc h3 a{color:#33ccff; text-decoration: none; }
.booksHome .booklist .bookdesc h3 a:hover{color:#e61a8d;}
.booksHome .booklist .bookdesc h5{float: left; font-size: 10px; width:100%; font-weight: bold; margin-bottom: 5px;}
.booksHome .booklist .bookdesc p{margin-bottom: 5px; width:100%; float: left;}
.facebook{float: left; width: 100%; margin-bottom:18px;}

.bookTrailor{float: left; width: 250px;}
.bookTrailor h2{float:left; width: 100%; color:#e61a8d; font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: 14px; text-transform: uppercase; font-weight: bold; margin-bottom: 15px;}
.bookTrailor .video{float: left; width: 100%; margin-bottom: 15px;}
.bookTrailor .video a{float: left; width: 100%; margin-bottom: 5px;}
.bookTrailor .feedBack{float: left; width: 100%; font-size: 12px;}
.bookTrailor .feedBack p{ margin-bottom: 8px; line-height: 16px;}
.infoContent{float:left; width:350px; clear: both; padding:20px 20px; font-size: 12px; line-height: 16px;}
.infoContent h3{float: left; clear: both; width: 100%; font-size: 14px; font-weight: bold; text-transform:  uppercase; margin-bottom: 5px; color: #e61a8d;}

.books{float: left; width: 650px; padding: 15px 15px 0 15px; border: #1e1e1e solid 5px;}
.books h2{float:left; width: 100%; color:#e61a8d; font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: 14px; text-transform: uppercase; font-weight: bold; margin-bottom: 10px; border-bottom:1px dotted #33ccff; padding-bottom: 5px;}
.books .booklist{float: left; width: 650px; clear: both; margin-bottom: 14px; font-size: 12px; }
.books .booklist .bookthumb{float: left; width: 110px; border: solid 1px #2e2e2e; margin-right: 12px; text-align:center;}
.books .booklist .bookdesc {float: left; width:526px; }
.books .booklist .bookdesc h3{float: left; font-size: 12px; color:#33ccff; width:100%; font-weight: bold;}
.books .booklist .bookdesc h3 a{color:#33ccff; text-decoration: none; }
.books .booklist .bookdesc h3 a:hover{color:#e61a8d;}
.books .booklist .bookdesc h5{float: left; font-size: 10px; width:100%; font-weight: bold; margin-bottom: 5px;}
.books .booklist .bookdesc p{margin-bottom: 5px; width:100%; float: left;}

.eventsl{float: left; width: 650px; padding: 15px 15px 0 15px; border: #1e1e1e solid 5px;}
.eventsl h2{float:left; width: 100%; color:#e61a8d; font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: 14px; text-transform: uppercase; font-weight: bold; margin-bottom: 10px; border-bottom:1px dotted #33ccff; padding-bottom: 5px;}
.eventsl .eventlist{float: left; width: 650px; clear: both; margin-bottom: 7px; font-size: 12px; border-bottom:1px dotted #1e1e1e; padding-bottom: 7px;}
.eventsl .eventlist .eventthumb{float: left; width: 110px; border: solid 1px #2e2e2e; margin-right: 12px;}
.eventsl .eventlist .eventdesc {float: left; width:526px;}
.eventsl .eventlist .eventdesc h3{float: left; font-size: 12px; color:#33ccff; width:100%; font-weight: bold;}
.eventsl .eventlist .eventdesc h3 a{color:#33ccff; text-decoration: none; }
.eventsl .eventlist .eventdesc h3 a:hover{color:#e61a8d;}
.eventsl .eventlist .eventdesc h5{float: left; font-size: 10px; width:100%; font-weight: bold; margin-bottom: 5px;}
.eventsl .eventlist .eventdesc p{margin-bottom: 5px; width:100%; float: left;}
.eventinfo{float: left; width: 100%; font-size: 12px; padding-bottom: 15px;}
.eventinfo img[align='left']{margin-right: 10px;}
.eventinfo img[align='right']{margin-left: 10px;}


.gallery{float: left; width: 650px; padding: 15px 15px 0 15px; border: #1e1e1e solid 5px;}
.gallery h2{float:left; width: 100%; color:#e61a8d; font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: 14px; text-transform: uppercase; font-weight: bold; margin-bottom: 10px; border-bottom:1px dotted #33ccff; padding-bottom: 5px;}
.gallery .photos{float: left; width: 650px; clear: both; margin-bottom: 7px; font-size: 12px; border-bottom:1px dotted #1e1e1e;padding-bottom: 7px;}
.gallery .photos .photo{float: left; margin-left: 10px; width: 210px}
.gallery .photos .photo:first-child{float: left; margin-left: 0px;}
.gallery .photos .photo .img{float: left; clear: both; margin-bottom: 5px;}
.gallery .photos .photo img{max-width:210px;}
.gallery .photos .photo .title{float: left; width:100%; text-align: center; font-weight: bold;}
.gallery .photos .photo .title a{text-decoration: none; color:#a8d479; }

.contact{float: left; width: 650px; padding: 15px 15px 0 15px; border: #1e1e1e solid 5px;}
.contact h2{float:left; width: 100%; color:#e61a8d; font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: 14px; text-transform: uppercase; font-weight: bold; margin-bottom: 10px; border-bottom:1px dotted #33ccff; padding-bottom: 5px;}
.contact .info{font-size: 12px; margin-bottom: 10px; float: left;width: 100%; clear: both;}
.contact .form{font-size: 12px; width: 100%; clear: both;}
.contact .form .row{width: 100%; clear: both; padding: 5px 0; border-bottom:1px dotted #1e1e1e; float: left;}
.contact .form .row .col1{float: left; width: 200px;}
.contact .form .row .col2{float: left; width: 200px;}
.contact .form input[type='text'], .contact .form textarea{width:200px; font-size:12px; color:#666; font-family:"Arial", Helvetica, sans-serif;}

/*--Right Panel--*/
.pagination {float: left;width: 100%;clear: both;margin: 5px 0 10px 0;}
.pagination a {float: left;padding: 5px;color: #FFF;text-decoration: none;background: #369ccf;margin-right: 2px; font-size: 11px; font-family:"Arial", Helvetica, sans-serif;}
.pagination a:hover {color: #FFF;background: #ce026a;}
.pagination a.selected {color: #FFF;background: #ce026a;}

/*--footer--*/
.footer{float: left; width: 920px; font-size: 12px; color: #666; line-height: 19px; padding: 15px 15px 25px 15px; border-top: dotted 1px #141414;}
.footer .links{float: left;}
.footer .links p a{color: #666; text-decoration: none;}
.footer .links p a:hover{color: #33ccff;}
.footer .icons{float: right;}
/*--footer Ends--*/