/* STATREF CSS DOCUMENT */
* { margin:0; padding:0;}
html, body { height:100%; }
body {font-size:100% !important; line-height:1.4375em; }
html, input, textarea	{
	font-family: Tahoma, Geneva, sans-serif;
	color:#505355;
}	

.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.container1{ width:100%}
object { vertical-align:top; outline:none}
.clear { clear:both;} /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
.fleft{
	float:left;
	margin-top: 10px;
	margin-right: 10px;
} /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
.fright{ float:right} /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
div.container {	overflow:hidden; width: 100%;}
a img{ /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */ border:0}
img{ vertical-align:top;  }

a{color:#6699cc; text-decoration:none; outline:none} 
a:hover{text-decoration:underline}
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
}

.link{
	color:#6699CC;
	background:url(images/icons/nav/marker.gif) center right no-repeat;
	padding-right:10px;
	text-decoration:none;
	font-size:17px
}
#content .link{color:#1c1c1c; background:url(images/icons/nav/marker.gif) center right no-repeat; padding-right:10px; text-decoration:none; font-size:15px }
#content .link:hover{text-decoration:none; color:#6699cc }
.link:hover{
	text-decoration:none;
	color:#6699cc
}
.link1{color:#6699cc; display:block; font-style:normal; }
.link2{color:#424242;}
.link3{color:#6699cc;}
.button{color:#f8f7f3; background:url(images/layout/button.gif) top left no-repeat; font-weight:bold; padding:1px 8px 5px 9px; text-decoration:none;  }
.button:hover{text-decoration:underline }

#content ul{margin:0; padding:0; list-style:none; color:#6699cc}
#content ul .last{background:none}
#content ul li{background:url(images/layout/tail.gif) bottom left repeat-x  }
#content ul li div{
	background:url(images/icons/nav/ico-arrow.gif) top left no-repeat;
	background-position:0 9px;
	margin:0;
	padding-left:25px;
	font-weight: bold;
}
#content ul .li div{background:url(images/icons/nav/ico-arrow.gif) top left no-repeat; background-position:0 9px;  }
#content ul .li1 div{background:url(images/icons/nav/bg-submenu-ico.gif) top left no-repeat; background-position:0 5px;  }
#content ul .li2 div{
	background-position:0 center;
	background-image: url(images/icons/nav/list.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
}
#content ul .li3 div{
	background:url(images/icons/nav/book.gif) top left no-repeat;
	background-position:0 9px;
	padding-left: 35px;
}
#content ul .li4 div{
	background-position:0 9px;
}

#content ul .li5 div{
	font-family: Tahoma, Geneva, sans-serif;
	color: #C7C7C7;
	list-style-type: square;
}
#content ul .li6 div{background:url(images/icons/nav/ico-arrow.gif) top left no-repeat; background-position:0 9px;  }
#content ul li a{
	color:#505355;
	text-decoration: none;
	line-height:2.66em;
	font-weight: normal;
} 
#content ul li a:hover {
	color:#6699cc;
	text-decoration:underline;
	font-weight: bold;
}

.link-1 { display:block; float:left; background:none; color:#718690; text-decoration:none; }
.link-1 em { display:block; background:none; font-size:.92em}
.link-1  b { display:block; background:none; padding:1px 12px 7px 12px; font-weight:normal; font-style:normal;}

.link-1:hover { display:block; float:left; background:url(images/layout/link_bg.gif) repeat-x left top; color:#718690; text-decoration:none; }
.link-1 em:hover { display:block; background:url(images/layout/link_left.gif) no-repeat left top; font-size:.92em}
.link-1 b:hover { display:block; background:url(images/layout/link_right.gif) no-repeat right top; padding:1px 12px 7px 12px; font-weight:normal; font-style:normal;}

.link-2 { display:block; float:left; background:url(images/layout/link_bg.gif) repeat-x left top; color:#718690; text-decoration:none; }
.link-2 em { display:block; background:url(images/layout/link_left.gif) no-repeat left top; font-size:.92em}
.link-2  b { display:block; background:url(images/layout/link_right.gif) no-repeat right top; padding:1px 15px 7px 15px; font-weight:normal; font-style:normal;}



/*HEADER*/
#header {font-size:0.875em; color:#FFFFFF }
#header .logo{ margin:0 0 0 0 }
#header .indent{margin:114px 0 0 710px; position:absolute; width:228px}
#header .indent1{
	margin:40px 0 0 600px;
	position:absolute;
	width:150px;
	color: #6699CC;
	float: right;
	left: 282px;
	top: 0px;
	font-size: 18px;
	height: 37px;
}
#header .phone{
	margin:48px 0 0 793px;
	position:absolute;
	width:160px;
	color: #6699CC;
	font-size: 18px;
	height: 37px;
	text-align: right;
}

h1{ color:#6699cc; font-size:1.88em; line-height:1.27em; margin-bottom:11px}
h1 strong{ font-size:1.58em}

.banner, block { width:100%; overflow:hidden;}

.indent-block{padding:50px 0 0 56px}
#header p{ margin:0 0 35px 0}

.menu{ background:url(images/layout/menu_bg.gif) top left repeat-x; margin-bottom:8px}
.menu-left{ background:url(images/layout/menu_left.gif) top left no-repeat}
.menu-right{ background:url(images/layout/menu_right.gif) top right no-repeat; height:47px; width:100%}

#header ul{
	margin:0;
	list-style:none;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 52px;
}
#header ul li{ margin:0; display:inline}
#header ul .last{background:none}
#header ul li a{
	color:#ffffff;
	text-decoration:none;
	text-transform:uppercase;
	display:block;
	float:left;
	padding-right: 45px;
	font-weight: bold;
	zoom: 1;
} 
#header ul li a:hover {
	text-decoration:none;
	color:#b3d9ff;
	font-weight: bolder;
}

/* FLASH IMAGE TEXT SLIDESHOW */

.homeflash	{
		margin-top: 20px;
		background-color: #000033;
		border: solid #000000;
		border-width: 0px 0px 0px 0px;
		}

.flash-shadow	{
		font-size: 2px;
		width: 800px;
		height: 15px;
		background-image: url(images/layout/drop-shadow.jpg);
		background-repeat: no-repeat;
		}
		
/* GOOGLE TRANSLATE CODE */

.google_translate	{
			width: 187px;
			height: 65px;
			background-color: #B3D9FF;
			border: #C0C0C0 1px solid;
			}

/*CONTENT*/
#content{ font-size:0.75em; width:100%; text-align:left;}
#content .indent-main{padding:0 0 0 0}
#content .title{  margin-bottom:16px}
#content .img-left{ float:left; margin:0 10px 16px 0}
#content .img-left1{ float:left; margin:0 30px 16px 0}
#content .img-indent{ margin:0 0 16px 0}
#content p{
	margin:0 0 17px 0;
}
#content .p{ margin:0}
#content .p1{ margin:0 0 17px 0}
#content .p2{ margin:0 0 33px 0}
#content h3{color:#6699cc; font-size:1.66em; line-height:1.2em; background:url(images/layout/tail1.gif) bottom repeat-x; padding-bottom:9px; margin-bottom:11px }
#content h4{color:#424242; font-size:1em; }
#content h5{color:#424242; font-size:1em; margin-bottom:13px; font-style:italic; font-weight:normal  }
#content h2{color:#616161; font-size:2.41em; margin-bottom:13px; letter-spacing:-1px; line-height:1.2em}
#content h2 span{color:#605e5b; font-size:.41em; text-transform:uppercase; letter-spacing:1px; display:block; margin-top:-9px}
#content .tail{ background:url(images/layout/tail.gif) bottom repeat-x; padding-bottom:19px; margin-bottom:19px}
.txt{ font-style: italic; color:#424242}
.txt1{
	color:#6699cc;
	font-weight: bold;
}
.txt2{ color:#424242}

#content .indent{padding:0 0 0 156px}
#content .indent1{padding:20px 0 0 0}
#content .indent2{padding:0 0 20px 212px}
#content .indent3{padding:0 0 0 212px}

.line { height:15px; border-bottom:1px solid #6699cc; margin-bottom:20px;}
.line2 {
	height:15px;
	margin-bottom:10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #cccccc;
}

/*BOX*/
.box{ background:#fff; width:100%;}
.box .border-top {background:url(images/layout/border_top.gif) top repeat-x;}
.box .border-bottom {background:url(images/layout/border_bottom.gif) bottom repeat-x;}
.box .border-left {background:url(images/layout/border_left.gif) left repeat-y;}
.box .border-right {background:url(images/layout/border_right.gif) right repeat-y;}
.box .corner-top-left {background:url(images/layout/corner_top_left.gif) left top no-repeat;}
.box .corner-top-right {background:url(images/layout/corner_top_right.gif) right top no-repeat;}
.box .corner-bottom-left {background:url(images/layout/corner_bottom_left.gif) left bottom no-repeat;}
.box .corner-bottom-right {background:url(images/layout/corner_bottom_right.gif) right bottom no-repeat; width:100%; }
.box .indent-box{
	padding:16px;
}
#content .box h2{color:#505355; font-size:2.41em; line-height:1.2em; margin-bottom:13px; letter-spacing:0  }


/*PUBLIC FOOTER*/
#footer { color:#d0f7f6; font-size:0.75em; 
position: relative;/* this gives IE6 hasLayout to properly clear */
clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
}
#footer .indent-footer{
	padding:24px 0 0 0;
}
#footer .indent-footer1{
	margin:24px 0 0 793px;
	position:absolute;

width; 160px;}

#footer a {color:#d0f7f6; text-decoration:none}  
#footer a:hover {  text-decoration:underline}


.jamp{ width:40px; margin-left:6px}
select{font-size:.84em; color:#2d3331; height:20px;	font-family:Tahoma;}

.indent-2{ position:relative; padding-left:20px; float:left}
.h{ height:40px; background:url(images/layout/bg_input1.gif) top left no-repeat}
.h2{ height:343px; background:url(images/layout/bg_input2.gif) top left no-repeat}
.h1{ height:30px; background:url(images/layout/bg_input.gif) top left no-repeat}
.block-contact span{ float:right; margin-right:20px}
.block-contact1{ color:#8b8b8b}
.block-contact1 span{ float:right; margin-right:20px;}
.input{
   	border:none; 
	background:none;
	width:177px; height:20px;
	font-size:1em;
	color:#000;
	margin-right:8px;
	padding-left:10px;
	padding-top:2px;
}input{
   	border:none; 
	background:none;
	width:180px; height:18px;
	font-size:1em;
	padding-left:8px;
	padding-top:2px
}
textarea{
   	border:none; 
	background:none;
	width:180px; height:328px;
	font-size:1em;
	padding-left:8px;
	margin-bottom:11px;
	overflow:auto}
#content .container .col-3 ul .li5 {
	font-family: Tahoma, Geneva, sans-serif;
	color: #777;
	background-image: url(images/layout/list.gif);
	background-repeat: no-repeat;
	background-position: 0px center;
	text-indent: 12px;
}
#content .col-3 ul .li6 {
	font-family: Tahoma, Geneva, sans-serif;
	color: #505355;
	list-style-image: url(images/layout/book.gif);
	background-image: url(images/layout/book.gif);
	background-repeat: no-repeat;
	background-position: 0px center;
	text-indent: 9px;
}

.style1 {font-size: x-small}

