body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background:#edefea;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

.body2  {background-color: #FFF; background-position: right; background-repeat: repeat-y; clear: both; text-align: left; width: 765px}

.center {text-align:center}

.header {width:765px; font-family:Verdana, Arial, Helvetica, Sans-Serif; font-weight:bold; font-size:10px;color:#666666; text-decoration:none;}
a.header {color:#666666;text-decoration:none;font-family:Verdana, Arial, Helvetica, Sans-Serif; font-weight:bold;font-size:10px}
a.header:hover {color:#666666;text-decoration:underline;font-family:Verdana, Arial, Helvetica, Sans-Serif; font-weight:bold;font-size:10px;}

.header-photo {width:765px; background-color:#ccc;font-family:Verdana, Arial, Helvetica, Sans-Serif; font-weight:bold;font-size:10px;color:#333;}

.menu-background {
background-color:#0173af;
padding-top:1px;

}

.body-background {
	float:left;
	width:100%; 
	vertical-align:top;
	font:12px;
	font-family:Verdana,Arial,Helvetica,Sans-serif;
	color:#666666; 
	text-decoration: none;
	padding-bottom: 2px;
}

.floatleft{
float:left;
padding-right:10px;
padding-bottom:0px;
}

.floatright{
float:right;
padding-left:10px;
padding-bottom:0px;
}

/*start of right box - new*/
.rightbox{ 
width:155px;
list-style-type: none;
margin: 0px;
padding-left:0px;
margin-bottom: 0px; /*bottom spacing between each UL and rest of content*/

}

.rightboxgreen{ 
width:155px;
list-style-type: none;
margin: 0px;
padding-left:0px;
margin-bottom: 0px; /*bottom spacing between each UL and rest of content*/
}
.boxhead{background:url(../_images/box-head.jpg);
height:25px;
font-weight:bold;
padding-top:5px;
text-align:center;
list-style-type: none;
color:#FFF;
}


.boxbody{background-color:#f9f9f8;
text-align:left;
padding-left:5px;
padding-right:5px;
list-style-type: none;
padding-top:5px;
padding-bottom:10px;
border-bottom:thin dashed #f0f0ed;
border-left:thin solid #f0f0ed;
border-right:thin solid #f0f0ed;
}

.boxtail{background-color:#f9f9f8;
text-align:left;
padding-left:5px;
padding-right:5px;
list-style-type: none;
padding-top:5px;
padding-bottom:10px;
border-bottom:thin solid #f0f0ed;
border-left:thin solid #f0f0ed;
border-right:thin solid #f0f0ed;
}
/*end of right box*/


/*start of right box purple*/
.rightboxpurple{ 
width:155px;
list-style-type: none;
margin: 0px;
padding-left:0px;
margin-bottom: 0px; /*bottom spacing between each UL and rest of content*/
}

.boxbodypurple{background-color:#f9f9f8;
text-align:left;
padding-left:5px;
padding-right:5px;
list-style-type: none;
padding-top:5px;
padding-bottom:10px;
border-bottom:thin dashed #f0f0ed;
border-left:thin solid #734e9c;
border-right:thin solid #734e9c;
}

.boxtailpurple{background-color:#f9f9f8;
text-align:left;
padding-left:5px;
padding-right:5px;
list-style-type: none;
padding-top:10px;
padding-bottom:10px;
border-bottom:thin solid #734e9c;
border-left:thin solid #734e9c;
border-right:thin solid #734e9c;
}
/*end of right box*/

.middlebox {
background:url(../_images/middle-box.jpg); 
text-align:left;
padding:10px;
width:550px;


}

.middlebox2 {
background:url(../_images/middle-box.gif);
text-align:left;
padding-bottom:5px;
width:300px;
height:180px;
}
.middle {
	vertical-align: top;
/*	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 2px;*/
}

.top_header{font-size:24px; font:Verdana, Geneva, sans-serif; float:right; text-decoration:none; font-weight:bold; padding-bottom:10px; padding-top: 5px; margin-right:5px;text-align:right; color:#336699; }
.section_header{font-size:18px; font:Tahoma; color:#336699;text-decoration:none; font-weight: bold; padding-bottom:1px; padding-top: 10px; background-image:url(../_images/line.jpg);background-repeat:repeat-x; background-position:bottom;text-align:left}

ol.d{
	list-style-type:lower-alpha}
	
/*horizontal menu*/
#nav li {
  /*float the main list items*/
  margin: 0;
  float: left;
  display: block;
  padding-right: 15px;
}

#nav li.off ul, #nav li.on ul {
  /*hide the subnavs*/
  display: none;
}

#nav li a {
  /*for all links in the list*/
  color: #f90;
  font-weight: bold;
  display: block;
  height: 15px;
  width: 100px;
  border: 1px solid #29497b;
  padding: 5px;
}

/*position our second nav level below the main list, so that when it does show up again, it’s in the right place*/
#nav li.off ul, #nav li.on ul {
  /*put the subnavs below and hide them all*/
  display: none;
  position: absolute;
  top: 33px;
  height: 15px;
  left: 0;
  padding-top: 10px;
}

/*end of horizontal menu*/


.main_container {
	/*padding-left: 8px;
	padding-bottom: 10px;*/
	width:765px;
	height: 100%;
	text-align: center;
	/*vertical-align: top;*/
	background-color:#CCC /*gray*/
}
/*------------- button ------------*/
.button {  
   
   padding: 0 2px 0 2px;  
   height: 20px;  
   border: 0;  
   cursor: pointer;  
   text-align: center;
   color: #f9f9f9;  
   background: transparent url(../_images/button.gif);
   background-repeat:repeat-x;  
   font: bold 14px "Myriad Pro", arial, sans-serif;  
}  

.button:hover {
   padding: 0 2px 0 2px;  
   height: 20px;  
   border: 0;  
   cursor: pointer;  
   text-align: center;  
   color: white;  
   background: transparent url(../_images/button-hover.gif);
   background-repeat:repeat-x;
   font: bold 14px "Myriad Pro", arial, sans-serif;  
   text-decoration:none;
}

a.button {
   padding: 0 2px 0 2px;  
   height: 20px;  
   border: 0;  
   cursor: pointer;  
   text-align: center;  
   color: white;  
   background: transparent url(../_images/button.gif);
   background-repeat:repeat-x;
   font: bold 14px "Myriad Pro", arial, sans-serif;  
   text-decoration:none;
}

/*------------- end button ------------*/


/*------ start collapsable menu----------*/
.arrowlistmenu{
width: 240px; /*width of accordion menu*/
/*padding:1px;
border-width:0.05em;
border-style:solid;
border-color:#cedbeb*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font-family: Verdana, Arial, Helvetica, sans-serif;
/*font-size: 0.8em;
*/color: white;
font-weight:bold;
background: #6699cc repeat-x center left;
/*background-image:url(../_images/sectionheader2.jpg);
*/
background-image:url(../_images/left-menu-arrow-not-expand.gif);
margin-top:0px;
margin-bottom:1px; /*bottom spacing between header and rest of content*/
padding: 5px 5px 5px 5px; /*header text is indented 5px*/
cursor: hand;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background:#0173AF repeat-x center left;
background-image:url(../_images/left-menu-arrow-expand.gif); /*down arrow*/
/*background-image: url(../_images/sectionheader3B.jpg);*/
} 

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0px;
padding: 0px;
margin-bottom: 0px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 1px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #336699;
/*font-size: 0.8em;*/
font-family: Verdana, Arial, Helvetica, sans-serif;
background: #D6DBEC no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #f0f0f0;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #A6699cc;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
/*font-size: 0.8em;*/
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #6699cc;
background-color: #f0f0f0;
}
/*-------------end of menu--------------*/

.homepageheader{font-size:14px; font:Arial; color:#347e66; text-decoration:none; font-weight: bold; padding-bottom:5px; text-align:left}

.indent{
text-indent:1cm}	

.tablenoborder{
width:100%;
background-color:#fff;
text-align:left;
text-decoration:none;
font-size:12px;
cursor:pointer;
clear:both;
}


table.rightbox{
color:#666666;
border-top:3px double #e8e1dc;
border-bottom:3px double #e8e1dc;
border-left:3px double #e8e1dc;
border-right:3px double #e8e1dc;
float:right;
font:1em Tahoma;
width:154px;
background-color:#FFF;
text-align:left;
text-decoration:none;
font-size:12px;
cursor:pointer;
clear:both;

}

table.rightboxheader{
float:right;
font-family: Verdana, Arial, Helvetica, sans-serif;
width:154px;

}

td.rightboxheader{
padding-bottom:5px;
border-left:#336600;
border-right:#336600;

}

td.rounded{
width: 150px;
background-image:url(../_images/roundedCornerTop.gif);
background-repeat:no-repeat;
color:#FFF;
font-weight:bold;
border:0px;
padding-top:4px;
padding-bottom:2px;
text-align:center;

}

a.rightbox:hover{
text-decoration:underline;
padding:50px;
}

table.rightboxhomepage{
color:#336600;
border:0;
float:right;
width:85px;
background-color:#ffffff;
clear:both;
}

.tablebordergray{

border-top:1px solid #d2d2d2;
border-bottom:1px solid #d2d2d2;
border-left:1px solid #d2d2d2;
border-right:1px solid #d2d2d2;
background-color:#fff;
text-align:left;
text-decoration:none;
font-size:12px;
cursor:pointer;
clear:both;
}

tr.tablebordergray, td.tablebordergray, th.tablebordergray{

border-top:1px solid #d2d2d2;
border-bottom:1px solid #d2d2d2;
border-left:1px solid #d2d2d2;
border-right:1px solid #d2d2d2;
text-align:left;
text-decoration:none;
font-size:12px;
cursor:pointer;
clear:both;
background-color:#4d7fb2;
color:#FFF;
font-weight:bold;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
text-align:center;
padding-top:10px;
padding-bottom:10px;
margin:0px;
border-spacing:0px;
}

td.tablebody, tr.tablebody{
background-color:#e6eacf;
color:#666666;
padding:10px;
margin:0px;
border-top:1px solid #d2d2d2;
border-bottom:1px solid #d2d2d2;
border-left:1px solid #d2d2d2;
border-right:1px solid #d2d2d2;
}

td.tablebody2{
background-color:#fff;
color:#666666;
padding:10px;
margin:0px;
border-top:1px solid #d2d2d2;
border-bottom:1px solid #d2d2d2;
border-left:1px solid #d2d2d2;
border-right:1px solid #d2d2d2;
}

.tablebody3{
background-color:#fff;
color:#666666;
padding:0px;
margin:0px;
border-top:1px solid #666666;
border-bottom:1px solid #666666;
border-left:1px solid #666666;
border-right:1px solid #666666;
}
.tablebold{
font-weight:bold;
padding-left:2px;

}

/*.tablelayoffpage{
border-width:medium;
text-align:left;
border:#666;
}*/

/*.maintable{
width: 756px;
vertical-align:top;
text-align:left;
height:300px;
}*/

.leftmenuheader{
background-image: url(../_images/sectionheader3B.jpg);	
width: 240px;

}

.leftmenubox{
background-color:#e5e5e5;
float:left; width:240px; 
	vertical-align:top;
	height:100%;
	font:1em Tahoma; 
	color:#666666; 
	text-decoration: none;
	margin-bottom:10px;
	padding-bottom:5px;
}

.left{
float:left; 
/*width:500px; */
background:url(../_images/leftmenubackground.jpg);

}

/*.middle_container {
	vertical-align: top;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 2px;
}*/
	
/*••••••••••••••ìîå•••••••••••••*/
.CR { font:0.5em Tahoma; color:#FFFFFF; text-decoration:none; text-align:left;width:50%}
a.CR { font:12px Tahoma; color:#FFFFFF; text-decoration:none}
a.CR:hover { font:12px Tahoma; color:#FFFFFF; text-decoration:underline}

.CR2 { font:0.5em Tahoma; color:#FFFFFF; text-decoration:none; text-align:right;width:50%}


.HASC { font:12px Tahoma; color:#F5C544; text-decoration:none; text-transform:uppercase}
a.HASC { font:12px Tahoma; color:#F5C544; text-decoration:none; text-transform:uppercase}
a.HASC:hover { font:12px Tahoma; color:#F5C544; text-decoration:underline; text-transform:uppercase}

.red { font:12px Tahoma; color:#FA5A00; text-decoration:none;}
a.red { font:12px Tahoma; color:#FA5A00; text-decoration:underline;}
a.red:hover { font:12px Tahoma; color:#FA5A00; text-decoration:none;}

.woir { font:12px Tahoma; color:#7f7f7f; text-decoration:none}
a.woir { font:12px Tahoma; color:#7f7f7f; text-decoration:underline}
a.woir:hover { font:12px Tahoma; color:#7f7f7f; text-decoration:none}

.woir2 { font:12px Tahoma; color:#FFFFFF; text-decoration:none}
a.woir2 { font:12px Tahoma; color:#FFFFFF; text-decoration:none}
a.woir2:hover { font:12px Tahoma; color:#FFFFFF; text-decoration:underline}

.post { font:12px Tahoma; color:#F5C544; text-decoration:none}
a.post { font:12px Tahoma; color:#F5C544; text-decoration:none}
a.post:hover { font:12px Tahoma; color:#F5C544; text-decoration:underline}

.post2 { font:12px Tahoma; color:#F5C544; text-decoration:none}
a.post2 { font:12px Tahoma; color:#F5C544; text-decoration:underline}
a.post2:hover { font:12px Tahoma; color:#F5C544; text-decoration:none}

.red2 { font:12px Tahoma; color:#FFFFFF; text-decoration:none;}
a.red2 { font:12px Tahoma; color:#FFFFFF; text-decoration:underline;}
a.red2:hover { font:12px Tahoma; color:#FFFFFF; text-decoration:none;}

.yellov { font:12px Tahoma; color:#728bb4; text-decoration:none}
a.yellov { font:12px Tahoma; color:#728bb4; text-decoration:underline}
a.yellov:hover { font:12px Tahoma; color:#728bb4; text-decoration:none}

.yellov2 { font:12px Tahoma; color:#1A65FE; text-decoration:none}
a.yellov2 { font:12px Tahoma; color:#1A65FE; text-decoration:underline}
a.yellov2:hover { font:12px Tahoma; color:#1A65FE; text-decoration:none}

.yellov3 { font:12px Tahoma; color:#e54848; text-decoration:none}
a.yellov3 { font:12px Tahoma; color:#e54848; text-decoration:underline}
a.yellov3:hover { font:12px Tahoma; color:#e54848; text-decoration:none}


.keys { font:12px Tahoma; color:#FFFFFF; text-decoration:none; font-weight:bold; text-transform:uppercase;}
a.keys { font:12px Tahoma; color:#FFFFFF; text-decoration:none; font-weight:bold; text-transform:uppercase;}
a.keys:hover { font:12px Tahoma; color:#FFFFFF; text-decoration:underline; font-weight:bold; text-transform:uppercase;}

.otstu10{ margin-right:10px}
.otstu15{ margin-right:15px}
.otstu20{ margin-right:20px}
/*••••••••••••••ìîå•••••••••••••*/


img {border:0px;}
br {line-height:10px;}

input {vertical-align:middle; padding:0px 0px 0px 4px; }
.intext{ color:#000000}

.dt {
	display:table; 
	width:100%;
}
.dr {
	display:table-row; 
	width:100%; 
	height:100%;
}
.dc {
	float:left; width:100%; 
	vertical-align:top;
	font:12px;
	font-family:Verdana,Arial,Helvetica,Sans-serif;
	color:#666666; 
	text-decoration: none;
	padding-bottom: 2px;
}
a { font:12px;     /*links*/
	font-family:Verdana,Arial,Helvetica,Sans-serif; 
	color:#336699; 
	text-decoration: underline;
}   
a:hover{ font:12px; 
	font-family:Verdana,Arial,Helvetica,Sans-serif; 
	color:#336699; 
	text-decoration: none;
}


.dc2 {
	float:left; width:100%; 
	vertical-align:top;
	font:12px;
	font-family:Verdana,Arial,Helvetica,Sans-serif;
	color:#ffffff; 
	text-decoration: none; 
	font-weight:bold;
}
.dc3 {
	float:right;
	vertical-align:top;
	font:12px;
	font-family:Verdana,Arial,Helvetica,Sans-serif;
	color:#666666; 
	text-decoration: none;
	padding-bottom: 2px;
	background:#fff;
	
}
.body{font:0.8em Tahoma; color:#666666; text-decoration: none;padding-left: 50px}
.li_body{
list-style-image:url(../_images/bullet.gif);
line-height:18px;
list-style-type:square;
color:666666}
.left_main_section_header{font-size:9px; font:Arial, Helvetica, sans-serif; color:#336699; float:left; text-decoration:none; padding-bottom:10px; padding-top: 5px; width:18%; background-image:url(../_images/line_div.gif); background-repeat:repeat-x; vertical-align:middle}
.main_section_header{font-size:24px; font:Arial, Helvetica, sans-serif; color:#336699; float:right; text-decoration:none; font-weight:bold; padding-bottom:10px; padding-top: 5px; margin-right:5px;text-align:right; width:30%}

.subheading{color:#336699; font:15px Tahoma; font-weight:bold}
.main_text, input, textarea, body, select{font:12px Tahoma; color:#666666; text-decoration: none}

.footer{
background-image:url(../_images/f001.jpg);
vertical-align:bottom;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#ffffff;
background-position: top; background-repeat: repeat-x; clear: both; text-align: center; width: 765px;
}

img.c11 {display:block}
a.footertext{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#ffffff;
text-decoration:underline;
}

a.footertext:hover{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:none;
color:#ffffff;
}

.superscript{
position:relative;
top:-0.5em;
font-size:80%;
}

.firstletter{
font-size : 150%;
font-weight : bold;
float : left;
width : 1em;
color : #336633;
text-align:right;
padding-top:0px;

}	
.next {
	text-align: right;
	width:75px;
	color:#ffffff;
	font-size:12px;
	background-color:#336699;
	PADDING-TOP: 0px; 
	PADDING-BOTTOM: 0px; 
	PADDING-TOP: 0px; 
	BORDER-TOP: #ffffff 0px; 
	BORDER-RIGHT: #ffffff 0px; 
	TEXT-ALIGN: center; 
	BORDER-BOTTOM: #ffffff 0px
}
.next a{
	text-align: right;
	color:#369;
	font-size:12px;
	cursor:inherit
}

.back {
	text-align: left;
	color:#369;
	font-size:12px
}
.back a{
	text-align: right;
	color:#369;
	font-size:12px
}
.step{font-size:24px; font:Arial, Helvetica, sans-serif; color:#336699; float:right; text-decoration:none; font-weight:bold; padding-bottom:10px; padding-top: 0px; text-align:right; width:30%}
	
.new {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 7px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	TEXT-TRANSFORM: capitalize; 
	color:#ffffff;
	background-color:#336633;
	PADDING-LEFT: 2px; 
	PADDING-RIGHT: 2px;
	PADDING-BOTTOM: 1px;
	PADDING-TOP: 1px;
	vertical-align: middle;
	
}

.latestinfobackground{
background-image:url(../_images/webtool.gif) no-repeat;	
background-color:#e5e5e5;
width:220px;
border-width:0.05em;
border-style:solid;
border-color:#cedbeb

}

.topmenu {font:Tahoma, Geneva, sans-serif;font-size:10px;color:#FFF;}
a.topmenu {font:Tahoma, Geneva, sans-serif;font-size:10px;color:#FFF;}
a.topmenu:hover {font:Tahoma, Geneva, sans-serif;font-size:10px;color:#FFF;}

td.bordered_cell {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.1em;
	text-align: left;
	vertical-align: top;
	color: #323232;
	border-width: 1px;
	border-style: solid;
	border-color: #CCCCCC;
	padding-bottom: 1px;
	padding-top: 1px;
	padding-left: 2px;
	padding-right: 12px;
	
}

/*.topheader {
background-color:#628fc6;
padding:5px;
font-weight:bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #323232;
}

.middlebody {
background-color:#9bbb58;
padding:5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #323232;

}*/

.new {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 7px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	TEXT-TRANSFORM: capitalize; 
	color:#ffffff;
	background-color:#336600;
	PADDING-LEFT: 2px; 
	PADDING-RIGHT: 2px;
	PADDING-BOTTOM: 1px;
	PADDING-TOP: 1px;
	vertical-align: middle;
}


#right {
background-image:url(images/left-header-1.jpg);
background-repeat:no-repeat;
width:260px;
height:275px;
}

#left2 {
background-image:url(images/left2.jpg);
background-repeat:no-repeat;
width:217px;
height:175px;
}

#left3 {
background-image:url(images/left.jpg);
background-repeat:no-repeat;
width:217px;
height:230px;
}

.news {
padding-bottom:5px;
}

/*box with shadow effect*/
.mod {
   position:relative;
   z-index:0;
   padding-bottom:6px; /* IE6 fix - bounds x1's height */ 
   _overflow-y:hidden;
}
.mod .mod-content {
   padding-left:6px;	
   padding-bottom:3px;
   height:60px;
   position:relative;
   z-index:2;
   border:1px solid #746555;
   background:#e6eacf;
}
.mod .x1 {
   display:block;
   background:#000;
   height:65px;
   /*_height:3000px;  IE6 can't do 100% of an unknown height */ 
   width:100%;
   position:absolute;
   top:6px; /* offset the shadow */
   left:6px;
   z-index:-1;
   opacity:.20;
   *filter:alpha(opacity="20"); /* use 'filter' for IE6 & 7 */
}
/*end*/

.text-blue{
	color:#336699}
	
.text-green{
	color:#6db33f}