
/* ----------------------------------------------
   HTML ELEMENTS
------------------------------------------------- */
 html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   font-weight: inherit;
   font-style: inherit;
   font-size: 100%;
   font-family: inherit;
   vertical-align: baseline;
}
p.three{
 width:180px;
 color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; line-height : 18px;
padding-bottom : 0;
 padding-top : 2px;
padding-left : 7px;
padding-right : 10px;
  text-align: left;
  vertical-align: top;
  margin-bottom: 0;
   margin-top: 0
}

@charset "utf-8";
body { color:#003333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
    margin:0; padding:0; width:100%; background:#698B69;}
html {background:#698B69; padding:0; margin:0;}

/* main */
.main {width:100%; padding:0; margin:0 auto; }
.resize { width:985px; margin:0 auto;}

/********** header **********/
.header { background:url(images/header_bg.gif) top repeat-x; padding:0; margin:0 auto; }

.block_header {margin:0 auto; width:985px; padding:0; border:none;}
/* logo */
.logo { float:left; padding:0; margin:0; width:341px;}
/* menu */	
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
overflow: hidden;
}
table{
  margin-left: 10px
}


/* heared_cont*/
.heared_cont { text-align:left; width:600px; float:right; margin:0; padding:25px 0 0 0;  color:#EEEEEE; line-height:1.8em; font-size: 24px; font-family: "Lucida Calligraphy" }
.heared_cont a { color:#3891d1; text-decoration:none;}
/*header_text*/
.header_text { height:325px; margin:0 auto 20px auto; padding:0; width:970px; border-bottom:1px solid #d9d9d9;}
.header_text .div { float:right; width:958px; padding:0; margin:0;}
.header_text .div .left1 { float:right; width:330px; padding:20px 10px 0 0; margin:0;}
.header_text .div .left1 h2 { font:normal 24px Arial, Helvetica, sans-serif; color:#858585; padding:10px 0 0 0; margin:0; border:0;}
.header_text p { font: normal 12px Arial, Helvetica, sans-serif; color:#a2a2a2; padding:10px 0 10px 0; margin:0;}
/********** slider **********/
.slider_top2 {background: url(images/bg.gif); margin:0 auto; padding:20px 0;}
.header_text2 { height:119px; margin:0 auto; padding:0; width:978px; border:1px solid #dcdcdc; background: url(images/slider_bg2.gif) top repeat-x;}
.header_text2 h2 { font:normal 36px Arial, Helvetica, sans-serif; color:#4392ca; padding:10px 0 0 30px; margin:0;}
.header_text2 p { font: normal 13px Arial, Helvetica, sans-serif; color:#868686; padding:10px 20px 10px 30px; margin:0;}
.body {color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; padding:0px 0 0 0; margin:0; }
.body_resize {color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; width:985px; margin:0 auto; padding:0; background:transparent; border:0px solid #d9d9d9;
  padding-left: 0px
}
.body h2 { font:normal 32px Arial, Helvetica, sans-serif; color:#003333; padding:15px 5px; margin:0; border-bottom:1px solid #d9d9d9;}
.body h5 { font:bold 16px Arial, Helvetica, sans-serif; color:#003333; padding:0px 5px; margin:0;border-bottom:1px solid #d9d9d9; margin-bottom: 5px }
.body h4 { font:normal 34px Arial, Helvetica, sans-serif; color:#003333; padding:15px 5px; margin:0 20px; border-bottom:1px solid #d9d9d9;}
.body h3 { font:normal 22px Arial, Helvetica, sans-serif; color:#003333; padding:15px 5px; margin:0; border-bottom:1px solid #d9d9d9;}
.right p { color:#003333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; line-height : 18px;
padding-bottom : 0;
 padding-top : 2px;
padding-left : 7px;
padding-right : 10px;
  text-align: justify;
  vertical-align: top;
  margin-bottom: 0;
   margin-top: 0}
.left2 h2 { font:normal 22px Arial, Helvetica, sans-serif; color:#003333; padding:15px 5px; margin:0; border-bottom:1px solid #d9d9d9; text-align: center }

.left2 p { color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; line-height : 18px;
padding-bottom : 0;
 padding-top : 2px;
padding-left : 7px;
padding-right : 10px;
  text-align: left;
  vertical-align: top;
  margin-bottom: 0;
   margin-top: 0}
.left p { color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; line-height : 18px;
padding-bottom : 0;
 padding-top : 2px;
padding-left : 7px;
padding-right : 10px;
  text-align: left;
  vertical-align: top;
  margin-bottom: 0;
   margin-top: 0}
 ul.one {
  list-style: disc;
  line-height: 22px;
  margin-left: 10px;
  color: #003333;
  padding-left: 10px
}
ul.two {
  list-style: disc;
  line-height: 22px;
  margin-left: 0px;
  color: #000000;
  padding-left: 20px;
  margin-right: 2px
}
p.more{
  font-weight: bold
}

ul.two li{

  margin-left: 0px;
  color: #003333;
  padding-left: 0px
}
.body p span { color:#4392ca;}
.body a { color:#3891d1; text-decoration:none;}
.body img { float:left; margin:5px; padding:0; margin-bottom: 0px }
.body img.floated {float:right; margin:0px 0px 5px 5px; padding:0; }
.left  { width:330px; border:0px solid #e8e8e8; background:#fff; float:left; margin:0px; padding:10px 0px; margin-left: 10px }
.left2  { width:270px; float:right; margin:0px; padding:10px 0px;}
.right  { width:700px; float:left; margin:0px; padding:10px 3px;  }
.blog { width:230px; float:left; margin:10px 2px; padding:0;}
.blog2 { width:230px; float:left; margin:10px 15px; padding:0;}
/********** block index **********/
.FBG {background: #3d3d3d url(images/FBG_bg.gif) top repeat-x; padding:0; margin:0; }
.FBG_resize { width:980px; margin:0 auto; padding:0;}
.FBG h2 { font:normal 18px Arial, Helvetica, sans-serif; color:#fff; padding:15px 5px; margin:0; border-bottom:1px solid #484848;}
.FBG img { float:left; margin:5px; padding:0;}
.FBG a { color:#3891d1; text-decoration:none;}
.FBG p span { color:#3891d1;}
.left_bg  { width:260px; float:left; margin:5px; padding:10px 15px;}

/********** contact form **********/
#contactform { margin:0; padding:5px 10px; color: #111111 }
#contactform * { color:#111111;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { float:left; margin:0; width:100px; padding:5px 0; font:bold 12px Arial, Helvetica, sans-serif; color:#111111; text-transform:capitalize;}
#contactform label span { font:normal 10px Arial, Helvetica, sans-serif; color: #000000 }
#contactform input.text { width:430px; border:1px solid #d7d7d7; margin:5px 0; padding:5px 2px; height:15px; background:#fff; color: #111111 }
#contactform textarea { width:430px; border:1px solid #d7d7d7; margin:10px 0; padding:2px; background:#fff; height:250px;}
#contactform li.buttons input { padding:3px 0; margin:0 0 0 100px; border:0; color:#111111;}
p.response { text-align:center; color:#2c2c2c; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}
/*************footer**********/
.footer {padding:0;  margin:0 auto; background: #323232 url(images/footer_bg.gif) top repeat-x; }
.footer_resize { margin:0 auto; padding:0; width:960px;}
.footer p {font:normal 12px  Arial, Helvetica, sans-serif; color:#EEEEEE;}
.footer a { font: normal 12px Arial, Helvetica, sans-serif; color:#EEEEEE; text-decoration:none; padding:5px; margin:0; font-weight: bold }
.footer img { margin:0; padding:0; float:left;}
.footer p.leftt { text-align:left; width:610px; margin:0; padding:25px 0 0 0; float:left; padding-bottom: 9px }

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg { clear:both; border-top:1px solid #d9d9d9; padding:0; margin:10px 0; background:none; line-height:0;}
li.bg2, .bg2 { clear:both; border-top:1px solid #484848; padding:0; margin:10px 0; background:none; line-height:0;}

.gallery { width:960px; height:270px; margin:0 auto; padding:0; padding-left: 0px }

 .box-table-a {
font-family : "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
font-size : 12px;
margin : 5px;
width : 680px;
text-align : left;
border-collapse : collapse;
border-top : 2px solid #003300;
border-bottom : 4px solid #003300;
  margin-bottom: 10px
}
.box-table-a th {
font-size : 18px;
font-weight : normal;
padding : 8px;
background : #e8edff;
border-right : 1px solid #9baff1;
border-left : 1px solid #9baff1;
color : #003333;
}
.box-table-a ul li{
  margin-left: 20px;
  line-height: 22px
}

.box-table-a td {
padding : 5px;
background : #FFFFFF;
border-right : 1px solid #003300;
border-left : 1px solid #003300;
border-top : 1px solid #003300;
color : #000000;

padding-bottom : 5px;

  vertical-align: top;
  padding-left: 0px
}

.iconspan{
float: right;
margin: 3px;
cursor:hand;
cursor:pointer;
font-weight: bold;
}

/*CSS used to style the examples. Remove if desired: */

.eg-bar{
background-color: #EEF5D3;
font-weight: bold;
border: 1px solid black;
padding: 3px;
  margin-left: 2px
}

div.eg-bar{
width: 640px;
}

.icongroup1{
width: 680px;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.markermenu{
width: 200px; /*width of menu*/
  margin-left:0px;

}

.markermenu ul{
list-style-type: none;
margin: 0px 0;
padding: 0;
  left: 0px
}

.markermenu ul li a{
background: #cdc9a5 url(arrow-list.gif) no-repeat 2px center;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #00014e;
display: block;
width: auto;
padding: 3px 0;
padding-left: 20px;
text-decoration: none;
border-bottom: 1px solid #B5B5B5;
  padding-bottom: 2px
}


* html .markermenu ul li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
width: 190px;
}

.markermenu ul li a:visited, .markermenu ul li a:active{
color: #00014e;
}

.markermenu ul li a:hover{
color: black;
background-color: #ffffcb;
background-image:url(arrow-list-red.gif); /*onMouseover image change. Remove if none*/
}

/* Holly Hack for IE \*/
* html .markermenu ul li { height: 1%; }
* html .markermenu ul li a { height: 1%; }
/* End */
p.page-navigation{
  font-size: 13px;
  font-weight: bold;
  border-bottom: thin solid #444444
}

