﻿body{
 margin: 0px;
 padding:0px;
 background: #ffffff;
 color: #333333;
 }

#container {
border:1px solid #999999;
color: #cccccc;
background:#ffffff;
width:70%;
height:470px;
margin-top:20px;
margin-left:auto;
margin-right:auto;
}

a {
font-family: Arial, Helvetica, sans-serif;
font-size: 17px;
font-weight:100;
}

#lcol{
width:17%;
background-color:#7D84A7;
color:#fff;
height:100%;
float:left;
position:relative;
}

#rcol{
width:82%;
float:right;
padding:2px;
}

#r1col{
width:73%;
height:100%;
float:left;
padding-left:2px;
}

#r2col{
width:26%;
height:100%;
float:right;
position:relative;
}

#r3col{
width:38%;
height:100%;
float:left;
padding-left:2px;
}

#r4col{
width:60%;
height:100%;
float:right;
}

#r5col{
width:38%;
height:100%;
float:right;
padding-left:2px;
}

#r6col{
width:60%;
height:100%;
float:left;
}

#horz1{
width:100%;
height:85%;
float:left;
}

#horz2{
width:100%;
height:60%;
float:left;
}

#horz3{
width:100%;
height:25%;
float:left;
}


#L100col{
width:100%;
height:100%;
float:left;
}

#title {
height:15%;
width:100%;
text-align:center;
}

.titleText {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 26px;
color:#000099;
background-color: #ffffff;
vertical-align:text-top;
text-align:left;
}

.center{
text-align:center;
}

img.pic1 {
width: 328px;
height: 370px;
}

img.pic2 {
width: 130px;
height: 295px;
margin-left:auto;
margin-right:auto;
}

img.pic3 {
width: 235px;
height: 85px;
}

img.pic4 {
border:none;
width: 496px;
height:170px;
}

img.pic5 {
width: 	185px;
height: 157px;
}

img.pic6 {
width: 200px;
height: 363px;
margin-left:auto;
margin-right:auto;
}

img.pic7 {
width: 477px;
height: 140px;
z-index:1;
}

img.pic8 {
width: 480px;
height: 112px;
margin-left:auto;
margin-right:auto;
}

img.pic9 {
width: 131px;
height: 189px;
}

img.pic10 {
width: 260px;
height: 201px;
margin-left:auto;
margin-right:auto;
}

img.pic11 {
width: 107px;
height:350px;
float:right;
}

.button {
position:relative;
top:20px;
border:none;
}

.buttonp3 {
font-family: Arial, Helvetica, sans-serif;
width:80px;
height:40px;
margin-left:20px;
margin-right:75px;
font-size:11pt;
font-weight:100;
color:#FFFFFF;
background-color: #60689F;
text-align:center;
vertical-align:text-top;
}

.p3Answers  {
		color:#ff0000;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		position:absolute;
		top:auto;
		left:285px;
		background-color:#ffffff;
        z-index:99; 
	    visibility:hidden;
		height:20px;
		width:560px;
}

.p4Answers  {
		color:#ff0000;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		position:absolute;
		left:29%;
		top:449px;
		background-color:#ffffff;
        z-index:99; 
	    visibility:hidden;
		height:40px;
		width:540px;
}


.mainText {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight:100;
color:#000099;
background-color: #fff;
text-align:justify;
vertical-align:text-top;
}

.mainTextBold {
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight:bold;
color:#000099;
background-color: #fff;
text-align:justify;
vertical-align:text-top;
}

.bulletText {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight:100;
color:#000099;
background-color:#fff;
text-align:justify;
vertical-align:text-top;
margin-left:auto;
margin-right:auto;
}


