
body{  
background-color: #222;
color: white;
font-family:'Trebuchet MS', 'Verdana', 'Tahoma', 'Arial', sans-serif;
margin: 0px ; padding: 0px;
}

div { margin: 0px} }
p { margin: 0px; }

.column-wrap { position: relative; background-color: #222; }
.column-1 { 

position: absolute; left: 0px; top: 0px; width: 163px; background-color: #222;
padding-top: 180px;
background-image: url('../graphics/canadaFlag.png');
background-repeat: no-repeat;

 }
.column-2 { margin-left: 163px; margin-right: 163px; background-color: #222;
border: 1px solid #222;
}
.column-3 { position: absolute; right: 0px; top: 0px; width: 163px; background-color: transparent; 
padding-top: 180px;
background-image: url('../graphics/usaFlag.png');
background-repeat: no-repeat;
text-align: right;
}

a { color: #ccc; }
a:visited { color: #888; }

img.postcardC { 
border: none;
padding-left: 2px;
padding-bottom: 8px;
}

img.postcardU { 
border: none;
left: 0px;
padding-left: 12px;
padding-bottom: 8px;
}

img.pagehead { 
display: block;
margin: 0 auto;
 }

div.inset{ 
float: right;
margin: 5px; 
width: 150px;
text-align: right;
}

div.caption{ 
text-align: right;
font-size: 50%;
margin-right: 0px;
 }

img.include { 
border: none; }



.toggleopacity img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
-moz-opacity: 0.4;
}

.toggleopacity:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}

.toggleopacity img{
border: 0px solid #ccc;
}
