/** CSS Document **/

* {
padding: 0;
margin: 0; 
} 

body { 
background-color: #A5A299;
font: 70%/140% verdana, geneva, arial, sans-serif; 
text-align: center;
color: #3E3F2D;
} 

a { 
text-decoration: none; 
cursor: default;
} 

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

#lay_top { 
background: url(images/top_bg.jpg) repeat-x;
width: 100%;
} 

#layout {
width: 750px;
margin: 0 auto; 
background: url(images/bg.jpg) repeat-y;
text-align: left;
} 

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

#container { 
background: url(images/image_02.jpg) top left no-repeat;
float: left; 
width: 750px;
padding: 0 0 0 22px;
position: relative;
} 

#content { 
float: left; 
width: 500px; 
margin-top: -9px;
} 

#navigation { 
float: right; 
width: 195px; 
padding: 120px 32px 0 0;
} 

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

#toptab { 
text-align: center;
width: 120px;
padding: 14px 0 15px 275px;
} 

.box { 
padding: 1px 10px; 
background-color: #8F8879; 
border: 1px dotted #746F69;
color: #46483B;
} 

#copyright { 
padding-left: 145px; 
width: 400px;
} 

#watermark { 
position: absolute;
top: 75px;
left: 505px;
width: 60px;
} 

#watermark a i { 
visibility: hidden;
} 

#container #watermark a:hover { 
border: none;
} 

/*---- Horizontal Nav ----*/

#horizontal_nav ul { 
text-align: center; 
margin: 19px 0 0 8px; 
list-style-type: none;
} 

#horizontal_nav ul li { 
float: left; 
margin-right: 7px;
padding: 5px 5px 0 5px;
font: bold 110% verdana, sans-serif; 
} 

#horizontal_nav li a, #footer #toptab a { 
color: #78624b;
display: block;
width: 110px;
height: 14px;
} 

#horizontal_nav li a:hover, #footer #toptab a:hover { 
color: #8F7962;
border: none;
} 

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

h1, h1 a { 
font: 180%/41px 'times new roman', serif; 
color: #a1978f;
padding: 38px 0 0 15px;
} 

h1 a:hover {
color: #AFA69F;
} 

h2, h3 { 
margin: 10px 0; 
} 

h2 { 
font: 160%  'times new roman', verdana, sans-serif; 
color: #583A32;
letter-spacing: 2px;
background: url(images/h2.jpg) top left no-repeat;
padding: 2px 0 0 50px;
} 

.first { 
width: 315px;
} 


h2 span { 
font-style: italic;
line-height: 125%;
letter-spacing: 0;
font-size: 50%;
font-family: verdana, sans-serif;
color: #544A3E;
padding: 6px 0 0 8px;
display: block;
} 

#content span a { 
color: #57554F;
} 

#navigation h2 { 
color: #42472E;
font-size: 130%;
background: url(images/nav_h2.jpg) top left no-repeat;
padding: 2px 0 0 30px ;
height: 30px;
} 

h3 { 
color: #515640;
font-size: 120%; 
font-weight: normal;
background: url(images/h3.jpg) bottom no-repeat; 
padding-bottom: 3px;
} 

/*---- CSS Curve // Don't edit this part ----*/

.curve {
height: 16px;
display: block;
float: right;
clear: right; 
}

/*---- EDIT this part ---- */
/* Change the values to properly place your text where you need it */

#line1 { width: 140px; }
#line2 { width: 135px; }
#line3 { width: 140px; }
#line4 { width: 115px; }
#line5 { width: 100px; }
#line6 { width: 65px; }
#line7 { width: 40px; }

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

ul, ol { 
margin: 10px 0;
} 

ol, #content ul  { 
list-style-position: inside;
margin-left: 10px;
} 

ul { 
list-style-type: none; 
} 

#container ul li { 
padding-left: 15px;
} 

#content ul li { 
background: url(images/cont_bullet.jpg) center left no-repeat;
} 

#navigation ul li { 
background: url(images/nav_bullet.jpg) top left no-repeat;
} 

#navigation p, #navigation ul { 
margin-left: 15px;
} 

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

#container a, #footer a { 
color: #623D35;
font-weight: bold;
}

#container a:hover, #footer a:hover { 
color: #4B4535;
border-bottom: 1px dotted #6B675C;
}

#navigation a:hover { 
color: #22251E;
} 

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

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

input, textarea, .button { 
background: #442120 url(images/form.jpg) top left repeat-x;
padding: 1px 10px; 
border: 5px solid #5F574A;
color: #888171;
border-width: 1px 1px 1px 5px;
padding: 4px;
float: right; 
margin-right: 15px;
width: 330px;
}

textarea { 
border-bottom: 2px solid #5F574A;
margin-bottom: 0;
}

label { 
float: left; 
width: 100px;
font-weight: bold;
margin-left: 15px;
}

.clear, .button { 
clear: both; 
} 

.button { 
width: 119px; 
height: 30px;
background: url(images/button.jpg) top right no-repeat; 
border: 0;
padding-bottom: 15px;
margin: 0 9px 0 0;
font-weight: bold;
color: #78624b;
}

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

p { 
margin: 10px 0; 
} 

b { 
color: #4F4F4F;
} 

code {
font-size: 11px;
color: #373737;
} 

blockquote {
width: 450px;
padding: 0 10px;
margin: 5px auto;
background:  #928b79 url(images/quote.jpg) top left no-repeat;
font-style: italic;
border-top: 1px dotted #75756B;
border-bottom: 1px dotted #75756B;
}

blockquote p { 
margin-left: 21px;
}