/* base */

body{
background: url(/common/bg_lbl.png) #ffffff;
margin: 0px;
padding: 0px;
}

div#main{
width: 740px;
background: #ffffff;
margin-left: 20px;
border-left: 1px solid #666666;
border-right: 1px solid #666666;
}

div#header{
background: #ffffff;
font: 70% monospace; 
margin: 0px;
padding: 5px 10px;
border-top: 1px solid #666666;
border-bottom: 1px solid #666666;
}

div#footer{
background: #ffffff;
font: 70% monospace; 
text-align: right;
margin: 40px 0px 0px 0px;
padding: 5px 10px;
border-top: 1px solid #666666;
border-bottom: 1px solid #666666;
}

a:link{
color: #3333cc;
text-decoration: underline;
}

a:visited{
color: #663399;
text-decoration: underline;
}

a:hover{
color: #ffffff;
background-color: #3333cc;
text-decoration: underline;
}

a:active{
color: #ffffff;
background-color: #33cccc;
text-decoration: underline;
}

/* heading */

h1{
font: bold 250% serif;
color: #ffffff;
background-color: #333399;
margin: 0px 0px 0px 0px;
padding: 10px 0px 10px 10px;
}

span.h1_sub{
font: bold 50% serif;
padding-right: 1em;
}

h2{
font: bold 150% sans-serif;
margin: 40px 40px 20px 40px;
padding: 5px 0px 5px 10px;
border-left: 10px solid #333399;
border-bottom: 1px solid #333399;
}

h3{
font: bold 120% sans-serif;
margin: 0px 40px 20px 100px;
padding: 0px 0px 5px 20px;
border-bottom: 1px solid #333399;
}

h4{
font: bold 80% sans-serif;
margin: 0px 40px 10px 120px;
padding: 0px 0px 0px 5px;
border-left: 5px solid #333399;
}

/* text block */

p{
font: 80% sans-serif;
text-indent: 1em;
line-height: 150%;
}

pre{
font: 80% sans-serif;
}

/* img */

div.img_ctr{
font: 80% sans-serif;
text-align: center;
margin: 0px 40px 20px 120px;
padding: 0px;
}

div.img_mlft{
font: 80% sans-serif;
margin: 0px 40px 20px 120px;
padding: 0px;
}