HTML {

	BACKGROUND-IMAGE: url(../images/background.png); 
	BACKGROUND-COLOR: #d8ebee; 
	WIDTH: 100%; 
	BACKGROUND-REPEAT: repeat-x; 
	FONT-FAMILY: sans-serif, arial; 
	HEIGHT: 100%; 
	FONT-SIZE: 13px;

}

#all {

	MIN-WIDTH: 960px; 
	MARGIN: auto; 
	WIDTH: 75%; 
	MAX-WIDTH: 1200px;

}


#main-content-area {

	MARGIN: 10px 13px 0px; 
	MIN-HEIGHT: 400px;

}

#content {

	PADDING: 10px 0px 10px 10px;

	COLOR: white;

}

#content H1 {

	FONT-SIZE: 160%;

}

#content p {
	padding:5px 0px;
	width:670px;
}

#content a {
	color:white;
}

#content a:hover {
	color: #d8460c;
}

#greeter {

	BORDER-BOTTOM: #838383 1px solid; 
	BORDER-LEFT: #838383 0px solid; 
	BACKGROUND-COLOR: white; 
	WIDTH: 100%; 
	HEIGHT: 323px; 
	BORDER-TOP: #838383 1px solid; 
	BORDER-RIGHT: #838383 0px solid; 
	PADDING-TOP: 0px;

}

#greeterRight {

	FLOAT: right;

}

#greeterRight UL {

	PADDING-BOTTOM: 0px; 
	LIST-STYLE-TYPE: none; 
	MARGIN: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-RIGHT: 0px; 
	HEIGHT: 323px; 
	LIST-STYLE-IMAGE: none; 
	PADDING-TOP: 0px;

}

#greeterRight LI.inactive {

	BORDER-BOTTOM: #838383 1px solid; 
	BORDER-LEFT: #838383 0px solid; 
	PADDING-BOTTOM: 0px; 
	PADDING-LEFT: 0px; WIDTH: 220px; 
	BACKGROUND-COLOR: #e6e6e6; 
	MARGIN: 0px 0px 0px 30px; 	PADDING-RIGHT: 0px; 
	HEIGHT: 107px; 
	BORDER-TOP: #838383 0px solid; 
	BORDER-RIGHT: #838383 1px solid; 
	PADDING-TOP: 0px;

}

#greeterRight LI.active {

	BORDER-BOTTOM: #838383 1px solid; 
	BORDER-LEFT: #838383 0px solid; 
	BACKGROUND-COLOR: #004201; 
	MARGIN: 0px 0px 0px 30px; 
	WIDTH: 220px; 	PADDING: 0px; 
	HEIGHT: 107px;
	BORDER-TOP: #838383 0px solid; 
	BORDER-RIGHT: #838383 1px solid; 


}

#greeterRight H1 {

	COLOR: #1598ff; 
	FONT-SIZE: 150%; 
	PADDING-TOP: 10px;

}

#greeterRight .active H1 {

	COLOR: white;

}

#greeterRight .active P {

	COLOR: white;

}

#greeterRight H1 {
	MARGIN: 0px; 
	PADDING: 15px 10px 0px 15px; 

}

P {

	PADDING:10px 15px 0px 15px; 
	MARGIN: 0px; 
}

#greeterRight .noarrow {

	WIDTH: 250px; 
	HEIGHT: 108px;

}

#greeterRight .arrow {

	BACKGROUND-IMAGE: url(../images/arrow-green.gif); 
	WIDTH: 250px; 
	BACKGROUND-REPEAT: no-repeat; 
	BACKGROUND-POSITION: 0px 25px;
	HEIGHT: 108px;

}

* + HTML #greeterRight .arrow {

	BACKGROUND-POSITION: 20px 25px; 
	MARGIN-LEFT: -16px;

}

* + HTML #greeterRight .noarrow {

	BACKGROUND-POSITION: 20px 25px; 
	MARGIN-LEFT: -16px;

}

* + HTML #greeterRight LI.active {

	MARGIN-LEFT: 13px;

}

* + HTML #greeterRight LI.inactive {

	MARGIN-LEFT: 13px;

}

#greeterLeft {

	POSITION: relative; 
	HEIGHT: 293px; 
	OVERFLOW: hidden; 
	MARGIN-right: 220px;
	padding:0px;

}

.greeterLeft {

	BACKGROUND-IMAGE: url(../images/greeter-background.jpg); 
	POSITION: absolute; 
	PADDING: 0px; 
	BACKGROUND-COLOR: white; 
	WIDTH: 670px; 
	BACKGROUND-REPEAT: no-repeat; 
	BACKGROUND-POSITION: 200px bottom; 
	HEIGHT: 293px; 
	COLOR: #666666; 
	TOP: 0px; 
	LEFT: 0px;
	padding:40px 10px 5px 40px;

}

.greeterLeft H1 {
	WIDTH: 550px;
	padding:0px 0px 10px 0px;
	margin:0px;
}

.greeterLeft H2 {
	padding:0px;
	margin:0px;
	WIDTH: 530px;

}

.greeterLeft H2 {

	FONT-WEIGHT: normal;

}
.greeterLeft .bodytext {
	padding:10px 0px;
	margin:0px;
}
.greeterLeft A {
	padding:0px;
	margin:0px;
	COLOR: #666666; 
	TEXT-DECORATION: underline;

}

.greeterLeft A:hover {

	TEXT-DECORATION: underline;

}

#Top {

	HEIGHT: 33%;

}

#Middle {

	HEIGHT: 33%;

}

#Bottom {

	HEIGHT: 34%;

}

.hide {

	TOP: 0px; 
	LEFT: 1000px; 
	opacity: 0;

}