body{
	margin: 1px;
	background-color: #fff;
	color: #222;
	font: 79% Arial, sans-serif
}

p{
	font: 100%/20px  Arial, sans-serif
}

a:link,a:visited{
	background: transparent;
	color: #dc143c;
	font: 100%/20px  Arial, sans-serif;
	text-decoration: underline
}

a:hover{
	background: #800;
	color: #fff;
	text-decoration: none
}

h2, h3, h4{
	margin: 10px 0 3px 2px
}

h2{
	background: transparent;
	color: #900;
	font: 600 140% Helvetica, sans-serif
}

h3{
	background: transparent;
	color: #900;
	font: 600 120% Helvetica, sans-serif
}

h4{
	background: transparent;
	color: #900;
	font: 600 100% Helvetica, sans-serif
}

hr{
	border-color: #708090;
	border-style: dotted;
	margin-bottom: 10px;
	margin-top: 10px;
	background: #900000;
	color: #900
}

li{
	padding: 5px;
	font: 90% Helvetica,sans-serif;
	text-align: left
}

.ico, a{
	font: icon;
}

.tiny, a{
	font--size: 9px;
}

ul,ol{
	margin-left: .8em;
	padding-left: .8em
}


.icon, a{
	font: icon
}

a.icogray, a{
	color: #555;
	background-color: transparent;
	font: icon
}

a.psmallwhite, a{
	background-color: transparent;
	color: #eee;
	font: 90% sans-serif,Arial
}

.redlink, a{
	background: transparent;
	color: #933;
	font: icon;
	text-decoration: none
}

.whiteicon, a{
	background-color: transparent;
	color: #999;
	font: icon
}

a.whitelnk, a{
	background: transparent;
	color: #fff;
	font: 84% sans-serif;
	text-decoration: none
}

.pbold, a{
	font: 600 100% sans-serif,Arial
}

.psmall, a{
	font: 89% sans-serif,Arial
}

.psmallgray, a{
	color: #aaa;
	background-color: transparent;
	font: italic 89% sans-serif, Arial
}

.psmallbold, a{
	font: 600 89% sans-serif,Arial
}

.psmallboldwhite, a{
	background-color: transparent;
	color: #eee;
	font: 600 90% sans-serif,Arial
}

.psmaller, a{
	font: 80% sans-serif,Arial
}

a.whiteicon:hover{
	background-color: #900;
	color: #fff;
	font: icon
}

a.navleft,a.navleft:visited{
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #666;
	padding: 2px 1px 1px 4px;
	display: block;
	background-color: #8b0000;
	color: #fff;
	font: 80% sans-serif;
	letter-spacing: 0;
	text-decoration: none
}

a.navleft:hover{
	border-bottom: 1px solid #b22222;
	border-left: 1px solid #999;
	border-right: 1px solid #222;
	border-top: 1px solid #b22222;
	background-color: #222;
	color: #fff;
	text-decoration: none
}

#adsense{
	width: 212px;
	left: 90%;
	position: absolute;
	top: 10px
}

.center{
	margin: 0 auto;
	text-align: center
}


img{
	border: none
}

.clearfloat {
	clear: both;
	line-height: 0;
	height: 0
}


/* Images */
img{
	border: none
}

.imgcenter {
	float: none;
	text-align: center;
	margin: 0 auto
}

.imgright {
	float: right;
	padding-left: 10px
}

.imgleft {
	float: left;
	padding-right: 10px
}

.imgnopaddingmargin {
	border: none;
	margin: 0;
	padding: 0
}

/* Forms */
.inputtext{
	border: solid 1px #666;
	background-color: #eee;
	color: #333;
	font-size: 90%
}

.textarea {
	background: #fff url(/contact/formBG10.png) 100% 100% no-repeat
}
	
.textarea:focus {
	background-image:none
}
	
/* As you can see, we're using the image as the textarea background. The 100% 100% part refers to the position of the background image. You can also use pixels instead of a percentage. To do that you'd write it this way:

  300px 80px 

The first number is the horizontal position. At 0% it the image will be aligned all the way to the left. At 100%, all the way to the right. Any percentage in between will align the image at that distance as measured from the left.

The second number is the vertical position. At 0% the image is aligned all the way to the top. Larger percentages move it toward the bottom of the textarea box, with 100% being aligned all the way to the bottom.

You can also use negative numbers to hide part of the image or to get the placement just as you like. The textarea code is the same as if you didn't use a background, the CSS does all the magic:  */