@charset "UTF-8";
/* CSS Document */

*						{
						padding: 0;
						margin: 0;
						}
			
body					{
						margin: 0;
						padding: 0;
/*this uses a thin image, repeating on the x-axis to give the impression of the header extending all the way across the screen: */
						background: url(images/jsfg_body_bg.jpg) repeat-x;
						height: 100%;
						}
				
#container				{
						width: 800px;
						height: 100%;
						font-family: Verdana, Arial, Helvetica, sans-serif;
						font-size: 14px;
/* these next 4 lines make it lock to the top and centers it in all browsers: */
						position: absolute;
						top: 0;
						left: 50%;
						margin: 0 0 0 -400px;
						background-color: transparent;
						}
				
#banner					{
						width: 800px;
						height: 175px;
						float: left;
/*better way of doing headers: */ 
						background: url(images/header4.jpg) no-repeat;
						}
					
#navbar					{
						background-color: #C8B8AC;
						float: left;
						width: 800px;
						height: 2em;
						margin-bottom: 5px;
						}
						
.horizontal  li			{
						float: left;
						color: white;
						list-style-type: none;
						margin: 0 0 0 10px;
						padding: 0;
						position: relative;
						color: black;
						font-size: 18px;
						width: 8em;
						}
						
.horizontal li a		{
						text-decoration: none;
						color: black;
						}
						
.horizontal li a:hover	{
						text-decoration: none;
						}
						
.horizontal li:hover ul li			{
						display: block;
						}
						
.horizontal li ul li	{
						background-color: #C8B8AC;
						list-style-type: none;
						color: black;
						display: none;
						list-style: none;
						margin: 0;
						padding: 0;
						font-size: 16px;
						width: 10em;
						height: 1.5em;
						border-bottom: thin solid white;
						padding: 0 5px;
						}						
						
.horizontal li ul li:hover		{
						background-color: #205B2D;
						}
						
.horizontal li ul li a:hover	{
						background-color: #205B2D;
						color: #FFFFFF;
						}
					
					
#form					{
						text-align: left;
						}
						
#form th				{
						font-weight: bold;
						text-align: right;
						}
						
#middle					{
						width: 780px;
						padding: 0 10px;
						margin-top: 5px;
						line-height: 1.5em;
						}
						
#middle p				{
						text-indent: 20px;
						}
						
#middle a				{
						color: #396;
						text-decoration: none;
						}
						
#middle a:hover			{
						color: #396;
						text-decoration: overline;
						}
						
#middle a:visited		{
						color: red;
						text-decoration: none;
						}
						
#h1						{
						margin-bottom: 10px;
						font-weight: bold;
						}
						
#middle h1				{
						font-size 27px;
						text-align: left;
						margin-bottom: 10px;
						line-height: 1.5em;
						}
						
#middle h2				{
						margin-bottom: 10px;
						text-align: left;
						}
						
.contact				{
						font-weight: bold;
						}
						
#contactus table tr th	{
						text-align: left;
						}
						
#contactus table tr td	{
						text-align: left;
						text-indent: 50px;
						}
						
#left					{
						margin-left: 50px;
						float: left;
						line-height: 2em;
						}
						
#left li				{
						list-style: disc;
						}
						
#right					{
						float: right;
						height: 520px;
						margin: -20px 20px 30px 20px;
						}
						
#mary					{
						float: right;
						margin: 10px;
						}

#frontmary				{
						float: right;
						margin: 10px;
						}
						
#frontmary p			{
						font-size: 14px;
						font-weight: bold;
						font-style: italic;
						}
						
#index					{
						margin: 40px;
						text-align: justify;
						}
						
#index h1				{
						line-height: 1.5em;
						}
						
#marybio				{
						text-align: justify;
						margin: 40px;
						}
						
#about					{
						text-align: justify;
						margin: 40px;
						}
						
#aflac					{
						margin-left: 10px;
						line-height: 2em;
						text-align: justify;
						float: left;
						}
						
#aflac p				{
						margin-top: 10px;
						}
						
#annuities				{
						margin: 40px;
						text-align: justify;
						}
						
#annuities li			{
						margin-left: 50px;
						text-indent: 10px;
						}
						
#disability				{
						margin: 40px;
						text-align: justify;
						}
						
#disability li			{
						margin-left: 50px;
						text-indent: 10px;
						}
					
#stm					{
						margin: 40px;
						text-align: justify;
						}
						
#stm h1					{
						text-align: left;
						}
						
#stm li					{
						margin-left: 50px;
						text-indent: 10px;
						}
						
#stmlist li				{
						text-indent: 0;
						}
						
#medicare				{
						margin: 40px;
						text-align: justify;
						}
						
#medicare li			{
						margin-left: 50px;
						text-indent: 10px;
						}
						
#omip					{
						margin: 40px;
						text-align: justify;
						}
						
#omip h1				{
						margin-bottom: 10px;
						}
						
#drugd					{
						margin: 40px;
						}
						
#drugd li				{
						margin-left: 20px;
						}
						
#table					{
						border: thin solid black;
						}
						
.table td				{
						border-left: thin solid black;
						border-top: thin solid black;
						border-bottom: thin solid black;
						}
						
.td						{
						border-right: thin solid black;
						}

#healthinsurance		{
						margin: 40px;
						text-align: justify;
						}

#healthinsurance li		{
						margin-left: 50px;
						text-indent: 10px;
						}

#lifeinsurance			{
						margin: 40px;
						text-align: justify;
						}
						
#longtermcare			{
						margin: 40px;
						text-align: justify;
						}

#longtermcare li		{
						margin-left: 50px;
						text-indent: 10px;
						}

#ltcfaq li				{
						text-indent: 0;
						}
						
#fhiap					{
						width: 780px;
						height: 500px;
						margin: 20px;
						text-align: justify;
						height: 150px;
						}
												
#fhiapleft				{
						float: left;
						height: 150px;
						width: 370px;
						margin-right: 150px;
						}
						
#fhiapright				{
						float: left;
						height: 150px;
						width: 210px;
						text-align: center;
						padding: 0;
						margin: 0;
						border: thin solid black;
						background-color: #205B2D;
						color: white;

						}
						
#fhiapright p			{
						text-indent: 0;
						font-weight: bold;
						}
						
#fhiapwho				{
						width: 750px;
						height: 300px;
						line-height: 1.5em;
						}
						
#fhiapwho h2			{
						font-weight: bold;
						font-style: italic;
						font-size: 14px;
						margin-bottom: 10px;
						}
						
#fhiapwho ul li			{
						margin-left: 40px;
						list-style: circle;
						}
						
#fhiapwho p				{
						text-indent: 0;
						margin-top: 10px;
						}
						
#duck					{
						float: left;
						margin: 10px 455px 10px 10px;
						height: 100px;
						width: 315px;
						}

#footer					{
						text-align: center;
						font-size: 12px;
						clear: both;
						}