.WhiteBold
{
  font-family:Verdana, Arial;
  font-size:14px;
  font-weight: bold;
  color: #FFFFFF;
}

.BlackBoldLarge
{
  font-family:Verdana, Arial;
  font-size:14px;
  font-weight: bold;
  color: #000000;
}

.BlackBold
{
  font-family:Verdana, Arial;
  font-size:12px;
  font-weight: bold;
  color: #000000;
}

.Black
{
  font-family:Verdana, Arial;
  font-size:12px;
  font-weight: normal;
  color: #000000;
}

.BlackBoldSmall
{
  font-family:Verdana, Arial;
  font-size:11px;
  font-weight: bold;
  color: #000000;
}

.BlackSmall
{
  font-family:Verdana, Arial;
  font-size:11px;
  font-weight: normal;
  color: #000000;
}

* 	 {
	padding:0;
	margin:0;
	border:0;
	color: #000000;
}
body {
	background-color: #072E67;
	background-image: url(../images/dbBackground.gif);
}
body, p, td, li,  { font: 90%/140% Verdana, Arial, sans-serif; color: #333; }
p { margin: 14px 0 0; }
img  { border: 0; }
hr 	 { width: 100%; color: #072E67; clear: both; height: 1px; }


a:link, a:visited, a:active {
	color: #FFFF00;
	text-decoration: underline;
}
a:hover {
	color: #0000FF;
	text-decoration: underline;
}

h2, h3, h4 { clear: both; padding-top: 10px; }
h2 {
	font: bold 155% "Times New Roman", Arial, sans-serif;
	color: #072E67;
}
h3 {

}
h4 {

}

/*** CUSTOM CLASSES ***/
.leftstack  { float: left; }
.rightstack { float: right; }



 /* borders sides and top of the dropdowns and flyouts; links provide the bottom border */
	
.dropdown div ul {margin: 30px 30px 30px 0;} /* creates "sticky hovering" zones for flyouts */
.seven .dropdown ul {width: 190px;} /* modifies width for rightmost "visible" dropdown (tweak) */
.seven .dropdown div ul {margin: 30px 0 30px 30px; position: relative;} /* rule reversal for "visible" right drop flyouts */

.nav li {text-align: left; list-style:none; }

.nav a {
	display: block;
	color: #800;
	font-weight: bold;
	font-size: .9em;
	text-decoration: none;
	/*padding: 6px 0 5px;*/ 
	border-right: 1px solid #888;  /* makes the dividers between the top nav links */
}

.nav ul li ul a {
	padding: 3px 6px;
}

.tIndent { 	/* Added so we can use a background image instead */
	text-indent: -3000px;
}

.seven a {border-right: 0;} /* kills right border on last top link */
	
.nav ul ul a {
	color: #333;
	border-right: 0; /* negates right border for dropdowns and flyouts */
	border-bottom: 1px solid #888;  /* borders the bottoms of the dropdown and flyout links */
}
	

				
.button:hover div.dropdown {left: -31px;} /* hover rule for dropdowns */ 
/* extra pixel makes dropdowns "line up" with top links */ 

.dropdown li:hover div { /* hover rule for flyouts */
	left: 180px; /* this value controls the amount of flyout "overlap" */
	top: -26px; /* this value controls the amount of flyout vertical offset */
}
	
.seven li:hover div { /* reversed flyout rules for rightmost drop flyouts */
	left: -210px; 
	top: -26px;
}

.nav div.mini-zone { /* special hover zone that covers the "danger corner" */
	padding: 0;
	width: 15px;
	height: 15px;  
	font-size: 1px;
	left: -3000px;
	bottom: -15px;
	top: auto;	
	/*background: url(images/bgfix.gif);*/
}

.nav .dropdown li:hover div.mini-zone { /* hover rule for mini-zones */
	left: auto;
	right: 8px;
	top: auto;
}

.nav .seven li:hover div.mini-zone { /* reversed hover rule for rightmost drop mini-zones */
	left: 8px;
}

.dropdown li:hover 		{background: #E6F3E6;} /* hover color effect on dropdown links */
.dropdown div li:hover 	{background: #ccc;}    /* hover color effect on flyout links */

/* NAV :: Primary dropdown backgrounds */
.one ul 	{background: #A3BEA3;}
.two ul 	{background: #A3BEA3;}
.three ul 	{background: #A3BEA3;}
.four ul 	{background: #A3BEA3;}

/* ADDED mdd :: to include additional 3 buttons */
.five ul 	{background: #A3BEA3;}
.six ul 	{background: #A3BEA3;}
.seven ul 	{background: #A3BEA3;}

.dropdown div ul 	{background: #A3BEA3;} /* colors BG of flyouts */ 
.dropdown div ul a 	{color: #000;} /* colors text of  flyouts */ 

/* NAV :: z-index rules for top nav */
.one 	{z-index: 10;}
.two 	{z-index: 20;}
.three 	{z-index: 30;}
.four 	{z-index: 40;}

/* ADDED mdd */
.five 	{z-index: 50;}
.six 	{z-index: 60;}
.seven 	{z-index: 70;}
/* this last is a special trick that reverses the stacking order of the rightmost
top link when it or its children are hovered. This, and the previous rules work
together so that when a user is on the top link of any flyout, they can move 
vertically to the top link directly above and not have the sticky hoivering zone
on the flyout get in the way of hovering that top link. */

.onebg		{background: #A3BEA3 url(../images/nav_home_off.gif) no-repeat 0 0;}
.twobg 		{background: #A3BEA3 url(../images/nav_contracting_off.gif) no-repeat 0 0;}
.threebg 	{background: #A3BEA3 url(../images/nav_about_off.gif) no-repeat 0 0;}
.fourbg 	{background: #A3BEA3 url(../images/nav_lifeinsurance_off.gif) no-repeat 0 0;}
.fivebg 	{background: #A3BEA3 url(../images/nav_annuities_off.gif) no-repeat 0 0;}
.sixbg 		{background: #A3BEA3 url(../images/nav_longtermcare_off.gif) no-repeat 0 0;}
.sevenbg 	{background: #A3BEA3 url(../images/nav_contact_off.gif) no-repeat 0 0;}

.onebg:hover	{background: #A3BEA3 url(../images/nav_home_on.gif) no-repeat 0 0;}
.twobg:hover 	{background: #A3BEA3 url(../images/nav_contracting_on.gif) no-repeat 0 0;}
.threebg:hover 	{background: #A3BEA3 url(../images/nav_about_on.gif) no-repeat 0 0;}
.fourbg:hover 	{background: #A3BEA3 url(../images/nav_lifeinsurance_on.gif) no-repeat 0 0;}
.fivebg:hover 	{background: #A3BEA3 url(../images/nav_annuities_on.gif) no-repeat 0 0;}
.sixbg:hover 	{background: #A3BEA3 url(../images/nav_longtermcare_on.gif) no-repeat 0 0;}
.sevenbg:hover 	{background: #A3BEA3 url(../images/nav_contact_on.gif) no-repeat 0 0;}

/* NAV :: Special fixes */
/* This is to hide the following from IE/Mac. \*/
* html .button .dropdown li {
	height: 1%;
	margin-left: -16px;
	mar\gin-left: 0;
}
/* */

* html .nav a
 {height: 1%;}

/* The first 2 rules above fix "bullet region" problems in IE5.x/win, 
and the 2nd is to make all links fully clickable. */    

.brclear { 		/* Use a break with this class to clear float containers */
	clear:both;
	height:0;
	margin:0;
	font-size: 1px;
	line-height: 0;
}

/*\*/ /*/
.nav .dropdown, .nav .dropdown div {width: 189px;}
.nav .button .dropdown ul {margin: 0px;}
.nav .dropdown, .nav .dropdown div {position: static;}
.nav .dropdown ul {border: 0;}
.mini-zone {display: none;}
/* this rule block "dumbs down" the nav for IEmac */

.mDatagrid 
{
}

.mDatagrid-td td
{
	padding: 3px;
}

#lblSysMsg
{
	padding: 10px;
	border: 1px solid #003300;
	background: #F2F3BD;
	font-weight:bold;
}

/*** LAYOUT ***/
#wrapper {
	width: 748px;
	margin: 0 auto;
	text-align: left;
}
#topnav {

}
	#topnav li {
		float: left;
	}


#main-container {

}
#inner-container {
 
}
#inner {
	background-color: #E6F3E6;
	margin-bottom: 4px;
}
	#inner-left {
		width: 420px;
		float:left;
		padding: 10px 20px 25px;
	}
	
	#inner-left ul {
		margin: 14px;		
	}
	
	#inner-left ol {
		margin: 14px;		
	}
	
	#inner-left li {
		margin: 14px;		
	}
	
	#inner-left td {
		padding-bottom: 5px;		
	}
	
	
	
	
	#inner-right {
		float:left;
		width: 200px;
	}
		#inner-right div {
			margin: 15px 0;			
		}
		#inner-right img {
			border: 1px solid #A3BEA3;
		}
		
		#inner-right .imgCase {
			border: 0px solid #A3BEA3;
		}
		
		
		#inner-right a:link, #inner-right a:visited {
	color: #003300;
	text-decoration: underline;
	padding-top: 0px;
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	}

	#inner-right  a:hover {
	color: #003300;
	text-decoration: underline;
	padding-top: 0px;
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	}	
		
		
	
		


	
#salestools table {
	margin: 10px 0 0 0;
	padding: 0;
	background-color: #e6f3e6;
}

td.titlebar {
	margin: 0;
	padding: 0;
	border-bottom: 5px solid #e6f3e6;
	border-right: 1px solid #fff;
}

p.titles {
	margin: 0;
	padding: 1px 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-weight: bold;
	background-color: #030;
}

td.rightborder {
	margin: 0;
	padding: 0;
	border-right: 2px solid #000;
}

td p {
	margin: 0;
	padding: 0 0 0 20px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 11px;
}
/*
td h2 {
	margin: 0;
	padding: 0 0 0 20px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-weight: bold;
	font-size: 12px;
	
}
*/

td img {
	margin: 0;
	padding: 0 2px;
}

#Category 
{
	float: left;
	width: 495px;
	margin: 0 auto;
	text-align: left;
}

#CategoryRight {
	width: 430px;
	float: right;
	padding-top: 13px;
	text-align: left;
	font-family: Verdana, Arial, sans-serif;
	color: #333;
	font-weight: normal;
	font-size: 12px;
}


#CategoryRight h1 {
	font-family: Verdana, Arial, sans-serif;
	color: #333;
	font-weight: bold;
	font-size: 12px;
	}
	
#CategoryRight p {
	font-family: Verdana, Arial, sans-serif;
	color: #333;
	font-weight: normal;
	font-size: 12px;
	padding: 0px;
	margin: 0px;
	}	
	

	
#CategoryRight a:link, #CategoryRight a:visited {
	color: #003300;
	text-decoration: underline;
	padding-top: 15px;
	font-weight: bold;
}

#CategoryRight  a:hover {
	color: #003300;
	text-decoration: underline;
	padding-top: 15px;
	font-weight: bold;
}	

#CategoryLeft {
  padding-top: 18px;
	width: 65px;
	float: left;
	margin: 0 auto;
	text-align: left;
}

#CategoryLeft p {
	font-family: Verdana, Arial, sans-serif;
	color: #333;
	font-weight: normal;
	font-size: 12px;
	}	
	
#CategoryLeft2 {
  padding-top: 18px;
	width: 85px;
	float: left;
	margin: 0 auto;
	text-align: left;
}

#CategoryLeft2 p {
	font-family: Verdana, Arial, sans-serif;
	color: #333;
	font-weight: normal;
	font-size: 12px;
	}


#CategoryRight2 {
	width: 410px;
	float: right;
	padding-top: 15px;
	text-align: left;
	font-family: Verdana, Arial, sans-serif;
	color: #333;
	font-weight: normal;
	font-size: 12px;
}


#CategoryRight2 h1 {
	font-family: Verdana, Arial, sans-serif;
	color: #333;
	font-weight: bold;
	font-size: 12px;
	}
	
#CategoryRight2 p {
	font-family: Verdana, Arial, sans-serif;
	color: #333;
	font-weight: normal;
	font-size: 12px;
	padding: 0px;
	margin: 0px;
	}	
	
#CategoryRight2 a:link, #CategoryRight a:visited {
	color: #003300;
	text-decoration: underline;
	padding-top: 15px;
	font-weight: bold;
}

#CategoryRight2  a:hover {
	color: #003300;
	text-decoration: underline;
	padding-top: 15px;
	font-weight: bold;
}	



.pCatList {
  padding-top: 5px;
	font-family: Verdana, Arial, sans-serif;
	color: #333;
	font-weight: bold;
	font-size: 12px;
	}
	
.ulCateList {	
	padding-left: 25px;
	padding-top: 5px;
	}

a.Cat:link, a.Cat:visited, a.Cat:active {
	color: #003300;
	text-decoration: underline;
	padding-top: 15px;
	font-weight: bold;
}
a.Cat:hover {
	color: #000;
	text-decoration: none;
	padding-top: 15px;
	font-weight: bold;
}

.pTeamList {
	font-family: Verdana, Arial, sans-serif;
	color: #333;
	font-weight: normal;
	font-size: 12px;
	text-align: center;
	}	
	
.pUnder {
	font-family: Verdana, Arial, sans-serif;
	color: #333;
	font-weight: normal;
	font-size: 12px;
	text-align: left;
	padding: 2px;
	width: 160px;
	}	
	
.pUnder2 {
	font-family: Verdana, Arial, sans-serif;
	color: #333;
	font-weight: normal;
	font-size: 12px;
	text-align: left;
	padding: 2px;
	width: 220px;
	}	
		
.imgTeam {
			border: 1px solid #000;
			padding: 0px;
		}
	

.bioImg {
	float: left;
	border: 1px solid #000;
	margin-right: 10px;
}

.tdNewsDetail {
	font-family: Verdana, Arial, sans-serif;
	color: #333;
	font-weight: normal;
	font-size: 12px;
	text-align: left;
	padding: 2px;
	width: 220px;
	}	
	
	.tdNewsDetail p {
	font-family: Verdana, Arial, sans-serif;
	color: #333;
	font-weight: normal;
	font-size: 12px;
	text-align: left;
	padding: 2px;
	width: 220px;
	}	
	
	#lblDescription  {
	font-family: Verdana, Arial, sans-serif;
	color: #333;
	font-weight: normal;
	font-size: 12px;
	text-align: left;
}	

#lblDescription p {
	font-family: Verdana, Arial, sans-serif;
	color: #333;
	font-weight: normal;
	font-size: 12px;
	text-align: left;
}	

#lblDescription ul {
	padding-left: 25px;
}	

#lblDescription ol {
	padding-left: 25px;
}

#lblDescription li {
	font-family: Verdana, Arial, sans-serif;
	color: #333;
	font-weight: normal;
	font-size: 12px;
	text-align: left;
}	






#nav {
	margin: 0;
	padding: 0;
	width: 495px;
}

#nav img{
	margin: 0;
	padding: 0;
	float: left;
}

#nav ul {
	margin: 0;
	padding: 0;
}

#nav li {
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	list-style-type: none;
}

li#rates a:link, li#rates a:visited {
	display: block;
	height: 25px;
	background: url(../images/annuities/rates.jpg.gif);
	text-indent: -5000px;
	text-decoration: none;
}

li#rates a:hover {
	background: url(../images/annuities/rates_over.gif);
	text-indent: -5000px;
	text-decoration: none;
}


input{
	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;
	border:1px solid #333;
	background-color: #ffffff;
	color:#333;
}

textarea { 
	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;
	border:1px solid #333;
	background-color: #ffffff;
	color:#333;
}

select { 
	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;
	border:1px solid #333;
	background-color: #ffffff;
	color:#333;
}

.tdAnnIndex {
		padding-bottom: 0px;		
	}
