@charset "UTF-8";
/* CSS Document */

html { background-color:white; }

body { padding:10px; 
margin:1em auto; 
background-color:#FFD6ED;
 color:black;}

body, #header, #footer { width:700px; font-family:Georgia, "Times New Roman", Times, serif;}


#header {
padding:30px 0; 
background-color:pink;

color:white;
text-align:center;
background-image:url(mops.jpg);

background-repeat:no-repeat;height:110px;}
#header p{
display:none;
}


#content { width:700px;
overflow:auto;
height:800px;
padding-top:15px;
 }


#main { width:450px;
float:right;

}



#navigation { width:200px; float:left;
list-style:none;}

#navigation a {
background-image:url(navibtn.jpg);
font-size:15px;
display:block;
width:140px;
padding-left:32px;

height:25px;
padding-top:10px;
}
#navigation a:link{color:#000099;}

#navigation a:hover{
background-position: 0 -50px;
color:#666666;
}

#navigation a:visited{color:#9900FF;}
#navigation a:active{color:#F00;}

#content h1{display:none}


#navigation #current{
background-position: 0 -100px;
}

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



#footer { padding:5px ; background-color:#333333; color:white; text-align:center; }


form#contact{ font-weight: bold;}


textarea{ display: block;  width: 400px; height: 100px;}


label { float:left; width:150px; }
input { display:block; float: left; width: 300px; }


#buttons input{ display: block; float: left; margin-top: 1em; width:200px; }


form#contact p { overflow:auto; width:100%; }