@charset "utf-8";
/* CSS Document */
body{
margin:0px;
padding:0px;
background:url(../images/mainbg.jpg) repeat-y top #77ced5;
SCROLLBAR-FACE-COLOR: #9a9a9a; PADDING-BOTTOM: 0px; SCROLLBAR-HIGHLIGHT-COLOR: #bcbcbc; SCROLLBAR-SHADOW-COLOR: #515050; SCROLLBAR-ARROW-COLOR: #ffffff; PADDING-TOP: 0px; SCROLLBAR-BASE-COLOR: #bcbcbc; scrollbar-dark-shadow-color: white; scrollbar-3d-light-color: #9a9a9a; scrollbar-width:2px;
}

h1,h2,h3,h4,h5p,div,img.ul,ol,li{
margin:0px;
padding:0px;
}

a{
position:relative;
}

.bgcontainer{
background:url(../images/bg1.gif) no-repeat top fixed;
width:100%;
height:auto;
overflow:auto;
}

.middlebgcontainer{
background:url(../images/middlebg.jpg) repeat-y top fixed;
height:auto;
overflow:auto;
width:100%;
margin:0px auto;
}
*html .middlebgcontainer{
background:url(../images/middlebg.jpg) repeat-y top fixed;
height:auto;
overflow:auto;
width:100%;
margin:0px auto;
}


.container{
width:954px;
height:auto;
margin:0px auto;
overflow:auto;
}

.header{
background:url(../images/header_bg.jpg) no-repeat top;
height:186px;
width:954px;
}

a.logo{
background:url(../images/iifalogo.png) no-repeat left top;
float:left;
width:376px;
height:106px;
margin-left:286px;
margin-top:19px;
position:relative;
cursor:pointer;
}

*html a.logo{
background:none;
float:left;
width:376px;
height:106px;
margin-left:286px;
position:relative;
cursor:pointer;
margin-top:19px;
FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/iifalogo.png',sizingMethod='scale')
}



/******css navigation******/
.navigation {
width:920px;
margin:21px auto 0px 17px;
background:url(../images/navbg.jpg) repeat-x top left;
height:38px;
float:left;
}
*html .navigation{
width:920px;
margin:21px auto 0px 8px;
background:url(../images/navbg.jpg) repeat-x top left;
height:38px;
float:left;
}
.navigation .navleft{
background:url(../images/nav_left.gif) no-repeat top left;
float:left;
width:4px;
height:38px;
}

.navigation .navrite{
background:url(../images/nav_rite.gif) no-repeat top right;
float:right;
width:4px;
height:38px;
}

.navigation ul {
padding:0;margin:0;list-style-type:none;margin-top:12px;
}
.navigation ul li {
float:left;
position:relative;
font:bold 11px Verdana, Arial, Helvetica, sans-serif, "Monotype Corsiva";
text-transform:uppercase;
color:#fff;
padding:0px 12px; 
}
.navigation ul li a, .navigation ul li a:visited {
display:block; font:bold 11px Verdana, Arial, Helvetica, sans-serif, "Monotype Corsiva";
color:#fff;
text-decoration:none;
 padding-bottom:12px;
}

.navigation ul li:hover {width:auto;}

.navigation ul li:active {width:auto; background: url(images/nav_bullet2.gif) no-repeat 7px 7px;}
/**.navigation ul li a.navigationone:hover {border-color:#c00; color:#f88;}**/

.navigation ul li a.navigationtwo:hover {
font:bold 11px Verdana, Arial, Helvetica, sans-serif, "Monotype Corsiva";
color:#fff;
text-decoration:none;
 padding-bottom:12px; 
}


.navigation ul li:hover a.navigationtwo  {border-color:#1366BB;}

.navigation ul li ul {
display: none;
z-index:1000;
}
.navigation table {
margin:0; border-collapse:collapse; font-size:11px; position:absolute; top:0; left:0; padding:0;z-index:1000;

}

/* specific to non IE browsers */
.navigation ul li:hover ul {
display:block;position:absolute;top:25px;margin-top:0px; left:0;width:134px;z-index:1000;
}
.navigation ul li:hover ul.endstop {
left:-92px;
}
.navigation ul li:hover ul li ul {
display: none;
}
.navigation ul li:hover ul li a {
display:block;background:#31abc0;color:#fff;height:auto;line-height:15px;padding:4px 4px; width:210px; border:1px solid #ccf2f9;BORDER-TOP:1px solid #31abc0; white-space:nowrap;z-index:1000;
}
.navigation ul li:hover ul li a.drop {
background:#31abc0 ;
}
.navigation ul li:hover ul li a:hover {
color:#000; background-color:#31abc0;
}
.navigation ul li:hover ul li a:hover.drop {
background: #31abc0 ;
}
.navigation ul li:hover ul li:hover ul {
display:block; position:absolute; left:153px; top:-1px;
}
.navigation ul li:hover ul li:hover ul.left {
left:-153px;
}



/* specific to IE5.5 and IE6 browsers */
.navigation ul li a:hover ul {
display:block;position:absolute;top:30px; t\op:25px;left:0;  w\idth:120px;border-top:1px solid #ccf2fa;
}

.navigation ul li a:hover ul.endstop {
left: -92px;
}
.navigation ul li a:hover ul li a {
display:block;background:#31abc0;color:#fff; height:1px; line-height:15px; padding:4px 5px; width:104px; border:1px solid #ccf2f9; 
BORDER-TOP:1px solid #31abc0; 
}
.navigation ul li a:hover ul li a.drop {
background:#31abc0;
}
.navigation ul li a:hover ul li a ul {
visibility:hidden; position:absolute; height:0; width:0;
}
.navigation ul li a:hover ul li a:hover {
color:#d3f9ff; background: #31abc0 ;
}
.navigation ul li a:hover ul li a:hover.drop {
 background: #31abc0  ;
}
.navigation ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; top:0;color:#000; left:153px;
}
.navigation ul li a:hover ul li a:hover ul.left {
left:-153px;
}
/***[if lte IE 5.5]

.navigation ul li a, .navigation ul li a:visited {height:33px;}
</style>
<![endif]**/
/******css navigation ends******/

/*navigation styles ends here*/




#contentpart{
background:url(../images/contentpartbg.jpg) no-repeat top center #f3e6ce;
float:left;
width:924px;
padding:0px 15px;
height:auto;
overflow:auto;
}

.flashpart{
margin:12px 0px 27px 0px;
background:url(../images/flash_bg.png) no-repeat top;
width:902px;
height:302px;
float:left;
padding:11px 11px;
}

*html .flashpart{
margin:12px 0px 27px 0px;
background:none;
width:902px;
padding:11px 11px;
height:302px;
FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/flash_bg.png',sizingMethod='scale')
}


.flash{
margin-top:13px;
width:634px;
height:275px;
float:left;
}

.flashrite{
margin-top:13px;
width:241px;
float:right;
height:100px;
margin-right:10px;
}


*html .flashrite{
margin-top:13px;
width:241px;
float:right;
height:100px;
margin-right:5px;
}


.flashrite .top{
width:251px;
float:left;
}

.top input{
width:180px;
background:#fff;
font:10px Arial, Helvetica, sans-serif;
color:#666;
border:aaa;
float:left;
border:1px solid #aaa;
}
.top a.button{
float:right;
cursor:pointer;
margin-top:2px;
}

.top a.signup{
float:left;
width:220px;
background:url(../images/signup_icon.gif) no-repeat left;
font:11px Arial, Helvetica, sans-serif;
color:#000;
text-decoration:none;
cursor:pointer;
margin-top:10px;
padding:3px 0px 3px 28px;
}

.top a.signup span{
font:bold 11px Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-style:italic;
color:#69bbc7;
}

.top a.signup:hover{
float:left;
width:220px;
background:url(../images/signup_icon.gif) no-repeat left;
font:11px Arial, Helvetica, sans-serif;
color:#fff;
text-decoration:none;
cursor:pointer;
margin-top:10px;
padding:3px 0px 3px 28px;
}

.articles{
float:left;
width:232px;
padding:10px;
background:#fff;
margin-top:5px;
}

.articles h3{
font:bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#d9224f;
text-transform:uppercase;
/*background:url(../images/bullet1.gif) no-repeat 6px left;
padding-left:13px;*/
}
.articles h3 a{
color:#d9224f;
text-decoration:none
}

.articles h3 a:hover{
color:#666;
text-decoration:none
}

.articleslist{
width:230px;
height:168px;
position:relative;
overflow:auto;
}


.articleslist ul{
margin:0px;
padding:0px;
}
.articleslist li{
background:url(../images/blue_bullet.gif) no-repeat left 8px;
font:12px Arial, Helvetica, sans-serif;
color:#666;
margin:3px 0px;
padding:5px 0px 5px 10px;
border-bottom:1px dashed #ccc;
}


.articleslist li a{
font:12px Arial, Helvetica, sans-serif;
color:#666;
text-decoration:none
}

.articleslist li a:hover{
font:12px Arial, Helvetica, sans-serif;
color:#1a656f;
text-decoration:none
}



#bodypart{
background:#f3e6ce;
width:924px;
height:auto;
overflow:auto;
float:left;
}



#bodypart .leftpart{
float:left;
background:#ecefe8;
border:1px solid #35acc1;
width:167px;
padding:15px 10px;
height:auto;
overflow:auto;
}

.leftpart img{
width:165px;
height:auto;
padding:5px 0px;
}



#bodypart .rightpart{
float:right;
background:#ecefe8;
border:1px solid #35acc1;
padding:7px 3px;
width:250px;
height:auto;
}

.rightpart p{
margin:0px;
padding:0px;
padding-bottom:5px;
width:234px;
font:12px Arial, Helvetica, sans-serif;
color:#060808;
line-height:16px;
text-align:center;
}
.rightpart p span{
font-weight:bold;
color:#d9224f;
text-transform:uppercase;
}

.rightpart .vidoesection{
width:251px;
height:218px;
float:left;
margin:5px 0px;
}

.videolinks{
width:245px;
float:left;
}

.videolinks ul{
width:220px;
list-style:none;
margin:0px;
padding:0px;
margin-left:10px;
padding:0px;
}

.videolinks li{
margin:0px;
padding:0px;
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#d9224f;
border-bottom:1px solid #e8d9d7;
background:url(../images/li_bullet.gif) no-repeat left;
padding:4px 0px 4px 10px;
}

*html .videolinks li{
margin:0px;
padding:0px;
font:12px Verdana, Arial, Helvetica, sans-serif;
color:#d9224f;
border-bottom:1px solid #e8d9d7;
background:url(../images/li_bullet.gif) no-repeat left;
padding:2px 0px 2px 10px;
}

.videolinks li a{
color:#d9224f;
text-decoration:none;
}

.videolinks li a:hover{
color:#333;
text-decoration:none;
}

.rightpart a.more{
font:10px Arial, Helvetica, sans-serif;
color:#000;
text-decoration:none;
background:url(../images/video_more_bullet.gif) no-repeat right;
padding-right:30px;
margin-right:5px;
float:right;
}

.rightpart a.more:hover{
font:10px Arial, Helvetica, sans-serif;
color:#d9224f;
text-decoration:none;
background:url(../images/video_more_bullet.gif) no-repeat right;
padding-right:30px;
margin-right:5px;
float:right;
}





#bodypart .midcontent{
float:left;
margin-left:15px;
padding:10px 10px;
width:434px;
height:auto;
}

.midcontent p{
margin:0px;
padding:3px 0px;
width:100%;
font:12px Arial, Helvetica, sans-serif;
color:#060808;
line-height:17px;
}

.midcontent p span{
width:100%;
font:bold 12px Arial, Helvetica, sans-serif;
color:#d9224f;
text-transform:uppercase;
}

.midcontent .upcomingevents{
float:left;
padding-bottom:10px;
width:434px;
padding:0px;
background:#ecefe8;
margin-top:10px;
}

.upcomingevents h1{
margin:0px;
padding:0px;
background:url(../images/upcoming_events_tit.gif) no-repeat top left;
height:26px;
width:394px;
font:bold 16px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
text-transform:uppercase;
color:#fff;
padding-left:42px;
padding-top:1px;
}



.upcomingevents .upcombox{
width:402px;
float:left;
margin:10px 0px 3px 10px;
border-bottom:1px solid #c9dfdb;
padding:2px 0px 15px 0px;
}

.upcombox .imgpart{
float:left;
width:auto;
height:auto;
padding:3px;
padding-bottom:6px;
background:#fff;
border:1px solid #e9f4f5;
margin-right:5px;
}

.upcombox .contentpart{
float:left;
width:275px;
font:11px Arial, Helvetica, sans-serif;
}

.content p{
margin:0px;
padding:2px 0px 2px 0px;
font:11px Arial, Helvetica, sans-serif;
line-height:16px;
}

.contentpart a.blue{
font:bold 12px Arial, Helvetica, sans-serif;
text-transform:uppercase;
color:#1693a5;
text-decoration:none;
}

.contentpart a.blue span{
font:bold 12px Arial, Helvetica, sans-serif;
text-transform:none;
color:#666;
text-decoration:none;
}

.contentpart a.blue:hover{
font:bold 12px Arial, Helvetica, sans-serif;
text-transform:uppercase;
color:#333;
text-decoration:none;
}

.contentpart .bottom{
margin-top:5px;
width:275px;
float:left;
}
.bottom input{
float:left;
cursor:pointer;
}


.bottom a.more{
padding-top:5px;
font:10px Arial, Helvetica, sans-serif;
color:#4aa4b1;
text-decoration:underline;
background:url(../images/more_bullet.gif) no-repeat right;
padding-right:10px;
margin-right:5px;
float:right;
}

.bottom a.more:hover{
padding-top:5px;
font:10px Arial, Helvetica, sans-serif;
color:#666;
text-decoration:none;
background:url(../images/more_bullet.gif) no-repeat right;
padding-right:10px;
margin-right:5px;
float:right;
}





/**********************************************footerpart**********************************************/



#footer{
background:url(../images/footer_index.png) no-repeat top center;
width:924px;
float:left;
height:170px;
padding:0px 15px;
}

*html #footer{
background:none;
width:924px;
float:left;
height:170px;
padding:0px 15px;
FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/footer_index.png',sizingMethod='scale');
}

.clear{
clear:both;
}

#footer .scroller{
float:left;
width:918px;
margin:0px auto;
background:#fff;
height:94px;
border:1px solid #d7e2e1;
border-top:1px dashed #d7e2e1;
border-bottom:1px dashed #d7e2e1;
margin-bottom:50px;
}


#footer p{
margin:0px;
padding:0px;
padding-left:125px;
float:left;
font:12px Arial, Helvetica, sans-serif;
color:#000;
width:auto;
}

#footer a.inforlinx{
margin-right:125px;
background:url(../images/inforlinx.png) no-repeat top left;
width:138px;
height:14px;
cursor:pointer;
float:right;
}

*html #footer a.inforlinx{
background:none;
margin-right:125px;
FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/inforlinx.png',sizingMethod='scale');
width:138px;
height:10px;
cursor:pointer;
float:right;
}



/*************************imagegallery**************************/

.stepcarousel {
	BORDER: fff 1px solid; OVERFLOW: scroll; POSITION: relative; HEIGHT: 70px; margin-top:15px;
}


.stepcarousel .belt {
	LEFT: 45; POSITION: absolute; TOP: 5px;
}


.stepcarousel .panel {
	FLOAT: left; width:185px; margin:0px 15px;
}
#galleryB {
	BORDER:none; HEIGHT:auto;
}
#galleryB .panel {
	FONT: bold 28px Arial; COLOR: white; HEIGHT: 150px; BACKGROUND-COLOR: green; TEXT-ALIGN: center
}
P.samplebuttons {
	WIDTH: 300px; TEXT-ALIGN: center;
}
P.samplebuttons A {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 1px; COLOR: #2e6ab1; MARGIN-RIGHT: 3px; PADDING-TOP: 1px; TEXT-DECORATION: none
}