body {
	 background-color: #dbdbdb;
	 font-family: Verdana, Arial, sans-serif;
    font-size: 12pt;
    text-align: left;
}

#wrapper { width: 980px; margin: 0 auto; min-height: 780px; }

#header { position: fixed; background-color: #dbdbdb; top: 0; padding: 10px 0 0 0; margin: 0; width: 980px; height: 48px; z-index:8; }
#content { position: relative; background-color: white; top: 50px; padding: 10px 30px 20px 30px; width: 740px; float: none; margin-left: 100px; text-align: justify;  }
#footer { position: relative; left: 80px; top: 80px; padding: 0 0 0 20px; width: 800px; }
/* divs to handle toc and category listing */
#catdiv,
#tocdiv { position: fixed; margin: 10px 10px 20px 45px; z-index: 6; }
#catdiv { top: 88px; }
#tocdiv { top: 48px; }
#catdiv > a,
#tocdiv > a { background-color: #c8c8c8; padding: 3px 8px 0 15px; display: inline-block; border-radius: 16px 0 0 16px; width: 30px; }
#tocdiv > a.open,
#catdiv > a.open { background-color: #f0f0f0; }
#catdiv > ul,
#tocdiv > ul { padding: 10px 0 20px 16px; width: 525px; background-color: #f0f0f0; float: right; list-style: none;	margin: 0 0 0 2px; box-shadow: 2px 2px 2px 2px grey; border-radius: 0 0 28px;}
#catdiv li,
#tocdiv li { list-style: none; }
#tocdiv ul li ul { float: none; margin: 5px 0 0 0; }
#tocdiv li span {	cursor: pointer; color: black; text-decoration: none; }
#tocdiv li span:hover { color: #7A0000; text-decoration: underline; }
#tocdiv li .tocsymb { display: inline-block; margin: 0 5px 0 -20px; }
#tocdiv li .selected { color: crimson; }
#menulist { margin: 6px 0 0 0; }


#infodiv { text-align: left; background-color: #f0f0f0; border: 2px solid #B8B8B8; padding: 25px 10px 10px 10px; width: 400px; -moz-border-radius: 0 0 20px 20px; -webkit-border-radius: 0 0 20px 20px; border-radius: 0 0 20px 20px; position: absolute; }

#prifri { position: fixed; top: 60px; right: 170px; }
#histfri { position: fixed; right: 5px; top: 21px; }

.listhead { font-size: 0.9em; font-weight: bold; }

h1 { text-align: left; font-weight: bold; color: #636360;  font-size: 1.4em; }
h2, h3, h4 { 
    margin: 10px 0;
	 padding: 0 0 5px 20px;
    text-align: left; font-weight: bold; color: #636360;
	 background: url('../pix/topic-up.gif') no-repeat scroll 0 6px; 
}
h2:hover, h3:hover, h4:hover { cursor: pointer; }
h2 { font-size: 1.4em; color: #606060; }
h3 { font-size: 1.12em; color: #505050; }
h4 { font-size: 1.0em; color: #404040; }


.hideparas {
	 background: url('../pix/topic-down.gif') no-repeat scroll 0 6px;
}

b { color: #636360; }

blockquote, q { 
                font-family: Courier New, serif;
                font-size: 15px;
                }
blockquote {
             margin-top: 0;
             margin-bottom: 5px;
             margin-left: 20px;
             }

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

p { margin: 0; padding: 0; padding-bottom: 8px; }
p em { font-weight: normal; font-style: normal; }

.diagram { text-align: center; }

table caption { color: #636360; font-weight: bold; text-align: left; }
table .elem { vertical-align: top; }
.reftable { background-color: White; }
.refattr { background-color: Yellow; }
.refdata { background-color: Wheat; }
.num { text-align: right; }


.saved { font-size: small; margin-bottom: 10px; }
.saved:before { content: 'Date: '; }

.ainfo { cursor: pointer; min-height: 10px; min-width: 10px; color: blue; }

table tr { border-bottom: 1px solid; }
table td { text-align: left;  }