article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,video,audio {
display:block;
}

nav ul {
list-style:none;
}

blockquote,q {
quotes:none;
}

blockquote:before,blockquote:after,q:before,q:after {
content:none;
}

a {
font-size:100%;
vertical-align:baseline;
background:transparent;
text-decoration:none;
margin:0;
padding:0;
}

ins {
background-color:#ff9;
color:#000;
text-decoration:none;
}

mark {
background-color:#ff9;
color:#000;
font-style:normal;
font-weight:700;
}

del {
text-decoration:line-through;
}

abbr[title],dfn[title] {
border-bottom:1px dotted;
cursor:help;
}

table {
border-collapse:collapse;
border-spacing:0;
}

hr {
display:block;
height:1px;
border:0;
border-top:1px solid #ccc;
margin:1em 0;
padding:0;
}

input,select {
vertical-align:middle;
}

header {
border:0 dotted red;
width:1024px;
height:110px;
background-color:#FFF;
margin:15px auto 5px;
padding:auto;
}

header h1 {
width:180px;
height:60px;
border:0 solid #360;
background-color:#FFF;
background-image:url(images/logo.png);
background-repeat:no-repeat;
margin:10px auto 10px 5px;
padding:25px 20px 20px;
}

#logo h1,#logo small {
display:block;
text-indent:-9998px;
float:left;
margin:0 10px;
}

header h1 a,header h1 a:visited,header h1 a:hover {
color:inherit;
}

footer {
border:0 solid #00F;
width:auto;
font-size:13px;
text-align:center;
position:relative;
margin:auto auto 10px;
}

footer a:hover {
border-bottom-style:dotted;
color:#F06;
border-width:1px;
}

nav a,nav a:visited {
color:#000;
}

nav.navi_left {
width:220px;
position:relative;
float:left;
z-index:20;
margin-left:15px;
font-family:YanoneKaffeesatz-Regular;
font-size:20px;
border:1px solid #690;
background-color:#FFF;
border-radius:10px;
-moz-border-radius:10;
padding:8px 0;
}

nav.top {
background-position:left top;
background-image:url(images/nav_left_bg.png);
background-repeat:repeat-x;
}

nav.bottom {
background-position:left bottom;
background-image:url(images/nav_left_bg.png);
background-repeat:repeat-x;
}

nav.navi_left li {
background-color:#FFF;
list-style-type:none;
border-right-style:solid;
border-right-width:4px;
border-right-color:#FFF;
padding:2px 5px;
}

nav.navi_left li:hover {
background-color:#EEE;
border-right-style:solid;
border-right-width:4px;
border-right-color:#EEE;
}

nav.navi_left li.level2 {
padding-left:15px;
font-size:18px;
}

nav.navi_left li.selected {
background-color:#EEE;
border-right-style:solid;
border-right-width:4px;
border-right-color:#9C0;
}

article {
text-align:justify;
line-height:25px;
font-size:16px;
position:relative;
background-color:#FFF;
width:auto;
padding:0 40px 0 270px;
}

article p {
margin-bottom:15px;
margin-top:15px;
line-height:25px;
font-size:18px;
font-family:DroidSerif,'Times New Roman',Times,serif;
}

article header {
width:auto;
height:auto;
background-color:#FFF;
border-color:inherit inherit gray;
border-style:none none dotted;
border-width:medium medium 2px;
margin:0 0 10px;
padding:0;
}

article header h1 {
border:none;
font-size:38px;
color:#000;
font-weight:400;
font-family:YanoneKaffeesatz-Regular,Arial,Helvetica,sans-serif;
font-style:normal;
line-height:40px;
background-color:#FFF;
background-image:none;
text-align:left;
width:auto;
height:auto;
margin:0 auto 10px;
padding:0;
}

article h2 {
font-family:YanoneKaffeesatz-Regular,Arial,Helvetica,sans-serif;
font-size:30px;
font-weight:400;
color:#333;
letter-spacing:0;
border-left-color:#9C0;
border-style:solid;
border-width:0 0 0 6px;
margin:15px 0 20px;
padding:2px 5px 2px 10px;
}

article h3 {
font-family:YanoneKaffeesatz-Regular,Arial,Helvetica,sans-serif;
font-weight:400;
font-size:30px;
color:#333;
letter-spacing:0;
border-left-color:#CF3;
border-style:solid;
border-width:0 0 0 6px;
margin:10px 0 10px 10px;
padding:2px 5px 2px 10px;
}

article .clipart {
border:1px double silver;
margin:5px 10px;
padding:3px;
}

article code {
border:2px solid #060;
font-family:'Courier New',Courier,monospace;
font-size:14px;
background-color:#FFF;
display:block;
text-align:left;
line-height:24px;
cursor:text;
overflow-x:auto;
overflow-y:hidden;
white-space:nowrap;
margin:20px 5px;
padding:15px 5px;
}

article code mark {
border:1px dotted #F90;
background-color:#FFC;
padding:2px;
}

article code .comment {
border:1px dotted #666;
background-color:silver;
color:#330;
padding:2px;
}

article a:visited {
color:#06F;
}

article a:hover {
color:#F06;
border-bottom-style:dotted;
border-width:1px;
}

article table.attribute {
font-size:13px;
}

article table.attribute th {
background-color:#690;
color:#FFF;
}

article table.attribute th#att_name {
width:80px;
}

article table.attribute th#att_value {
width:120px;
}

article blockquote {
font-style:italic;
text-indent:30px;
font-size:14px;
padding:10px;
}

article video,audio,.demobox {
border:dotted 2px #000;
margin:0 auto;
padding:10px;
}

article aside {
border:3px dashed gray;
background-color:#FF6;
margin:20px 5px;
padding:10px;
}

article .canvas_button {
background-color:maroon;
color:#FFF;
margin:5px;
}

article .canvas_demo {
border:1px dotted silver;
width:auto;
margin:20px 5px;
padding:20px;
}

article ul {
list-style-type:circle;
list-style-position:inside;
}

article ul ul {
list-style-type:square;
list-style-position:inside;
margin-left:20px;
}

article section {
border:2px dashed #690;
margin:20px 5px;
padding:20px;
}

article section h1 {
font-family:Comic Sans,Comic Sans MS,cursive;
font-size:20px;
font-weight:400;
border:0 solid #000;
color:#000;
margin:5px;
}

article em {
font-family:YanoneKaffeesatz-Regular,Arial,Helvetica,sans-serif;
font-style:normal;
font-weight:400;
font-size:25px;
}

article ol {
list-style-position:inside;
margin-left:20px;
}

article .description {
font-size:15px;
font-family:'Times New Roman',Times,serif;
font-style:italic;
border-color:olive;
border-style:dotted;
border-width:0 0 1px;
margin:10px;
padding:5px;
}

article .result {
border:2px dashed #699;
min-height:50px;
height:auto;
font-size:12px;
font-family:'Courier New',Courier,monospace;
margin:10px;
padding:10px;
}

article .button {
font-size:13px;
background-color:#330;
color:#FFC;
font-style:italic;
margin:2px;
padding:10px;
}

#main {
border:1px solid #000;
padding-bottom:10px;
position:relative;
overflow:auto;
width:1024px;
background-color:#FFF;
margin:2px auto auto;
}

.prev_link,.next_link {
border:0 dotted teal;
font-family:DroidSerif;
font-size:15px;
width:290px;
position:relative;
margin:10px 0 15px;
padding:0 25px;
}

.prev_link {
background-position:left;
text-align:left;
background-image:url(images/navigate-left-icon.png);
background-repeat:no-repeat;
float:left;
}

.next_link {
background-position:right;
float:right;
text-align:right;
background-image:url(images/navigate-right-icon.png);
background-repeat:no-repeat;
}

.page_navigator {
padding:0 40px 0 270px;
}

.prev_link a,.next_link a,.prev_link a:visited,.next_link a:visited {
color:#06F;
border-color:#06F;
}

.prev_link a:hover,.next_link a:hover {
color:#F06;
border-bottom-style:solid;
border-color:#F06;
}

figure {
border:1px double silver;
overflow:auto;
display:table-cell;
margin:5px 20px;
padding:3px;
}

figcaption {
font-size:12px;
font-style:italic;
text-align:left;
white-space:normal;
}

figure a,figure a:visited,figure a:hover {
border-width:0;
}

@font-face {
font-family:DroidSerif;
src:local(fonts/DroidSerif),url(fonts/DroidSerif.ttf) format(truetype);
}

.bottom_ad {
margin-top:20px;
padding:0 40px 0 270px;
}

.bottom_ad img {
border:1px solid silver;
}

footer a,footer a:visited,article a {
color:#06F;
border-bottom-style:solid;
border-width:1px;
}

article table.browser,table.browser thead,table.browser tbody,table.browser th,table.browser td,table.browser tr,article table.attribute,table.attribute thead,table.attribute tbody,table.attribute th,table.attribute td,table.attribute tr,article table.attribute,table.attribute thead,table.attribute tbody,table.attribute th,table.attribute td,table.attribute tr {
border:2px solid #000;
table-layout:auto;
border-collapse:collapse;
vertical-align:middle;
margin:5px auto;
padding:10px;
}

article th,article table.attribute.th {
background-color:#CF3;
font-weight:700;
}