@charset "utf-8";
* { padding: 0px; margin: 0px; }

body {margin:0 auto;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:normal; color:#003a70; }

.clean {clear:both;}
h5 {font-size:22px; margin:0px; padding:0px; }
.logo2 {float:left; margin:0px; padding:0px;height:25px; }
.logo3 {float:right;}
.img1 {float:left; margin-right:7px;} 
.img2 {float:right;}
#contalall { width:700px; margin:0 auto; margin-top:15px;  }

#bodyinside {border: 5px solid #00498d; background:#d9e4ee; padding:5px; }

#bodyinside h1 {text-align:right; font-size:14px; font-weight:bold; }

#fristblock { margin:5px; background:#fff; padding:10px;}
.line {margin:5px;border-top: 6px solid #00498d;}

.left {float:left;margin:0px;width:430px;border-right: 5px solid #00498d;}
.right {float:left;margin:0px; width:225px; padding-left:10px;}
.tab-6 {border-top: 5px solid #00498d;}
.tab-7 {border-bottom: 5px solid #00498d;}



.tab-1 {border-top: 5px solid #00498d;}
.tab-2 {border-right: 5px solid #00498d;}
.tab-3 {border-bottom: 5px solid #00498d; }
.tab-4 { background:url(images/contact-us-bg.jpg) no-repeat right center;}
.tab-5 { background:url(images/contact-us-bg2.jpg) no-repeat right center; width:219px; height:103px;}

.bg1 {background:#8cb0d3;}
.bg2 {background:#476b90;}
.bg3 {background:#537191;}


.ins li {
	margin-left:45px;
	margin-top:10px;
	list-style: url(images/icon-1.gif) outside;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}


.white {color:#FFFFFF; }


.newcl {margin:4px 4px 4px 0; }
.newcl2 {margin:5px;}

.inside-left {float:left;}
.inside-right {margin-top:4px;margin-left:10px;}
.inside-right2 {margin-top:4px;margin-left:40px;}



.txt2 h2 {text-align:left; font-size:16px; margin-left:10px; margin-top:5px;color:#FFFFFF; }
.txt2 h2 a {text-align:left; font-size:17px; margin-left:10px; margin-top:5px;color:#FFFFFF; text-decoration:none;  }
.txt2 h2 a:hover { color:#CCCCCC;}

.txt2 p {text-align:left; margin-left:10px; color:#FFFFFF; margin-top:4px; font-size:11px;}
.txt2 p a {text-align:left; ; color:#FFFFFF; margin-top:4px; font-size:11px;text-decoration:none;}
.txt2 p a:hover {  color:#CCCCCC;}

.txt h2 {text-align:left; font-size:16px; margin-left:10px; margin-top:5px; }
.txt p {text-align:left; margin-left:10px; font-size:11px; }
p.footer {float:right;}

/*
#yellowNav ul {margin-top:7px;padding:0;list-style:none;font:9px/1.5em Verdana; font-weight:bold; }
#yellowNav li {display:inline;margin:0;padding:0;text-align:center; }
#yellowNav a {float:left;background:url(images/nav-3.jpg) no-repeat left top;margin:0;padding:0 0 0 3px;text-decoration:none;margin-left:4px;}
#yellowNav a span {float:left;display:block;background:url(images/nav-4.jpg) no-repeat right top;padding:2px 7px 0px 6px;color:#004a8c; }
#yellowNav  a:hover span {color:#000;}
 Small hack for IE5-Mac \
*/

.endblue {background-color:#00498d; color:#FFFFFF; padding:3px; margin-top:2px;}
.yellow  {color:#ffe100; font-weight:bold;}

.bluez {color:#00a3c0;}

#in-side-rate { background:#ecf1f5; margin:5px; padding:2px; }
#in-side-rate h2{color:#004a8c; font-size:14px;}
#in-side-rate li{color:#00a3c0;	font-size:12px;	list-style: outside; display:list-item; width:
100%; clear:both; margin-left:20px;}

.leftz {float:left;}
.rightz { font-size:12px; color:#00a3c0; }

.form { padding:5px;}
.input-form-right {float:right; width:80%; border:1px solid #5184b2; margin-top:5px;}
.input-form-left {float:left; height:22px;margin-top:5px;}
.hrcls {clear:both;border:none; background:#00a3c0; }

.form-sub {background:url(images/submit.gif) no-repeat left top; width:57px; height:16px; text-align:center;  border:none; font-size:11px; font-weight:bold; float:right; cursor:pointer;} 






/*BLUE MENU*/
.animatedtabs{
margin-left:33px;
height:25px;
width:100%;
}


.animatedtabs ul{
list-style-type: none;
margin: 0;
margin-left: 10px; /*offset of first tab relative to page left edge*/
padding: 0;

}

.animatedtabs li{
float: left;
padding: 0;


}

.animatedtabs a{
float: left;
position: relative;
top: 5px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
background: url(images/tab-blue-left.gif) no-repeat left top;
margin: 0;
margin-right: 2px; /*Spacing between each tab*/
padding: 0 0 0 9px;
text-decoration: none;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:bold;

}

.animatedtabs a span{
float: left;
position: relative;
display: block;
background: url(images/tab-blue-right.gif) no-repeat right top;
padding: 5px 14px 3px 5px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */


}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.animatedtabs a span {float:none;}
/* End IE5-Mac hack */


.animatedtabs .selected a{
color:#ffdd00;
background-position: 0 -125px;
top: 0;
}

.animatedtabs .selected a span{

background-position: 100% -125px;
color:#ffdd00;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}

.animatedtabs a:hover{
color:#ffdd00;
background-position: 0% -125px;
top: 0;
}

.animatedtabs a:hover span{
color:#ffdd00;
background-position: 100% -125px;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}

/*YEWLLOW NAV*/
#yellowNav { float:right;}

#yellowNav ul{
list-style-type: none;
margin: 0;
margin-left: 10px; /*offset of first tab relative to page left edge*/
padding: 0;

}

.yellowNav li{
float: left;
margin: 0;
padding: 0;


}

.yellowNav a{
float: left;
position: relative;
top: 5px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
background: url(images/tab-y-left.gif) no-repeat left top;
margin: 0;
margin-right: 2px; /*Spacing between each tab*/
padding: 0 0 0 9px;
text-decoration: none;
color:#004a8c;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:bold;

}

.yellowNav a span{
float: left;
position: relative;
display: block;
background: url(images/tab-y-right.gif) no-repeat right top;
padding: 5px 14px 3px 5px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */


}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.yellowNav a span {float:none;}
/* End IE5-Mac hack */


.yellowNav .selecteds a{
color:#000000;
background-position: 0 -125px;
top: 0;
}

.yellowNav .selecteds a span{

background-position: 100% -125px;
color:#000000;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}

.yellowNav a:hover{
color:#000000;
background-position: 0% -125px;
top: 0;
}

.yellowNav a:hover span{
color:#000000;background-position: 100% -125px;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}



.clsup1 {margin-top:2px;}

h4 {font-size:10px;color:#003a70;margin:0 auto;width:100%;text-align:center;padding-top:15px;	font-style: normal;	line-height: normal;	font-weight: normal;	font-variant: normal;}

/*Testimonials*/
 .testimony {background-image: url(images/quotes2.gif);background-repeat: no-repeat;   background-position: -180px top;margin:0 auto;   }  
.testimonial {padding:25px 90px;background-image: url(images/quotes2.gif);background-repeat: no-repeat; background-position: 540px bottom;font-size:10pt;color:#787878; font-style:italic; }
.testament {} /*style this differently for whoever the quote is attributed to*/
.new { color:#787878; }
.new a { color:#787878; }


.left-new {margin-left:5px;}
.red { color:#FF0000; }


.left a {color:#003a70; text-decoration:none;}
.left a:hover {color:#000; text-decoration:none;}