@charset "UTF-8";
/* CSS Document */

/* COLORS

brown
844c31

tan
e1b473

green
618c07

gold
fcb82d

*/

body {
background: #e1b473;
font-family: Arial, Helvetica, sans-serif;
}

html, body, h1, h2, h3, h4, p, em, ul, ol, li {
margin:0;
padding:0;
}

a, a:visited {
color: #618c07;
border-bottom: 1px dotted #618c07;
font-weight:bold;
text-decoration: none;
}

a:hover, a:visited:hover {
color: #fcb82d;
border-bottom: 1px solid #fcb82d;
font-weight:bold;
text-decoration: none;
}

.sidebar a, .sidebar a:visited {
color: #844c31;
border-bottom: 1px dotted #844c31;
font-weight:bold;
text-decoration: none;
}

.sidebar a:hover, .sidebar a:visited:hover {
color: #000;
border-bottom: 1px solid #000;
font-weight:bold;
text-decoration: none;
}

/* PRIMARY COMPONENTS */

body {
background: url(images/bg_parchment.jpg) top left repeat;
}

#bg_layer {
background:url(images/bg_flag.png) top left no-repeat;
overflow:auto;
height: 100%;
}

#header {
background: url(images/bg_header.png) top left no-repeat;
background-position: 2px 0;
height: 165px;
width: 960px;
margin:0 auto;
margin-top: -25px;
}

#wrapper {
width: 960px;
margin: 0 auto;
background: url(images/bg_menu.png) top left repeat-y;
background-position: 2px 0;
overflow:auto;
}

#content {
float:right;
width: 720px;
padding: 0 40px 0 0;
min-height: 400px;
background:#fff;
overflow:auto;
}


#footer {
background: url(images/bg_footer.png) top left no-repeat;
background-position: 2px 0;
clear:left;
height: 95px;
width: 960px;
margin:0 auto;

padding-bottom: 5px;
text-align:center;
font: 10px Arial, Helvetica, sans-serif;
color: #666;
text-indent: 90px;
padding-top: 30px;
}

.sidebar {
width: 255px;
float: right;
background: url(images/bg_sidebar.gif) top left;
margin: 0 0 0.5em 1em;
}

/* menus */

#global_menu {
float: left;
clear:left;
width: 200;
margin-left: 45px;
overflow:auto;
background: 0;
}

#global_menu ul {
display: block;
list-style: none;
width: 120px;
margin-top: 20px;
background: 0;
}

#global_menu li {
background: url(images/bg_menu_detail.png) bottom right no-repeat;
background-color: 0;
padding-bottom: 5px;
border:0;
}

#global_menu li a {
display:block;
font: 12px Arial, Helvetica, sans-serif;
background: #e1b473 url(images/bg_menu_item.png) top left repeat-y;
color: #844c31;
font-weight: bold;
text-align:center;
margin: 1.5em 0 0 0;
padding: 0.35em;
border-bottom:0;
}

#global_menu li a:hover {
background: #618c07 url(images/bg_menu_item_hover.png) top left repeat-y;
color: #fff;
font-weight: bold;
text-align:center;
margin: 1.5em 0 0 0;
padding: 0.35em;
border-bottom:0;
}


/* TYPOGRAPHY */

p {
font: 14px Arial, Helvetica, sans-serif;
line-height: 1.5em;
margin-bottom: 2em;
}

.pre {
margin-bottom: 2em;
}

.pre p {
font: 14px Arial, Helvetica, sans-serif;
margin:0;
line-height: 1.5em;
}

h1 {
text-indent: -9999px;
}

h2 {
font: 24px Georgia, "Times New Roman", Times, serif;
text-align: left;
color: #618c07;
margin-bottom: 1em;
letter-spacing: 0.05em;
background: url(images/bg_h2.png) top left no-repeat;
padding: 15px 40px;
}

h3 {
font: 18px Arial, Arial, Helvetica, sans-serif;
text-align: left;
color: #844c31;
margin-bottom: 0.5em;
background: url(images/bg_h3.png) top left no-repeat;
padding: 5px;
padding-left: 43px;
}

#content ul {
list-style: none;
margin-left: 2em;
}

#content ul li {
background:url(images/bg_list_item.png) top left no-repeat;
background-position: 0 3px;
font: 14px Arial, Helvetica, sans-serif;
line-height: 1.5em;
margin-bottom: 2em;
padding-left: 22px;
}

#content ol {
list-style-type: decimal;
margin-left: 2em;
}

#content ol li {
background: none;
font: 14px Arial, Helvetica, sans-serif;
line-height: 1.5em;
margin-bottom: 2em;
padding-left: 22px;
}

.sidebar p {
font: 14px Georgia, "Times New Roman", serif;
padding: 0 1em;
text-align:justify;
line-height: 1.5em;
color: #333;
margin-bottom: 0.5em;
margin-top: 1em;
}

.sidebar h3 {
background: none;
margin: 0.5em;
margin-bottom:0;
padding:0;
}

#content .sidebar ul {
margin: 0.5em;
}

#content .sidebar ul li {
font: 14px Georgia, "Times New Roman", serif;
text-align:left;
background:url(images/bg_list_item.png) top left no-repeat;
background-position: 0 3px;
line-height: 1.5em;
margin-bottom: 2em;
padding-left: 22px;
}

#content .sidebar p.note, #content .sidebar p.note a {
font-size: 11px;
text-align:left;
}