/** CSS Document **/ 

* { padding: 0; margin: 0; }

body {
background-color: #000; 
font: 70%/140% verdana, tahoma, arial, sans-serif; 
color: #113c42;
} 


/** -- Skeleton --**/

#layout { 
width: 700px; 
margin: 0 auto; 
} 

#header_01 { 
background: url(images/image_01.jpg) top left no-repeat; 
height: 97px;
width: 700px;
} 

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

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

#content {
background: url(images/image_03.jpg) top right no-repeat;
float: right;
display: inline;
width: 421px;
padding-right: 54px;
}

#navigation {
background: url(images/image_03.jpg) top left no-repeat;
display: inline;
float: left; 
width: 180px;
color: #614a3d;
padding: 45px 0 0 28px;
}

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

/** -- CSS Curve // don't edit here but below the next comment --**/

.curve {
float: left; 
clear:left;
display: block;
height: 13px; 
}

/** -- EDIT below to space welcome text // only if you have to --**/

#line1 { width: 14px;}
#line2 { width: 25px;}
#line3 { width: 40px;}
#line4 { width: 45px; }
#line5{ width: 50px;}
#line6 { width: 55px;}
#line7 { width: 65px;}
#line8 { width: 65px;}
#line9 { width: 70px;}
#line10 { width: 75px;}
#line11 { width: 85px;}
#line12 { width: 82px;}
#line13 { width: 82px;}

#welcome_msg { 
position: relative;
top: 12px;
left: 275px;
width: 365px;
height: 170px;
text-align: left;
line-height: 130%;
}

#welcome_msg a {
text-decoration: none; 
color:#91745c;
cursor: default;
}

#welcome_msg a:hover {
color: #ad9079; }

#welcome_msg, #welcome_msg b{
color: #979877; }

/** -- Horizontal Navigation -- **/ 

#horizontal_nav {
position: relative;
top: 25px;
left: 435px; 
font: 11px arial, verdana, tahoma, arial, sans-serif;
width: 340px;
text-align: justify;
z-index: 100;
width: 300px;
}

#horizontal_nav a { 
color: #6d4733;
text-decoration: none;
cursor: default; 
text-transform: uppercase;
font-weight: bold;
letter-spacing: 2px;
padding: 0 2px; }


#horizontal_nav a span { 
display: none; } 

#horizontal_nav a:hover span {
display: block;
position: absolute; 
top: 52px;
left: 15px;
width: 155px;
z-index: 100;
} 

#horizontal_nav span {
font: normal 10px verdana, tahoma, sans-serif; 
font-style: italic;
color: #6e5447;
text-align: left;
text-transform: none;
letter-spacing: 0;}


#horizontal_nav a:hover {
color: #000; background: none; }

   
/** -- Headers --**/

h1 { 
font: 330%  'times new roman', verdana, sans-serif; 
color: #6c4320;
padding: 45px 0 0 260px;
} 

h2 { 
font: bold 120%  verdana, tahoma, sans-serif;
}

#content h2 { 
background: url(images/h1.jpg) top right no-repeat;
color: #c6ceba;
margin: 10px -11px;
padding: 2px 0 14px 5px;
}

* html #content h2 { 
padding-left: 20px;
margin-top: 5px;
}

#navigation .first {
background: url(images/h2_first.jpg) top left no-repeat;
margin-left: -7px;
}

#navigation h2 {
margin: 10px 0 0 -11px;
background: url(images/h2.jpg) top left no-repeat;
height: 25px;
padding: 6px 0 0 70px;
color: #542f37;
}


h3 { 
margin: 10px 0; 
background-color: #AAB593; 
border-bottom: 2px solid #BECAB2;
padding: 3px;
color: #5F533B;
} 

/** -- Lists --**/

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

ol { 
list-style-position: inside; 
margin-left: 10px;
} 

ul { 
list-style-type: none;
margin-left: 15px;
 }

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


/** --  Links // Content & Navigation -- **/ 

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

#navigation a {
font-weight: bold; 
color: #3d4f5a;
}

a:hover, #navigation a:hover {
color: #000; 
}

/**-- Content Box, Sig --**/

#content_box { 
width: 422px;
padding: 0 10px 10px 0px;
}

.sig {
background: url(images/sig.jpg) bottom right no-repeat; 
text-align: right;
padding: 1px 5px 2px 0;
margin-top: 20px;
height: 20px;
color:#7a5840;}

/** -- Copyright and Watermark --**/

#copyright { 
float: left; 
padding: 50px 0 0 68px; 
font-size: 8px;
font-family: tahoma, verdana, arial;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 1px;
}

#copyright p { 
margin: 0; 
} 

#ImageMap {
top: -25px;
left: 570px;
width: 45px;
height: 30px;
display: block;
position: relative;
text-align:center;
text-decoration: none;
}

#ImageMap a i { visibility: hidden; display: block;}
#ImageMap a:hover { border: none;}



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

input, textarea, .button { 
background-color: #92A782; 
padding: 4px; 
border: 3px solid #75674C;
border-width: 0 0 3px 0;
font: inherit;
color: inherit;
} 

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

label { 
width: 90px; 
float: left; 
font-weight: bold; 
margin-left: 10px;
} 

input, textarea { 
width: 300px; 
float: right;
} 

input, textarea, .button {
margin-right: 10px;
} 

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

.clear { 
clear: both; 
} 



/** -- Extras --**/ 

blockquote {
background-color: #a8b898;
padding: 10px; 
border-style: solid;
border-color: #4a5860;
border-width: 1px 0;
margin: 5px 0;
color: #6b463a;
}

blockquote a {
color: #40515a; }

p { margin: 10px 0; }
i { color: #5f3c31; }
b { color: #5c4056; }