html { 
padding : 0; 
margin : 0; 
}
 
body { 
margin : 0;
padding : 0;  
background : #eee8cd; 
font-family : helvetica, arial, sans-serif; 
font-size : 100%; 
color : #A6A28F; 
line-height : 100%; 
}

div.container {
margin : 0;
padding : 0; 
} 

#nav1 { 
left : 0; 
top : 0; 
width : 100%; 
margin : auto; 
height : 35px; 
background : #a6a28f; 
position : fixed; 
z-index : 2; 
}

#line1 {
left : 0; 
top : 35px;
width : 100%; 
height : 10px; 
background : #eee8cd; 
position : fixed; 
z-index : 1; 
} 

#nav2 { 
left : 0; 
bottom : 0; 
width : 100%; 
margin : auto; 
height : 35px; 
background : #a6a28f; 
position : fixed; 
z-index : 1; 
}

#line2 {
left : 0; 
bottom : 35px;
width : 100%; 
height : 10px; 
background : #eee8cd; 
position : fixed; 
z-index : 1; 
} 

p.nava { 
margin : auto; 
top : 0; 
width : 64%; 
height : 40px;
color: #eee8cd;
font-size : 90%;  
text-align : center; 
}

a.nav { 
color : #fefced; 
text-decoration : underline;
}

a.nav:hover, a.nav:active, a.nav:focus { 
color : #eee8cd; 
text-decoration : none; 
} 

h1 { 
font-size : 175%; 
letter-spacing : 20px;
text-decoration : none;
text-align : center; 
margin : 30px 0 30px 20px; 
} 

h2 { 
font-size : 110%; 
letter-spacing : 1px; 
text-decoration : none; 
margin : 30px 0 22px; 
text-align : center; 
} 

p.art { 
margin : auto; 
width : 64%; 
padding : 0; 
text-align : justify; 
font-size : small; 
} 

p.im { 
margin : auto; 
width : 64%; 
padding : 0; 
text-align : justify; 
font-size : 100%; 
} 

p.intro { 
margin : auto; 
width : 70%; 
font-size : small; 
text-align : center; 
}

img { 
border-style : none; 
}
 
.imgb { 
display : block; 
margin-left : auto; 
margin-right : auto; 
} 

.imgr { 
margin : 0 0 0 10px; 
float : right; 
} 

.imgl { 
margin : 0 10px 0 0; 
float : left; 
}

.hr { 
width : 64%; 
margin : auto; 
height : 1px; 
color : #ccc; 
background-color : #a6a28f; 
border-style : none; 
} 

a { 
color : #A6A28F; 
text-decoration : underline; 
}
 
a:hover, a:active, a:focus { 
color : #FEFDF6; 
text-decoration : underline; 
}