/*  <link rel="stylesheet" href="census.css" type="text/css" />  http://www.billstamps.com/  jrfleet@shaw.ca*/
html {scrollbar-face-color: #ffc; scrollbar-highlight-color: #ffc; scrollbar-3dlight-color: #ddd; scrollbar-shadow-color: #ffc; scrollbar-darkshadow-color: #ccc; scrollbar-arrow-color: #c03; scrollbar-track-color: #ffc; }
body {padding:0; margin:0; text-align:center; background:#ffc; font:normal 1.em/1.5em verdana, arial, helvetica, sans-serif; color:#004e87; width:100%; scrollbar-face-color: #ffc; scrollbar-highlight-color: #ffc; scrollbar-3dlight-color: #ddd; scrollbar-shadow-color: #ffc; scrollbar-darkshadow-color: #ccc; scrollbar-arrow-color: #c03; scrollbar-track-color: #ffc; }
.iframebody {margin:8px 0 0 0; padding:0; text-align:center; background:url('images/bg_image3.png') #ffc 180px 20px no-repeat fixed; border:0; }
td, th {vertical-align:top; padding:3px; }

.wrap {text-align:left; padding:0; margin:0 0 0 -400px; width:800px; background:#ffc; border:2px solid #333; position:absolute; top:0; left:50%; }

#header {width:800px; height:168px; background:url(images/header_bg.png) #ffc top left no-repeat; border:0; padding:0; margin:0; z-index:200; } 
#content {width:780px; padding:0; margin:0; text-align:left; background:#ffc; font:normal 1.em/1.3em arial, helvetica, sans-serif; color:#004e87; }
.iframebody p, .iframebody td, .iframebody dt, #content p {margin:0; padding:5px; margin:3px; font-size:0.9em; text-align:left; background:transparent; }
.iframebody img {padding:0; margin:0 5px; }
dl {padding:4px 0 4px 20px; margin-top:0; margin-bottom:0; } 
#footer {position:relative; top:0; left:0; width:780px; padding:2px 0; text-align:center; margin:0 auto; font:65%/1.5em verdana, arial, helvetica, sans-serif; color:#aaa; border:0; }

h3, h6 {margin:10px 0; font:bold 1.0em "comic sans ms", arial, sans-serif; }
h5 {margin:-5px 0 10px 10px; font:normal 1.0em "comic sans ms", arial, sans-serif; }
h4 {text-align:left; font:bold 1.2em "comic sans ms", arial, sans-serif; color:#004e87; margin:-5px 0 10px 10px; padding:0; }

hr {width:80%; text-align:center; clear:both; }

.cb {clear:both; }    /* <br class="cb" /><br /> */
a, #footer a {text-decoration:none; font-style:italic; color:#f00; }
a:hover, #footer a:hover {color:#ccc; }
a:active, #footer a:active {color:#999; }
 
ul {margin-top:0; margin-bottom:0; }

  /* image display */
.leftimgcaption {float:left; margin:3px 5px 5px 0; padding:5px; border:1px solid #ccc; background:transparent; font:normal 9px verdana, arial, sans-serif; text-align:center; }
.leftimgcaption2 {float:left; margin:3px 5px 5px 0; padding:5px; border:0; background:transparent; font:normal 9px verdana, arial, sans-serif; text-align:center; }
.rightimgcaption {float:right; margin:3px 0 5px 5px; padding:5px; border:1px solid #ccc; background:transparent; font:normal 9px verdana, arial, sans-serif; text-align:center; }
.rightimgcaption2 {float:right; margin:3px 0 5px 5px; padding:5px; border:0; background:transparent; font:normal 9px verdana, arial, sans-serif; text-align:center; }
.leftmagnify {float:left; margin:0; padding:0; border:0; background:transparent; font:normal 9px verdana, arial, sans-serif; }
.rightmagnify {float:right; margin:0; padding:0; border:0; background:transparent; font:normal 9px verdana, arial, sans-serif; }
/* example of how this is used. The first width is the width of the caption under the text and must not be larger than the second width. 
<span class="leftimgcaption" style="width:210px;"><img src="oakbaynews.jpg" width="" height="" alt="" /><br />txt</span>  */
.leftimgcaption2 img, .leftimgcaption img, .rightimgcaption img, .rightimgcaption2 img { margin:0; padding:0; }

.imgcaption {font:italic normal 0.75em verdana, arial, helvetica, sans-serif; text-align:center; }
/* <span class="imgcaption">Combined usage of a 9&cent</span><br /><br /> */

.lft {margin:0 10px 5px 0; float:left; clear:both; text-align:center; background:transparent; }
.rgt {margin:5px 0 5px 10px; float:right; clear:both; text-align:center; background:transparent; }
.noborder {border:0; }
.fl  {margin:5px 10px 5px 0; float:left; text-align:center; }
.fr  {margin:5px 0 5px 10px; float:right; text-align:center; }
.float_left  {float:left; margin:0; padding:0; }
.float_right  {float:right; margin:0; padding:0; }
.al {text-align:left; }
.ac {text-align:center; }
.ar {text-align:right; }
.boldtxt {font-weight:bold; }

  /* content display */
#indexholder {position:absolute; top:60px; left:601px; text-align:left; width:190px; background:#ffc; }
#indexholder p {font-size:0.75em; margin:4px 0 4px 8px; padding:0; }
#indexholder .subtitle {font-size:0.75em; color:#004e87; }
#contentholder {position:absolute; top:1px; left:1px; width:590px; height:420px; border:0; text-align:center; background:#ffc; font-size:0.9em; padding:0; margin:0; }
#contentholder p, #content_combined p {font-size:0.9em; }
#content_combined  {position:absolute; top:1px; left:1px; width:770px; border:0; text-align:center; background:url('images/bg_image3.png') #ffc top 151px no-repeat fixed; font-size:0.9em; padding:0; margin:0; }

/* forms css */
.contact {background:transparent; color:#252525; padding:0 5px; }

/* test with borders */
/*
#header {border:1px solid red; } 
#content {border:1px solid aqua; }
#footer {border:1px solid red; }
.wrap {border:1px dashed red; }
.iframebody {border:1px dashed blue; }
.leftimgcaption, .leftimgcaption2 {border:1px dotted green; }
.rightimgcaption, .rightimgcaption2 {border:1px dotted yellow; } */