/* Background Graphics --------------------------------------------- */

body {
	background-color: #f3f3eb;
}

#container {
	background-image: url(/images/back_content.gif);
	background-repeat: repeat-y;
	background-position: center;
}

#header {
	background-image: url(/images/back_header.gif);
	background-repeat: repeat-x;
}

#header .style_content { 
	background-image: url(/images/header.jpg);
	background-repeat: no-repeat;
}

#menu li a {
	background-image: url(/images/back_menu.gif);
	background-position: center top;
	background-repeat: repeat-x;
}

#menu li.active strong {
	background-image: url(/images/back_menu_selected.gif);
	background-position: center top;
	background-repeat: repeat-x;
}

.prominent {
	background-image: url(/images/back_prominent.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color: #f4f4ec;
}

.prominent .inner {
	background-image: url(/images/back_prominent_inner.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 15px 15px 10px;
}

#footer {
	background-image: url(/images/back_footer.gif);
	background-repeat: repeat-x;
	background-position: top;
}

#footer .style_content {
	background-image: url(/images/footer.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

#information {
	background-image: url(/images/back_info.jpg);
}

/* Color ----------------------------------------------------------- */

a, a:link {
	color: #bb6f02;
}

a:hover, a:active {
	color: #e58802;
}

#header, #footer {
	color: #FFFFFF;
}

#header a, #header a:link, #footer a, #footer a:link {
	color: #FFFFFF;
}

#header a:hover, #header a:active, #footer a:hover, #footer a:active {
	color: #DDDDDD;
}

/* Typography ------------------------------------------------------ */

body {
	font-family: "Lucida Grande", Arial, Sans-serif;
	font-size: 9pt;
	line-height: 180%;
	color: #382e1f;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	letter-spacing: -0.06em;
}

/* Forms ------------------------------------------------------ */

form label input, 
form label textarea, 
form label select {
  display: block;
  margin-bottom: 0.5em;
  width: 170px;
}

form label.wide input, 
form label.wide textarea, 
form label.wide select {
  width: 360px;
}

form label.first { 
  width: 190px;
  float: left;
}

form label.second input, 
form label.second textarea, 
form label.second select {
  margin-left: 190px;
}