/* body {margin: 0; padding: 0; /*color: black; background: #fff; font-size: 80%; font-family: sans-serif;}*/
     /* colors :  #95DB4F #acc3ba    #5d6c66  #7b90aa     #4b5752*/

html { 
	overflow: -moz-scrollbars-vertical; 
}

body   {
   margin-left: auto;  /* .10em .1em .2em 15em ;*/
	margin-right: auto;
	text-align: left;
	padding: 1em 0em 0em 0em;      /* 1.5em 0 0 0 */
	font-family: georgia, times, "times new roman", serif;
    font-size: 70%;  /* 80 */
   	background: url(../pic/grey-heart.jpg);
    width: 95%;
}

#container {
	margin: .1em 0 0 0;         /*   .1em 0 0 0 5%     */
   background-color: #8a8a8a ;
    padding: 2px 2px 2px 2px;
 }

.header {
	width: 90%;               /* 50% */
    background: transparent;
    margin: auto;
    text-align: center;
}

.headerbox {
	margin: 0;
	padding: 0 0 .1em 0;
	text-align: center;
	background: transparent;
}

.layout {width: 100%;}

#green {
	margin: .1em 0 0 0 5%;
    color: #00CC66;
}
		
.linkpanel {
  float: left; width: 20%;
  }
  
.linkbox {
  	margin: 0 2px 2px 2px;
 	padding: 0 2px 2px 8px;
   background-color: #8a8a8a ;
}

/* IE doesn't always add percentages up correctly, so one column is slightly less */
.mainpanel {
  float: left; width: 59.9%;   /*67.9%*/
}

.mainbox {
  	/* height: 100%; */
  	margin: 0 0 8px 0;
  	border: 1px solid white;
  	padding: 8px 8px 8px 8px;
    background-color: #9a9a9a;
}
/* The last column doesn't really need a float left *?
/* Or you could use float right */


.adspanel {
  float: left; width: 20%;
  }
  
.adsbox {
  	margin: 0 2px 2px 2px;
  	padding: 0 2px 2px 8px;
   background-color: #8a8a8a ;
}

.footer {
    clear: both; width: 100%;
    font-size:0.800em;
    color: #000000;
}   

.footerbox {
    background-color: #7a8483;
    color: black;
	}

h1, h2, h3 {
	font-weight: normal;
}
	

a:link {
  color: #ffffff;
}

a:link {
  text-decoration: none;
}

a:visited {
	color: #000000;
}


a:hover {
	text-decoration: underline;
	color: white;
	}

       /* navigation */

#navcontainer ul{
	padding: .8em 0 ;
	margin: 2.5px;
	list-style-type: none;
	background-color: transparent;
	color: #000000;
	width: 59.6%;
}

li { display: inline; }

li a: {
	text-decoration: none;
	background-color:  transparent;
	color: #ffffff;
	padding: 0 0 0 0;
	text-align: center;
	}

li a:hover {
	/*background-color: #fff; */
	color: #ffffff;
	}
/* end navigation */



#text2{
  	font-size: 1.3em; /* optional. just to increase the font size. */
 /*	display: block;
	line-height: 1em; */
	color: #ffffff; /* shadow color */
  	background-color: transparent;
	/* white-space: nowrap; /* wrapping breaks the effect */
}



.rounded-corners {
     -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
}



.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed white;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -50px;
left: -50px; /*position where enlarged image should offset horizontally */
}

/* end thumb nails */