body{
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
height: 100%; 
max-height: 100%; 
}

#framecontent{
position: absolute;
top: 0;
bottom: 0; 
left: 0;
width: 18%; /*Width of frame div*/
height: 100%;
overflow: visible; /*Disable scrollbars. Set to "scroll" to enable*/
color: #666;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
background-color: #f2def2;
font-weight: bold;
}

#maincontent{
position: fixed;
top: 0; 
left: 18%; /*Set left value to WidthOfFrameDiv*/
right: 0;
bottom: 0;
overflow: auto; 
background-repeat: no-repeat;
background-position: 0px 0px;
font-family: lucida, monospace;
font-size: 100%;
font-weight: bold;
color: #28114D;
}

.bg {
	height: 100%; 
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

.innertube{
margin: 15px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}

* html body{ /*IE6 hack*/
padding: 0 0 0 200px; /*Set value to (0 0 0 WidthOfFrameDiv)*/
}

* html #maincontent{ /*IE6 hack*/
height: 100%; 
width: 100%; 
}

.text
	{
		font-family: lucida, monospace;
		font-size: 130%;
		font-weight: bold;
		color: #300;
		line-height: 2.0;
		text-align: justify;
		padding: 35px;
		background-color: #FFFFCC;
		margin: 0px 45px 0px 45px;
	}
	
	.text1
	{
		font-family: lucida, monospace;
		font-size: 130%;
		font-weight: bold;
		color: #300;
		line-height: 2.0;
		text-align: justify;
		padding: 35px;
		background-color: transparent;
		margin: 45px;
		vertical-align: top;
	}
	
	img.displayed
	{
		display: block;
		margin-left: auto;
		margin-right: auto;
		background-color: transparent;
	}
	.displayede
	{
		display: block;
		color: #300;
		padding: 4px 4px 2px 20px;
		background-color: #F0FDF5;
		margin: 0 45px 0 45px;
	}
	.label1
	{
		display: block;
		width: 52%;
		background: #FFC;
		margin-left: auto;
		margin-right: auto;
		margin-top: 0px;
		padding-top: 5px;
		padding-left: 5px;
		padding-bottom: 5px;
		text-align: center;
		font-size: 160%;
		font-family: "arial rounded mt bold";
		color: #006;
		font-style: oblique;
		letter-spacing: 2px;
	}
	
	.label1a	
	{
		display: block;
		width: 52%;
		height: 20px;
		background: #8DFDB5;
		margin-left: auto;
		margin-right: auto;
		margin-top: 0px;
		padding-top:5px;
		padding-left:5px;
		padding-bottom:0px;
		text-align: center;
		font-size: 100%;
		font-family: lucida, monospace;
		color: #300;

		
	
	}
	.label1b	
	{
		display: block;
		width: 37%;
		height: 20px;
		background: #8DFDB5;
		margin-left: auto;
		margin-right: auto;
		margin-top: 0px;
		padding-top:5px;
		padding-left:5px;
		padding-bottom:0px;
		text-align: center;
		font-size: 100%;
		font-family: lucida, monospace;
		color: #300;

		
	
	}
	
	.label2
	{
		display: block;
		width: 52%;
		background: #FFC;
		margin-left: auto;
		margin-right: auto;
		margin-top: 0px;
		padding-top: 5px;
		padding-left: 5px;
		padding-bottom: 5px;
		text-align: center;
		font-size: 100%;
		font-family: "arial rounded mt bold";
		color: #006;
		font-style: oblique;
		letter-spacing: 2px;
	}
	
	h1
	{
		color: #000066;		
		font-size: 160%;
		font-family: Verdana, Geneva, sans-serif;
		text-decoration: none;
		background-color: #FCF;
	}
	h1.sec
	{
		color: #f60;
		font-size: 200%;
		font-family: lucida, monospace;
		text-decoration: none;
		text-align: center;
		padding: 3px 35px 3px 35px;
		background-color: #00E3FE;
		margin: 0px 45px 0px 45px;
	}
	h1.seca
	{
		color: #f60;
		font-size: 200%;
		font-family: lucida, monospace;
		text-decoration: none;
		text-align: center;
		padding: 3px 35px 3px 35px;
		background-color: #00E3FE;
		width: 94%;
		margin-left:auto;
		margin-right:auto;
	}
		h1.seca1
	{
		color: #f60;
		font-size: 200%;
		font-family: lucida, monospace;
		text-decoration: none;
		text-align: center;
		width: 46%;
		padding: 3px 35px 3px 35px;
		background-color: #00E3FE;
		margin: 0px auto 0px auto;

	}
	.displayed1
	{
		display: block;
		margin-left: auto;
		margin-right: auto;
		padding: 10px;
		background-color: transparent;
	}
	
	
	.displayed1a
	{
		display: block;
		padding: 10px 22% 10px 22%;
		background-color: #D2F9FE;
		margin: 0px 45px 0px 45px;
	}
	
	
	img.displayeda
	{
		display: block;
		padding: 10px;
		background-color: #D2F9FE;
		margin: 0px auto 0px auto;
	}
	
	.displayeda
	{
		display: block;
		padding: 10px 15% 10px 15%;
		background-color: #D2F9FE;
		margin: 0px auto 0px auto;
	}
	
	.displayedb
	{
		display: block;
		padding: 10px;
		background-color: #00E3FE;
		margin: 0px auto 0px auto;
	}
	
	em
	{
		color: #000066;
		font-family: Verdana, Geneva, sans-serif;
		text-decoration: none;
		font-size: 100%;
		background-color: #FCF;
	}
	
	.print_button
	{
		display: block;
		margin-left: auto;
		margin-right: auto;
		padding-left: 44%;
		padding-right: 30%;
	}

	a:link
	{
		color: #00E3FE;
		font-family: Lucida, monospace;
		font-weight: bold;
		font-size: 150%;
		text-decoration: none;
		background-color: #FCF;
	}
	a:visited
	{
		color: #00E3FE;
		font-family: Lucida, monospace;
		font-weight: bold;
		font-size: 150%;
		text-decoration: none;
		background-color: #FCF;
	}
	a:hover
	{
		color: #FF6600;
		font-family: Lucida, monospace;
		font-weight: bold;
		font-size: 150%;
		text-decoration: underline;
		background-color: #FCF;
	}
	a:active
	{
		color: #FF6600;
		font-family: Lucida, monospace;
		font-weight: bold;
		font-size: 150%;
		text-decoration: underline;
		background-color: #FCF;
	}
	a.na:link
	{
		color: #F0FDF5;
		font-family: Lucida, monospace;
		font-weight: bold;
		font-size: 120%;
		text-decoration: none;
		background-color: #8A1F33;
	}
	a.na:visited
	{
		color: #00E3FE;
		font-family: Lucida, monospace;
		font-weight: bold;
		font-size: 120%;
		text-decoration: none;
		background-color: #FCF;
	}
	a.na:hover
	{
		color: #8A1F33;
		font-family: Lucida, monospace;
		font-weight: bold;
		font-size: 120%;
		text-decoration: none;
		background-color: transparent;
	}
	a.na:active
	{
		color: #FF6600;
		font-family: Lucida, monospace;
		font-weight: bold;
		font-size: 120%;
		text-decoration: underline;
		background-color: #FCF;
	}
	a.nav:link
	{
		color: #F0FDF5;
		font-family: lucida, monospace;
		font-weight: bold;
		text-decoration: none;
		background-color: #8A1F33;
		padding: 3px 35px 3px 35px;
		margin: 45px;
	}
	a.nav:visited
	{
		color: #F0FDF5;
		font-family: lucida, monospace;
		font-weight: bold;
		text-decoration: none;
		background-color: #8A1F33;
		padding: 3px 35px 3px 35px;
		margin: 45px;
	}
	
	a.nav:hover
	{
		color: #8A1F33;
		font-family: lucida, monospace;
		font-weight: bold;
		text-decoration: none;
		background-color: #F0FDF5;
		padding: 3px 35px 3px 35px;
		margin: 45px;
	}
	a.nav:active
	{
		color: #8A1F33;
		font-family: lucida, monospace;
		font-weight: bold;
		text-decoration: none;
		background-color: #F0FDF5;
		padding: 3px 35px 3px 35px;
		margin: 45px;
	}
	
	
	a.nava:link
	{
		color: #00E3FE;
		font-family: Lucida, monospace;
		font-weight: bold;
		font-size: 150%;
		text-decoration: none;
		background-color: #FFFFCC;
	}
	a.nava:visted
	{
		color: #00E3FE;
		font-family: Lucida, monospace;
		font-weight: bold;
		font-size: 150%;
		text-decoration: none;
		background-color: #FFFFCC;
	}
	
	a.nava:hover
	{
		color: #FF6600;
		font-family: Lucida, monospace;
		font-weight: bold;
		font-size: 150%;
		text-decoration: underline;
		background-color: #FFFFCC;
	}
	a.nava:active
	{
		color: #FF6600;
		font-family: Lucida, monospace;
		font-weight: bold;
		font-size: 150%;
		text-decoration: underline;
		background-color: #FFFFCC;
	}
	a.navb:link
	{
		color: #00E3FE;
		font-family: Lucida, monospace;
		font-weight: bold;
		font-size: 150%;
		text-decoration: none;
		background-color: #F0FDF5;
	}
	a.navb:visted
	{
		color: #00E3FE;
		font-family: Lucida, monospace;
		font-weight: bold;
		font-size: 150%;
		text-decoration: none;
		background-color: #F0FDF5;
	}
	
	a.navb:hover
	{
		color: #FF6600;
		font-family: Lucida, monospace;
		font-weight: bold;
		font-size: 150%;
		text-decoration: underline;
		background-color: #F0FDF5;
	}
	a.navb:active
	{
		color: #FF6600;
		font-family: Lucida, monospace;
		font-weight: bold;
		font-size: 150%;
		text-decoration: underline;
		background-color: #F0FDF5;
	}


.hov table {position:absolute; border:0; border-collapse:collapse; left:80%;}
.hov a {background:transparent; color:#00E3FE; text-decoration:none;}
.hov b {display:none; font-weight:strong; font-size:11px;}
.hov:hover {position:relative; z-index:100;}
.hov a:hover,
.hov:hover a {border:0; text-decoration:none; position:relative;}
.hov:hover b, .hov a:hover b { display: block; visibility: visible; position: absolute; top:-170px; left:80%; background-image: url(../images/bgbubble4X3h8a.png); background-repeat: no-repeat; background-position: 0px 0px; cursor:pointer; border:0; padding: 125px 1px 1px 110px; width:351px; height:292px; }
.hov b a {white-space:nowrap; font-family: "Arial Black",Helvetica,sans-serif; color:#ffffff; text-shadow: 0.1em 0.1em #000000; text-decoration:none; background:transparent; display:block;}
.hov b a:hover {text-decoration:none; color:#FF6600; font-size:1.4em; font-family: "Arial Black",Helvetica,sans-serif;}

.clear {clear:both;}


.hov1 table {position:absolute; border:0; border-collapse:collapse; left:80%}
.hov1 a {background:transparent; color:#00E3FE; text-decoration:none;}
.hov1 b {display:none; font-weight:strong; font-size:11px;}
.hov1:hover {position:relative; z-index:100;}
.hov1 a:hover,
.hov1:hover a {border:0; text-decoration:none; position:relative;}
.hov1:hover b, 
.hov1 a:hover b {display:block; visibility:visible; position:absolute; top:-120px; left:70%; background-image: url(../images/bgbubble4X3h10d.png); background-repeat: no-repeat; background-position: 0px 0px; cursor:pointer; border:0; padding: 115px 0px 1px 95px; width:301px; height:292px;}
.hov1 b a {white-space:nowrap; font-family: "Arial Black",Helvetica,sans-serif; color:#ffffff; text-shadow: 0.1em 0.1em #000000; text-decoration:none; background:transparent; display:block;}
.hov1 b a:hover {text-decoration:none; color:#FF6600; font-size:1.6em; font-family: "Arial Black",Helvetica,sans-serif;}

.clear {clear:both;}

.hov1a table {position:absolute; border:0; border-collapse:collapse; left:80%}
.hov1a a {background:transparent; color:#00E3FE; text-decoration:none;}
.hov1a b {display:none; font-weight:strong; font-size:11px;}
.hov1a:hover {position:relative; z-index:100;}
.hov1a a:hover,
.hov1a:hover a {border:0; text-decoration:none; position:relative;}
.hov1a:hover b, 
.hov1a a:hover b {display:block; visibility:visible; position:absolute; top:-220px; left:-70px; background-image: url(../images/bgbubble4X3h10d.png); background-repeat: no-repeat; background-position: 0px 0px; cursor:pointer; border:0; padding: 115px 0px 1px 95px; width:301px; height:292px;}
.hov1a b a {white-space:nowrap; font-family: "Arial Black",Helvetica,sans-serif; color:#ffffff; text-shadow: 0.1em 0.1em #000000; text-decoration:none; background:transparent; display:block;}
.hov1a b a:hover {text-decoration:none; color:#FF6600; font-size:1.6em; font-family: "Arial Black",Helvetica,sans-serif;}

.clear {clear:both;}

.hov2 table {position:absolute; border:0; border-collapse:collapse; left:80%;}
.hov2 a {background:transparent; color:#00E3FE; text-decoration:none;}
.hov2 b {display:none; font-weight:strong; font-size:11px;}
.hov2:hover {position:relative; z-index:100;}
.hov2 a:hover,
.hov2:hover a {border:0; text-decoration:none; position:relative;}
.hov2:hover b, 
.hov2 a:hover b {display:block; visibility:visible; position:absolute; top:-70px; left:95%; background-image: url(../images/bgbubble4a.png); background-repeat: no-repeat; background-position: 0px 0px; cursor:pointer; border:0; padding: 35px 0px 1px 25px; width:185px; height:151px;}
.hov2 b a {white-space:nowrap; font-family: "Arial Black",Helvetica,sans-serif; color:#ffffff; text-shadow: 0.1em 0.1em #000000; text-decoration:none; background:transparent; display:block;}
.hov2 b a:hover {text-decoration:none; color:#FF6600; font-size:1.4em; font-family: "Arial Black",Helvetica,sans-serif;}

.clear {clear:both;}

.hov3 table {position:absolute; border:0; border-collapse:collapse; left:80%}
.hov3 a {background:transparent; color:#00E3FE; text-decoration:none;}
.hov3 b {display:none; font-weight:strong; font-size:11px;}
.hov3:hover {position:relative; z-index:100;}
.hov3 a:hover,
.hov3:hover a {border:0; text-decoration:none; position:relative;}
.hov3:hover b, 
.hov3 a:hover b {display:block; visibility:visible; position:absolute; top:-120px; left:70%; background-image: url(../images/bgbubble4X3h11a.png); background-repeat: no-repeat; background-position: 0px 0px; cursor:pointer; border:0; padding: 115px 0px 1px 90px; width:301px; height:292px;}
.hov3 b a {white-space:nowrap; font-family: "Arial Black",Helvetica,sans-serif; color:#ffffff; text-shadow: 0.1em 0.1em #000000; text-decoration:none; background:transparent; display:block;}
.hov3 b a:hover {text-decoration:none; color:#FF6600; font-size:1.4em; font-family: "Arial Black",Helvetica,sans-serif;}

.clear {clear:both;}

.hov3a table {position:absolute; border:0; border-collapse:collapse; left:80%}
.hov3a a {background:transparent; color:#00E3FE; text-decoration:none;}
.hov3a b {display:none; font-weight:strong; font-size:11px;}
.hov3a:hover {position:relative; z-index:100;}
.hov3a a:hover,
.hov3a:hover a {border:0; text-decoration:none; position:relative;}
.hov3a:hover b, 
.hov3a a:hover b {display:block; visibility:visible; position:absolute; top:-210px; left:-70px; background-image: url(../images/bgbubble4X3h11a.png); background-repeat: no-repeat; background-position: 0px 0px; cursor:pointer; border:0; padding: 115px 0px 1px 90px; width:251px; height:192px;}
.hov3a b a {white-space:nowrap; font-family: "Arial Black",Helvetica,sans-serif; color:#ffffff; text-shadow: 0.1em 0.1em #000000; text-decoration:none; background:transparent; display:block;}
.hov3a b a:hover {text-decoration:none; color:#FF6600; font-size:1.4em; font-family: "Arial Black",Helvetica,sans-serif;}

.clear {clear:both;}

.hov4 table {position:absolute; border:0; border-collapse:collapse; left:80%}
.hov4 a {background:transparent; color:#00E3FE; text-decoration:none;}
.hov4 b {display:none; font-weight:strong; font-size:11px;}
.hov4:hover {position:relative; z-index:100;}
.hov4 a:hover,
.hov4:hover a {border:0; text-decoration:none; position:relative;}
.hov4:hover b, 
.hov4 a:hover b {display:block; visibility:visible; position:absolute; top:-120px; left:70%; background-image: url(../images/bgbubble4X3h11.png); background-repeat: no-repeat; background-position: 0px 0px; cursor:pointer; border:0; padding: 115px 0px 1px 90px; width:287px; height:243px;}
.hov4 b a {white-space:nowrap; font-family: "Arial Black",Helvetica,sans-serif; color:#ffffff; text-shadow: 0.1em 0.1em #000000; text-decoration:none; background:transparent; display:block;}
.hov4 b a:hover {text-decoration:none; color:#FF6600; font-size:1.4em; font-family: "Arial Black",Helvetica,sans-serif;}

.clear {clear:both;}


.hov5 table {position:absolute; border:0; border-collapse:collapse; left:80%;}
.hov5 a {background:transparent; color:#00E3FE; text-decoration:none}
.hov5 b {display:none; font-weight:strong; font-size:11px;}
.hov5:hover {position:relative; z-index:100;}
.hov5 a:hover,
.hov5:hover a {border:0; text-decoration:none; position:relative;}
.hov5:hover b, 
.hov5 a:hover b {display:block; visibility:visible; position:absolute; top:-55px; left:30px; background-image: url(../images/bgbubble4X3h10c.png); background-repeat: no-repeat; background-position: 0px 0px; cursor:pointer; border:0; padding: 85px 110px 0px 10px; width:301px; height:292px;}
.hov5 b a {white-space:nowrap; font-family: "Arial Black",Helvetica,sans-serif; color:#ffffff; text-shadow: 0.1em 0.1em #40090b; text-decoration:none; background:transparent; display:block;}
.hov5 b a:hover {text-decoration:none; color:#FF6600; font-size:1.4em; font-family: "Arial Black",Helvetica,sans-serif;}

.clear {clear:both;}

.hov6 table {position:absolute; border:0; border-collapse:collapse; left:80%;}
.hov6 a {background:transparent; color:#7e1216; text-decoration:none;}
.hov6 b {display:none; font-weight:strong; font-size:11px;}
.hov6:hover {position:relative; z-index:100;}
.hov6 a:hover,
.hov6:hover a {border:0; text-decoration:none; position:relative;}
.hov6:hover b, 
.hov6 a:hover b {display:block; visibility:visible; position:absolute; top: -250px; left:-150px; background-image: url(../images/bgbubble4X3h14a.png); background-repeat: no-repeat; background-position: 0px 0px; cursor:pointer; border:0; padding: 90px 50px 1px 105px; width:350px; height:250px;}
.hov6 b a {white-space:nowrap; font-family: "Arial Black",Helvetica,sans-serif;  color:#ffffff; text-shadow: 0.1em 0.1em #40090b; text-decoration:none; background:transparent; display:block;}
.hov6 b a:hover {text-decoration:none; color:#FF6600; font-size:1.4em; font-family: "Arial Black",Helvetica,sans-serif;}

.clear {clear:both;}

