@charset "utf-8";

/* reset */ 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
	position: relative; /* Forgetting position relative on block level elements causes problems, so I add it in the beginning */
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}

address {
	font-style: normal;
}

caption,th { 
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;}

.class {
  width:200px; /* All browsers */
  *width:250px; /* IE */
  _width:300px; /* IE6 */
  .width:200px; /* IE7 */
}

a img {
	border: none; /* images that are links get ugly blue borders */
}

h1, h2, h3, h4, h5, p, ul, ol, blockquote {
	margin-top: .5em; margin-bottom: .5em;/* Typically you want spacing between paragraphs, headings and lists in the body text */
}

li {
	margin-left: 30px; /* Normally on websites bullet lists are indented, using margin-left on the li causes fewer problems than padding-left on the ul */
}

body, textarea {
	font-size: 15px; /* For some reason textareas tend to have too large of a font and they use a mon-space font, this sets it to the same as the body text */
	font-family: Trebuchet MS, Verdana, Helvetica, San-Serif; 
	background: URL("../imagesj/back.jpg") top left;
}

/* End reset */

a:link{
color: blue;
text-decoration: none;
}


a:hover, a:active{
color: blue;
text-decoration: underline;
}

.pinkback {
	background-color: #FFE6E6;
	border-top: 1px solid #660066;
	border-right: 1px solid #420042;
	border-bottom: 1px solid #3C003C;
	border-left: 1px solid #660066;
}
.purpbutt {
	color: #000000;
	background-color: #FFCAFF;
	border: 1px solid #663366;
}

/* Nov 3 2009 additions */

#wrapper { 
	margin: 0 auto;
	width: 700px;
	background-color: #ffffff;
	padding: 20px;
	}
		
.blue-bright { color: #0000ff;}		
.blue { color:#0d007e;}
.maroon { color:#800000;}
.purple { color:#800080; font-weight: bold;}

.black { color:#000000;}
.highlighter { background-color: #FFFF00;}
.highlighter-blue { background-color:#0000FF; color:#FFFFFF; font-weight: bold; font-size: 1.1em;}

.option1 { padding: 10px; width: 675px; border-style: dotted; border-width: 2px;}
.option-header { margin: 0 auto; padding: 10px; width: 650px; border-style: solid; border-width: 2px; background-color:#ccffff;}
.payments { margin: 0 auto; padding: 5px; width: 80%; border-style: double; border-width: 4px; border-color:#FF0000; }

/* font sizes */

.justify { text-align: justify;}



p { text-align: justify;}
h6 { font-size: 2em; } /* 20pt */
h1 { font-size: 1.846em; } /* 16pt */
h2 { font-size: 1.462em; } /* 14pt */
h3 { font-size: 1.231em; margin-top: 25px;} /* 12pt */
h3.indent-italic-bold { margin-left: 45px; margin-top: -10px; font-style: italic; font-weight: bold;}
h6 {font-size: 2em;}

p.center { text-align: center;}