@charset "UTF-8";
/* CSS Document */

body
{
background-color: #00C0F3;
margin: 0px;
}

#container
{
width: 730px; top: 0px; min-height: 350px;
margin-left: auto; margin-right: auto;
background-image: url(images/background.jpg);
background-position: top;
background-repeat: repeat-y;
}

#left-nav
{
position: absolute; left: 1px; top: 30px; width: 30px;
z-index: 1;
}

#toptext
{
position: relative; top: -80px; left: 90px; width: 500px;
}

#topNav
{
position: relative; top: -30px; left: 140px; width: 500px; height: 30px;
z-index: 1;
}

#main
{
position: relative; top: 0px; left: 0px; width: 730px; 
}

#main_home
{
position: relative; top: 0px; left: 0px; width: 730px; min-height: 650px; 
}

/* START OF TEXT AREAS */

#mainTextarea
{
position: relative; top: 0px; left: 140px; width: 500px; min-height: 300px;
}

#ContractTextarea
{
position: relative; top: -30px; left: 140px; width: 500px;
background-color: #9C9C45;
background-image: url(images/beige_corner.gif);
background-position: bottom right;
background-repeat: no-repeat;
}

#EmployerTextarea
{
position: relative; top: -30px; left: 140px; width: 500px;
background-color: #8F93B2;
background-image: url(images/purple_corner.gif);
background-position: bottom right;
background-repeat: no-repeat;
}

#ProfessionalTextarea
{
position: relative; top: -30px; left: 140px; width: 500px;
background-color: #A96F96;
background-image: url(images/pink_corner.gif);
background-position: bottom right;
background-repeat: no-repeat;
}

#AboutusTextarea
{
position: relative; top: -30px; left: 140px; width: 500px;
background-color: #33b3e7;
background-image: url(images/post-it.gif);
background-position: bottom right;
background-repeat: no-repeat;
}

/* END */

#homepageImage
{
position: absolute; top: 540px; left: 31px; width: 400px; height: 213px;
background-image: url(images/calculator_image.jpg);
}

#lefttext
{
position: absolute; top: 270px; left: 90px; width: 155px;
}

#bottomtext
{
position: relative; top: 20px; left: 80px; width: 600px;
}

#postit-container
{
position: relative; top: -50px; left: 300px; width: 420px; height: 200px;
}

.postit
{
background-position: bottom right;
background-repeat: no-repeat;
padding: 10px;
}

.postit#one
{
background-image: url(images/post-it1.gif);
background-color: #9C9C47;
}

.postit#two
{
background-image: url(images/post-it3.gif);
background-color: #8F93B2;
}

.postit#three
{
background-image: url(images/post-it5.gif);
background-color: #A96F95;
}

#footer
{
position: relative; bottom: 0px; left: 45px; width: 300px; height: 50px;
padding-top: 10px;
}


h1,h2,h3,h4,h5,h6
{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #24B3EF;
text-transform: uppercase;
text-align:justify;
}

h5#white
{
color: #FFFFFF;
}

.headers
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #8AE8FF;
text-transform: uppercase;
text-align:justify;
}

.headers#white
{
color: #FFFFFF;
}

p
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
text-align:justify;
}

p.small
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8px;
color: #FFFFFF;
text-align:justify;
}

.lrgtextBlue
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #8AE8FF;
text-align:justify;
}

.lrgtextBlue#bold
{
font-weight: bold;
}

.lrgtextWhite
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #FFFFFF;
text-align: justify;
}

.lrgtextWhite#bold
{
font-weight: bold;
}

.submenu
{
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; 
color: #FFFFFF;
margin-left: 13px;
text-align:justify;
}

.menu1 a
{
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; font-weight: bold;
color: #FFFFFF;
text-align:justify;
}

.menu1 a:visited
{
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; font-weight: bold;
color: #FFFFFF;
text-align:justify;
}

.menu1 a:hover
{
color: #64661e;
}

.menu2 a
{
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; font-weight: bold;
color: #FFFFFF;
text-align:justify;
}

.menu2 a:visited
{
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; font-weight: bold;
color: #FFFFFF;
text-align:justify;
}

.menu2 a:hover
{
color: #4b4d76;
}

.menu3 a
{
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; font-weight: bold;
color: #FFFFFF;
text-align:justify;
}

.menu3 a:visited
{
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; font-weight: bold;
color: #FFFFFF;
text-align:justify;
}

.menu3 a:hover
{
color: #642c53;
}

.dark-blue
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px; color: #0070B0;
font-weight: bold;
text-align:justify;
}

ul
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px; color: #FFFFFF;
line-height: 1.5;
text-align:justify;
}

.blue
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px; color: #8AE8FF;
text-align:justify;
}

.blue#bold
{
font-weight: bold;
}

.home-email a
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #8AE8FF;
text-align:justify;
}

.home-email a:visited
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #8AE8FF;
text-align:justify;
}

.home-email a:hover
{
color: #FFFFFF;
}

.email a
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #FFFFFF;
text-align:justify;
}

.email a:visited
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #FFFFFF;
text-align:justify;
}

.email a:hover
{
color: #8AE8FF;
}

.contacts
{
padding-left: 5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px; color: #FFFFFF;
text-align:justify;
}


.footer
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px; color: #FFFFFF;
text-align:justify;
}

.footer-blue
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px; color: #8AE8FF;
font-weight: bold;
text-align:justify;
}

.center
{
text-align: center;
}