body {
background-color: white;
font: medium Arial, Helvetica, sans-serif;
background-image: url(images/hinge9.jpg);
background-repeat : repeat-y;
margin: 30px 20px 0 60px;
}

body.index {
background-color : white ;
background-image : url(images/steel3.gif);
background-repeat : repeat;
}

div.line
{
width: 800px;
height: 10px;
margin: 6px 0 6px 0;
clear: both; 
background: url(images/thinblue.gif) no-repeat;
}

div.index 
{
font-weight: bold; 
display:block; 
clear:both; 
padding: 4px 0px 4px 0px;
}
div.section{clear: both;  }
div.sidebar{float: left; width: 70px;
padding-right: 10px;}
div.content{float: left;
 margin: 0 0 12px 0;
width: 500px;
}

p.code{font-family: monospace; color:#000080;}

/*.highlight{color: rgb(153, 0, 0);}*/
.highlight{background-color: #FFFF66;}
.date{color: #990000; font-style: italic; font-size: 90%;}

	  
img {
float: left;
padding: 4px 4px 4px 4px;
border: 0;
}

/* page layout classes */
h1 {color: #990000; font-size: 120%; font-weight: bold}
h2 {color: #009900; font-size: 110%; font-weight: bold}
h3{color: #000000; font-size: 100%; font-weight: bold}

strong{color: #cc0000; font-weight:bold}

dt{font-size: 100%; font-weight: bold}
dd{font-size:80%}

ul { list-style-image: url(images/g_blue.gif);}
li { margin: 0 0 1em 0;}



a.assign
{
background: url(images/redpin.gif) no-repeat;
margin: 4px 0px 4px 4px;
padding: 4px 0px 4px 25px;
}

a.lab
{
background: url(images/yellowpin.gif) no-repeat;
margin: 4px 0px 4px 4px;
padding: 4px 0px 4px 25px;
}

a.sample
{
background: url(images/greenpin.gif) no-repeat;
margin: 4px 0px 4px 4px;
padding: 4px 0px 4px 25px;
}

a.external
{
background: url(images/tealpin.gif) no-repeat;
margin: 4px 0px 4px 4px;
padding: 4px 0px 4px 25px;
}
  
/* set the color and look of hyperlinks */
a:link {
color : #000099 ;
text-decoration : None
}
a:active {
color : #000099 ;
text-decoration : None
}
a:visited {
color : navy ;
text-decoration : None
}
a:hover {
color : red ;
text-decoration : None
}