html {
 margin: 0;
 border: 0;
 padding: 0;
}

body {
	background-repeat:repeat-x;
	margin: 10;
	padding: 10;
	border:0;
	background-color:#f5f9e8; /* #4c3015; */
}

#wrapper_border {
 margin: 0 auto;
 width:1190px;
 background-color:transparent;
 padding:0px;
}

#wrapper {
 width:1190px;
 background-color:transparent;
}

#wrap {
 margin:0 auto;
 width:1190px;
 background-color:transparent;
}

#content_2 {
 float:left;
 width:100%;
 overflow-x:hidden;
 background-color:transparent;
}

#paper_wrapper_content {
 width:100%;
 background-color:transparent;
}

#foil_wrapper_content {
 float:left;
 width:100%;
 background-color:transparent;
 overflow-x:hidden;
}

#idMiddleWrapper {
 float:left;
 width:590px;
}

#idBreadCrumbs {
 width:590px;
 height:82px; 
 background-color:#f5f8e8; 
 font:11pt times; 
 overflow-y:hidden; 
 overflow-x:hidden;
}

#idMiddle {
 width:590px; 
 height:400px; 
 background-color:#f5f8e8; 
 font:11pt times; 
 overflow-y:hidden; 
 overflow-x:hidden
}

#idSpacer {
 width:100%; 
 height:35px; 
 background-color:#f5f8e8;
}

#right_border {
 float:left;
}

/* Added */

p {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 12px;
	text-align: left;
	line-height: 2em;
	color: #666;
}
a {
	color: #A6B946;
}

.clsAttention {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	/*color: #A6B946;*/
}

.clsLink {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	color: #A6B946;
}

.clsLink:hover {
	text-decoration: underline;
	color: #A6B946;
}

a:link {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	color: #A6B946;
}

a:hover {
	text-decoration: underline;
	color: #A6B946;
}

a:visited {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	color: #333;
}

h1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #0CC;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #C90;
	text-transform: uppercase;
	letter-spacing: 1em;
	text-align:center;
}

h2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #A6B946;
	text-transform: uppercase;
	text-align:left;
}

ol {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #999;
	text-transform: uppercase;
	list-style-type: none;
}

ul {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #999;
	text-transform: uppercase;
	list-style-image: url(../images/PlayIcon_SmallGr.jpg);
}

.darkArrow {
	list-style-image: url(../images/PlayIcon_Small.jpg);
}

.clsPlayMusic a{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #666;
	text-transform: uppercase;
}

.clsPlayMusic a:hover{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #A6B946;
	text-transform: uppercase;
}

@charset "UTF-8";

/* SpryValidationTextField.css - version 0.4 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */


/* These are the classes applied on the error messages
 * which prevent them from being displayed by default.
 */ 
.textfieldRequiredMsg, 
.textfieldInvalidFormatMsg, 
.textfieldMinValueMsg,
.textfieldMaxValueMsg,
.textfieldMinCharsMsg,
.textfieldMaxCharsMsg,
.textfieldValidMsg {
	display: none;
}

/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and color for the error text.
 * The state class (e.g. .textfieldRequiredState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.textfieldRequiredState .textfieldRequiredMsg, 
.textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
.textfieldMinValueState .textfieldMinValueMsg,
.textfieldMaxValueState .textfieldMaxValueMsg,
.textfieldMinCharsState .textfieldMinCharsMsg,
.textfieldMaxCharsState .textfieldMaxCharsMsg
{
	display: inline;
	color: #CC3333;
	border: 1px solid #CC3333;
}



/* The next three group selectors control the way the core element (INPUT) looks like when the widget is in one of the states: * focus, required / invalid / minValue / maxValue / minChars / maxChars , valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the INPUT
 * - the widget id is placed on the INPUT element itself (there are no error messages)
 */
 
 /* When the widget is in the valid state the INPUT has a green background applied on it. */
.textfieldValidState input, input.textfieldValidState {
	background-color: #B8F5B1;
}

/* When the widget is in an invalid state the INPUT has a red background applied on it. */
input.textfieldRequiredState, .textfieldRequiredState input, 
input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, 
input.textfieldMinValueState, .textfieldMinValueState input, 
input.textfieldMaxValueState, .textfieldMaxValueState input, 
input.textfieldMinCharsState, .textfieldMinCharsState input, 
input.textfieldMaxCharsState, .textfieldMaxCharsState input {
	background-color: #FF9F9F;
}

/* When the widget has received focus, the INPUT has a yellow background applied on it. */
.textfieldFocusState input, input.textfieldFocusState {
	background-color: #FFFFCC;
}

/* This class applies only for a short period of time and changes the way the text in the textbox looks like.
 * It applies only when the widget has character masking enabled and the user tries to type in an invalid character.
 */
.textfieldFlashText input, input.textfieldFlashText {
	color: red !important;
}

/* When the widget has the hint message on, the hint text can be styled differently than the user typed text. */
.textfieldHintState input, input.textfieldHintState {
	/*color: red !important;*/
}


#image1 {
 background-image:url('../images/tree/star.png');
}
#image1:hover {
 background-image:url('../images/tree/star2.png');
}

#image2 {
 background-image:url('../images/tree/angel.png');
}
#image2:hover {
 background-image:url('../images/tree/angel2.png');
}

#image3 {
 background-image:url('../images/tree/horse.png');
}
#image3:hover {
 background-image:url('../images/tree/horse2.png');
}

#image5 {
 background-image:url('../images/tree/dress.png');
}
#image5:hover {
 background-image:url('../images/tree/dress2.png');
}

#image6 {
 background-image:url('../images/tree/guitar.png');
}
#image6:hover {
 background-image:url('../images/tree/guitar2.png');
}

#image7 {
 background-image:url('../images/tree/rings.png');
}
#image7:hover {
 background-image:url('../images/tree/rings2.png');
}

#image8 {
 background-image:url('../images/tree/church.png');
}
#image8:hover {
 background-image:url('../images/tree/church2.png');
}

#image9 {
 background-image:url('../images/tree/bird.png');
}
#image9:hover {
 background-image:url('../images/tree/bird2.png');
}

#idArrowUp {
 background-image:url('../images/idArrowUp.gif');
}
#idArrowUp:hover {
 background-image:url('../images/idArrowUp2.gif');
}

#idArrowDown {
 background-image:url('../images/idArrowDown.gif');
}
#idArrowDown:hover {
 background-image:url('../images/idArrowDown2.gif');
}

#idDotMarker {
 background-image:url('../images/idDotMarker.gif');
}
#idDotMarker:hover {
 background-image:url('../images/idDotMarker2.gif');
}