/** Body tag style **/
body
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 68%; /* Last changed 7/6/07. Previously 11px, 68%. 68% on Rapid & 12px on 
                         wedding chaos. */
	/*margin: 4px 0px 10px 5px; /* top - right - bottom - left. The top margin was originally 10px. */
	/*width: 768px;*/
	background-color: #fffeef;
	color: #000000;
}



.DrpDwnMenu 
{
	color: #363b96;
	width:80%; /* Formally 75% */	
}

/**  Collapsible menu style **/
.closed ul{
	display:none;
	
}.open ul{
	display:block;
	
}

.ul {line-height: 	140%}
.li {padding-bottom: 5px}


/* Container for the Menu */
#p7swapmenu {
	background-color: 	#FFFFFF;
	color: 				inherit;
	top:				4px;/* 0px */	
	left: 				2px; /* 4px, 6px */
	padding: 			0px;
	position: 			relative; /* absolute */
	width:              170px; /* Originally 190px */
	
		
}

#p7current {
	font-weight: bold;
	background-color: 	#fffeef;
	
	}


/* Turns off Margin, Padding, and Bullets for the Menu List */
#p7swapmenu ul {margin: 0px; padding: 0px;}
#p7swapmenu li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}


/* Rules to copy if you use the WriteStyles Command */

/* Link Styles for the Menu */
.closed a, .open a {
	color: #ECF0F1;
	background-color: inherit;		
	font-size: 100%;	
	display: block;
	padding: 5px 4px 6px text; 
	decoration-none: 16px;
	font-weight: bold;
	border-bottom: 2px solid;
	border-color: #fffee2;/*#ECF0F1;*/
}

/* Hover and Active styles for the menu */
.closed a:active, .open a:active {
	background-color: #BEBFDF;
	font-size: 90%;	
	color: #FFFFFF;
	border-bottom: 2px solid;
	padding: 5px 0px 5px 16px;
	border-color: #fffee2;
}

/* Plus Sign for Trigger Links in Closed State. Background colour for
   Individual and Group Insurance set here. Set when menu in closed state. */
.closed a {
	color: #FFFFFF;
	background-color: #9da657; /* #ccd0a0; #bebfdf */
	font-size: 90%;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-weight: bold;
	background-image: url(images/menplus.gif);
	background-repeat: no-repeat;
	background-position: 3px 50%;
	padding: 5px 0px 5px 16px;
	border-color: #FFFFFF;
	border-bottom: 2px solid;
	text-align: left;
}

/* Other link states for Individual Insurance & Group Insurance on menu.
   Added 1/6/07. Background colour for Individual and Group Insurance set
   here. Set when menu in closed state.  */
.closed a:link, .closed a:active, .closed a:visited {
	color: #FFFFFF;
	background-color: #9da657;/* #ccd0a0; #bebfdf */
	font-size: 90%;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-weight: bold;
	padding: 5px 0px 5px 16px;
	border-color: #FFFFFF;
	border-bottom: 2px solid;
	text-align: left;
}


/* Closed hover state for Individual & Group Insurance, on menu */
.closed a:hover{
	background-color: #38296a; /* #FF9900 */
	font-size: 90%;	
	color: #FFFFFF;
	border-bottom: 2px solid;
	padding: 5px 0px 5px 16px;
	border-color: #ECF0F1;
}


/* Minus Sign for Trigger Links in Open State. Background colour for Individual and Group Insurance set
   here. Set when menu in open state.  */
.open a, .open a:visited {
	background-color: #9da657; /* #ccd0a0;*/
	font-weight: bold;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size: 90%;
	text-align: left;
	padding: 5px 0px 5px 16px;
	color: #FFFFFF;
	background-image: url(images/menminus.gif);
	background-repeat: no-repeat;
	background-position: 3px 50%;
}

/* Open hover state for Individual & Group Insurance, on menu */
.open a:hover {
background-color:#38296a; /* #FF9900 */
font-size: 90%;	
color: #FFFFFF;
border-bottom: 2px solid;
padding: 5px 0px 5px 16px;
border-color: #fffee2; /* #ECF0F1 */
}



/* Link Styles for the Submenus. I.e. menu items such as Corporate Care, Plus Premium, etc. */
    .closed ul a, .open ul a , .open ul a:hover,.open ul a:visited {
	background-color: #fffee2; /*#ECF0F1*/
	background-repeat: no-repeat;
	color:#000000;
	padding: 2px 0px 2px 6px; /* padding: 20px  */
	margin: 0 0 0 0px;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size: 106%; /* 97% 90% */
	background-image: url(../images/menu-arrow.jpg);
	font-weight: 300;
}

/* Below gives the mouseover on the submenu, see above comment.
   Note, some of the propeties are inherited from above, hence '.open ul a:hover'
   is also shown in the style immediately above.  */

.open ul a:hover {
	background-color: #fffee2; /* #ECF0F1 */
	color:#666666;
}
.HeadMenu a {
	color: #ffffff;
	background-color: inherit;
	font-size: 200%;
	display: block;
	padding: 5px 4px 6px 5px; 
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px solid;
	border-color: #fffee2; /* #ECF0F1*/
}

.HeadMenu a:link 
{
	text-decoration:none;
	color:#ffffff;}
.HeadMenu a:visited 
{
	text-decoration:none;
	color:#ffffff;}
.HeadMenu a:hover
{
	text-decoration:none;
	color: #ffffff;}
	
.HeadMenu a:active
{
	text-decoration:none;
	color:#ffffff;}

.HeadMenu a.sub:link
{
	font-size: 106%;
	color: #000000;
	text-decoration: none;
	background-color: #fffee2; /* #ecf0f1 */
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 6px; /* 20px */
	border-bottom-style: none;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	font-weight: 300;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.HeadMenu a.sub:visited {
	font-size: 106%;
	color: #000000;
	text-decoration: none;
	background-color: #fffee2;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 6px;
	border: none;
	font-weight: 300;
	margin: 0px;
}

.HeadMenu a.sub:active {
	font-size: 106%;
	color: #000000;
	text-decoration: none;
	background-color: #fffee2;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 6px;
	border: none;
	font-weight: 300;
	margin: 0px;
}

.HeadMenu a.sub:hover {
	font-size: 106%;
	color: #666666;
	background-color: #fffee2;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 6px;
	margin: 0px;
	text-decoration: none;
}

.HeadMenu
{
	color: #FFFFFF;
	background-color: #9da657; /*font-size: 97%;*/ /*font-family: Arial, Helvetica, sans-serif;*/
	font-weight: bold;
	padding: 5px 0px 5px 5px; /* Top, Right, Bottom, Left */
	border-color: #FFFFFF;
	border-bottom: 1px solid;
	text-align: left;
}

/* The headings, GENERAL MENU, INSURANCE PRODUCTS and CUSTOMER RESOURCES  */
.HeadTitle
{
	font-size: 50%;
}

/* The link definition below is for the links in the right content area.   E.g. on IP_Page.asp, 'Income Care >', etc! */
a:link 
{
	
	text-decoration:none;
	color:#000000;} /* #4800ff*/
a:visited 
{
	 
	text-decoration:none;
	color:#000000;}
a:hover
{
	
	text-decoration:none;
	color: #000000;}/* ff7639 */
	
a:active
{
	text-decoration:none;
	color:#000000;}

/* Site Map Text */	

.smTxt
{
	font-size: 120%;
	color:#000000;} /* #4800ff*/
}


a.rlnk:link
{
	padding-left: 10px;
	font-size: 135%;
	text-decoration: none;
	color: #4800ff;
	letter-spacing: 1px;
	font-variant: small-caps;
}
a.rlnk:visited 
{
	 
	padding-left:10px;
	font-size:135%;
	text-decoration:none;
	color:#4800ff;
	letter-spacing: 1px;
	font-variant: small-caps;
	}
a.rlnk:hover
{
	padding-left:10px;
	font-size:135%;
	text-decoration:none;
	color: #ff7639;
	letter-spacing: 1px;
	font-variant: small-caps;
	}
	
a.rlnk:active
{
	padding-left:10px;
	font-size:135%;
	text-decoration:none;
	color:#4800ff;
	letter-spacing: 1px;
	font-variant: small-caps;
	}
	
	
	

/** Non menu styles for page **/

/* Note Outer & MainArea seem to be the most important styles to alter for postioning the footer
   near to the bottom grey border defined in Outer, below. The values to change in both seems to
   be "min-height". */
#Outer
{
	min-height: 200px;
	height: auto !important;
	height: 100%;
	min-width: 766px;
	width: 766px;
	margin-left: auto;
	margin-right: auto;
	border-right: #ccd0a0 1px solid;
	border-left: #ccd0a0 1px solid;
	border-bottom: #ccd0a0 1px solid;
	border-top: #ccd0a0 1px solid;
}
 	 
#MainArea
{  
	
	left: 6px;
	width: 766px; 
	top: 84px; 
	min-height: 200px; /*200px 600px */
	height: auto!important;
	/*height:465px ; - Don't think this is needed. */
	
  }


 #RightContentArea {
margin-left: 190px; 
width: 573px; 
width:auto;
overflow: hidden;
o\verflow: visible;
height:1%;
padding-top: 9px;
color: #000000 /*#363b96; */
}	 

#Header {
 margin-left:auto;
 margin-right:auto
/*left: 0px;*/
width: 766px; /* 770px */
height: 80px; /* Added 13/6/07 */
/*overflow-x:auto;*/
position: relative;
top: 0px; height: 80px;
border-bottom: #ccd0a0 1px solid;
}



#LeftMenu {
width: 100px; 
float: left;
min-height: 434; 
top:	6px;
position:relative;
padding-left: 1px; background-repeat: no-repeat;
border-bottom-width: 1px;
border-bottom-color: #cccccc;
}

#FooterMenu
{       
	clear: both;
	top: 100px; /* Previously 100px, 10px 566px 4px  */
	margin-left: 6px; 
	width:756px; /* Added 14/6/07 */
	/*position: relative;*/ /* Previously absolute, relative */
	min-height: 30px; /* 70 px 20 px */
	height:100px; /* 76 px 20px */
	height:auto!important;
	text-align: left;
	padding-top: 90px;/* 20px 2px */
	padding-bottom:5px; /* 10px */
	font-weight: bold;
	font-size: 80%;/* 80% */
	
	
; background-image: url(images/FooterDandelion.gif); background-repeat: repeat-x; background-position: 150px 16px;   }



#ContentHeader
{
	/*Layer stuff */
	z-index: 108;
	left: 190px; /* 200px 242px */
	width: 483px; /*position: absolute;*/
	top: 90px; /* 94px */
	height: 25px;
	border-top: #cccccc 1px solid;
	border-bottom: #cccccc 1px solid;
	background-attachment: scroll;
	background-image: url(images/Rec1Dev.gif);
	background-repeat: no-repeat;
	background-color: #8f92c5; /*Font stuff */
	font-size: 160%;
	font-weight: bold;
	color: white;
	font-style: normal;
	overflow: visible;
}

.ParaHead
{
	font-size: 140%;
	font-weight: bold;
	letter-spacing: 2pt;
	}

#Content
{
	
	font-size: 98%; 
	color: #363b96;
	width: 500px; 
	margin-left: 2px; 
	margin-right:5px;
	float:left;
	background-color: #fffeef;
	color: #000000; /* #363B96;*/
	text-align: justify;
}



body > div#Content
{
	font-size: 98%; /* 8pt */
	color: #363b96;
	width: 500px; /* 350px 450px 456px 454px 444px 394px */
	/*padding-right:25px;*/
	/*padding-left:20px;*/
	margin-left: 2px; /* margin-left 160 px, left 120px */
	margin-right:5px;
	float:left;
	/*position: relative;*/
	/*top: 38px;*/ /* -85px */
	/*height: 165px; */
	background-color: #ffffff;
	color: #363B96;
	/*overflow: auto;*/
	text-align: justify;
}

#Product
{
	color: #000000;  /* #363b96;*/
	margin-right: 5px;
	 padding-left:11px;
	background-color: #fffeef;
	text-align: justify;
	border-bottom: #cccccc 1px solid;
}

#Eligible 
{
	color: #363b96;
	margin-right:5px;
	background-color: #ffffff;
	color: #363B96;
	text-align: justify;
}

#Underwriting 
{
	color: #363b96;
	margin-right:5px;
	background-color: #ffffff;
	color: #363B96;
	text-align: justify;
}

#PreExisting
{
	color: #363b96;
	margin-right:5px;
	background-color: #ffffff;
	color: #363B96;
	text-align: justify;
}

#Chronic
{
	color: #363b96;
	margin-right:5px;
	background-color: #ffffff;
	color: #363B96;
	text-align: justify;
}

#Hospital
{
	color: #363b96;
	margin-right:5px;
	background-color: #ffffff;
	color: #363B96;
	text-align: justify;
}

#Excesses
{
	color: #363b96;
	margin-right:5px;
	background-color: #ffffff;
	color: #363B96;
	text-align: justify;
}





#QuickMenu {
z-index: 106;
position: absolute;
left: 555px;
top: 44px;
width: 212px;
height: 1px;
visibility: visible;

}

#HeaderMenu
{
	font-weight: bold;
	font-size: 79%;
	left: 35%; /* 340px 300px 265px 378px */
	width: 490px;
	color: #000000; /* #38296A; #ffffff; */
	position: absolute;
	top: 8px;
	text-decoration: none;
	text-align: right; /* right */
}

/* The link defintion for the right content menu */
#ContentMenu a
{font-size: 90%;
 color:	#666666;
}

/* The right border on the ContentMenu */
.ConMenuBrdR
{
border-right: #ccd0a0 1px solid;
}

#Subhead{
left: 2px;
width: 483px;
/*position: absolute;*/
top: 200px;
height: 20px; 
background-color: #bebfdf;
border-top: #cccccc 1px solid;
border-bottom: #cccccc 1px solid;
background-attachment: scroll;
background-image: url(images/source/Rec2.png);
background-repeat: no-repeat;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
padding-top: 0px;
}

#SubheadText
{   
	/* Layer stuff */
	
	left: 17px;
	width: 463px;
	position: relative; /*position:absoulute*/
	top: 1px;
	height: 20px;
	font-weight: bold;
	color: white;
	font-style: italic;
	font-size: 100%; 
	overflow: auto;
    text-transform: lowercase; }

#PageLinks{
z-index: 104;
left: 2px;
width: 570px;/* 560 550 540 530 */
/*position: relative;absolute */
/*top: 232px; 257 281*/
height: 82px; /*  74px auto 72 18 */
font-size: 110%;
overflow:auto;
}

/* Image in right content area. */
#Image
{
	width: 113px;
	border: 0px;
	float: left;
	margin: 2px;
}


/* Table in right content area. */
#PageLinksTable
{
	width: 570px; /* 560 550 540 530 523 520 519 */
	height: 74px; /* auto */
	border-top: #bebfdf 1px dashed;
	border-right: #bebfdf 1px dashed; /* Previous  #cccccc*/
	border-left: #bebfdf 1px outset;
	border-bottom: #bebfdf 1px dashed;
	background-color: #ecf0f1;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 4px;
	padding-top: 4px;
	border-left: #bebfdf 1px dashed;
	overflow:auto;
}

/*Class styles used for table cells in the right content area. */
.ColBlank
{
	width: 2px; /* 4 13 14 */
	height: 18px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	margin: 0px;
}

.ColBlankMid
{
	width: 8px; /* 12 2 4 13 14 */
	height: 18px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
	border-left: #bebfdf 1px dashed;
	margin: 0px;
}

.ColHLnk
{
	width: 278px; /* 258 246 245 148 */
	height: 18px;
	/* border-right: #cccccc thin solid; */
	/*border-bottom-style: #ffffff thin solid;*/
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	border-top-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-bottom-style: none;
	margin: 0px;
}





.tabBord {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #ccccff;
}
.tabBord2 {
	border-bottom-width: 2px;
	border-bottom-style: dashed;
	border-bottom-color: #ccccff;
}