/** CSS DOCUMENT **/


* { 
padding: 0; 
margin: 0; 
} 

body {  
background-color: #fcf5ed; 
color: #632913; 
font: 70%/150%  verdana, tahoma, sans-serif;
}

/*---- Skeleton ----*/

#layout { 
width: 700px; 
background: url(images/background.jpg) repeat-y; 
} 

#header { 
background: url(images/image_01.jpg) top left no-repeat; 
height: 77px; 
} 

#container { 
background: url(images/image_02.jpg) top left no-repeat; 
float: left;
width: 700px; 
}

#content { 
float: right; 
width: 384px; 
margin-right: 98px;
} 

#navigation { 
float: left; 
width: 164px; 
margin: 170px 0 0 30px;
text-align: justify; 
} 

#footer { 
clear: both; 
background: url(images/image_04.jpg) top left no-repeat; 
height: 82px; 
} 

#copyright { 
float: right; 
margin: 20px 100px 0 0; 
text-align: center;
width: 400px;
} 


/*---- Headers ----*/


h1 { 
font: 280% 'times new roman', arial, sans-serif; 
text-align: right;
color: #A74F34;
padding-right: 15px;
 }
 
h2 {  
font: bold 120%  verdana, arial, sans-serif; 
text-transform: uppercase;   
letter-spacing: 1px; 
background: #f5e5d9 url(images/h2.jpg) top left no-repeat; 
padding: 4px 4px 2px 40px; 
border-bottom: 3px solid #DCB288; 
color: #8E4652;
}

#navigation h2 { 
padding-left: 5px; 
color: #ba6745; 
text-align: center; 
background-position: -15px 0;
} 

h2, h3 { 
margin: 10px 0;
} 
 
h3 { 
font-size: 100%; 
color: #7D5E63;
background-color: #F5E5D9;
border-bottom: 3px solid #FFEDDF;
padding: 1px 5px;
} 


/*---- Lists ----*/

ul { 
list-style-type: none;
}

ol, ul { 
margin: 10px 0 10px 10px;; 
} 

ol { 
list-style-position: inside; 
} 

ul li { 
background: url(images/bullet.jpg) no-repeat  .1em 60% ; 
padding-left:  15px;
 }

#navigation li {
background: url(images/bullet.jpg) no-repeat 0 60%; 
}

/*---- Links ---- */

a { 
cursor: default;  
color: #806165; 
text-decoration: none; 
}

a:hover { 
color: #852d37; 
border-bottom: 1px solid #ae7066; 
}

#navigation a { 
font: bold 100% arial, tahoma, sans-serif; 
letter-spacing: 1px;
} 

#navigation a:hover { 
border: none; 
position: relative; 
left:1px;
}

/*---- Form ----*/

input, textarea, .button, label { 
margin: 5px 0; 
} 

input, .button { 
background: #f5e5d9 url(images/h2.jpg)  no-repeat -40px 0; 
} 

input, textarea, .button { 
background-color: #f5e5d9;
border: 3px solid #C78869; 
border-width: 0 0 3px 0; 
font: inherit; 
color: inherit; 
padding: 4px;
} 

input, textarea { 
width: 270px; 
float: right;
margin-right: 10px;
} 

label { 
float: left; 
width: 80px; 
margin-left: 10px;
} 

.button { 
width: 100px; 
float: right; 
clear: both;
margin-right: 10px; 
} 

.clear { 
clear: both; 
} 



/*---- Extras ----*/

p { 
margin: 10px 0; 
} 

blockquote { 
background: #F7EAE1 url(images/blockquote.jpg) top left no-repeat; 
border: 3px solid #D26D1B;
border-width: 0 0 0 3px;
padding: 1px 10px 1px 35px;
}