/*Common styles used sitewide*/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-left: 0px;
	background-color: #76972C;
}

p  {
	font-size: 75%;
	color: #000000;
	line-height: 140%;
	margin-top: 0px;
	margin-bottom: 8px;
}
 
 
li {
	font-size: 75%;
	color: #000000;
	line-height: 140%;
	margin-top: 0px;
	margin-bottom: 8px;
	margin-left: -23px; 
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: bold;
	color: #76972C;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: bold;
	color: #76972C;
	margin-bottom: 0.5em;
	margin-top: 1em;
}
a:link   {
	color: #76972C;
	text-decoration: underline;
	
}

a:visited   {
	color: #666666;
	text-decoration: underline;
	
}
a:hover   {
	color: #76972C;
	text-decoration: underline;
	
}
a:active   {
	color: #76972C;
	text-decoration: underline;
	
}
.ImageFloatRight {
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	border: 1px solid #76972C;
	clear: both;
}
.ImageFloatLeft {
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
	margin-right: 10px;
	border: 1px solid #76972C;
}

/*divs used for positioning*/

#wrapper {  /*this div surrounds all the divs*/
	width: 105%;
	background-color: #FFFFFF;
}

#topBanner  {  /*this holds the top banner images and has a background*/
	background-image: url(images/background_top.jpg);
	background-repeat: repeat;
	background-position: 800px 0px;
	height: 140px;
	width: 100%;
	
}

#content   {  /*this div holds the sidebar and textArea divs*/
	width: 800px;
	background-color: #FFFFFF;
	
}

#sidebar   {  /*this div holds the sidebar navigation, there are additional
divs within this one that hold each navigation item and its subtopics*/
	float: left;
	width: 186px;
}

/*these are the styles for the sidebar navigation*/
#sidebar p  {
	font-size: 80%;
	color: #76972C;
	margin-top: 3px;
	margin-right: 3px;
	margin-bottom: 3px;
	margin-left: 8px;
}

#sidebar a:link  {
	color: #76972C;
	text-decoration: underline;
}

#sidebar a:visited  {
	color: #AEC47D;
	text-decoration: underline;
}

#sidebar a:hover  {
	color: #436C00;
	text-decoration: underline;
}

/*this div holds the text*/
#textArea   {
	float: right;
	width: 585px;
	padding-top: 20px;
	padding-bottom: 10px;
}

.clearit {  /*this style is attached to a <br> after the #sidebar and #textArea
divs. It causes them to clear so that the #bottombar div stays below them*/
	clear: both;
}

/*this div holds the right sidebar in the text area on the top page*/
#rightSidebar  {
	background-image: url(images/background_yellow_boxes.gif);
	float: right;
	width: 220px; 
	margin-top: 0px;
	margin-right: 0px;							
	margin-bottom: 20px;
	margin-left: 20px;
	background-color: #FFFF99;
	clear: both;
	padding: 0px;
}
.more {
	font-style: italic;
}
#rightSidebar p {
	font-size: 72%;
}
.rightpadding {
	padding-left: 5px;
}
/*the next two styles are for the checkmarked list on the top page*/
#rightSidebar.checkmarkUL {
	margin-top: 5px;
	margin-right: 5px;
}

.checkmarkLI {
	margin-left: -20px;
	list-style-image: url(images/yellow_box_checkmarks.gif);
	font-size: 72%;
	color: #000000;
	margin-top: 0px;
	margin-bottom: 5px;
}

.checkmarkP {
	margin-left: -20px;
	font-size: 72%;
	color: #000000;
	margin-top: 3px;
	margin-bottom: 5px;
}

/*this div holds the bottom bar of green and the footer info*/
#bottombar   {
	margin-top: 20px;
	background-color: #76972C;
	background-image: url(images/background_bottom.jpg);
	background-repeat: repeat-x;
	width: 100%;
	height: 250px;
	padding-top: 10px;
}

/*these are the styles for the footer info*/
#bottombar p {
	font-size: 65%;
	color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left: 10px;
	line-height: 80%;
}

#bottombar a:link {
	color: #FFFFFF;
	text-decoration: underline;
}

#bottombar a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}


/*the following classes style the table cells in the top page table*/

.topTableText  {  /*this styles the first two table cells at the bottom that contain text*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #436C00;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 6px;
	padding-left: 9px;
	background-image: url(images/vertical_lines.gif);
	background-repeat: repeat-y;
}

.topTableTextLast  { /*this styles the last table cell of text. I needed to create a dotted line on
both the left and right sides for this cell*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #436C00;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 6px;
	padding-left: 9px;
	background-image: url(images/two_vertical_lines.gif);
	background-repeat: repeat-y;
}
.ProductFloatLeft {
	float: left; 
	margin-top: 3px;
	margin-right: 12px;
	margin-bottom: 10px;
}

.productleft {
	float: left;
	width: 500px;
	clear: left;
} 

.producttable {
	clear: right;
}

.productname {
	font-weight: bold;
}
.productdesc {
	display: block;
	margin-top: 3px;
	margin-right: 15px;
}
.faqQ {
	font-weight: bold;
}
.faqA {
	margin-left: 20px;
}


/* print-specific attributes   */


 
@media print { #wrapper {
	width: 7.0in;
	margin:  0 .50in 0 0in; 
	}}
 
	
@media print { #content {
	width: 7.0in;
	margin:  0 0 0 -2in; 
	}}
@media print { #sidebar {
	display: none;
	}}
@media print { #textarea {
	width: 7.0in;
	margin:  .25in 0 0 -3.5in; 
	}}
 
@media print { #bottombar  {
	width: 7.0in;
	margin: 0 0 0 0in;
	float: left;
	font-size: 12pt;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333333;
	}}
@media print { a:link {
	color: #003366;
	text-decoration: underline;
	margin-right: 12px;
	margin-left: 12px;
}}
@media print { a:visited {
	color: #666666;
	text-decoration: underline;
	margin-right: 12px;
	margin-left: 12px;
}}

label {
	font-size: 75%;
	line-height: 140%;
}
input, select{
	margin-bottom: 10px;
}
.exp {
	text-align: center;
	font-weight: 100;
	margin-bottom: 0px;
	vertical-align: text-bottom;
}
.optional {
	font-size: 80%;
	color: #999999;
}
.paytype {
	vertical-align: text-bottom;
	margin-bottom: 0px;
}