/*******************************************************************************************
	All of the selectors below must be included on any Total Control Page. These
	values must also be entered into the TCP configuration page in order for 
	the WYSIWYG content to match the actual page content.

	Feel free to change any of the properties and values within the selectors 
	unless otherwise noted.
*******************************************************************************************/

body {
	background-color: #ccc;
	padding: 10px 0 0 0;
	/*
	background-color: #9dc3d2;
	background-image:url(../images/background.gif);
	background-repeat: repeat-x;
	*/
}

.formfield {
	font-family: 'Trebuchet MS', 'Lucida Sans', sans-serif;
	font-size: 11px;
	color: #555;
	background-image: url(../images/formfield_bg.gif);
	border: 1px solid #a1c8d8;
	padding-left: 2px;
}

.invisibleformfield { /* this is required for the Live Chat tool */
	visibility: hidden;
}

.button {
	font-family: 'Trebuchet MS', 'Lucida Sans', sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #e1ecf2;
	border: 2px outset #ccc;
}

/******************* FIELD SETS **********************/

form {
	margin: 0px;
	padding: 0px;
}

fieldset {
  border: 1px solid #666666;
  padding: 0;
  margin: 0 0 10px 0;
}
legend {
  color: #333;
}

legend {
  padding: 0 10px;
  font-weight: bold;
  font-size: 110%;
}
fieldset p {
	padding: 10px;
	margin: 0px;
}
dl {
/*	background-color: #b8cee0; */
	padding: 10px;
	margin: 0px;
}
dl dt {
  float: left;
  width: 24.5%; /* was 200px */
  text-align: right;
  font-size: 1em;
  font-weight: bold;
  color: #333;
  margin: 0 3px 0 0;
  padding: 1px 0 0 0;
}

dl dd {
	margin: 0 0 0 25%;/* was 200px */
	padding: 0 0 5px 0;
}

.buttonarea {
	background-color: #ccc;
	padding: 5px; 
	text-align: center;
	margin-bottom: 20px;
}
.buttonarea .button {
	font-family: 'Trebuchet MS', 'Lucida Sans', sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #fff;
	border: 2px outset #ccc;
}

/*******************************************************************************************
	All styles below this point are optional.
*******************************************************************************************/
.container {
	margin-left:auto;
	margin-right:auto;
	width: 800px;
	position: relative;
}
.contentarea {
	margin: -2px 0 0 0;
	padding: 22px;
	background-color: #ffffff;
	line-height:1.5em;
	position: relative;
	width:756px;
	margin-left:auto;
	margin-right:auto;
	/*clear:both;*/
}

.dividerLINE {
	width: 800px;
	background-image: url(../images/content-top.gif);
	background-repeat: no-repeat;
/*	background-position: left top;*/
	height: 10px;
}

.calendarBOX {
	padding-top: 20px;
}

.footer {
	color: #d4d4d4;
	font-size:10px;
	text-align: center;
	line-height:1.5em;
	font-family: Arial, Helvetica, sans-serif;
	height: 54px;
	width: 760px;
	background-image: url(../images/footer-bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	clear: both;
	position: relative;
	margin-right: auto;
	margin-left: auto;
}

.footer p {
	color: #cfcddc;
}

.footer a {
	color: #cfcddc !important; text-decoration: none;
}
.footer a:hover {
	color: #cfcddc; text-decoration: underline;
}

.clear {
	clear: both;
}
#nav {
	height: 367px; width: 800px; position: relative;
}

.header {
	width:800px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	position: relative;
}
#headermenu {
	display:block;
	float:left;
	width:298px;
}
#headerflash {
	display:block;
	float:left;
	width:502px;
}

#menu {
	padding: 0px 20px; background-image: url(../images/menu_bg.gif); background-repeat: repeat-x; 
}
#menu p {
	border-top: 1px solid #605f5f; margin: 0px; padding: 0px 5px; height: 31px; line-height: 31px;
	font-family: Arial, Helvetica, sans-serif; font-size: 15px; 
	background-image: url(../images/menu_bullet.gif); background-repeat: no-repeat; background-position: 10px;
}
#menu p a {
	color: #fff !important; text-decoration: none; margin-left: 20px;
}
#menu p a:hover {
	color: #fff; text-decoration: underline;
}
.AuthorizeNet {
	float: right; margin: 20px;
}

.clearBoth {
clear: both;
}