/* CSS Document */

ul
{
list-style-position: outside;
z-index:3;
font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-size: 13px;
word-spacing: 1px;
font-weight:normal;
}


a:link
{
text-decoration: underline;
color: #236AEB;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
z-index:1;
}

a:visited
{
text-decoration: underline;
color: #236AEB;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
}
a:hover
{
color: #B3063B;
text-decoration: none;
}

fieldset
{
z-index:2;
}

legend
{
z-index:2;
color:#236AEB;
font-weight: bold;
}

#bodytext500
{
margin:20px 0px 0px 0px;
height: 530px;
}

#leftsection
{
background-color:#ffffff;
width: 70px;
float: left;
margin:5px 5px 5px 5px
}

#midsection
{
background-color:#ffffff;
width: 500px;
float: left;
text-align: left;
border-right: 1px solid #E3E7EE;
margin:0px 0px 0px 0px;
}
/* max image size can be 213px but its better to keep it below 194px as when the window is resizes the image may jump out */
#rightsection
{
background-color:#ffffff;
width: 310px;
font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-size: 13px;
text-align: center;
float: left;
margin-left: auto;
margin-right: auto;
position: relative;
}

h1
{
font-family: Monotype Corsiva, cursive;
color: #ffffff;
font-size: 20px;
padding-left: 20px;
padding-top: 0px;
word-spacing: 3px;
letter-spacing: 1px;
margin:0px 0px 0px 0px;
background-color:transparent;
font-weight:normal;
}

h2
{
font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-size: 14px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
word-spacing: 3px;
font-weight:bold;
}

hr.w300
{
width: 300px;
height: 1px;
color: #E3E7EE;
text-align:left;
margin-left:0px;
}


#contentmatter
{
width:430px;
font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-size: 13px;
font-weight: normal;
line-height: 18px;
padding: 0px 10px 0px 10px;
margin: 30px 0px 0px 0px;
word-spacing: 1px;
text-align:justify;
z-index:1;
}