/* ---------->>>  STYLE SHEET  <<<-----------*/
body 
{background-color: #fff;
margin: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;}

#wrapper	
{width: 1100px;
margin: 0 auto;
padding: 0;
background-color: #fff;}

#header 
{width: 1100px;
height: 150px;
background-color: #fff;
margin: 0;
padding: 0;}

#headerImage
{width: 1100px;
height: 150px;
margin: 0;
padding: 0;}

#page 
{width: 1100px; 
padding: 0;
margin: 0;
background-color: #fff;}

*{margin:0;
padding:0; } 

#navbar{ 
padding: 8px 20px 0 25px; /* RIGHT SIDE PADDING IS KEY TO LEFT MARGIN OF CONTENT */
float: left; /*   have to keep for ripf, when remove content drops below --floating the div lets it contain the floated list items so the background image displays behind them*/ 
width: 167px; /* set to w of image less the left and right padding, make sure the combined width, doesn't exceed the total w of the navbar bg image-- width is necessary for the float*/ 
height: 992px; /* set to height of image less the top and bottom padding*/
background: #fff url(../images/ri-sidebar.jpg) left top no-repeat; /* sets the one navbar image as backgroud  */ } 
#navbar ul{ 
list-style-type: none; /*removes bullets from the list*/ 
text-align: left; /*aligns the text to the left of each graphical button*/ } 
#navbar {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:black; line-height:130%;}
.navbar-bold {font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight:700; color: #006;}
.navbar-boldx {font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight:700; color: #006;}
.address {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color:#609; line-height:110%; font-weight: 700;}
.address-italic {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color:#609; line-height:120%; font-style:italic;}
#navbar ul li a:link, #navbar ul li a:visited{text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: 500; color:green; line-height:140%;}
#navbar ul li a:link:hover, #navbar ul li a:visited:hover{color:#330;} 

#content
{margin-left: 212px; /* places content section to right of navbar*/
padding: 0 30px 0px 40px;
width: 818px;
height: 1000px;
background: url(../images/ri-bg.jpg) left top no-repeat;}

.headings {font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; line-height: 130%; color: #000;}
.bold {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight:700; color: #006;}
.copyright {font-family: Times, serif; font-size: 12px; color:#666;}
.about-text {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 500; line-height: 120%; color: #006;}

#content td {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: 500;
line-height: 120%;
color: #006;}

a:hover {text-decoration: none;}
a:visited {color: blue; text-decoration: underline;}
a:visited:hover {color: blue; text-decoration: none;}

.image {padding: 3px; margin: 0 3px 0px 3px; display: inline;}
.alignright {float: right; padding: 4px; margin: 0 0 2px 10px; display: inline;}
.alignleft {float: left; padding: 4px; margin: 0 10px 2px 0px; display: inline;}}