.Join
{ padding-left: 20px;}

.Q, .A
{
	font-family: Arial, sans-serif;
	color: #333333;
	font-size: 13px;
}

.A
{
	width: 500px;
}



body 
{
	/*background-color: #F8F8F8;*/
	margin: 0;
}

p, h1, h2, h3, li, a:link, a:active, a:visited, .Label, .LabelRequired, td
{
	font-family: Arial, sans-serif;
	color: #333333;
}

p, h1, h2, h3, li, a:link, a:active, a:visited, .Label, .LabelRequired, td
{
	font-size: 13px;
	line-height: 24px;
}


a:link, a:active, a:visited, bold
{
color: #345100;
}


#PageContainer {
	width: 950px ;
	margin-left: auto ;
	margin-right: auto ;
	/*margin-top: 20px;*/
	margin-bottom: 20px;
	background-color: #FFFFFF;
	overflow: hidden; /*needed to enclose all child divs, specifically floats. otherwise floated divs would not dipslay the background-color*/
	/*clear:both;*/
}

h1#PageTitle
{
	font-size: 22px;
	line-height: 35px;
	font-weight: normal;
	font-family: Helvetica;
	color: #325500;
	margin: 20px 0 30px;
}

h2
{
	color: #325500;
	font-size: 18px;
	font-weight: normal;
	font-family: Helvetica;
	padding: 20px 0 0 0;
	margin: 0;
}

h3
{
	font-size: 16px;
	line-spacing: 22px;
	color: black;
	font-weight: normal;
	font-family: Helvetica;
	padding: 0;
	margin: 0;
}
h4
{
	color: #325500;
	font-size: 18px;
	font-weight: normal;
	font-family: Helvetica;
	padding: 20px 0 20px 0;
	margin: 0;
}
h5
{
	color: #325500;
	font-size: 14px;
	font-weight: bold;
	font-family: Helvetica;
	padding: 20px 0 20px 0;
	margin: 0;
}

ul#menu
{

	margin: 0 15px 12px 0;
	float: right;
}
ul#menu li 
{
	list-style:none;
	/*padding-left:9px;*/
	padding-left:9px;
	/*padding-top:5px;*/
	float:left;
	color: #6F6F6F; /* for |, not links*/
	/*line-height: 11px;*/
}

ul#menu a:link, a:active, a:visited
{
text-decoration:none;
color: #6F6F6F;
/*font-weight:bold;*/
font-family: verdana;
font-size: 14px;
}

ul#menu a:hover
{
	color: #345100;
}

ul.news
{
	margin: 0;
	padding: 0;
	/*
	margin: 0 auto;
	position:relative;*/
}

ul.news li 
{
	display: block;
	float: left;
	list-style:none;
	/*padding-right:9px;*/
	margin: 0;
	width: 200px;
}

ul.news h3
{
	padding: 0;
	margin: 0;
}


#HomePageImageButtons a:link
{
	display: block;
	float: left;
}

#ImageHeader
{

}

#ContentContainer
{
	margin: 0 1px 40px 15px;
	min-height: 450px;
}

#LeftColumn
{
	width: 582px;
	float: left;
	padding-left: 18px;
}
#RightColumn
{
	width: 294px;
	float: left;
	margin: 20px 0 0 40px;
	
}

#SideBox
{
	border: 1px solid #cccccc;
	color: #333333;
	background-color: #eeeeee;
	height: 1%;
	margin: 1px 0 -1px;
	overflow: hidden;
	padding: 8px 18px 17px;
}

#SideBox p
{
	color: black;
	line-height: normal;
	margin: 0;
}

#SideBox p.Title
{
	color: #345100;
	font-size: 14px;
	line-height: normal;
	margin: 0;
}	
#SideBox div
{
	padding: 0 0 10px;
}

#Footer
{
	background-color: #A0BE8B;
	height: 100px;
	width: 950px;
	margin-top: 35px;
}

#Address
{
	background-color: #336600;
	height: 45px;
	width: 950px;
	margin-top: 0;
}


#Address ul
{
	width: 950px;
	/*padding-left: 20px;*/   /*  remove when add 508 img */
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	padding-top: 5px;
	padding-bottom: 5px;
}

#Address li 
{
	list-style:none;
	padding-left:35px;/*   35 /40  */
	float:left;
	color: white;
}



#RightSide 
{
	text-align: left;
}
#RightSide p
{
	font-size: 12px;
}











.Label, .LabelRequired
{
	display: block;  /* block float the labels to left column, set a width */
	float: left;
	width: 110px; 
	padding: 0; 
	margin: 0; /* set top margin same as form input - textarea etc. elements */
	text-align: left;
}

.LabelRequired
{
	/*padding-left: 12px;*/
	background-image: url(redR.gif);
	background-repeat: no-repeat;
	background-position: top right;

	display: block;  /* block float the labels to left column, set a width */
	float: left;
	width: 110px; 
	padding: 0; 
	margin: 0; /* set top margin same as form input - textarea etc. elements */
	text-align: left; 
}


.Label_OnTopRequired
{
padding-left: 12px;
	background-image: url(redR.gif);
	background-repeat: no-repeat;
	background-position: top left;

	display: block;  /* block float the labels to left column, set a width */
	float: none;
	width: 100%; 
	/*padding: 0; */
	margin: 10px 0 10px 0; /* set top margin same as form input - textarea etc. elements */
	text-align: left; 
}

.Label_OnTop
{
	display: block;  /* block float the labels to left column, set a width */
	float: none;
	width: 100%; 
	padding: 0; 
	margin: 10px 0 10px 0; /* set top margin same as form input - textarea etc. elements */
	text-align: left; 
}

.FormField
{

	width:225px;    /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin: 0; /* 5px 0px 5px 0;set margin on left of form elements rather than right of
                              label aligns textarea better in IE */  
	/*margin-left: 10px;*/
	text-align: left; 
	float:left;
	
}

.FormField TD
{
	vertical-align: top;
	text-align:left;
	white-space: nowrap;
	}
	
	.FormField select
	{
	display: inline; /*inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;    /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin: 0; /* 5px 0px 5px 0;set margin on left of form elements rather than right of
                              label aligns textarea better in IE */  
	padding-left: 0px;
	text-align: left; 
	}

.ClearBr
{
	clear:both;
	margin: 0 0 0 0;
	padding-top: 10px;
}

td
{
	padding: 3px 55px 15px 0;
}








span.ReceiptPrompt
{	font-family: Arial, sans-serif;
	color: #333333;
	font-size: 11px;
	font-weight:bold;
	display:block;
	float:left;
	margin-right: 8px;
	margin-bottom: 4px;
}
span.ReceiptText
{	font-family: Arial, sans-serif;
	color: #333333;
	font-size: 13px;
	display:block;
}
div.ItemPrompt
{	font-family: Arial, sans-serif;
	color: #333333;
	font-size: 11px;
	font-weight:bold;
	margin-bottom: 4px;
}
div.ItemDetails
{	font-family: Arial, sans-serif;
	color: #333333;
	font-size: 13px;

}