<style type="text/css">

body {
}

#layoutlogic {
  margin: 0 auto;
  width: 800px;
  text-align: left;
}

body {
    background-color:#8804F4;
	text-align: center;
}
.end {
    background:url(images/backgroundbottomsliver.png) repeat-x;
}
#footer {
    background:url(images/backgroundbottomsliver.png) repeat-x;
	text-align:center;
}

#header, #footer {
	float:left;
	display:block;
	width: 800px;
}
#header {
	margin-bottom: 20px;
}
.page {
	background-color: #fff;
	width: auto;
	border-left: 175px solid #ff9999;
}


.section {
	display: block;
	margin: 0 auto;
	width: 800px;
}

.colA, .colB {
	float: left;
}

.colA {
	display: block;
	color: black;
	margin-right: -1px;
	padding-right: 5px;
	padding-bottom: 5px;
	width: 167px;
}

.colB {
	color: black;
	margin-left: 1px;
	padding-left: 20px;
	padding-bottom: 10px;
	width: 595px;
	border-left: 1px solid black;
	text-align:center;
}

.clear {
	clear:both;
}

.maindesc {
	font: 17px black "Verdana", Verdana;
	margin:25px;
}

.hl {
	text-align:center;
	font: 14px black Georgia, "Times New Roman", Times, serif;
}

 /* Curved Button Image Stuff */
.buttonArea {
	display:block;
	width: 250px;
}
.buttonLeft {
	background-image:url(images/leftbutton.png);
	background-repeat:no-repeat;
	width: 30px;
	height: 25px;
	float:left;
}
.mainButton {
	color: white;
	font: 14px bold "Times New Roman", Times, serif;
	background-image:url(images/centerbutton.png);
	width: 150px;
	height:25px;
	float:right;
}
.buttonRight {
	background-image:url(images/rightbutton.png);
	background-repeat:no-repeat;
	width:30px;
	height:25px;
	float:right;
}
/* End Curved Button Image Stuff */
/* Calendar */
.calhead {
	background-color:#B967FC;
	border: 1px solid #D19AA8;
	padding: 10px;
	width:600px;
	
}
.monthhead {
	text-align: center;
	color: black;
	font: 20px bold Verdana;
}

.calday {
	font: bold 13px "Courier New", Courier, mono;
	color: black;
}
.caldesc {
	font-size: 13px;
	color: black;
	font-family:Arial;
}
.calfile {
	font-size: 13px;
	color: black;
	font-family:Arial;
}
/* End Calendar */

/* Client Experiences */
.cehead {
	background-color:transparent;
	padding: 10px;
	width:400px;
	
}
.cedesc {
	font-size: 14px;
	color: black;
	font-family:Arial;
	font-style: italic;
}
/* End Calendar */

/* Form Styles */

fieldset {
	border: solid 1px #d3d3d3;
	background-color: #efefef;
	color: #666;
	font: .8em "helvetica neu", helvetica arial, sans-serif;
	text-align:left;
}
legend {
	color: #666;
	font-family: "arial black";
	background-color: #d3d3d3;
	padding: 2px;
}
label {
	font-weight:bold;
	text-align: right;
	display: block;
	margin-right: 30px;
	position:relative;
	width:150px;
	float:left;
}
label.fieldLabel {
	display:inline;
	float:none;
}
input.formInputField {
	border:solid 1px #666666;
	background-color:#ccc;
	color:#666;
	margin-right:5px;
	margin-bottom:5px;
	padding:2px;
	height:25px;
}
input.formInputField:hover {
	background-color:#ccffff;
	border:solid 1px #006600;
	color:#666;
	margin-right:5px;
	margin-bottom:5px;
	padding:2px;
	height:25px;
}
input.formInputButton {
	background-image: url(pictures/bg_button.png);
	color: #300;
	font-size:0.9em;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#f99;
	text-align:center;
	cursor:pointer;
	margin-right:5px;
	padding:1px;
	height:25px;
	vertical-align:middle;
	border:solid 1px;
}
input.formInputButton.hover {
	background-image: url(pictures/bg_button_hover.png);
}
#formstack {
	position:relative;
	width:400px;
	visibility:visible;
}
#personal,#business {
	padding:5px;
	border:solid 1px gray;
	position:relative;
	top:0px;
	left:0px;
	display:none;
}

/* End Form Styles */
	

/* FAQ */

.faq {
	background-color:#66FF99;
	border: 1px solid #339933;
	padding: 5px;
}

.faqhead {
	font: bold 12px "Courier New", Courier, mono;
	color: black;
}
.faq1, .faq2, .faq3, .faq4, .faq5 {
	font-size: 12px;
	color: black;
}
.faq1 {
	font-family:Arial;
}
.faq2 {
	font-family:Times New Roman;
}
.faq3 {
	font-family:Georgia;
}
.faq4 {
	font-family:Verdana;
}
.faq5 {
	font-family:Geneva;
}

a.faqlink {
	color: #000000;
	font: 14px Verdana, Arial, Helvetica, sans-serif;
}
/* End FAQ */

/* Contact */

.contact {
	background-color:#FFCCFF;
	border: 1px solid #D19AA8;
	padding: 10px;
	width:400px;
}

.contacthead {
	font: bold 12px "Courier New", Courier, mono;
	color: black;
}

.contactinfo {
	font-family:Verdana, Arial;
	font-size: 16px;
	color: black;
}
/* End FAQ */

/* Spirit School */

.sprsch {
	background-color:#FFCCFF;
	border: 1px solid #D19AA8;
	padding: 10px;
	width:400px;
}

.sprschhead {
	font: bold 14px "Courier New", Courier, mono;
	color: black;
}

.sprschinfo {
	font-family:Verdana, Arial;
	font-size: 12px;
	color: black;
}
/* End FAQ */


/* Admin */
td, th {
	padding: 5px;
}

th {
	color: #fff;
	background-color:#000000;
	text-align:left;
}

.even {
	color: #000000;
	background: #ccc;
}

.odd {
	color:#000000;
	background: #999;
}
/* End Admin */

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.glossymenu{
list-style-type: none;
margin: 5px 0;
padding: 0;
width: 150px;
border-bottom-width: 0;
}

.glossymenu li a{
background-image:url(images/buttonsliver.jpg);
font: 13px "Tahoma", "Times New Roman", Arial;
color: black;
display: block;
width: auto;
text-align:right;
padding: 3px 0;
padding-right: 10px;
text-decoration: none;
border-color:#999999;
}


* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 150px;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: black;
}

.glossymenu li a:hover{
font: 13px bold "Tahoma", "Times New Roman", Arial;
background-image:url(images/buttonhsliver.jpg);
}

</style>
