body{font-family:sans-serif;margin:0;padding:0}
 
#header{text-align:right;padding:0.5em}
#header p{display:inline;margin:0}
#header h1{display:inline;margin:0;font-size:1em;font-style:italic}
 
#main{float:left;width:100%;padding-bottom:2em}
#main h1{font-size:1.4em;margin-top:0;text-decoration:underline}
#main em{font-weight:bold}

.inner{padding:1em}

h2{margin-top:2em;font-weight:normal;padding:3px 6px;color:#000000;background-color:#EEEEFF;border-top:1px solid #000000;border-bottom:1px solid #000000;font-size:1.5em}
h3{margin-top:2em;font-weight:normal;padding:3px 6px;color:#000000;background-color:#EEEEFF;font-size:1.3em}
h4{margin-top:2em;font-weight:bold;padding:3px 6px;color:#000000;background-color:#EEEEFF;font-size:1em}
h5{margin-top:2em;font-weight:normal;padding:3px 6px;color:#000000;background-color:#EEEEFF;font-size:1em}

.section .section{margin:0 0 0 2em}

#main .inner .section:first-child h2{margin-top:1em}

.notes{border:10px solid #F5F5F5;padding:1em;margin-top:4em}
.notes p{margin-top:0}
.notes ul{margin-bottom:0}


dt{font-weight:bold}
dd{margin-bottom:1em}


p.example{float:right;width:12em;margin:0 1em 1em 1em;padding:6px;text-transform:uppercase;color:#000000;background-color:#EEEEFF;border:1px solid #000000}

.video{float:right;width:480px;margin:0 1em 1em 1em;padding:6px;color:#000000;background-color:#EEEEFF;border:1px solid #000000}
.video h3{margin:0}
.video p{margin:0}

a.google{background-image:url('/icon-google2009.gif');background-position:0% 50%;background-repeat:no-repeat;padding-left:19px}

a.w3c{background-image:url('/icon-w3c.gif');background-position:0% 50%;background-repeat:no-repeat;padding-left:19px}

a.wm{background-image:url('/icon-wm.gif');background-position:0% 50%;background-repeat:no-repeat;padding-left:19px}

a.dt{background-image:url('/icon-dt.gif');background-position:0% 50%;background-repeat:no-repeat;padding-left:19px}

a.yahoo{background-image:url('/icon-yahoo2009.gif');background-position:0% 50%;background-repeat:no-repeat;padding-left:19px}

a.bwdp{background-image:url('/icon-bwdp.gif');background-position:0% 50%;background-repeat:no-repeat;padding-left:19px}


#footer{width:100%;float:left}
#footer p{margin:0}

#logo{padding:1em 0 0 0;border-top:1px dashed #000000}

#menu{float:left;width:100%;color:#000000;background-color:#FFFFFF;padding-top:7px;background-image:url('menu-shadow-top.gif');background-repeat:repeat-x;background-position:top}
#menu > div{float:left;width:100%;color:#000000;background-color:#FFFFFF;padding-bottom:7px;background-image:url('menu-shadow-bottom.gif');background-repeat:repeat-x;background-position:bottom}
#menu > div > div{float:left;width:100%;font-size:smaller;color:#FFFFFF;background-color:#666699}
#menu > div > div ul{float:left;margin:0;padding:0 10px;list-style:none}
#menu > div > div ul li{float:left;margin:0;padding:0}
#menu > div > div ul li a{float:left;margin:0;padding:6px 12px;color:#FFFFFF;background-color:#666699}
#menu > div > div ul li a:hover{color:#000000;background-color:#9999CC}
#menu > div > div ul li.current a{color:#000000;background-color:#9999CC;cursor:default}
#menu > div > div ul li.parent a{color:#FFFFFF;background-color:#7C7CAC}
#menu > div > div ul li.parent a:hover{color:#FFFFFF;background-color:#9999CC}


#menu2{float:left;width:100%;color:#000000;background-color:#FFFFFF;font-size:smaller;border-bottom:1px dotted #000000}
#menu2 p{float:left;margin:0;padding:0 12px 6px 12px;font-style:italic}
#menu2 ul{float:left;margin:0;padding:0;list-style:none}
#menu2 ul li{float:left;margin:0;padding:0}
#menu2 ul li a{float:left;margin:0;padding:0 12px 6px 12px;color:#000000;background-color:#FFFFFF;text-decoration:none}
#menu2 ul li a:hover{color:#000000;background-color:#FFFFFF;text-decoration:underline}



.menu2{float:left;width:100%;color:#000000;background-color:#FFFFFF;font-size:smaller;border-bottom:1px dotted #000000}
.menu2 p{float:left;margin:0;padding:0 12px 6px 12px;font-style:italic;color:#666666;background-color:#FFFFFF}
.menu2 ul{float:left;margin:0;padding:0;list-style:none}
.menu2 ul li{float:left;margin:0;padding:0}
.menu2 ul li a{float:left;margin:0;padding:0 12px 6px 12px;color:#000000;background-color:#FFFFFF;text-decoration:none}
.menu2 ul li a:hover{color:#000000;background-color:#FFFFFF;text-decoration:underline}
.menu2 ul li.current a{text-decoration:underline;cursor:default}
.menu2 + .menu2{margin-top:6px}





.strength1{color:#CC0000}
.strength2{color:#CC6600}
.strength3{color:#CCCC00}
.strength4{color:#66CC66}
.strength5{color:#00CCCC}


h2.faint,h3.faint,h4.faint{font-size:1em;font-style:italic;font-weight:bold;color:#000000;background-color:#FFFFFF;padding:0;margin:0;border:0}