/* Netscape 4 safe font sizes */
body, div, p, th, td, li, dd	{
	font-family: Times, serif;
	font-size: 13px;
	line-height: 140%;
}

* { 
	margin: 0;
	padding: 0;
}
body 
	{
	font-family: Times, serif;
	margin:10px;
	}	
img {
	/* Remove font descender space under images as described at 
	   http://developer.mozilla.org/en/docs/Images,_Tables,_and_Mysterious_Gaps */
	vertical-align: bottom;
	border: none;
}
a {
	color: #076224;
	text-decoration: none;
}
	a:visited {
		color: #58996d;
		text-decoration:none;
	}
	a:hover {
		text-decoration:underline;
	}
	
h1, h2, h3, h4
	{
	font-weight: bold;
	}
h1
	{
	font-size: 130%;
	}
h2
	{
	font-size: 120%;
	}
h3
	{
	font-size: 110%;
	}
h4
	{
	font-size: 105%;
	}

p 
	{
	padding: 5px;
	}
	
p span.startPara 
	{
	font-size: 120%;
	}
	
ul#shortcuts
	{
	position:absolute;
	left:-5000px; 
	}

#header
	{
	margin-left: auto;
	margin-right: auto;
	width: 638px;
	width: 973px;
	border-top: 1px solid #076224;
	border-left: 1px solid #076224;
	border-right: 1px solid #076224;
	background-color: #076224;
	}
	#head_1
		{
		float: left;
		width: 170px;
		width: 194px;
		}
	#head_2
		{
		float: left;
		width: 468px;
		width: 779px;
		background: #076224 url(img/header.jpg) left top no-repeat;
		padding-top: 109px;
		height: 21px;
		}
		#head_2 ul#topmenu 
			{
			margin: 0;
			padding: 0;
			padding-top: 3px;
			list-style: none;
			list-style-type: none;
			}
			ul#topmenu li 
				{
				display: inline;
				margin: 0;
				text-align: left;
				padding-left: 30px;
				padding-right: 15px;
				font-size: 120%;
				font-weight: bold;
				background: url(img/topbullet.gif) left no-repeat;
				}
			ul#topmenu li#first
				{
				padding-left: 50px;
				background-image: none;
				}
				ul#topmenu li a 
					{
					color: white;
					}


#divider
	{
	margin-left: auto;
	margin-right: auto;
	width: 638px;
	width: 973px;
	height: 15px;
	background: url(img/divider.gif) repeat-x;
	border-left: 1px solid #076224;
	border-right: 1px solid #076224;
	}
	#divider img {
		display: block;
	}

#popupContainer
	{
	clear: both;
	width: 100%;
	overflow: hidden; /* This hides the excess padding in non-IE browsers */
	}

#container
	{
	Xborder-left: 1px solid #076224;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	width: 640px;
	width: 975px;
	overflow: hidden; /* This hides the excess padding in non-IE browsers */
	}
	#group_usercontent
		{
		float: left;
		width: 468px;
		width: 779px;
		margin-left: 171px;
		margin-left: 195px;
		border-right: 1px solid #076224;
		background: url(img/border.gif) repeat-y;
		}
		#group_usercontent h1, h2, h3, h4
			{
			padding-left: 10px;
			}
		#group_usercontent p 
			{
			padding-left: 10px;
			}
		#group_usercontent ul 
			{
			list-style-type: square;
			padding-left: 10px;
			}
			#group_usercontent ul li
				{
				padding-top: 5px;
				margin-left: 35px;
				}
		#group_usercontent h2.success
			{
			color: #076224;
			}
		#group_usercontent div.contactinfo
			{
			padding-top: 1em;
			padding-left: 10px;
			}
		#group_usercontent div.quote
			{
			text-align: justify;
			margin: 1em;
			color: #076224;
			/*font-style: italic;  This makes layout break in IE */
			}
		#group_usercontent div.quoteAuthor
			{
			text-align: right;
			padding-right: 40px;
			color: #076224;
			}
		#group_usercontent div.successStory
			{
			padding-top: 1em;
			text-align: left;
			padding-left: .5em;
			}
	* html #group_usercontent
		{
		display: inline;
		}
	.group_contentwidth
		{
		width: 468px;
		width: 779px;
		overflow: hidden; /* This hides the excess padding in non-IE browsers */
		}
	.group_popupwidth
		{
		width: 100%;
		overflow: hidden; /* This hides the excess padding in non-IE browsers */
		}
	.group_subcontent
		{
		width: 100%;
		overflow: hidden; /* This hides the excess padding in non-IE browsers */
		}
		.block_10
			{
			float: left;
			width: 10%;
			}
		.block_20
			{
			float: left;
			width: 20%;
			}
		.block_30
			{
			float: left;
			width: 30%;
			}
		.block_33
			{
			float: left;
			width: 33%;
			}
		.block_40
			{
			float: left;
			width: 40%;
			}
		.block_50
			{
			float: left;
			width: 50%;
			}
		.block_60
			{
			float: left;
			width: 60%;
			}
		.block_66
			{
			float: left;
			width: 67%;
			}
		.block_70
			{
			float: left;
			width: 70%;
			}
		.block_80
			{
			float: left;
			width: 80%;
			}
		.block_90
			{
			float: left;
			width: 90%;
			}
		.block_100
			{
			float: left;
			width: 100%;
			}
		/* Start Mac IE5 filter \*/
		.block_10, .block_20, .block_30, .block_33, .block_40, .block_50, .block_60,
		.block_66, .block_70, .block_80, .block_90, .block_100, #block_usernav
			{
			padding-bottom: 32767px !important;
			margin-bottom: -32767px !important; 
			}
		/* End Mac IE5 filter */
	#block_usernav
		{
		float: left;
		width: 170px;
		width: 194px;
		margin-left: -640px;
		margin-left: -975px;
		border-left: 1px solid #076224;
		}

ul#menu 
	{
	margin: 0;
	padding: 0;
	list-style-type: none;
	margin-left: 5px;
	margin-right: 5px;
	}
	ul#menu li 
		{
		margin: 0;
		line-height: 120%;
		padding-bottom: 1em;
		padding-left: 18px;
		font-weight: bold;
		}
			ul#menu li a 
				{
				display: block;
				padding: 1px;
				padding-left: 2px;
				}
		li.selected
			{
			background: url(img/menubg.gif) left top no-repeat;
			}
				ul#menu li a.nolink:hover
					{
					text-decoration: none;
					}
				ul#menu li a.selected 
					{
					background: #076224;
					color: white;
					}
		ul#menu li ul
			{
			margin: 0;
			padding: 0;
			list-style-type: none;
			}
			ul#menu li ul li
				{
				margin: 0;
				padding-bottom: 0;
				padding-top: .1em;
				padding-left: 7px;
				background: url(img/subbullet.gif) left top no-repeat;
				font-weight: bold;
				border: 1px solid white;  /* Needed in IE or spacing is off */
				}
					ul#menu li ul li a 
						{
						display: block;
						}

#footer
	{
	margin-left: auto;
	margin-right: auto;
	width: 638px;
	width: 973px;
	clear: both;
	border-bottom: 1px solid #076224;
	border-left: 1px solid #076224;
	border-right: 1px solid #076224;
	padding-bottom: 1em;
	}

div#copy 
	{
	margin-left: auto;
	margin-right: auto;
	width: 975px;
	text-align: right;
	color: #999;
	font-size: 90%;
	}
		
/* Wrapper styles */

.wrapper
	{
	}
/* we need this for IE 5.01 - otherwise the wrapper does not expand to the
necessary height (unless fixed, this problem becomes even more acute 
weirdness as the method is enhanced */
.wrapper
	{
/* Normally a Holly-style hack height: 1% would suffice but that causes 
IE 5.01 to completely collapse the wrapper - instead we float it */
	float: left;
/* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes 
(I saw it happen many moons ago) makes the width of wrapper too small 
the float: none with the comment is ignored by 5.01,
5.5 and above see it and carry on about their business
It's probably fine to just remove it, but it's left here 
just in case that many moons ago problem rears its head again */
	float/**/: none;
	}
/* easy clearing */
.wrapper:after
	{
	content: '[DO NOT LEAVE IT IS NOT REAL]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
.wrapper
	{
	display: inline-block;
	}
/*\*/
.wrapper
	{
	display: block;
	}
/* end easy clearing */

.textAlignCenter {
	text-align: center;
}
.textAlignRight {
	text-align: right;	
}
.padded {
	padding: 5px;
}

/* FORMS */

form {
	padding: 0;
	margin: 0;
}

option {
	padding-right: 1em;
}

fieldset.styled {
	border: none;
}

fieldset.styled legend {
	display: none;
}

fieldset.styled ol {
	margin: 0;
	padding: 0;
}

fieldset.styled li {
	list-style: none;
	margin: 0;
	padding: 5px;
	padding: 0;
	padding-top: 3px;
	padding-left: 0.5em;
}
fieldset.styled label {
	display: block;
	line-height: 1.2;
	font-weight: normal;
	font-size: 90%;
}
fieldset.styled input.checkbox {
	vertical-align: bottom;
	margin-right: 0.5em;
}

.sectionHeader {
	padding: 1px 3px 0px 3px;
	font-weight: bold;
	margin-top: 10px;
	margin-left: 1.5em;
}
.section {
	padding: 5px 0px 0px 10px;
	margin-bottom: 5px;
	margin-left: 1.5em;
}