body {
   color : #a52a2a;
   background : #c4cdd6;
   width : 100%;
   font: 62.5% 'Lucida Grande', Verdana, Arial, Sans-Serif; /* Resets 1em to 10px */
   text-align:justify;
}

a:link {
   color : #114477;
   background : transparent;
   text-decoration : none;
   font-weight:bold;
}

a:visited {
   color : #5c1919;
   text-decoration : none;
   font-weight:bold;
}

a:hover {
   color : #7FC9FC;
   text-decoration : none;
   font-weight:bold;
}

a:active {
   color : #7FC9FC;
   text-decoration : none;
   font-weight:bold;
}

/* Links within paragraphs (subtle) */
p a {
color: #666666;
font-weight:bold;
text-decoration: none;
}

/* Links within paragraphs (revealed) */
p:hover a { 
color: #0000ff;
text-decoration: underline;
}


h2, h2 a, h2 a:hover, h2 a:visited,
h3, h3 a, h3 a:hover, h3 a:visited,
h4, h4 a, h4 a:hover, h4 a:visited {
	text-decoration: none;
	}
	
#footer p {
color: #FFFFFF;
}

#top{
color:#FFFFFF;
}


 #container {
   width : 700px;
   background-color : #ffffff;
   color : #333;
   border : 15px solid #ffffff;
   line-height : 130%;
   margin : 10px auto;
}

#top {
   padding : 1em;
   background-image:url(../images/top.jpg);
   border-bottom : 0px solid #808080;
   height:200px;
}
   
#top h1 {
   padding : 0;
   margin : 0;
}

#leftnav {
   float : left;

}

#rightnav {
   float : right;

}

#leftnav, #rightnav {
   width : 160px;
   margin : 0;
   padding : 0em;
}

#content {
   margin-left : 170px;
   border-left : 0px solid #808080;
   margin-right : 170px;
   border-right : 0px solid #808080;
   padding : 1em;

}

#pictures {
   margin-left : 170px;
   border-left : 0px solid #808080;
   margin-right : -10px;
   border-right : 0px solid #808080;
   padding : 1em;

}

#footer {
text-align:center;
   clear : both;
   margin : 0;
   padding : 1em;
   color : #333;
   background-color : #77868d;
   border-bottom : 0px solid #808080;
   border-top : 0px solid #808080;
}

#leftnav p, #rightnav p {
   margin : 0 0 1em 0;
}

#content h2 {
   margin : 0 0 .5em 0;
}

#footer img {
   float : right;
}

/* seen by IE5mac only, by Philippe Wittenbergh www.l-c-n.com */
*>html #footer img {
        margin : 0;
}
/* end */

#footer p {
   padding-left : 5px;
}

#counter {
   display : none;
}

.happy {
   border-top : 1px solid #808080;
   padding : 10px;
}

/* menu */
/* CSS Document */

#button {
width: 150px;
border-right: 0px solid #ffffff;
padding: 0 0 0 0;
margin-bottom: 1em;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; /* Resets 1em to 10px */
font-size: 100%;
background-color: #ffffff;
color: #333;
}

#button ul {
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#button li {
border-bottom: 1px solid #ffffff;
margin: 0;
}

#button li a {
display: block;
padding: 5px 5px 5px 0.5em;
border-left: 10px solid #EEEEEE;
border-right: 10px solid #EEEEEE;
background-color: #ffffff;
font-weight:bold;
color: #010189;
text-decoration: none;
width: 100%;
}

html>body #button li a {
width: auto;
}

#button li a:hover {
border-left: 10px solid #1c64d1;
border-right: 10px solid #5ba3e0;
background-color: #2586d7;
color: #fff;
font-weight:bold;
}