body {
margin:0;
padding:0;
min-height: 100%;
background: #00247E;
background-image : url(images/bg_fade.jpg);
background-repeat: repeat-x;
background-position: center top;
font-family : Arial, Helvetica;
text-align: center;
}
.wrapper {
position: relative;
width: 970px;
background-image : url(images/bg3.jpg);
background-repeat: repeat-y;
background-color: #fff;
margin: 0 auto -240px;
text-align: left;
}
#top {
background-image : url(images/bg_top1.jpg);
background-repeat: no-repeat;
width : 970px;
height : 141px;
padding : 0;
}
#top1 {
background-image : url(images/bg_top.jpg);
background-repeat: no-repeat;
width : 970px;
height : 141px;
padding : 0;
}
#top1 #logo {
float : left;
width : 145px;
height : 86px;
margin : 27 0 0 24;
}
#top1 #navigation1 {
width : 514px;
float : right;
height : 57px;
padding : 5px 10px 0px 0px;
font-size : 88%;
font-weight: bold;
color : #FFF;
}
#top #logo {
float : left;
width : 145px;
height : 86px;
margin : 27 0 0 24;
}
#top #navigation {
width : 570px;
float : right;
height : 57px;
padding : 5px 10px 0px 0px;
font-size : 88%;
font-weight: bold;
}
#top #pullout {
width : 630px;
float : right;
height : 70px;
padding : 0px 35px 0px 0px;
font-size : 70%;
color : #747679;
text-align: right;
}
.navigation {
width : 570px;
float : right;
height : 57px;
padding : 5px 10px 0px 0px;
font-size : 88%;
font-weight: bold;
}
.devide{
font-size : 88%;
color: #00247E;
}
.navigation a{
font-size : 75%;
font-weight: bold;
color : #FFF;
}
.navigation a:hover{
font-size : 75%;
font-weight: bold;
color : #62B6F0;
}
.navigationOn{
color : #62B6F0;
}
#secondNav {
background-image : url(images/bg2.jpg);
background-repeat: no-repeat;
width : 970px;
float : left;
height : 56px;
padding : 0px 0px 0px 0px;
}
#secondNav #navigation2 {
float : left;
height : 26px;
padding : 5px 47px 0px 215px;
font-size : 82%;
font-weight: bold;
color : #00237D;
}
.navigation2 {
float : left;
height : 26px;
padding : 5px 47px 0px 215px;
font-size : 82%;
font-weight: bold;
color : #00237D;
}
.navigation2 a{
font-size : 82%;
font-weight: bold;
color : #00237D;
}
.navigation2 a:hover{
font-size : 82%;
font-weight: bold;
color : #62B6F0;
}
.navigation2On{
color : #62B6F0;
}
#left {
float:left;
position: absolute;
top: 195px;
width:193px;
padding-top: 3px;
padding-left: 3px;
    }
#text {
float:left;
position: absolute;
top: 250px;
width:155px;
padding-top: 3px;
padding-left: 25px;
}
#news {
float:left;
position: absolute;
top: 250px;
width:160px;
padding-top: 3px;
padding-left: 25px;
}
#news #head{
color: #00247E;
font-size : 90%;
font-weight: bold;
}
#news #head2{
color: #62B6F0;
font-size : 85%;
}

.footer {
	position: relative;
	width: 970px;
	margin: 0 auto;
	background: url(images/bg_footer3.jpg) no-repeat;
}
.footerText {
text-align: left;
color : #59A1D3;
font-size : 60%;
padding : 55px 0px 0px 0px;
margin-left : 215px; 
display : block;
}
#footerText a {
color : #59A1D3;
text-decoration: none;
}
#footerText a:hover {
color : #E1477D;
text-decoration: none;
}
p {
padding: 10 50px 10 215px;
font-size : 80%;
color : #747679;
}
.pFooter {
text-align: left;
font-size : 105%;
font-weight: bold;
color : #626469;
padding: 0;
margin-left : 215px; 
margin-top: 70px;
}
.pFooter2 {
text-align: left;
font-size : 105%;
font-weight: bold;
color : #626469;
padding: 0;
margin-left : 215px; 
margin-top: 60px;
}
.pFooter3 {
text-align: left;
font-size : 105%;
font-weight: bold;
color : #626469;
padding: 0;
margin-left : 215px; 
margin-top: 60px;
}
#pFooter3 a {
text-align: left;
font-weight: bold;
color : #626469;

}
.footer3 {
font-size : 105%;
font-weight: bold;
color : #626469;
}
#footer3 a {
color : #626469;
text-decoration: none;
}
#footer3 a:hover{
color : #626469;
}
#icon{
margin-top: -30px;
margin-bottom : -20px; 
margin-left : -470px;
valign : middle; 
}
.pSmall{
font-size : 70%;
color : #747679;
text-align: right;
}
a {
color: #62B6F0;
text-decoration: none;
}
a:hover{
color: #000;
text-decoration: none;
}
H1 {
padding: 0 10 0 215px;
font-size : 100%;
font-weight: bold;
color : #62B6F0;
}
H2 {
padding: 10 10 0 215px;
font-size : 90%;
font-weight: bold;
color : #62B6F0;
}
ul {
font-size : 80%;
color : #747679;
list-style-image :  url(images/bullet.gif);
padding: 10 50px 10 230px;
margin : 0;
}
.stepcarousel{
position: relative; /*leave this value alone*/
float: right;
margin-right: 30px;
padding-right: 0px;
overflow: scroll; /*leave this value alone*/
width: 710px; /*Width of Carousel Viewer itself*/
height: 70px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;

}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
padding: 0px;
text-align: right;
width: 710px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.submit-button
{
width: 130px;
color: #00237D;
font-weight: bold;
font-size: 12px; 
	font-family: tahoma;
background: #62B7F0;
border: 1px #00237D;
cursor:pointer
}
.txtnormal
{
font-family : Arial, Helvetica;
font-size : 80%;
color : #747679;
}
table.clientsT{ 
width: 500px;
border-spacing: 0px;
padding: 0px;
margin-top: 0px;
margin-left: 215px;
}

table.clientsT td { 
text-align: left;
padding-left: 0px;
}
.ul2 {
font-size : 80%;
color : #747679;
list-style-image :  url(images/bullet.gif);
padding: 10 0px 10 20px;
margin : 0;
}
.p2 {
padding: 10 0px 10 0px;
font-size : 80%;
color : #747679;
}