/*----------------------- Default tags ------------------*/
html { height: 100%; margin-bottom: 1px; }
body    { min-height: 100%; font-family: Tahoma, Arial, sans-serif; font-size: 14px; color: #4f4a4a; padding: 3px 0 0 0; margin: 0; background: url(../images/wrapgon.gif) repeat-x; min-width: 980px; position: relative; }
H1		{ font-weight: normal; color: #3977b5; font-size: 28px; line-height: 40px; padding: 0; margin: 0 0 15px 0; }
H3 		{ margin: 0; padding: 16px 0 0 0; font-family: Arial; font-size: 20px; font-weight: normal; line-height: 20px; line-height:20px; color: #3977b5; }
img 	{ border: 0; }
A  		{ color: #3cadeb; text-decoration: none; outline: none; }
A:hover { color: #4d66a7; text-decoration: underline; }
p		{ margin: 0 0 20px 0; }

/*----------------------- Header contetn -----------------------*/
.topHeader { position: relative; width: 948px; height: 117px; margin: 0 auto; padding: 28px 0 0 20px; z-index: 1; }
H2.topLogo { margin: 0; padding: 0; width: 251px; background-image: url(../images/header/logo.gif); }
H2.topLogo A { display: block; height: 117px; text-indent: -5000px; }

.headerImage  { width: 100%; height: 356px; background: url(../images/header/header.jpg) no-repeat center top; }
.headerImageSec  { width: 100%; height: 317px; background: url(../images/header/headersecond.jpg) no-repeat center top; }
.buterfly	{ background:url(../images/header/bnuterfly.png) no-repeat; width: 131px; height: 166px; position: absolute; top: 100px; left: 558px; z-index: 10 }
.bannerContent	{ width: 879px; margin: 0 auto; position: relative; top: 65px; height: 168px; text-align: center;  }
.bannerContent img	 { position: absolute; left: 7px; top: 0; }

/*----------------------- Top Navigation and Main Menu -----------------------*/
#topNav { position: absolute; top: 0; right: 0; height: 78px; background-image: url(../images/header/ico_hover.gif); background-repeat: no-repeat; background-position: -500px 0; padding: 29px 22px 0 29px; }
#topNav UL { margin: 0; padding: 0; list-style: none; float: left; line-height: 50px; letter-spacing: 2px; }
#topNav UL LI { float: left; margin: 0 20px; }
#topNav LI A { display: block; width: 54px; height: 54px; color: #5e5d5d; text-align: center; background-repeat: no-repeat }
#topNav LI A:hover { background-position: 0 -54px; text-indent: -5000px; }
#topNav LI#icoHome A { background-image: url(../images/header/ico_home.gif); }
#topNav LI#icoEmail A { background-image: url(../images/header/ico_email.gif); }

UL#mainMenu { margin: 0 auto; padding: 0; list-style: none; width: 900px; position: relative; z-index: 100; }
UL#mainMenu LI { float: left; margin: 0 10px; height: 30px; background-image: url(../images/header/activeli.gif); background-position: 0 -500px; background-repeat: no-repeat; }
UL#mainMenu A { color: #000; font-family: Arial, sans-serif; font-size: 14px; font-weight: bold; text-decoration: none; }
UL#mainMenu DIV.subMenu { display: none; position: absolute; top: 29px; left: 0; width: 900px; }
UL#mainMenu DIV.subMenu DIV	{ float: left; background: url(../images/header/menu/left.png) no-repeat left top; padding: 0 0 0 7px; height: 39px; position: relative; }
UL#mainMenu DIV.subMenu UL { margin: 0; padding: 0; list-style: none; float: left; }
UL#mainMenu DIV.subMenu LI { float: left; height: 39px; padding: 0 9px; margin: 0; background: url(../images/header/menu/center.png) repeat-x left top; line-height: 35px; }
UL#mainMenu DIV.subMenu A { font-weight: normal; font-size: 12px; color: #fff !important; }
UL#mainMenu DIV.subMenu A:hover { font-weight: normal; color: #000 !important; }
UL#mainMenu DIV.subMenu SPAN	{ display: block; height: 39px; width: 7px; background: url(../images/header/menu/right.png) no-repeat left top; float: left; }
UL#mainMenu LI.hover DIV.subMenu  { display: block; }
UL#mainMenu LI.hover	{ background-position: center bottom; }
UL#mainMenu LI.active A, UL#mainMenu A:hover, UL#mainMenu LI.hover A	{ color: #425da2; }

/*----------------------- Main Content -----------------------*/
.mainContent  	{ width: 879px; margin: 0 auto; padding: 0 50px 220px; line-height: 24px; }
.leftColumn 	{ width: 580px;	padding: 0 0 30px 0; float: left; }
.leftColumn .shT{ margin:  0 0 15px -3px !important; }
.leftColumn p 	{ clear: both; }
.rightColumn 	{ width: 229px; float: right; color: #878282; font-size: 14px; font-style: italic; }
.rightColumn p	{ line-height: 26px; }
.oneColumn		{ background: url(../images/pix.gif) repeat-y right top; padding: 0 20px 0 0; float: left; }
.twoColumn		{ background: url(../images/pix.gif) repeat-y 614px 0; }

.newsColumn		{ width: 872px; margin: 20px 0 0 0; border-bottom: 1px solid #e5e5e5; }
.newsColumn	p	{ font-size: 13px; line-height: 18px; color: #6c6c6c; margin-top: 5px;}
.newsColumn a	{ color: #000; text-decoration: underline; margin: 0 20px 0 0; }
.newsColumn a:hover	{ text-decoration: underline; color: #3977b5; }

/*----------------------- Images borders -----------------------*/
.shT { display: block; float: left; background: url(../images/brdimage/centertop.gif) repeat-x left top; }
.shTL { display: block; float: left; background: url(../images/brdimage/lefttop.gif) no-repeat left top; }
.shTR { display: block; float: left; background: url(../images/brdimage/righttop.gif) no-repeat right top; }
.shL { display: block; float: left; background: url(../images/brdimage/centerleft.gif) repeat-y left top; }
.shR { display: block; float: left; background: url(../images/brdimage/centerright.gif) repeat-y right top; }
.shBL { display: block; float: left; background: url(../images/brdimage/leftbot.gif) no-repeat left bottom; }
.shB { display: block; float: left; background: url(../images/brdimage/botcenter.gif) repeat-x left bottom; }
.shBR { display: block; float: left; background: url(../images/brdimage/rightbot.gif) no-repeat right bottom; padding: 12px; font-size: 0; position: relative; }

.smhT { display: block; float: left; background: url(../images/brdimage/smalbridge/centertop.gif) repeat-x left top; margin: 0 15px 3px 0;}
.smhTL { display: block; float: left; background: url(../images/brdimage/smalbridge/lefttop.gif) no-repeat left top; }
.smhTR { display: block; float: left; background: url(../images/brdimage/smalbridge/righttop.gif) no-repeat right top; }
.smhL { display: block; float: left; background: url(../images/brdimage/smalbridge/centerleft.gif) repeat-y left top; }
.smhR { display: block; float: left; background: url(../images/brdimage/smalbridge/centerright.gif) repeat-y right top; }
.smhBL { display: block; float: left; background: url(../images/brdimage/smalbridge/leftbot.gif) no-repeat left bottom; }
.smhB { display: block; float: left; background: url(../images/brdimage/smalbridge/botcenter.gif) repeat-x left bottom; }
.smhBR { display: block; float: left; background: url(../images/brdimage/smalbridge/rightbot.gif) no-repeat right bottom; padding: 4px 5px 6px 5px; font-size: 0; }

/*----------------------- Footer content -----------------------*/
.footer { position: absolute; left: 0; bottom: 0; width: 100%; background-image: url(../images/footer/footfon.gif); background-repeat: repeat-x; font-size: 10px; }
.footerContainer { background: url(../images/footer/footer.gif) no-repeat 0 0; height: 181px; width: 326px; position: absolute; left: -80px; }
.footerContent	{ width: 968px; height: 181px; margin: 0 auto; background-repeat: no-repeat; position: relative; }
.footerContent ul		{ list-style: none; padding: 0 0 0 300px; margin: 0; float: left; }
.footerContent ul li    { float: left; position: relative; padding: 0 20px 0 0; margin: 56px 0 0 0; }
.footerContent ul li a	{ height: 30px; color: #b2a8a8; text-decoration: none; background-image: url(../images/footer/footernavactive.gif); background-position: center 50px; background-repeat: no-repeat; float: left; font-weight: bold; white-space: nowrap; }
.footerContent ul li a:hover, .footerContent ul li.active a { color: #000; background-position: center 20px; text-decoration: none; }
.footer .copyright { float: left; clear: left; padding: 15px 0 0 300px; color: #e9f3f7; line-height: 16px; white-space: nowrap; }
.footer .copyright A { color: #e9f3f7; text-decoration: underline; }
.footer .copyright A:hover { text-decoration: none; }
.footer .copyright SPAN { margin: 0 2px; color: #8dbdd3; }
.footer .copyright B { font-size: 11px; font-weight: normal; }

/*----------------------- Left and right pazles -----------------------*/
.pazleLeft { background: url(../images/pazle_left.gif) no-repeat left bottom; }
.pazleRight { background: url(../images/rightpazzle.png) no-repeat; width: 84px; height: 106px; position: absolute; right: 0; top: 200px;  }
.nofloat { clear: both; height: 0; font-size: 0; line-height: 0; }
.fRight	{ float: right !important; }
.fLeft	{ float: left !important; }
.rightH	{  float: right; width: 229px; }
.leftH	{ float: left; width: 580px; }