a:link {color: #000000;}
a:visited {color: #000000;}
a:active {color: #ff0000;}
a:hover {background-color: #dddddd;}
a {text-decoration: none;}

a.menu:link {color: #fffff0;}
a.menu:visited {color: #fffff0;}
a.menu:active {color: #fffff0;}
a.guestbook:link {color: #2b42d0;}
a.guestbook:visited {color: #2b42d0;}
a.head:link {color: #ff372e;}
a.head:visited {color: #ff372e;}


#thebuttons {
list-style:none;
width:700px;
text-align: center;
margin-top: 10px;
}
#thebuttons li {
    font-family: Verdana, sans-serif; 
	font-size: 10pt; 
    float:left;
    width:24px;
    /*padding:0.5em 0;
    margin:1em auto;*/
    text-align:center;
}
#stories {
/*width:30em;
margin:1em auto;
border:1px solid purple;
clear:left;
padding:1em;*/
    font-family: "Comic Sans MS", Verdana, sans-serif; 
	font-size: 14px; 
	line-height: 22px;
	clear:left;
}

.chromestyle{
width: 100%; /*the entire width of the menu */
font-family: "Verdana", "Arial", "Sans-Serif";
line-height:12px;
font-size: 10pt;
font-weight: bolder;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
/*border: 1px solid #BBB;*/
width: 100%;
padding: 2px 0;
margin: 0;
text-align: left; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
white-space: nowrap;
margin-left: 0px;
margin-right: 0px;
}

.chromestyle ul li a{
color: #ff372e; /* here the color control for the menu */
padding: 0px 0px;
margin: 0;
text-decoration: none;
/*border-right: 1px solid #DADADA;*/
}

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #FFFFEA; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 8pt Verdana;
line-height:12px;
z-index:100;
background-color: #2b42d0;
width: 150px;
visibility: hidden;
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); Add Shadow in IE. Remove if desired*/
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #ffffea; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: #FFFFEA;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #ff372e;
}

.postcard {  
    font-family: "Comic Sans MS", Verdana, sans-serif; 
	font-size: 14px; 
	line-height: 22px;
	margin-left: 25px; 
	margin-top: 20px;
}
.postaddress {  
    font-family: "Comic Sans MS", Verdana, sans-serif; 
	font-size: 18px; 
	font-weight: bold; 
	line-height: 22px; 
	margin-left: 30px;
}
body {
  background-image: url(logo.png); 
  background-repeat: no-repeat; 
  background-position: center -5px;
  background-color: #fffff0; 
  margin-top: 0px; 
  margin-left: 0px;
  /*width: 700px;*/
  color: black;
}

.container {
  margin-left: 140px;
  width: 700px;
}




table.pic {
    width: 700px; 
	height: 500px; 
	border-collapse: collapse; 
	text-align: center; 
	vertical-align: middle; 
	border-width: 1px;
	border-style: dashed;
	border-color: #a0a0a0;
    margin: 0px 0px 0px 15px;
}

table.text {
    width: 700px; 
	height: 500px; 
	border-collapse: collapse; 
	background-color: #fffff0;
	border-width: 1px;
	border-style: dashed;
	border-color: #404040;
	border-collapse: collapse;
	margin: 15px;
	background-image: url(laposte.png);
	background-repeat: no-repeat; 
    background-position: center 10px;
}

table.text td.stamp {
    width: 250px; 
	height: 200px; 
	text-align: right; 
	/*vertical-align: top;*/
}

table.text td {
	vertical-align: top;
}

img {
  border-width: 2px;
  border-style: solid;
  border-color: black;
}

img.stamp_h {
	width: 200px;
	height: 146px;
	border-width: 0px;
}
img.stamp_v {
	width: 146px;
	height: 200px;
	border-width: 0px;
}

.highslide-html {
    background-color: #000000;
   /* background-image: url(../common/cement.gif);*/
}
.highslide-html-blur {
    border: 2px solid gray;
}
.highslide-html-content {
	position: absolute;
    display: none;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

.control {
	float: right;
    display: inline;
    /*position: relative;*/
	margin: 5px 0px 0px 0px;
	font-size: 16pt;
    font-family: arial, sans-serif;
    font-weight: bolder;
	text-decoration: none;
	text-transform: uppercase;
    background-color: white;
    
}
.control:hover {
	color: #909090 !important;
}
.highslide-move {
    cursor: move;
}
