html, body {
	height: 100%; 
	maring: 0; padding: 0; /* duplicated in from reset-min */
}
body {
	text-align: center;
}

p { margin-bottom: 20px; }
a, a:active { outline: none; }
a.extlink { padding-right: 15px; background: url(../images/art/extlink.png) right 50% no-repeat; }
.OUTSIDE { clear: both; }
.INSIDE
{
    margin-left: 50px;
    text-align: left;    
    width: 1000px; 
}
.MOVE-LEFT { margin-left: 20px; }

/* MAIN SECTIONS | WRAPPERS */
#VERTICAL {
	float: left;
	width: 100%;
	height: 50%;
	margin-top: -360px;	/* 600 + 20 + ~100 = 720 / 2 = 360 */
}
#PAGE-WRAPPER {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	text-align: left;
	clear: both;
}
.page-section {
	position: absolute;
	margin: 0; padding: 0;
	top: 0;
}
#PAGE-LEFT { width: 50px; left: 0px; height: 720px; }
#PAGE-INNER { width: 900px; left: 50px; }
#PAGE-RIGHT { width: 50px; right: 0; height: 720px; }

#HEADER-WRAPPER {
	position: absolute;
	top: 640px;
	left: 0;
	width: 100%;
	background: #fff;
}
#CONTENT-WRAPPER {
	position: absolute;
	top: 20px;
	height: 600px;
	left: 0;
	width: 100%;
	overflow: hidden;
}
#BREADCRUMB-WRAPPER {
	position: absolute;
	top: 0px;
	left: 0;
	width: 100%;	
	height: 20px;
}

/* HEADER [logo | feedback | main menu] */
#SITE-INFO {
	position: relative;
	width: 500px;
	float: left;
}
#MAIN-MENU {
	position: relative;
	float: left;
}
/* see menu.css for complete menu treatment */
#LOGO a { 
	display: block;
	text-indent: -9999px;
	width: 200px;
	height: 37px;
	background: transparent url(../images/logos/evergreen-white-200.png) top left no-repeat;
}

/* BREADCRUMB */
#BREADCRUMB-WRAPPER a, #BREADCRUMB-WRAPPER span {
	display: block;
	float: left;
	margin: 0 5px;
}
#BREADCRUMB-WRAPPER a.first, #BREADCRUMB-WRAPPER span.first {
	margin-left: 0;	
}
#BREADCRUMB-WRAPPER a.last, #BREADCRUMB-WRAPPER span.last {
	margin-right: 0;	
}

/* CONTENT */
#CONTENT-WRAPPER h1 { margin-bottom: 10px; }
#CONTENT-WRAPPER h2 { margin-bottom: 10px; }

#CONTENT-WRAPPER .banner { margin-bottom: 20px; width: 100%; height: 125px; overflow: hidden; }

#CONTENT-WRAPPER .columns {
	position: relative;
	width: 100%;
	overflow: hidden;
	clear: both;
	height: 550px;
}
#CONTENT-WRAPPER .columns.with-base { height: 425px; padding-bottom: 20px; }
#CONTENT-WRAPPER .columns.with-base-full { height: 570px; padding-bottom: 20px; }

#CONTENT-WRAPPER .columns .column { margin: 0 10px; float: left; overflow: hidden; position: relative; }
#CONTENT-WRAPPER .columns .column-one-half { width: 400px; margin: 0 40px; }
#CONTENT-WRAPPER .columns .column-one-fourth { width: 200px; }
#CONTENT-WRAPPER .columns .column-two-fourth { width: 400px; }
#CONTENT-WRAPPER .columns .column-three-fourth { width: 600px; }
#CONTENT-WRAPPER .columns .column-one-third { width: 280px; }
#CONTENT-WRAPPER .columns .column-two-third { width: 580px; }
#CONTENT-WRAPPER .columns .column-one-fifth { width: 162px; }
#CONTENT-WRAPPER .columns .column-two-fifth { width: 344px; }
#CONTENT-WRAPPER .columns .column-three-fifth { width: 526px; }
#CONTENT-WRAPPER .columns .column-four-fifth { width: 708px; }
#CONTENT-WRAPPER .columns .column.first { margin-left: 0px; }
#CONTENT-WRAPPER .columns .column.last { margin-right: 0px; }




/* auto-scroll */
ul.auto-scroll {
	position: relative;
}
ul.auto-scroll li {
	position: absolute;
	top: 0;
	left: 0;
}



/* CONTROLS - no used currently -- */
#CONTROLS-WRAPPER 
{
    position: relative;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    padding-right: 50px;
    border-bottom: solid 1px #ddd;
}
#CONTROLS-WRAPPER a { display: block; float: right; margin-left: 20px; padding-left: 20px; }
#CONTROLS-WRAPPER a { border-left: solid 1px #aaa; }
#CONTROLS-WRAPPER a.last { border-left: none; }


#FOOTER-WRAPPER 
{
    position: relative;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    padding: 0 50px;    
    border-top: solid 1px #ddd;
    margin-top: 100px;
}
#FOOTER-WRAPPER span { display: block; float: left; margin: 0 20px; }
#FOOTER-WRAPPER a { display: block; float: right; margin-left: 20px; padding-left: 20px; }
#FOOTER-WRAPPER a { border-left: solid 1px #aaa; }
#FOOTER-WRAPPER a.last { border-left: none; }

/* ATTENTION MESSAGEs */
.attention-box { 
    position: absolute;
	top: 5px;
	left: 5px;
	width: 95%;
}
.attention-box .title { 
    line-height: 30px;
    height: 30px;
    position: relative;
    overflow: hidden;
	margin: 10px 20px;
}
.attention-box .content { 
	margin: 0 20px;
}
.attention-box .close { 
    border-top: solid 1px #000;
    margin: 10px 0px;
    padding-top: 10px;
    cursor: pointer;
}

/* IMAGE REPLACEMENTS */
.ir { display: block; text-indent: -9999px; }

/* LISTS */
ul.real, ol,real, dl.real { margin: 20px 30px; }
ul.real.no-indent, ol,real.no-indent, dl.real.no-indent { margin: 20px 0px; }
ul.real li, ol.real li { margin: 10px 20px; }
ul.real { list-style-type: square; }
ul.real li ul.real li { list-style-type: circle; }
ol.decimal { list-style-type: decimal; }
ol.leading-zero { list-style-type: decimal-leading-zero; }
ol.georgian { list-style-type: georgian; }
ol.alpha, ol.alpha li { list-style-type: upper-alpha; }
ol.alpha-lower, ol.alpha-lower li { list-style-type: lower-alpha; }
ol.latin, ol.latin li { list-style-type: upper-latin; }
ol.latin-lower, ol.latin-lower li { list-style-type: lower-latin; }
ol.roman, ol.roman li { list-style-type: upper-roman; }
ol.roman-lower, ol.roman-lower li { list-style-type: lower-roman; }
dl dt { margin: 0; font-weight: bold; }
dl dd { margin-bottom: 20px; }
ul.min { margin: 0px; }
ul.min li { margin: 0px 20px; list-style-type: square;}



/* MISC */
.modal, .modal-background {
    background: transparent url(../images/art/bg-modal.png) top left repeat;
}
.qtip {}
.add-below {}
.add-tip span.help { 
    background: transparent url(../images/art/ir-help-clear.png) left 50% no-repeat;
    height: 14px;
    font-size: 80%;
    color: #ccc;
    margin-left: 10px;
    padding-left: 18px;
    cursor: help;
}

.hidden { display: none; }
img.float { display: block;  float: left; margin: 10px 20px 20px 0; }

p.quote { padding: 0 20px; }
#CONTENT-WRAPPER .container { 
}
#CONTENT-WRAPPER .tab { 
}
#CONTENT-WRAPPER span.big-tab { 
	padding: 0 20px;
	cursor: pointer;
	font-size: 120%;
	font-weight: normal;
	letter-spacing: -1px;
	text-transform: uppercase;
	color: #066;
}
#CONTENT-WRAPPER span.big-tab:hover { 
	color: #666;
}
#CONTENT-WRAPPER span.big-tab.current { 
	font-weight: bold;
	letter-spacing: -1px;
	text-transform: uppercase;
	color: #930;
}

.testimonial {}
.testimonial cite { display: block; text-align: right; }
.testimonial span { display: block; }
.testimonial span.evergreen { display: inline; }

/* look-at-me */
.look-at-me {
	border-top: solid 2px #853C00;	
	border-bottom: solid 2px #853C00;
	color: 	#853C00;
	font-weight: normal;
	margin-bottom: 20px;
}

/* SCROLLABLE */

.scrollable {}
.scrollable .items { position: relative; margin-top: 10px; }
.scrollable .items h4 {}
.scrollable .items div.peterman, .scrollable .items div.highlights { position: absolute; top: 0; left: 0; }

/* PAGER */
.page-next { background: transparent url(../images/art/nav-next-big.png) 0px 214px no-repeat; cursor: pointer; }
.page-previous { background: transparent url(../images/art/nav-prev-big.png) 0px 214px no-repeat; cursor: pointer; }

/* PAUSE RESUME */
#PAUSE-RESUME { 
	position: relative; width: 100%; z-index: 10000;
	margin-top: 10px; padding-left: 20px;
	background: #fff url(../images/art/star-red-green.png) left top no-repeat; 
	height: 14px; line-height: 12px; font-size: 12px;
	cursor: pointer;
	color: #999;
}
#PAUSE-RESUME:hover { color: #000; }
#PAUSE-RESUME.pause { background-position: left top; }
#PAUSE-RESUME.resume { background-position: left bottom; }

/* MISC */
.no-print { display: inherit; }
.print-only { display: none; }