@charset "utf-8";
/* CSS Document */

.contentClear {
	clear: both;
}
.contentLeft {
	float: left;
	margin: 0.125in;
}
.contentRight {
	float: right;
	margin: 0.125in;
}
.contentGroupCentered {
	text-align: center;
	display: inline;
	margin: 0.125in;
}

@media screen {
	
	/* Globals */
	body,td,th {
		font-family: Verdana, Geneva, sans-serif;
		color: #000000;
	}

	/* Define areas in the layout. */
	.templatePictureBackground {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 150px;
		height: 175px;
		background-color: #BCA462;
	}
	.templatePicture {
		position: absolute;
		left: 20px;
		top: 18px;
		z-index: 2;
    height: 140px;
		width: 111px;
	}
	.templateHeader {
		position: absolute;
		height: 175px;
		left: 150px;
		top: 0px;
		right: 55px;
		font-family: "Comic Sans MS", cursive;
		font-size: 72px;
		font-weight: bolder;
		text-align: center;
		background-color: #BCA462;
		color: #553A70;
	}
	.templateUpperCap {
		height: 175px;
		position: absolute;
		top: 0px;
		right: 5px;
	}
	.templateNavigation {
		font-family: "Comic Sans MS", cursive;
		font-weight: bold;
		background-color: #BCA462;
		text-align: left;
		width: 150px;
		position: absolute;
		left: 0px;
		top: 175px;
		bottom: 5px;
		text-indent: 15px;
		overflow: auto;
	}
	.templateUpperCorner {
		position: absolute;
		left: 150px;
		top: 175px;
	}
	.templateLowerCorner {
		position: absolute;
		left: 150px;
		bottom: 30px;
		height: 50px;
	}
	.templatePageContent {
		position: absolute;
		padding: 40px;
		left: 150px;
		top: 175px;
		right: 25px;
		bottom: 20pt;
		overflow: auto;
		color: #000000;
	}
	.templateFooter {
		font-family: "Comic Sans MS", cursive;
		font-size: 10px;
		font-weight: bolder;
		background-color: #BCA462;
		position: absolute;
		left: 150px;
		bottom: 5px;
		right: 30px;
		height: 25px;
		text-align: center;
		color: #553A70;
		overflow: none;
	}
	.templateFooterButton {
		font-size: 8pt;
	}
	.templateLowerCap {
		position: absolute;
		bottom: 5px;
		right: 5px;
		height: 25px;
	}
	/* Now define specific content parts */
	.templatePageSubheader {
		font-size: 14pt;
		display: block;
	}
	.templateButton {
		cursor: hand;
		height: 40px;
		width: 120px;
		position: relative;
		z-index: 1;
		border-top-style: none;
		border-right-style: none;
		border-bottom-style: none;
		border-left-style: none;
		display: block;
		margin-top: 5px;
		margin-right: 15px;
		margin-bottom: 5px;
		margin-left: 15px;
	}
	.templateButtonBackground {
		position: absolute;
		left: 0px;
		top: 0px;
		border-top-width: 0px;
		border-right-width: 0px;
		border-bottom-width: 0px;
		border-left-width: 0px;
		border-top-style: none;
		border-right-style: none;
		border-bottom-style: none;
		border-left-style: none;
		z-index: 2;
		right: 0px;
	}
	.templateButtonText {
		position: absolute;
		height: 32px;
		left: 0px;
		top: 5px;
		right: 0px;
		z-index: 2;
		text-align: center;
		font-size: 18px;
		text-indent: 0;
		color: #553A70;
	}
	.templateLongButtonText {
		position: absolute;
		height: 32px;
		left: 0px;
		top: 0px;
		right: 0px;
		z-index: 2;
		text-align: center;
		font-size: 13px;
		text-indent: 0px;
		color: #553A70;
	}
	.templateChangeDetect {
		display: inline;
	}
	.templateMediaMessage {
		display: none;
	}

}

@media print {
	
	body,td,th {
	  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	}
	a:link {
		color: #000000;
		text-decoration: none;
	}
	a:visited {
		color: #000000;
		text-decoration: none;
	}
	.templatePictureBackground,	.templatePicture, .templateHeader, .templateUpperCap, .templateNavigation, .templateUpperCorner,
	.templateLowerCorner, .templateFooter, .templateLowerCap {
		display: none;
	}
	.templatePageContent {
		display: block;
		color: #000000;
	}
	.templateMediaMessage {
		display: none;
	}

}


@media handheld {
	
	body,td,th {
	  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	}
	a:link {
		color: #000000;
		text-decoration: none;
	}
	a:visited {
		color: #000000;
		text-decoration: none;
	}
	.templatePictureBackground,	.templatePicture, .templateHeader, .templateUpperCap, .templateNavigation, .templateUpperCorner,
	.templateLowerCorner, .templateFooter, .templateLowerCap {
		display: none;
	}
	.templatePageContent {
		display: block;
		color: #000000;
	}
	.templateMediaMessage {
		display: block;
	}

}

