body{
background-color: #999999;
color: #666666;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
text-align: center;
font-size:100%;
}

#canvas{
width: 770px;
background-color:#ffffff;
margin: 10px auto;
border: 1px solid #000000;
text-align: left;
}

#banner{
height: 110px;
color: #cc00cc;
background-image: url(./images/ril.jpg); 
background-repeat: no-repeat;
/* font-family: Times, TimesNR;
font-style: italic;
font-size: 250%;
margin: 20px;
text-align: center; */
}


#leftcol #nav ul {
background-color: transparent;
list-style-type: none;
margin: 0; 
padding: 0;
font-size: 80%;
}
 

#leftcol #nav ul li {
padding: 0;
margin: 0; 
}

#leftcol #nav ul li a{
color:#660066;
text-decoration: none; 
}


#leftcol #nav a:hover, #leftcol #nav a:focus {
color:#cc33ff ;
text-decoration: underline; 
}


#content{
margin-left: 200px;
width: 550px;
}

#content p{
	font-size: 80%;
	margin: 15px;
}

#content h1{
font-size: 130%;
color: #003366;
padding: 0;
margin: 20px;
}

#content h2{
font-size: 110%;
color: #003366;
padding: 0;
margin: /*100px 0 0*/ 20px;
}

.leftimage{
margin-bottom: 10px;
margin-top: 10px;
float: left;
margin-right: 10px;
border: 1px solid #000000;
}

.rightimage{
margin-bottom: 10px;
margin-top: 10px;
float: right;
margin-left: 15px;
border: 1px solid #000000;

}

/*.clearit{
clear: both;
display: block;
background-color:#00FF66;
width: 200px;
}*/


#footer{
border-top: 1px solid #000000;
background-color:#cc66CC;
color: #FFFFFF;
clear: both;
}

#footer p{
padding: 10px;
margin: 0;
font-size: 70%;
}

#leftcol{
margin-left: 10px;
margin-top: 20px;
width: 170px;
margin-bottom: 20px;
float: left;
}

#content p.right{
float: right;
}

.container{
width: 99%; 
float:right;
/* float:right here causes Dreamweaver to get background colour confused, but is OK if footer is included */
}