/*== RESET ==*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none; cusor: hand;}

/*== TYPOGRAPHY ==*/
body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;height:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 0.7em;}
/* p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;} */
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;background:#C3D9FF;}
th, td {padding:4px 10px 4px 5px;}
tr.even td {background:#E5ECF9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
.clear { clear:both; height:1px; overflow:hidden;}

/*== STRUCTURE ==*/

/*== CENTER HORIZONTAL AND VERTICAL ==*/
html,body{
	height:100%;
	width:100%;
}
body {
	background-color: #FFF;
	text-align:center;
	min-height:560px;
	min-width:760px;
	margin: 0px;
	padding: 0px;
}
#outer{
	height:100%;
	width:100%;
	display:table;
	vertical-align:middle;
}
#container {
	text-align: center;
	position:relative;
	vertical-align:middle;
	display:table-cell;
	height: 560px;
}
#inner {
	position: relative;
	width: 760px;
	height: 560px;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	background: url(../images/layout/container-bg.jpg) no-repeat;
	background-position: 0px 55px;
	text-align: left;
}
#tree {
	position: absolute;
	top: 0px;
	left: 110px;
	width: 420px;
	height: 560px;
	background: url(../images/layout/tree-bg.gif) no-repeat;
	padding: 0px;
	margin: 0px;
	font-size: 1px;
	z-index: 100;
}
#pagemarker {
	position: absolute;
	top: 200px;
	left: 240px;
	width: 29px;
	height: 29px;
	background: url(../images/layout/pagemarker.gif) no-repeat;
	z-index: 102;
}
#logo {
	position: absolute;
	top: 75px;
	left: 20px;
	z-index: 105;
}
a, a:hover, a:link, a:visited {
	color: #e75012;
}
span.highlight {
	background-color: transparent;
	color: #e75012;
}
/*== CONTENT ==*/
#contentbg {
	position: absolute;
	background-color: #FFF;
	right: 55px;
	top: 170px;
	width: 465px;
	height: 319px;
	z-index: 99;
}
#contentbg h1 {
	padding: 0px;
	margin-left: 45px;
	font-size: 1.3em;
	color: #e75012;
	margin-top: 31px;
	padding-top: 5px;
	height: 24px;
	text-transform: uppercase;
}
#content {
	position: absolute;
	right: 55px;
	top: 235px;
	height: 254px;
	background-color: transparent;
	width: 440px;
	z-index: 115;
}
#content .container {
	background-color: transparent;
	height: 254px;
}
#content .container h2 {
	padding: 0px;
	color: #e75012;
	font-weight: bold;
	font-size: 1.1em;
	margin-left: 1px;
}
#content .container h2.more {
	margin-top: 22px;
}
#content .container p.more {
	margin-top: 20px;
}
#content .container h3 {
	font-weight: bolder;
	font-size: 1.1em;
}
#content .container h3.more {
	margin-top: 22px;
}
#home {
	position: absolute;
	right: 75px;
	top: 202px;
	z-index: 110;
}
div.bottomspacer {
	height: 5px;
	font-size: 0em;
}
/*== MENU ==*/
#menu {
	position: absolute;
	left: 0;
	top: 200px;
	width: 235px;
	height: 295px;
	z-index: 104;
}
#menu ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#menu ul li {
	height: 20px;
	width: 142px;
	margin: 0px;
	padding: 0px;
	margin-bottom: 22px;
	border-top: 2px dotted #e7612a;
	border-bottom: 2px dotted #e7612a;
	text-align: center;
}
#menu ul li.active, #menu ul li:hover {
	border-top: 2px dotted #e75012;
	border-bottom: 2px dotted #e75012;
	color: #e75012;
}
#menu ul li a {
	display: block;
	color: #f08357;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
	font-size: 0.92em;
	margin-top: 1px;
	height: 20px;
	letter-spacing: 1px
}
#menu ul li.active a, #menu ul li a:hover {
	color: #e75012;
	font-weight: bold;
}
#menu ul div.ahover {
  	font-size: 2em;
}
#menu ul li.item1 {
	margin-left: 80px;
}
#menu ul li.item2 {
	margin-left: 55px;
}
#menu ul li.item3 {
	margin-left: 30px;
}
#menu ul li.item4 {
	margin-left: 30px;
}
#menu ul li.item5 {
	margin-left: 55px;
}
#menu ul li.item6 {
	margin-left: 80px;
}
/*== FOOTER ==*/
#footer {
	position: absolute;
	bottom: 0px;
	margin-bottom: 18px;
	margin-left: 10px;
	font-size: 9px;
	width: 100%;
}
#footer .info {
	float: right;
	margin-right: 15px;
}
/*== SCROLLPANE ==*/
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}
.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: url(../images/layout/scroll-bg.gif) repeat-y;
}
.jScrollPaneDrag {
	position: absolute;
	cursor: pointer;
	overflow: hidden;
	background: url(../images/layout/scroller-bg.gif) repeat-y;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height: 9px;
	background: url(../images/layout/scroll-arrow-up.gif) no-repeat;
}
a.jScrollArrowUp:hover {
}
a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
	background: url(../images/layout/scroll-arrow-down.gif) no-repeat;
}
a.jScrollArrowDown:hover {
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
}
/*== FORM ==*/
input {
	border: 0px;
	border-bottom: 1px dotted #000;
	margin-left: 10px;
}
span.required {
	font-weight: bold;
	color: red;
}
/*== ERROR ==*/
div.error {
	border: 1px solid red;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 4px;
	font-weight: bold;
	font-size: 0.9em;
	width: 90%;
}
div.success {
	border: 1px solid green;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 4px;
	font-weight: bold;
	font-size: 0.9em;
	width: 90%;
}