
body {
background-image : url(images/grad.jpg); 
background-repeat:repeat-x;
background-color:#fff;
color:#000;  
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
}

a {
color:#0B4D49;
text-decoration:underline;
}

a:hover {
color:#000;
text-decoration:none;
}

#content {
width:800px;
margin:3em auto;
padding:0 0 2em 0;
background-color:#fff;
text-align:left;
}

p {
margin:15px 5px 0 5px;
}

img.left {
float : left; 
margin : 0 5px 0 5px;  
} 
img.right {
float : right; 
margin-left : 5px;  
} 

#content h2 {
margin:0 0 0 .5em;
font-size:1.2em;
color: #0B4D49;
letter-spacing: 0.1em;
}

#header {
background-image : url(images/1.jpg); 
background-repeat:repeat-x;
height: 135px;
background-color:#fff;
}

#header h1 {
width:10.5em;
padding: 0.2em 0 0 0;
font-family : "firenze sf", verdana, arial, sans-serif ; 
font-size:1.4em;
letter-spacing:.3em;
}

#header h2 {
margin:3.7em auto;
width:30.0em;
font-size: 1.2em;
letter-spacing:0.2em;
color:#fff;
}

#nav {
float:right;
margin:0 0 1em 0;
padding:.2em 0 0 0;
background-image : url(#); 
}

#nav ul {
margin:0;
padding:0;
list-style:none;
}

#nav li {
margin:0;
padding: .25em;
display:inline;
font-family : verdana, arial, sans-serif ; 
font-size:1.0em;
}

#nav li a {
color:#000;
text-decoration:none;
}

#nav li a:hover {
color:#fff;
text-decoration:none;
}

#footer {
position:relative;
margin:4em 0 0 0;
padding:0;
height:3em;
line-height:4em;
text-align:center;
font-size: 1.0em;
background-color:#;
border-bottom:8px solid #000;
border-left:8px solid #fff;
border-right:8px solid #fff;
}
