/* reset
----------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre, a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt, var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
table { border-spacing: 0; }
acronym { cursor: help; }

html { font-size: 100.01%; }
body { font-size: 62.5%; line-height: 1.2; }
input, select, textarea { font-size: 100%; }

input.text, textarea { padding: 1px 2px; font-size: 100%; font-family: Arial, Helvetica, sans-serif; }
input[type="submit"], input[type="button"], input[type="reset"], button, .submit { cursor/**/: /**/pointer; font-family: Arial, Helvetica, sans-serif; }
select { font-size: 100%; font-family: Arial, Helvetica, sans-serif; }
select > option { padding: 0 5px 0 3px; }

.alR { text-align: right; }
.alC { text-align: center; }
.hide { display: none; }
.clear { clear: both; }
.ir { position: relative; overflow: hidden; }
.ir span { position: absolute; width: 100%; height: 100%; left: 0; top: 0; text-indent: -1000em; }

a:link, a:visited { text-decoration: none; cursor/**/: /**/pointer; }
a:link:hover, a:visited:hover { text-decoration: underline; }

.cf:after,
#header:after, #container:after, #container2:after, #container3:after, #containerSec:after, #content:after, #footer:after
{ content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; }



/* custom
----------*/

a:link, a:visited {
	color: #008a9a;
}
a:visited { 
}
a:link:hover, a:visited:hover {
}

html { height: 100.01%; }
body {
	font-family: Arial, Helvetica, sans-serif;
	background: #FFFFFF url(../img/body-bg.jpg) repeat 0 0;
}
#page {
	width: 871px;
/*	height: 869px;*/
	height: auto;
	font-size: 1.1em;
	color: #222222;
	position: relative;
	z-index: 5;
/*	background: url(../img/page-bg1.png) no-repeat 0 57px;  original background */
	background: url(../img/page-bg1_repeatY.png) repeat-y 0px 57px;
/*	margin: 0 0 15px; original margin*/
}

#header {

}
	#logo {
		position: absolute;
		z-index: 10;
		left: 28px;
		top: 23px;
	}
		#logo a:link, #logo a:visited {
			display: block;
			width: 186px;
			height: 112px;
			text-indent: -1000em;
			background: url(../img/logo-1.png) no-repeat 0 0;
		}
	#menu {
		font-size: 127.27%;
		font-weight: bold;
		position: absolute;
		z-index: 10;
		left: 276px;
		top: 0;
	}
		#menu ul {
		}
			#menu li {
				float: left;
				margin: 0 -3px 0 0;
			}
				#menu li a:link, #menu li a:visited {
					float: left;
					display: block;
					position: relative;
					padding: 0 5px;
					color: #FFFFFF;
					text-decoration: none;
					height: 65px;
				}
					#menu li a:link span, #menu li a:visited span {
						display: block;
						text-align: center;
						line-height: 1;
						padding: 25px 0 0;
						text-shadow: 1px 2px 3px rgba(0, 0, 0, .5);
					}
					#menu #b5 a:link span, #menu #b5 a:visited span,
					#menu #b6 a:link span, #menu #b6 a:visited span {
						padding-top: 33px;
					}

				#menu #b1 a:link, #menu #b1 a:visited {
					width: 94px;
					background: url(../img/btn/11.png) no-repeat 0 0;
				}
				#menu #b1 a:link:hover, #menu #b1 a:visited:hover {
					background-position: -208px 0;
				}
				#menu #b1.active a:link, #menu #b1.active a:visited {
					height: 84px;
					background-position: -104px 0;
				}
				#menu #b2 a:link, #menu #b2 a:visited {
					width: 89px;
					background: url(../img/btn/12.png) no-repeat 0 0;
				}
				#menu #b2 a:link:hover, #menu #b2 a:visited:hover {
					background-position: -99px 0;
				}
				#menu #b2.active a:link, #menu #b2.active a:visited {
					height: 92px;
					background-position: -198px 0;
				}
				#menu #b3 a:link, #menu #b3 a:visited {
					width: 110px;
					background: url(../img/btn/13.png) no-repeat 0 0;
				}
				#menu #b3 a:link:hover, #menu #b3 a:visited:hover {
					background-position: -120px 0;
				}
				#menu #b3.active a:link, #menu #b3.active a:visited {
					height: 92px;
					background-position: -240px 0;
				}
				#menu #b4 a:link, #menu #b4 a:visited {
					width: 80px;
					background: url(../img/btn/14.png) no-repeat 0 0;
				}
				#menu #b4 a:link:hover, #menu #b4 a:visited:hover {
					background-position: -90px 0;
				}
				#menu #b4.active a:link, #menu #b4.active a:visited {
					height: 95px;
					background-position: -180px 0;
				}
				#menu #b5 a:link, #menu #b5 a:visited {
					width: 80px;
					background: url(../img/btn/15.png) no-repeat 0 0;
				}
				#menu #b5 a:link:hover, #menu #b5 a:visited:hover {
					background-position: -90px 0;
				}
				#menu #b5.active a:link, #menu #b5.active a:visited {
					height: 96px;
					background-position: -180px 0;
				}
				#menu #b6 a:link, #menu #b6 a:visited {
					width: 61px;
					background: url(../img/btn/16.png) no-repeat 0 0;
				}
				#menu #b6 a:link:hover, #menu #b6 a:visited:hover {
					background-position: -71px 0;
				}
				#menu #b6.active a:link, #menu #b6.active a:visited {
					height: 84px;
					background-position: -142px 0;
				}


.content #container {
/*	background: url(../img/page-bg1_repeatY.png) repeat-y 0px 57px; */
	background: url(../img/page-bg1_header.jpg) no-repeat;
	min-height: 740px;
	
}
	#content {
		float: right;
		width: 530px;
		/*height: 600px;*/
		/*padding: 115px 60px 120px 0; original padding */
		padding: 115px 60px 40px 0; original padding
		position: relative;
	}
	#side1 {
		float: left;
		width: 220px;
		padding: 185px 0 0;
	}


#content p {
	line-height: 1.5;
	margin: 0 0 1.5em;
}
#content ul,
#content ol {
	list-style: disc;
	line-height: 1.5;
	margin: 0 0 1em 2em;
}
#content ol {
	list-style: decimal;
}

sub {
	font-size: smaller;
	line-height: normal;
	vertical-align:sub;
}

sup {
	font-size:smaller;
	line-height:normal;
	vertical-align:super;
}
/*----------------------- HEADER TEXT IMAGE COLOURS------------------- */

/*PINK - Understanding your cycle */

#content h2 {
	font-size: 163%;
	font-weight: bold;
	color: #eb8990;
	margin: 0 0 .75em;
}
	#content h2 .t1 {
		display: block;
		font-size: 116.67%;
		color: #e96777;
	}
#content h3 {
	font-size: 145%;
	font-weight: bold;
	color: #eb8991;
	margin: 0 0 1em;
}

/*GREEN - Understanding your cycle */

body.treatment-options #content h2 {
	font-size: 163%;
	font-weight: bold;
	color: #c9dd8d;
	margin: 0 0 .75em;

}
	body.treatment-options #content h2 .t1 {
		display: block;
		font-size: 116.67%;
		color: #bbd975;

	}
body.treatment-options  #content h3 {
	font-size: 145%;
	font-weight: bold;
	color: #c9dd8d;
	margin: 0 0 1em;

}


/*BLUE  - Contraception and your cycle */

body.contraception-and-your-cycle #content h2 {
	font-size: 163%;
	font-weight: bold;
	color: #99d6d4;
	margin: 0 0 .75em;

}
	body.contraception-and-your-cycle #content h2 .t1 {
		display: block;
		font-size: 116.67%;
		color: #7acdcf;

	}
body.contraception-and-your-cycle #content h3 {
	font-size: 145%;
	font-weight: bold;
	color: #99d6d4;
	margin: 0 0 1em;

}

/*ORANGE  - What Can You do */

body.what-you-can-do #content h2 {
	font-size: 163%;
	font-weight: bold;
	color: #f2a485;
	margin: 0 0 .75em;

}
	body.what-you-can-do #content h2 .t1 {
		display: block;
		font-size: 116.67%;
		color: #f38c69;

	}
body.what-you-can-do  #content h3 {
	font-size: 145%;
	font-weight: bold;
	color: #f2a485;
	margin: 0 0 1em;

}

/*PURPLE  - Resources */

body.resources #content h2 {
	font-size: 163%;
	font-weight: bold;
	color: #b1a3c8;
	margin: 0 0 .75em;

}
	body.resources #content h2 .t1 {
		display: block;
		font-size: 116.67%;
		color: #9b8bc2;

	}
body.resources  #content h3 {
	font-size: 145%;
	font-weight: bold;
	color: #b1a3c8;
	margin: 0 0 1em;

}

/*YELLOW  - Resources */

body.news #content h2 {
	font-size: 163%;
	font-weight: bold;
	color: #fbcb84;
	margin: 0 0 .75em;

}
	body.news #content h2 .t1 {
		display: block;
		font-size: 116.67%;
		color: #f4bc6a;

	}
body.news  #content h3 {
	font-size: 145%;
	font-weight: bold;
	color: #fbcb84;
	margin: 0 0 1em;

}

/*----------------------- END HEADER TEXT IMAGE COLOURS------------------- */

#side2 {
	position: absolute;
	z-index: 1;
	width: 223px;
	left: 866px;
	top: 75px;
}


#footer {
	font-size: 1.1em;
	width: 884px;
	height: 36px; /*original height*/
	height: 85px;
/*	background: url(../img/footer-bg.png) no-repeat 0 15px; original background */
	background: url(../img/footer-bg-book.png) no-repeat 0 0;
/*	background-color:red;*/
	margin: 0 -13px 0px 0;
	/*padding-top: 15px;*/
}
	#footer p.links {
		text-align: center;
		line-height: 30px;
		font-weight: bold;
		padding-right: 12px;
		padding-top: 41px;
	}
		#footer p.links a:link, #footer p.links a:visited {
			padding: 0 .3em;
			color: #008a9a;
		}

/* footer for homepage ONLY */

.home #footer {
	background: url(../img/footer-bg.png) no-repeat 0 15px !important; 
/*	margin-top: 10px !important; */
}

.home #footer p.links {
	padding-top: 10px !important;
}

/* page-1
----------*/

.img11 {
}
.img12 {
	margin: 0 0 17px 21px;
}
.img13 {
	margin: 0 0 0 18px;
	position:absolute;
	bottom:20px;
}
.img21 {
	margin: 0 0 5px;
}
.tip {
	margin: 0 0 0 10px;
}
	.img11 img, .img12 img, img13 img,
	.img21 img, .tip img {
		float: left;
	}



.title1 {
	width: 100%;
	overflow: hidden;
	margin: 0 0 30px;
}
	.title1 img {
		float: left;
	}

.tip1 {
	float: right;
	margin: 0 0 .5em 1em;
}

/*  PAGE SEPERATORS */

/*PINK*/
.sep1 {
	background: #f0a0a7;
	height: 3px;
	overflow: hidden;
	margin: 20px 0;
}

/*GREEN*/
body.treatment-options .sep1 {
	background: #c9dd8d;
	height: 3px;
	overflow: hidden;
	margin: 20px 0;

}

/*BLUE*/
body.contraception-and-your-cycle .sep1 {
	background: #99d6d4;
	height: 3px;
	overflow: hidden;
	margin: 20px 0;
}

/*ORANGE*/
body.what-you-can-do .sep1 {
	background: #f2a485;
	height: 3px;
	overflow: hidden;
	margin: 20px 0;
}

/*PURPLE*/
body.resources .sep1 {
	background: #b1a3c8;
	height: 3px;
	overflow: hidden;
	margin: 20px 0;
}

/*NEWS*/
body.news .sep1 {
	background: #fbcb84;
	height: 3px;
	overflow: hidden;
	margin: 20px 0;
}













/* END  PAGE SEPERATORS */

#next {
	position: absolute;
	right: 31px;
	top: 75px;
}
	#next a:link, #next a:visited {
		display: block;
		width: 55px;
		height: 111px;
		text-indent: -1000em;
		background-repeat: no-repeat;
		background-position: 0 0;
	}
	#next a:link:hover, #next a:visited:hover {
		background-position: -55px 0;
	}
	
	#next a.chapter1:link, #next a.chapter1:visited {
		background-image: url(../img/btn/chapter-1.png);
	}
	#next a.chapter2:link, #next a.chapter2:visited {
		background-image: url(../img/btn/chapter-2.png);
	}
	#next a.chapter3:link, #next a.chapter3:visited {
		background-image: url(../img/btn/chapter-3.png);
	}
	#next a.chapter4:link, #next a.chapter4:visited {
		background-image: url(../img/btn/chapter-4.png);
	}
	#next a.chapter5:link, #next a.chapter5:visited {
		background-image: url(../img/btn/chapter-5.png);
	}
	#next a.chapter6:link, #next a.chapter6:visited {
		background-image: url(../img/btn/chapter-6.png);
	}

.footer {
	position: absolute;
/*	left: 0; */
	bottom: 10px;
	width: 530px;
	padding: 10px 0 0;
	font-size: 81.82%;
}
	.footer .image {
		float: right;
		margin: -10px 0 0 1.5em;
	}
	.footer p {
		color: #ababab;
	}



/* home
----------*/

.home #page {
	background: url(../img/page-bg2.png) no-repeat 0 59px;
	width: 636px;
	margin-left: 235px;
	height: 869px !important;
}
	.home #logo {
		top: 32px;
		left: -206px;
	}
	.home #menu {
		left: 41px;
		top: -4px;
	}

.home #content {
	float: none;
	width: auto;
	height: 726px;
	padding: 80px 70px 0 70px;
	background: url(../img/misc/home-1.png) no-repeat 70px 80px;
}
	.home .years {
		position: absolute;
		left: 40px;
		top: 75px;
	}
	#intro {
		position: absolute;
		left: 83px;
		bottom: 114px;
		width: 426px;
		height: 135px;
		padding: 20px 15px 0 15px;
		background: url(../img/box-2.png) no-repeat 0 0;
	}
		#intro p {
			line-height: 1.2;
		}

.home #side1 {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	padding: 145px 0 0;
	width: 240px;
	font-size: 1em;
}

#btn1 {
}
	#btn1 a:link, #btn1 a:visited {
		display: block;
		height: 207px;
		text-indent: -1000em;
		background: url(../img/btn/31.png) no-repeat 0 0;
	}
	#btn1 a:link:hover, #btn1 a:visited:hover {
		background-position: -240px 0;
	}

#btn2 {
	margin: 0 0 10px;
}
	#btn2 a:link, #btn2 a:visited {
		display: block;
		height: 193px;
		text-indent: -1000em;
		background: url(../img/btn/32.png) no-repeat 0 0;
	}
	#btn2 a:link:hover, #btn2 a:visited:hover {
		background-position: -240px 0;
	}

#box1 {
	padding: 30px 25px 0 14px;
	color: #373737;
	width: 189px;
	height: 230px;
	background: url(../img/box-1.png) no-repeat 0 0;
}
	#box1 p {
		margin: 0 0 1em;
	}


/******************************** INDIVIDUAL LEFT HAND MENU STYLES  *************************************/

/* GLOBAL SUBMENU STYLES */

#menu2 {
	width: 189px;
	margin: 0 0 0 30px;
}
	#menu2 ul {
		list-style: none;
		margin: 0;
		width: 100%;
		overflow: hidden;
		font-size: 136.36%;
		font-weight: bold;
	}
		#menu2 li {
			float: left;
			width: 100%;
		}
			#menu2 a:link, #menu2 a:visited {
				display: block;
				position: relative;
				color: #FFFFFF;
				text-decoration: none;
			}
				#menu2 a:link .b, #menu2 a:visited .b {
					display: block;
					position: relative;
					z-index: 1;
					height: 41px;
					background-repeat: no-repeat;
					background-position: 0 0;
				}
				#menu2 a:link:hover .b, #menu2 a:visited:hover .b {
					background-position: -189px 0;
				}
				#menu2 a:link .t, #menu2 a:visited .t {
					position: absolute;
					z-index: 5;
					left: 10px;
					top: 14px;
					width: 155px;
					line-height: 1;
				}
@media screen and (-webkit-min-device-pixel-ratio:0) {
				#menu2 a:link .t, #menu2 a:visited .t {
					top: 11px;
				}	
}

/* END GLOBAL SUBMENU STYLES */

/*-------------------------------------------------------------------------------------------

/* UNDERSTANDING YOUR CYCLE SUBMENU */


			#menu2 .menu21 .i1 a:link, #menu2 .menu21 .i1 a:visited {
				margin-bottom: -4px;
			}
				#menu2 .menu21 .i1 a:link .b, #menu2 .menu21 .i1 a:visited .b {
					background-image: url(../img/btn/211.png);
				}
			#menu2 .menu21 .i2 a:link, #menu2 .menu21 .i2 a:visited {
				margin-bottom: 4px;
			}
				#menu2 .menu21 .i2 a:link .b, #menu2 .menu21 .i2 a:visited .b {
					background-image: url(../img/btn/212.png);
				}
			#menu2 .menu21 .i3 a:link, #menu2 .menu21 .i3 a:visited {
				margin-bottom: -3px;
			}
				#menu2 .menu21 .i3 a:link .b, #menu2 .menu21 .i3 a:visited .b {
					background-image: url(../img/btn/213.png);
				}
			#menu2 .menu21 .i4 a:link, #menu2 .menu21 .i4 a:visited {
				margin-bottom: 4px;
			}
				#menu2 .menu21 .i4 a:link .b, #menu2 .menu21 .i4 a:visited .b {
					height: 50px;
					background-image: url(../img/btn/214.png);
				}
				#menu2 .menu21 .i4 a:link .t, #menu2 .menu21 .i4 a:visited .t {
					top: 12px;
				}
				#menu2 .menu21 .i5 a:link .b, #menu2 .menu21 .i5 a:visited .b {
					background-image: url(../img/btn/215.png);
				}

/* END UNDERSTANDING YOUR CYCLE SUBMENU */

/*-------------------------------------------------------------------------------------------

/* TREATMENT OPTIONS SUBMENU */

			#menu2 .menu21_TreatmentOptions .i1 a:link, #menu2 .menu21_TreatmentOptions .i1 a:visited {
				margin-bottom: -4px;
			}
				#menu2 .menu21_TreatmentOptions .i1 a:link .b, #menu2 .menu21_TreatmentOptions .i1 a:visited .b {
					background-image: url(../img/btn/treatment-options/211.png);
				}
			#menu2 .menu21_TreatmentOptions .i2 a:link, #menu2 .menu21_TreatmentOptions .i2 a:visited {
				margin-bottom: 4px;
			}
				#menu2 .menu21_TreatmentOptions .i2 a:link .b, #menu2 .menu21_TreatmentOptions .i2 a:visited .b {
					background-image: url(../img/btn/treatment-options/212.png);
				}
			#menu2 .menu21_TreatmentOptions .i3 a:link, #menu2 .menu21_TreatmentOptions .i3 a:visited {
				margin-bottom: -3px;
			}
				#menu2 .menu21_TreatmentOptions .i3 a:link .b, #menu2 .menu21_TreatmentOptions .i3 a:visited .b {
					background-image: url(../img/btn/treatment-options/211.png);
				}
			#menu2 .menu21_TreatmentOptions .i4 a:link, #menu2 .menu21_TreatmentOptions .i4 a:visited {
				margin-bottom: 4px;
			}
				#menu2 .menu21_TreatmentOptions .i4 a:link .b, #menu2 .menu21_TreatmentOptions .i4 a:visited .b {
					height: 50px;
					background-image: url(../img/btn/treatment-options/212.png);
				}
				#menu2 .menu21_TreatmentOptions .i4 a:link .t, #menu2 .menu21_TreatmentOptions .i4 a:visited .t {
					top: 12px;
				}
				#menu2 .menu21_TreatmentOptions .i5 a:link .b, #menu2 .menu21_TreatmentOptions .i5 a:visited .b {
					background-image: url(../img/btn/treatment-options/211.png);
				}
				#menu2 .menu21_TreatmentOptions .i6 a:link .b, #menu2 .menu21_TreatmentOptions .i6 a:visited .b {
					background-image: url(../img/btn/treatment-options/216.png);
					height: 49px;
					margin-bottom: 4px;
				}


/*  END  TREATMENT OPTIONS SUBMENU */

/*-------------------------------------------------------------------------------------------

/* WHAT CAN YOU DO SUBMENU */

			#menu2 .menu21_what-you-can-do .i1 a:link, #menu2 .menu21_what-you-can-do .i1 a:visited {
				margin-bottom: -4px;
			}
				#menu2 .menu21_what-you-can-do .i1 a:link .b, #menu2 .menu21_what-you-can-do .i1 a:visited .b {
					background-image: url(../img/btn/what-you-can-do/211.png);
				}
			#menu2 .menu21_what-you-can-do .i2 a:link, #menu2 .menu21_what-you-can-do .i2 a:visited {
				margin-bottom: 4px;
			}
				#menu2 .menu21_what-you-can-do .i2 a:link .b, #menu2 .menu21_what-you-can-do .i2 a:visited .b {
					background-image: url(../img/btn/what-you-can-do/212.png);
				}
			#menu2 .menu21_what-you-can-do .i3 a:link, #menu2 .menu21_what-you-can-do .i3 a:visited {
				margin-bottom: -3px;
			}
				#menu2 .menu21_what-you-can-do .i3 a:link .b, #menu2 .menu21_what-you-can-do .i3 a:visited .b {
					background-image: url(../img/btn/what-you-can-do/211.png);
				}
			#menu2 .menu21_what-you-can-do .i4 a:link, #menu2 .menu21_what-you-can-do .i4 a:visited {
				margin-bottom: 4px;
			}
				#menu2 .menu21_what-you-can-do .i4 a:link .b, #menu2 .menu21_what-you-can-do .i4 a:visited .b {
					height: 50px;
					background-image: url(../img/btn/what-you-can-do/212.png);
				}
				#menu2 .menu21_what-you-can-do .i4 a:link .t, #menu2 .menu21_what-you-can-do .i4 a:visited .t {
					top: 12px;
				}
				#menu2 .menu21_what-you-can-do .i5 a:link .b, #menu2 .menu21_what-you-can-do .i5 a:visited .b {
					background-image: url(../img/btn/what-you-can-do/211.png);
					height: 60px;
				}
				#menu2 .menu21_what-you-can-do .i6 a:link .b, #menu2 .menu21_what-you-can-do .i6 a:visited .b {
					background-image: url(../img/btn/what-you-can-do/216.png);
					height: 49px;
					margin-bottom: 4px;
				}


/* END WHAT CAN YOU DO SUBMENU */

/*-------------------------------------------------------------------------------------------

/* RESOURCES SUBMENU */

			#menu2 .menu21_resources .i1 a:link, #menu2 .menu21_resources .i1 a:visited {
				margin-bottom: -4px;
			}
				#menu2 .menu21_resources .i1 a:link .b, #menu2 .menu21_resources .i1 a:visited .b {
					background-image: url(../img/btn/resources/211.png);
				}
			#menu2 .menu21_resources .i2 a:link, #menu2 .menu21_resources .i2 a:visited {
				margin-bottom: 4px;
			}
				#menu2 .menu21_resources .i2 a:link .b, #menu2 .menu21_resources .i2 a:visited .b {
					background-image: url(../img/btn/resources/212.png);
				}
			#menu2 .menu21_resources .i3 a:link, #menu2 .menu21_resources .i3 a:visited {
				margin-bottom: -3px;
				height: 50px;
			}
				#menu2 .menu21_resources .i3 a:link .b, #menu2 .menu21_resources .i3 a:visited .b {
					background-image: url(../img/btn/resources/211.png);
				}
			#menu2 .menu21_resources .i4 a:link, #menu2 .menu21_resources .i4 a:visited {
				margin-bottom: 4px;
			}
				#menu2 .menu21_resources .i4 a:link .b, #menu2 .menu21_resources .i4 a:visited .b {
					height: 50px;
					background-image: url(../img/btn/resources/212.png);
				}
				#menu2 .menu21_resources .i4 a:link .t, #menu2 .menu21_resources .i4 a:visited .t {
					top: 12px;
				}
				#menu2 .menu21_resources .i5 a:link .b, #menu2 .menu21_resources .i5 a:visited .b {
					background-image: url(../img/btn/resources/211.png);
				}
				#menu2 .menu21_resources .i6 a:link .b, #menu2 .menu21_resources .i6 a:visited .b {
					background-image: url(../img/btn/resources/216.png);
					height: 49px;
					margin-bottom: 4px;
				}


/* RESOURCES SUBMENU */

/******************************** END INDIVIDUAL LEFT HAND MENU STYLES  *************************************/





/*******************************/
/*    GLOSSARY / FAQ STYLES    */
/*******************************/
.CollapsiblePanelGroup {
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 1.5em 0px;
	border: none;
}
.CollapsiblePanelGroup .CollapsiblePanel,
.CollapsiblePanelGroup .CollapsiblePanel .CollapsiblePanelTab,
.CollapsiblePanelGroup .CollapsiblePanel .CollapsiblePanelTab h4.question {
	background: transparent;
	padding: 2px 0px 2px 0px;
	margin: 0px;
	border: none;
	color: #118896;
	font-size: 13px;
	font-weight: bold;
	width: 500px
}
.CollapsiblePanelGroup .CollapsiblePanel .CollapsiblePanelContent {
	color: #494846;
	font-size: 13px;
	line-height: 1.4em;
	font-weight: normal;
}
#glossary #text h2,
#questionsandanswers #text h2,
#FAQCollapsiblePanelGroup .faqCategory h2 {
	padding-bottom: 3px;
	color: #118896;
	font-size: 14px;
	line-height: 16px;
	border-bottom: 1px #b0adaa solid;
	text-transform: uppercase;
}

#glossary #text dl,
#questionsandanswers #text dl {
	margin-left: 20px;
	font-size: 1.2em;
}
	#glossary #text dl dt,
	#questionsandanswers #text dl dt {
		color: #118896;
		font-weight: bold;
	}
	#glossary #text dl dd,
	#questionsandanswers #text dl dd {
		margin-left: 0;
	}
h2.expert {
	text-transform: uppercase;
}
.glossary,
.expert {
	cursor: pointer;
	font-size: 14px;
	font-weight:bold;
}

#glossary #text h2,
#questionsandanswers #text h2,
#FAQCollapsiblePanelGroup .faqCategory h2 {
	padding-bottom: 3px;
	color: #118896;
	font-size: 14px;
	line-height: 16px;
	border-bottom: 1px #b0adaa solid;
	text-transform: uppercase;
}

#NewsBoxout {
	padding:10px;
	border-style:solid;
	border-width: 5px;
	border-color: #FBCB84;
	margin-bottom:10px;
}

#GlossaryContainer {
	margin-bottom:20px;
}


/* CONTENT CLEARS TO FIX FOOTER / LOGO OVERLAPS */
.LeftColumnClear {
margin-top:10px;
	height: 60px;
	clear: both;

}

.ContentColumnClear {
margin-top:50px;
	height: 60px;
	clear: both;

}
/* AGREEMENT POPUP */

div#Agreement {
	height: 1000px;
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background-image:url(../img/misc/Agreement_bg.png);
	z-index:999;
		display:none;
}

div#AgreementInner {
	width: 677px;
	height: 366px;
	margin: auto;
	position: relative;
	top: 150px;
	background-image:url(../img/misc/AgreementInner_bg.png);

}

div#AgreementForm {
	padding-top: 250px; 
	text-align: left;
	margin-left: 80px;
}

a.EnterButton {
	display: block;
	height: 18px;
	width: 75px;
	background-image:url(../img/btn/EnterButton.jpg);
	text-indent:-5000px;
	position: relative;
	top: -16px;
	left: 300px;
	cursor:pointer;
}

a.EnterButton:hover {
	background-position: 0 -18px;
}

/* LEAVE AGREEMENT POPUP */

div#LeaveAgreement {
	height: 1000px;
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background-image:url(../img/misc/LeaveAgreement_bg.png);
	z-index:999;
	display:none;
}

div#LeaveAgreementInner {
	width: 677px;
	height: 427px;
	margin: auto;
	position: relative;
	top: 150px;
	background-image:url(../img/misc/LeaveAgreementInner_bg.png);

}

div.LeaveAgreementInner-pdf {
	background-image:url(../img/misc/LeaveAgreementInner_pdf_bg.png) !important;
}

div#LeaveAgreementForm {
	padding-top: 360px; 
	text-align: left;
	margin-left: 80px;
}

a.YesButton {
	display: block;
	height: 15px;
	width: 53px;
	background-image:url(../img/btn/YesButton.jpg);
	text-indent:-5000px;
	position: relative;
	top: 0px;
	left: 254px;
	cursor:pointer;
}

a.YesButton:hover {
	background-position: 0 -15px;
}

a.NoButton {
	display: block;
	height: 15px;
	width: 43px;
	background-image:url(../img/btn/NoButton.jpg);
	text-indent:-5000px;
	position: relative;
	top: -15px;
	left: 314px;
	cursor:pointer;
}

a.NoButton:hover {
	background-position: 0 -15px;
}