body{ margin : 0px; font-family: Arial, Helvetica, sans-serif; font-size : 0.9em; text-align : center;  background: #fff; color: #444;}
body * { font-size : 100%; }

.clr { height: 1px; clear: both; margin: 0; overflow: hidden; }
.left { float:left; }
.right { float:right; }
.siteBox { background: #fff url(/bsol/images/bsol/bg-gradient.gif) top center repeat-y; }

.siteBox .siteWidth { width: 760px; margin: 0 auto; text-align: left; line-height: 1.2em;}
.siteBox .bottom { background: #fff url(/bsol/images/bsol/bg-bottom.jpg) top center no-repeat; height: 7px; margin: 0; padding: 0;}

.siteBox .siteWidth .header { text-align: right; padding: 5px;}
.siteBox .siteWidth .header .banner_fc { float: left; margin: 0; padding: 0; }

.siteBox .siteWidth .menu { border: solid #666; border-width: 1px 0; padding: 5px 0 2px 0; font-size: 0.8em;}
.siteBox .siteWidth .menu ul { margin: 0; padding: 0; list-style: none; }
.siteBox .siteWidth .menu ul li { display: block; float: left; margin: 0 0 3px 15px; padding: 0.5em 0; border: 1px solid #aaa;}
.siteBox .siteWidth .menu ul li a { width: 6em; padding: 0.5em 0.5em; font-weight: bold; color: #666; text-decoration: none;}

.siteBox .siteWidth .breadcrumbs { border-bottom: 1px solid #666; padding: 0.3em 0.5em; background: #bce; margin: 0 0 0 1px; font-size: 0.8em;}
.siteBox .siteWidth .breadcrumbs a { font-weight: bold; text-decoration: none;}

.siteBox .siteWidth .sidemenu { width: 170px; float: left; margin: 15px 0; font-size: 0.8em; }
.siteBox .siteWidth .sidemenu ul { margin: 0 0 0 1px; padding: 0; list-style: none;}
.siteBox .siteWidth .sidemenu ul li { margin: 0; border: solid #fff; border-width: 1px 0; background: #f7f7f7;}
.siteBox .siteWidth .sidemenu ul li a { display: block; margin: 1px 0 1px 0px; padding: 1px 0.3em; border: solid #aaa; border-width: 1px 1px 1px 0; font-weight: bold; text-decoration: none;}
.siteBox .siteWidth .sidemenu ul li a:hover { background: #fea;  }
.siteBox .siteWidth .sidemenu ul li ul.submenu { margin: 0; font-size: 0.9em; border: 1px solid #fff;}
.siteBox .siteWidth .sidemenu ul li ul.submenu li { margin-left: 2px; }
.siteBox .siteWidth .sidemenu ul li ul.submenu li a { background: #fff; border-width: 1px;}
.siteBox .siteWidth .sidemenu ul li ul.submenu li a:hover { background: #fea; }

.siteBox .siteWidth .footer { font-size: 0.6em; text-align: center; border-top: 1px solid #aaa; color: #666;}
.siteBox .siteWidth .footer a { text-decoration: none; color: #666; }
.siteBox .siteWidth .footer ul { margin: 5px 0 0 0; padding: 0; list-style: none; }
.siteBox .siteWidth .footer ul li { display: inline; margin: 0;}

.siteBox .siteWidth .content { width: 575px; float: right; margin: 15px 0;}

/*styles*/

a{ color: #06b; }
a img { border: none; }

hr { margin: 20px; }

h1 { color: #06b; border-bottom: 1px solid #fc0; }
h2 { color: #fc0; clear: left; }

p { margin: 10px 20px 10px 0; }

blockquote { margin: 0; font-weight: bold; color: #06b;}

ul li { margin: 2px 10px;}


img.img_right { float: right; margin: 0 10px 10px 10px; }
img.img_left { float: left; margin: 0 10px 10px 0; }
img.border { background: #fff; border: 2px solid #aaa; padding: 2px; }

.key-learning-points { /*border: 1px solid #666;*/ background: url(/bsol/images/bsol/key-points-bg.jpg) top left no-repeat; font-size: 0.8em; width: 270px;  float: left; margin: 10px 10px 10px 0; }
.key-learning-points h3 { margin: 0; padding: 0.3em; background: #bce; border: 1px solid #666;}
.key-learning-points ul { margin: 0; padding: 0 3px 0 1.5em;  }
.key-learning-points ul li { margin: 2px 3px; }
.key-learning-points p { margin: 7px; }

.how-it-works { /*border: 1px solid #666;*/ background: url(/bsol/images/bsol/key-points-bg.jpg) top left no-repeat; font-size: 0.8em; width: 270px; float: left; margin: 10px 10px 10px 0;}
.how-it-works h3 { margin: 0; padding: 0.3em; background: #bce; border: 1px solid #666;}
.how-it-works ul { margin: 0; padding: 0 3px 0 1.5em; }
.how-it-works ul li { margin: 2px 3px; }

.what-participants-say { border: 1px solid #666; clear: both; width: 552px; font-size: 0.8em; margin: 10px 10px 10px 0; } 
.what-participants-say h3 { margin: 0; padding: 0.3em; background: #bce; border-bottom: 1px solid #666;}
.what-participants-say blockquote { margin: 10px; font-weight: normal; color: #000; font-style: italic;}
.what-participants-say ul { margin: 0; padding: 0 3px 0 1.5em; }
.what-participants-say ul li { margin: 2px 3px; }

/*Homepage image*/
.process { background: url(/bsol/images/process.gif) no-repeat top right; margin-right: 10px;}
.process .prop { width: 1px; height: 340px; float: right; overflow: hidden; margin: 0; }

.process ul { width: 230px; /*float: right;*/ margin: 0; padding: 0; list-style: none;}
.process ul li { margin: 10px 0; }
.process ul li a{ color: #06b; border-bottom: 1px solid #fc0; text-decoration: none; font-weight: bold; padding: 3px 10px 0px 0;}
.process ul li span { margin: 5px 0;}

/*Books*/

.book { width: 140px; float: left; margin: 10px; text-align: center; }
.book img { padding: 3px; border: 2px solid #666; }
.book p { margin: 5px 0; }

.book-other-language { clear: both; }
.book-other-language img { padding: 3px; border: 2px solid #666; }

/*course-listing*/
.course-listing { }
.course-listing ul { margin: 0 0 10px 0; padding: 0; list-style: none; float: left; width: 100%;}
.course-listing ul li { display: block; float: left; width: 45%; }


/*Tables*/

table { border-collapse: collapse; }
table td, table th { padding: 5px; border-bottom: 1px solid #666; }

/*Forms*/

form label { display: block; float: left; margin: 5px;  clear : left; width: 150px;}
form input { display: block; float: left; margin: 5px; width: 300px; }
form select { display: block; float: left; margin: 5px; width: 300px; }
form textarea { display: block; float: left; margin: 5px; width: 300px; height: 7em; font-size: 1.2em; }