body {
  font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
  background-color:#003399;
  color:#096589;
  font-size:12px;
  line-height:1.5em;
  margin-bottom:10px;
}

td {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}

th {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}

* { 
margin:0px;
padding:0px;
}
img { border:0px;}

p {line-height:1.5em; margin-top:10px; margin-bottom:10px; }
h1, h2, h3, h4 { margin-bottom:10px; margin-top:10px; }
ul{ margin-top:5px; margin-bottom:5px; }
ul li { padding:1px; list-style:none;}
a:link, a:visited{ text-decoration:none; color:#6A4D06; background-color:inherit;  }

div#wrapper{
width:810px;
margin-left:auto;
margin-right:auto;
position:relative;
margin-top:10px;
text-align:center;
padding-right:10px;
padding-left:10px;

padding-top:10px;
margin-bottom:10px;
}
div#intro{ }
div#navwrapper{ width:810px; height:60px;  clear:both; text-align:center;}
div#main h1{ font-size:16px; color:#993300; font-weight:bold; font-family:Arial, Helvetica, sans-serif; border-bottom:1px solid #993300;}
ul#menu li{ list-style:none; display:inline; float:left; height:35px;  }
ul#menu li a, ul#menu li a:link, ul#menu li a:visited{  color:#A62E96; padding-top:3px;  border:0; text-decoration:none; display:block;   background-color:inherit; 
background-repeat:no-repeat;}
ul#menu li a:hover{color:#fff;    background-color:inherit;}
ul#menu{
font: bold 12px Arial, Helvetica, sans-serif;
margin-bottom:0px;
margin-left:80px;
width:809px;


}


body#home li#accueil a{ background-image:url(../images/home-dove.gif); background-repeat:no-repeat; background-position:-16px -3px; width:135px; height:40px; text-indent:-3000px; margin-left:5px; }
body#home li#approche a{  background-image:url(../images/approche.gif); background-repeat:no-repeat; background-position:-16px -3px; width:132px; height:40px; text-indent:-3000px;  margin-left:5px;}
body#home li#outils a{ background-image:url(../images/outils.gif); background-repeat:no-repeat; background-position:-13px -3px; width:189px; height:40px; text-indent:-3000px;  margin-left:5px;}
body#home li#lectures a{ background-image:url(../images/lectures.gif); background-repeat:no-repeat; background-position:-20px -4px; width:200px; height:40px; text-indent:-3000px;  margin-left:5px;}

body#home li#approche a:hover{  background-image:url(../images/approche-over.gif); background-repeat:no-repeat; background-position:-17px -3px; width:132px; height:40px; text-indent:-3000px;  margin-left:5px;}
body#home li#outils a:hover{ background-image:url(../images/outils-over.gif); background-repeat:no-repeat; background-position:-14px -3px; width:189px; height:40px; text-indent:-3000px;  margin-left:5px;}
body#home li#lectures a:hover{  background-image:url(../images/lectures-over.gif); background-repeat:no-repeat; background-position:-21px -4px; width:200px; height:40px; text-indent:-3000px;  margin-left:5px; }

body#approche li#accueil a{ background-image:url(../images/home.gif); background-repeat:no-repeat; background-position:-20px -3px; width:135px; height:40px; text-indent:-3000px; margin-left:5px; }
body#approche li#approche a{ background-image:url(../images/approche-dove.gif); background-repeat:no-repeat; background-position:-8px -3px; width:136px; height:40px; text-indent:-3000px;  margin-left:5px;}
body#approche li#outils a{ background-image:url(../images/outils.gif); background-repeat:no-repeat; background-position:-13px -3px; width:189px; height:40px; text-indent:-3000px;  margin-left:5px;}
body#approche li#lectures a{ background-image:url(../images/lectures.gif); background-repeat:no-repeat; background-position:-20px -4px; width:200px; height:40px; text-indent:-3000px;  margin-left:5px;}

body#approche li#accueil a:hover{ background-image:url(../images/home-over.gif); background-repeat:no-repeat; background-position:-21px -3px; width:135px; height:40px; text-indent:-3000px; margin-left:5px; }
body#approche li#outils a:hover{ background-image:url(../images/outils-over.gif); background-repeat:no-repeat; background-position:-14px -3px; width:189px; height:40px; text-indent:-3000px;  margin-left:5px;}
body#approche li#lectures a:hover{ background-image:url(../images/lectures-over.gif); background-repeat:no-repeat; background-position:-21px -4px; width:200px; height:40px; text-indent:-3000px;  margin-left:5px; }

body#outils li#accueil a{ background-image:url(../images/home.gif); background-repeat:no-repeat; background-position:-20px -3px; width:135px; height:40px; text-indent:-3000px; margin-left:5px; }
body#outils li#approche a{ background-image:url(../images/approche.gif); background-repeat:no-repeat; background-position:-20px -3px; width:132px; height:40px; text-indent:-3000px;  margin-left:5px;}
body#outils li#outils a{ background-image:url(../images/outils-dove.gif); background-repeat:no-repeat; background-position:-5px -3px; width:195px; height:40px; text-indent:-3000px;  margin-left:5px;}
body#outils li#lectures a{ background-image:url(../images/lectures.gif); background-repeat:no-repeat; background-position:-20px -4px; width:200px; height:40px; text-indent:-3000px;  margin-left:5px;}

body#outils li#accueil a:hover{ background-image:url(../images/home-over.gif); background-repeat:no-repeat; background-position:-21px -3px; width:135px; height:40px; text-indent:-3000px; margin-left:5px; }
body#outils li#lectures a:hover{ background-image:url(../images/lectures-over.gif); background-repeat:no-repeat; background-position:-21px -4px; width:200px; height:40px; text-indent:-3000px;  margin-left:5px; }
body#outils li#approche a:hover{  background-image:url(../images/approche-over.gif); background-repeat:no-repeat; background-position:-21px -3px; width:132px; height:40px; text-indent:-3000px;  margin-left:5px;}

body#lectures li#accueil a{ background-image:url(../images/home.gif); background-repeat:no-repeat; background-position:-20px -3px; width:135px; height:40px; text-indent:-3000px; margin-left:5px; }
body#lectures li#approche a{ background-image:url(../images/approche.gif); background-repeat:no-repeat; background-position:-20px -3px; width:132px; height:40px; text-indent:-3000px;  margin-left:5px;}
body#lectures li#outils a{ background-image:url(../images/outils.gif); background-repeat:no-repeat; background-position:-15px -3px; width:189px; height:40px; text-indent:-3000px;  margin-left:5px;}
body#lectures li#lectures a{ background-image:url(../images/lectures-dove.gif); background-repeat:no-repeat; background-position:-7px -4px; width:200px; height:40px; text-indent:-3000px;  margin-left:3px;}

body#lectures li#accueil a:hover{ background-image:url(../images/home-over.gif); background-repeat:no-repeat; background-position:-21px -3px; width:135px; height:40px; text-indent:-3000px; margin-left:5px; }
body#lectures li#approche a:hover{  background-image:url(../images/approche-over.gif); background-repeat:no-repeat; background-position:-21px -3px; width:132px; height:40px; text-indent:-3000px;  margin-left:5px;}
body#lectures li#outils a:hover{ background-image:url(../images/outils-over.gif); background-repeat:no-repeat; background-position:-14px -3px; width:189px; height:40px; text-indent:-3000px;  margin-left:5px;}


/*main content wrapper */

div#contentWrapper{ width:500px; float:left; text-align:right; margin-right:15px; }
div#main{ width:380px; float:right; text-align:left; margin-right:15px; }
/* side and middle content areas */

body#home div#main{ width:380px; float:right; text-align:left; margin-right:15px; }
/* side and middle content areas */


div#rightside{ width:200px; float:left; margin-left:11px; font-size:11px; line-height:1.5em; color:#096589; text-align:left;  }
body#home div#rightside{ width:200px; float:left; margin-left:11px; font-size:11px; line-height:1.5em; color:#096589; text-align:left; } 
div#contentWrapper h2{
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
color:#2D62BF;  

text-indent:15px;


}
div#sideContent p{ margin-left:8px; margin-right:5px; line-height:1.4em;   }

div#sideContent2{ width:190px; float:left; margin-right:11px; font-size:11px; line-height:1.5em; color:#096589; text-align:left; margin-top:70px; }


div#middleContent{ width:520px; float:left; text-align:justify; margin-left:20px; background-color:transparent; margin-bottom:20px; }
div#middleContent h1{ line-height:1.5em; font-family:Arial, Helvetica, sans-serif;font-size:17px;color:#9F54D5; border-bottom:1px dotted #9F54D5;  padding-right:10px; padding-left:10px;} 
div#middleContent h2{ font-family:Arial, Helvetica, sans-serif;font-size:14px;color:#9F54D5;   padding-right:10px; padding-left:10px;}
div#middleContent h3{ font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#9F54D5;    padding-right:10px; padding-left:10px;} 
div#middleContent h4{ font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#9F54D5;   padding-right:10px; padding-left:10px;} 
div#middleContent h5{ font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#9F54D5;    padding-right:10px; padding-left:10px;}  
div#middleContent p{  padding-right:15px; padding-left:15px;} 

ul.star{ width:180px;}
ul.star3{ width:180px;}
ul.star3 li{ margin-left:0px; background-image: url(file:///D|/webvillage/KarenMosuk/site/dev/images/bullet-star.gif); background-repeat:no-repeat; background-position:3px 3px; padding-left:15px; margin-bottom:8px;}

div#contentWrapper div#middleContent ul.star2{ width:450px;}
div#contentWrapper div#middleContent ul.star2 li{  margin-left:8px; background-image: url(file:///D|/webvillage/KarenMosuk/site/dev/images/bullet-star.gif); background-repeat:no-repeat; background-position:1px 3px; padding-left:15px; margin-bottom:8px;}
div#contentWrapper div#middleContent ul.star2 li a, div#contentWrapper div#middleContent ul.star2 li a:visited{ color:#138ED4; font-weight:bold; }

ul.star li{ margin-left:8px; background-image: url(file:///D|/webvillage/KarenMosuk/site/dev/images/bullet-star.gif); background-repeat:no-repeat; background-position:1px 3px; padding-left:15px; margin-bottom:8px;}

ul.star li a, ul.star li a:visited{ color:#138ED4; font-weight:bold; }

.quote1{ font-size:12px; font-style:italic; color:#107FAD; font-weight:bold; line-height:1.7em; text-align:right; width:180px; float:left; margin-right:15px;}
.quote{ font-size:11px; font-style:italic; font-weight:bold; color:#107FAD; line-height:1.7em; text-align:right; width:180px; margin-right:15px;}

/* round corners */
.rtop, .rbottom{display:block}
.rtop *, .rbottom *{display:block;height: 1px;overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.stronger{ font-weight:700;}
.r3{margin: 0 2px}
.r4{margin: 0 1px;height: 2px}

.rs1{margin: 0 2px}
.rs2{margin: 0 1px}


div#footer{ width:760px; height:50px; clear:both; text-align:center; color:#0C8ABC; padding-top:20px;}
div#footer .copyright{ text-align:center; color:#0C8ABC; font-size:10px; margin-right:10px; padding-top:100px;}
.card{ margin-left:10px; margin-right:20px; clear:both;}
.mgright{ margin-right:20px; float:left;}
.card-info{ margin-right:20px; }

.starheader{ margin-left:10px; background-image: url(file:///D|/webvillage/KarenMosuk/site/dev/images/bullet-star.gif); background-repeat:no-repeat; background-position:1px 3px; padding-left:19px; margin-bottom:8px; text-indent:18px;}
.highlight{color:#990033; font-weight:bold; font-size:11px;}
.center-side{ text-align:center; width:190px; }
div#middleContent h2.name{ font-size:14px; font-weight:bold; color:#883E81; margin-left:5px;  background-image: url(file:///D|/webvillage/KarenMosuk/site/dev/images/bullet-star.gif); background-repeat:no-repeat; text-indent:14px;background-position:5px 2px;}
.shortbio{ width:180px; margin-right:15px; text-align:right;}
.shortbio .enhance{ font-size:16px; color:#0B92BE;  font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-style:italic;} 
.divider{ border-bottom:1px dotted #9F54D5; width:180px;}
.box-enhancedcontent{ width:400px; background-color:#EEDEF9; padding:5px; margin-left:10px; font-size:11px; font-style:italic;  }
#newsletter-layout img{ float:left; margin-right:5px; margin-bottom:5px;}

ul.menu-specific  { width:400px; height:40px; }
ul.menu-specific li { display:inline; float:left; text-align:center; font-weight:bold;}
ul.menu-specific li a{ display:inline; float:left; margin-right:5px; padding:3px; margin-top:3px; height:20px; width:150px; background-color:#99CCFF;  color:#1128D5;}
.headerstar{ margin-right:5px; margin-top:-2px; float:left; margin-left:-8px;}
.tb td{ padding:5px; font-weight:bold; text-align:center;}
.title{ font-size:15px; font-weight:bold;}
.speciallink a, sepciallink a:visited{ color:#883E81; font-weight:bold;}

.menuadmintop a, .menuadmintop a:visited{ border: 1px solid #990099; font-size:13px; background-color:#FFFF99; padding:3px;}
.td1{ padding:5px; margin:5px;}

#signature{ float:right; margin-top:20px;} 
ul.simplelist{ padding-top:15px; margin-left:0px;}

.simplelist li{  padding-left:0px; list-style:none; background-image:url(../images/bullet.gif); background-repeat:no-repeat; background-position:1px 3px;
margin-left: 2px; padding-left:15px;
margin-bottom: 0.7em;
}
.simplelist li a, .simplelist li a:visited { color:#0033CC; font-weight: bold; }

.arrow{ float:left;}
.clear{ clear:both;}

p#list-footer a, list-footer a:visited, list-footer a:hover{ color:#0000CC; font-style:bold; font-size:12px;}

.slogan{ font-size:14px; font-style:italic; font-weight:600; color:#003399; padding:3px; background-image:url(../images/back-p.gif); width:269px; background-repeat:no-repeat;
background-position:1px -4px; height:55px }

.small1{ font-size:10px; font-weight:700; }

#main #lecture h2{ font-size:12px; font-weight:bold;}
#main #lecture{ font-size:10px; }
#rightside #right-lecture{ border-left:1px solid #cccccc; margin-top:10px; padding: 8px; width:218px; margin-left:3px;} 


#right-lecture h2{ font-size:13px; font-weight:bold;}

ul#info{ width:218px;}

ul#info li { width: 218px; list-style:none; margin:5px; background-image:url(../images/bullet-flower.gif); background-repeat:no-repeat; background-position:-5px 1px; text-indent:15px; padding-bottom:20px; }
#rightside #right-lecture ul#info #listinside li{ text-indent:30px; background-position:20px 5px;  background-image:none; }

#right-approche{ border-left:1px solid #cccccc; margin-top:10px; padding:8px; width:240px; margin-left:4px;}

 .simplelist li{  padding-left:0px; list-style:none; background-image:url(../images/bullet.gif); background-repeat:no-repeat; background-position:1px 3px;
margin-left: 2px; padding-left:15px;
margin-bottom: 0.7em;
}
.simplelist li a, .simplelist li a:visited { color:#0033CC; font-weight: bold; }

#rightside #right-lecture ul#info .author{ clear:both; padding-top:20px; }