﻿/* CSS Document - Joby Mavelikara - 04 December 2009*/

body, html/* Fix for Mozilla Firefox*/  {
	
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#dddddd;
	height:100%;
	font-family:Trebuchet MS;
	font-weight:normal;
    font-size:12px;
    text-decoration:none;
    color:#565656;
}
.MainContainer {
	margin: auto;
	padding: 0px;
	width: 960px;
	height: auto;
	
}
.TopHeader
{
	margin: auto;
	padding: 0px;
	width: 950px;
	height:20px;
	background-color:#eeeeee;
	padding-right:10px;
	color:#5a88ba;
	text-align:right;
	padding-top:2px;
}

.Page-Body-HomeContent
{	
	width:960px;
	/*min-height:400px;*/
	height:100%;
	background-color:White;	
	
}


.HeaderLink
{
	cursor:hand;
	font-weight:normal;
	font-size:12px;
	color:#5a88ba;
}
a.HeaderLink:link 
{
	cursor:hand;
    color : #5a88ba;
    text-decoration: none;
    
}

a.HeaderLink:visited
{
	cursor:hand;
color: #5a88ba;
text-decoration: none;

}

a.HeaderLink:hover
{
color: #fb781e;
text-decoration: none;
}


/*-----Top menu-----Style- Start Here---*/

/*top Menu Stlye --Start here*/
div#nav a{
	margin-right:4px;
	float:left;
	/*width:115px;*/
	height:20px;
	text-decoration:none;
	
	/*background: #fff url("Images/GUI/tab_off.gif") 0px 0px no-repeat;*/
}
div#nav a:hover{
/*background-color: #868686;*/
border-bottom:#f88d2d 2px solid;
	/*background: #fff url("Images/GUI/tab_on.gif") 0px 0px no-repeat;*/
	
}
.MenuCSS
{
	position:absolute;
	visibility: hidden;
	
	border-left:0px solid #cccccc;
	border-right:0px solid #cccccc;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	/*border-bottom-width: 0;*/
	font:normal 13px Trebuchet MS;
	line-height: 18px;
	z-index: 100;
	/*background-color: #fbfaf9;*/
	width: 205px;

	background: none;
	background-color: #f7f7f7;
	opacity: .95;
	filter: alpha(opacity=95);
	color :#565656;
	border-left:0px solid #cccccc;

}

.MenuCSS a
{
	width: 100%;
	display: block;
	text-indent: 0px;
	padding: 1px 0;
	text-decoration: none;
	font-weight: normal;
	text-indent: 5px;
	width: 202px;
	border-left:2px solid #cccccc;
	border-right:1px solid #cccccc;
	border-top:0px solid #cccccc;
	border-bottom:1px solid #cccccc;
}

.MenuCSS a:hover
{ /*hover background color*/
	background-color: #f1f1f1;
	color: #6ba8e9;
	width: 202px;
	border-left:2px solid #cccccc;
	border-right:1px solid #cccccc;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	
}
.MenuHightlight
{ 
	font-weight:normal;
	/*background-color: #868686;	*/
	border-bottom:#f88d2d 2px solid;
	color: #5a88ba;
}

.MenuStyle
{
	cursor:hand;
	font-weight:normal;
	font-size:13px;
	color:#000000;
}
a.MenuStyle:link 
{
	cursor:hand;
    color : #000000;
    text-decoration: none;
    
}

a.MenuStyle:visited
{
	cursor:hand;
color: #000000;
text-decoration: none;

}

a.MenuStyle:hover
{
color: #5a88ba;
text-decoration: none;
}

.MenuStyleSub
{
	cursor:hand;
	font-weight:bold;
	font-size:12px;
	color:#565656;
}
a.MenuStyleSub:link 
{
	cursor:hand;
    color : #565656;
    text-decoration: none;
    
}

a.MenuStyleSub:visited
{
	cursor:hand;
color: #565656;
text-decoration: none;

}

a.MenuStyleSub:hover
{
color: #6ba8e9;
text-decoration: none;
}


/*-----Top menu-----Style- End Here---*/


.FooterLink
{
	cursor:hand;
	font-weight:normal;
	font-size:12px;
	color:#5a88ba;
}
a.FooterLink:link 
{
	cursor:hand;
    color : #5a88ba;
    text-decoration: none;
    
}

a.FooterLink:visited
{
	cursor:hand;
color: #5a88ba;
text-decoration: none;

}

a.FooterLink:hover
{
color: #fb781e;
text-decoration: none;
}

.TextboxStyle
	 { 
		font-family :Trebuchet MS;
		font-size  : 12px; color: #555455;
		font-weight:normal;
		
	 }

.LabelMessage
	 { 
		font-family :Trebuchet MS;
		font-size  : 11px; color: #0f54a0;
		font-weight:normal;
		
	 }

.HomePageList
{
	cursor:hand;
	font-weight:normal;
	font-size:12px;
	color:#565656;
}
a.HomePageList:link 
{
	cursor:hand;
    color : #565656;
    text-decoration: none;
    
}

a.HomePageList:visited
{
	cursor:hand;
color: #565656;
text-decoration: none;

}

a.HomePageList:hover
{
color: #fb781e;
text-decoration: none;
}

.HomeBannerList
{
	color:#0f54a0;
	font-size:18px;
	font-family:Trebuchet MS;
	font-weight:900;
	cursor:hand;
	text-decoration: none;
}
a.HomeBannerList:link 
{
	color:#0f54a0;
	font-size:18px;
	font-family:Trebuchet MS;
	font-weight:900;
	cursor:hand;
    text-decoration: none;
}

a.HomeBannerList:visited
{
	color:#0f54a0;
	font-size:18px;
	font-family:Trebuchet MS;
	font-weight:900;
	cursor:hand;
	text-decoration: none;
}

a.HomeBannerList:hover
{
	color: #fb781e;
	font-size:18px;
	font-family:Trebuchet MS;
	font-weight:900;
	cursor:hand;
	text-decoration: none;
}
#vs_maincntr {overflow:hidden;width:584px;}
#vs_maincntr td div{font-family:Trebuchet MS;font-size:12px;font-weight:bolder;display:inline-block;text-align:left;padding:5px 5px 0;}
#vs_maincntr td div.current{width:135px;border-top:none;border-right:solid 1px #e4e4e4;color:#fb781e;cursor:pointer;background-color:White;height:40px;text-align:center;vertical-align:middle;}
#vs_maincntr td div.notcurrent{width:135px;border-top:none;border-right:solid 1px #e4e4e4;color:#545454;height:40px;text-align:center;vertical-align:middle;}


.marqueecontainer{
position: relative;
/*width: 200px; marquee width */
/*height: 200px; marquee height */
background-color: white;
/*overflow: hidden;*/
border: 0px solid #eeeeee;
padding: 2px;
padding-left: 0px;

}
#twitter_update_list
{
	
	font-family:Trebuchet MS;
	font-weight:normal;
    font-size:12px;
    text-decoration:none;
    color:#565656;
}
.twitterFollow
{
	cursor:hand;
	font-weight:bold;
	font-size:12px;
	color:#fb781e;
}
a.twitterFollow:link 
{
	cursor:hand;
    color : #fb781e;
    text-decoration: none;
    
}

a.twitterFollow:visited
{
	cursor:hand;
color: #fb781e;
text-decoration: none;

}

a.twitterFollow:hover
{
color: #fb781e;
text-decoration: underline;
}

.mail_body
{
	
	/*border-left: 1px;
	border-top: 1px; 
	border-bottom: 1px;
	border-right: 1px;*/
	background-color:#ffffff;
	text-align:left;
	font-weight:normal;
	font-family :Trebuchet MS;
	font-size  : 11px;
	width:380px;
	height: 100px;
	/*
	overflow:auto;
	
	scrollbar-3dlight-color:#faf4e8;
	scrollbar-arrow-color:#faf4e8;
    scrollbar-base-color:#faf4e8;
    scrollbar-darkshadow-color:#faf4e8;
    scrollbar-face-color:#faf4e8;
    scrollbar-highlight-color:#faf4e8;*/
}

.SectionLink
{
	cursor:hand;
	color:#545454;
	font-weight:normal;
	font-size:13px;
}
a.SectionLink:link 
{
	cursor:hand;
    color:#545454;
	font-weight:normal;
	font-size:13px;
    text-decoration: none;
    
}

a.SectionLink:visited
{
	cursor:hand;
	color:#545454;
	font-weight:normal;
	font-size:13px;
	text-decoration: none;

}

a.SectionLink:hover
{

	color :#5a88ba;
	font-weight:normal;
	font-size:13px;
	text-decoration: none;
}


.SectionLinkActive
{
	cursor:hand;
	color:#5a88ba;
	font-weight:bold;
	font-size:13px;
}
a.SectionLinkActive:link 
{
	cursor:hand;
    color:#5a88ba;
	font-weight:bold;
	font-size:13px;
    text-decoration: none;
    
}

a.SectionLinkActive:visited
{
	cursor:hand;
	color:#5a88ba;
	font-weight:bold;
	font-size:13px;
	text-decoration: none;

}

a.SectionLinkActive:hover
{

	color :#545454;
	font-weight:bold;
	font-size:13px;
	text-decoration: none;
}


.Tickerlink
{
	cursor:hand;
	font-weight:normal;
	font-size:12px;
	color:#565656;
}
a.Tickerlink:link 
{
	cursor:hand;
    color : #565656;
    text-decoration: none;
    
}

a.Tickerlink:visited
{
	cursor:hand;
color: #565656;
text-decoration: none;

}

a.Tickerlink:hover
{
color: #fb781e;
text-decoration: none;
}

.More
{
	cursor:hand;
	font-weight:normal;
	font-size:11px;
	color:#0f54a0;
}
a.More:link 
{
	cursor:hand;
    color : #0f54a0;
    text-decoration: underline;
    
}

a.More:visited
{
	cursor:hand;
color: #0f54a0;
text-decoration: underline;

}

a.More:hover
{
color: #fb781e;
text-decoration: none;
}


.contenthref
{
	cursor:hand;
	font-weight:bold;
	font-size:12px;
	color:#6ba8e9;
}
a.contenthref:link 
{
	cursor:hand;
    color : #6ba8e9;
    text-decoration: none;
    
}

a.contenthref:visited
{
	cursor:hand;
color: #6ba8e9;
text-decoration: none;

}

a.contenthref:hover
{
color: #565656;
text-decoration: none;
}
/*
li
{
	list-style-type:none;
	background:url("../../Images/GUI/swoosh-icon-small.jpg") 0 0 no-repeat;
	padding:0 0 0 20px;
}

*/

.SectionSubLink
{
	cursor:hand;
	color:#545454;
	font-weight:normal;
	font-size:12px;	
	
}
a.SectionSubLink:link 
{
	cursor:hand;
    color:#545454;
	font-weight:normal;
	font-size:12px;
    text-decoration: none;
    
}

a.SectionSubLink:visited
{
	cursor:hand;
	color:#545454;
	font-weight:normal;
	font-size:12px;
	text-decoration: none;

}

a.SectionSubLink:hover
{

	color :#5a88ba;
	font-weight:normal;
	font-size:12px;
	text-decoration: none;
}


.SectionSubLinkActive
{
	cursor:hand;
	color:#5a88ba;
	font-weight:bold;
	font-size:13px;
}
a.SectionSubLinkActive:link 
{
	cursor:hand;
    color:#5a88ba;
	font-weight:bold;
	font-size:12px;
    text-decoration: none;
    
}

a.SectionSubLinkActive:visited
{
	cursor:hand;
	color:#5a88ba;
	font-weight:bold;
	font-size:12px;
	text-decoration: none;

}

a.SectionSubLinkActive:hover
{

	color :#545454;
	font-weight:bold;
	font-size:12px;
	text-decoration: none;
}



.ContentTableFormat
{
	border-top:#e5e5e5 1px solid;
	border-left:#e5e5e5 1px solid;
	border-right:#e5e5e5 1px solid;
	border-bottom:#e5e5e5 1px solid;
	background-color:#f5f6f5;
}
.ContentTableGreenHead
{
	border-width:0px;
	background-image:url(../../Images/GUI/titleband_center.jpg);
	background-repeat:repeat-x;
	height:29px;
	color:#ffffff;
	text-align:center;
	vertical-align:top;
	font-weight:bold;
	font-size:15px;
	
}
.ContentTableGreenHeadLeft
{
	background-image:url(../../Images/GUI/titleband_left.jpg);
	background-repeat:no-repeat;
	width:6px;
	height:29px;
	float:left;
}
.ContentTableGreenHeadRight
{
	background-image:url(../../Images/GUI/titleband_right.jpg);
	background-repeat:no-repeat;
	width:6px;
	height:29px;
	float:left;
}


.ContactmailList
{
	cursor:hand;
	font-weight:normal;
	font-size:12px;
	color:#fb781e;
}
a.ContactmailList:link 
{
	cursor:hand;
    color : #fb781e;
    text-decoration: underline;
    
}

a.ContactmailList:visited
{
	cursor:hand;
color: #565656;
text-decoration: underline;

}

a.ContactmailList:hover
{
color: #565656;
text-decoration: none;
}


.ManagementList
{
	color:#0f54a0;
	font-weight:bold;
	font-size:12px;text-decoration: none;
}
a.ManagementList:link 
{
	color:#0f54a0;
	font-weight:bold;
	font-size:12px;
    text-decoration: none;
}

a.ManagementList:visited
{
	color:#0f54a0;
	font-weight:bold;
	font-size:12px;
	text-decoration: none;

}

a.ManagementList:hover
{
color: #f8953c;
font-weight:bold;
	font-size:12px;
text-decoration: underline;
}
.DownLoadLink
{
	cursor:hand;
	font-weight:bold;
	font-size:12px;
	color:#0f54a0;
}
a.DownLoadLink:link 
{
	cursor:hand;
    color : #0f54a0;
    text-decoration: none;
    
}

a.DownLoadLink:visited
{
	cursor:hand;
color: #0f54a0;
text-decoration: none;

}

a.DownLoadLink:hover
{
color: #fb781e;
text-decoration: none;
}
.sublinks1
{
	cursor:hand;
	font-weight:bold;
	font-size:12px;
	color:#fb781e;
}
a.sublinks1:link 
{
	cursor:hand;
    color : #fb781e;
    text-decoration: none;
    
}

a.sublinks1:visited
{
	cursor:hand;
color: #fb781e;
text-decoration: none;

}

a.sublinks1:hover
{
color: #565656;
text-decoration: none;
}
.bodytext
{
	cursor:hand;
	font-weight:bold;
	font-size:12px;
	color:#565656;
}
.bodytext1{
font-weight:normal; text-align:left;
font-size:11px;
color:#565656;
}

a.bodytext1:link 
{
	cursor:hand;
    color : #565656;
    text-decoration: none;
    
}

a.bodytext1:visited
{
	cursor:hand;
color: #565656;
text-decoration: none;

}

a.bodytext1:hover
{
color: #fb781e;
text-decoration: none;
}


.caseDownLoad
{
	cursor:hand;
	font-weight:normal;
	font-size:12px;
	color:#5786ba;
}
a.caseDownLoad:link 
{
	cursor:hand;
    color : #5786ba;
    text-decoration: underline;
    
}

a.caseDownLoad:visited
{
	cursor:hand;
color: #5786ba;
text-decoration: underline;

}

a.caseDownLoad:hover
{
color: #fb781e;
text-decoration: none;
}
.CareerBtn
{
	cursor:hand;
	color:#5a88ba;
	font-weight:bold;
	font-size:12px;
}
a.CareerBtn:link 
{
	cursor:hand;
    color:#5a88ba;
	font-weight:bold;
	font-size:12px;
    text-decoration: none;
    
}

a.CareerBtn:visited
{
	cursor:hand;
	color:#5a88ba;
	font-weight:bold;
	font-size:12px;
	text-decoration: none;

}

a.CareerBtn:hover
{

	color :#545454;
	font-weight:bold;
	font-size:12px;
	text-decoration: none;
}


.CareerBtnActive
{
	cursor:hand;
	color:#545454;
	font-weight:bold;
	font-size:12px;
}
a.CareerBtnActive:link 
{
	cursor:hand;
    color:#545454;
	font-weight:bold;
	font-size:12px;
    text-decoration: none;
    
}

a.CareerBtnActive:visited
{
	cursor:hand;
	color:#545454;
	font-weight:bold;
	font-size:12px;
	text-decoration: none;

}

a.CareerBtnActive:hover
{

	color :#5a88ba;
	font-weight:bold;
	font-size:12px;
	text-decoration: none;
}

.CareerBtnApplyonline
{
	cursor:hand;
	color:#5a88ba;
	font-weight:normal;
	font-size:12px;
}
a.CareerBtnApplyonline:link 
{
	cursor:hand;
    color:#5a88ba;
	font-weight:normal;
	font-size:12px;
    text-decoration:underline;
    
}

a.CareerBtnApplyonline:visited
{
	cursor:hand;
	color:#5a88ba;
	font-weight:normal;
	font-size:12px;
	text-decoration: underline;

}

a.CareerBtnApplyonline:hover
{

	color :#545454;
	font-weight:normal;
	font-size:12px;
	text-decoration: none;
}




.CareerBtnApplyonlineActive
{
	cursor:hand;
	color:#f98d2c;
	font-weight:normal;
	font-size:12px;
	
}
a.CareerBtnApplyonlineActive:link 
{
	cursor:hand;
    color:#f98d2c;
	font-weight:normal;
	font-size:12px;
    text-decoration:underline;
    
}

a.CareerBtnApplyonlineActive:visited
{
	cursor:hand;
	color:#f98d2c;
	font-weight:normal;
	font-size:12px;
	text-decoration: underline;

}

a.CareerBtnApplyonlineActive:hover
{

	color :#545454;
	font-weight:normal;
	font-size:12px;
	text-decoration: none;
}


.ContentTableGreenHeadSearch

{

background-color:#d7e1eb;
width:698px;
color:#f98d2c;
vertical-align:top;

padding-top:5px;

font-weight:bold;

font-size:13px;/*#d9e8d3*/

border-top:#dddddd 1px solid;

border-left:#dddddd 1px solid;

border-right:#dddddd 1px solid;

border-bottom:#dddddd 1px solid;
font-family:Trebuchet MS;
}
.ContentTableGreenHeadsearchdet

{

background-color:#f5f6f5;
width:698px;


border-left:#dddddd 1px solid;

border-right:#dddddd 1px solid;

border-bottom:#dddddd 1px solid;
font-family:Trebuchet MS;
height:100%
}




        
/*_____________________________________________ Start - Projects - jCarouselLiteDemo _____________________________________________*/


#jCarouselLiteDemo .carousel {
	POSITION: relative; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 20px 10px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 10px
}
#jCarouselLiteDemo .digg {
	POSITION: absolute; TOP: 110px; LEFT: 610px
}
#jCarouselLiteDemo .main {
	MARGIN-LEFT: 40px
}
#jCarouselLiteDemo .demo EM {
	FONT-STYLE: normal; COLOR: #ff3300; FONT-SIZE: 60%; FONT-WEIGHT: bold
}
#jCarouselLiteDemo .carousel BUTTON {
	FLOAT: left
}
#jCarouselLiteDemo .carousel A.prev {
	WIDTH: 30px; DISPLAY: block; BACKGROUND: url(../../Images/GUI/Slider/imageNavLeft.gif) no-repeat left 60px; FLOAT: left; HEIGHT: 143px; TEXT-DECORATION: none
}
#jCarouselLiteDemo .carousel A.next {
	WIDTH: 30px; DISPLAY: block; BACKGROUND: url(../../Images/GUI/Slider/imageNavLeft.gif) no-repeat left 60px; FLOAT: left; HEIGHT: 143px; TEXT-DECORATION: none
}
#jCarouselLiteDemo .carousel A.next {
	BACKGROUND: url(../../Images/GUI/Slider/imageNavRight.gif) no-repeat right 60px
}
#jCarouselLiteDemo .carousel A.next:hover {
	BACKGROUND-IMAGE: url(../../Images/GUI/Slider/imageNavRightHover.gif)
}
#jCarouselLiteDemo .carousel A.prev:hover {
	BACKGROUND-IMAGE: url(../../Images/GUI/Slider/imageNavLeftHover.gif)
}
#jCarouselLiteDemo .carousel A:hover {
	BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium; BORDER-TOP: medium none; BORDER-RIGHT: medium none
}
#jCarouselLiteDemo .carousel A:active {
	BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium; BORDER-TOP: medium none; BORDER-RIGHT: medium none
}
#jCarouselLiteDemo .carousel .jCarouselLite {
	BORDER: #BBBBBB 1px solid; POSITION: relative;  BACKGROUND-COLOR: #dfdfdf; FLOAT: left; VISIBILITY: hidden;  LEFT: -5000px
}
#jCarouselLiteDemo .carousel UL {
	MARGIN: 0px
}
#jCarouselLiteDemo .carousel LI IMG {
	BACKGROUND-COLOR: #fff; MARGIN: 10px; WIDTH: 150px; HEIGHT: 118px
}
#jCarouselLiteDemo .carousel LI P {
	BACKGROUND-COLOR: #fff; MARGIN: 10px; WIDTH: 150px; HEIGHT: 118px
}
#jCarouselLiteDemo .widget IMG {
	CURSOR: pointer
}
#jCarouselLiteDemo .mid {
	WIDTH: 400px; HEIGHT: 300px; MARGIN-LEFT: 80px
}
#jCarouselLiteDemo .vertical {
	MARGIN-LEFT: 170px
}
#jCarouselLiteDemo .vertical .jCarouselLite {
	WIDTH: 170px
}
#jCarouselLiteDemo .imageSlider LI IMG {
	WIDTH: 400px; HEIGHT: 300px
}
#jCarouselLiteDemo .imageSlider LI P {
	WIDTH: 400px; HEIGHT: 300px
}
#jCarouselLiteDemo .imageSliderExt LI IMG {
	WIDTH: 400px; HEIGHT: 300px
}
#jCarouselLiteDemo .imageSliderExt LI P {
	WIDTH: 400px; HEIGHT: 300px
}

HTML > BODY .cEnd {
	HEIGHT: auto
}
.cEnd:after {
	DISPLAY: block; HEIGHT: 0px; VISIBILITY: hidden; CLEAR: both; CONTENT: "."
}


/*_____________________________________________ End - Projects - jCarouselLiteDemo _____________________________________________*/

 
 
 
        
/*_____________________________________________ Start - Projects - jCarouselLiteDemo _____________________________________________*/

#jCarouselLiteDemo1  {
    margin:0 auto; 
    width:400px;   
    
}
  
        #jCarouselLiteDemo1 ul {
            margin: 0;
            padding:0;
            
        }
        #jCarouselLiteDemo1 ul li {
            margin: 0;
            padding:0;
            display: inline;
            list-style-type: none;
            /*padding-right: 10px;*/
            
        }
        #jCarouselLiteDemo1  li img, 
        #jCarouselLiteDemo1  li p {
            background-color: #fff;
            width: 150px;
            height: 118px;
            margin: 10px;
            padding:0;
            
            
        }
        
        #HorzUL li
        {
            display: inline;
            list-style-type: none;
            margin:0;
            /*padding-right: 20px;*/
        }
        
        
   
            
/*_____________________________________________ End - Projects - jCarouselLiteDemo _____________________________________________*/




#slideshow UL {
	PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
}
#slideshow LI {
	PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
}

.next {
	CURSOR: pointer
}
.prev {
	CURSOR: pointer
}
#screen {
	POSITION: relative; MARGIN-TOP: 40px; WIDTH: 725px; HEIGHT: 425px
}
#screen .next {
	POSITION: absolute; TOP: 200px
}
#screen .prev {
	POSITION: absolute; TOP: 200px
}
#screen .prev {
	LEFT: 10px
}
#screen .next {
	RIGHT: 10px
}

#screen2 {
	POSITION: relative; MARGIN: 20px; WIDTH: 479px;
}
#screen2 #buttons {
	BORDER-BOTTOM: #777 1px solid; BORDER-LEFT: #777 1px solid; WIDTH: 479px; 
	MARGIN-BOTTOM: 5px; BORDER-TOP: #777 1px solid; BORDER-RIGHT: #777 1px solid
}
#screen2 #buttons A {
	MARGIN: 10px; COLOR: #69c
}
#screen2 .prev {
	FLOAT: left
}
#screen2 .next {
	FLOAT: right
}
#slideshow {
	BORDER-BOTTOM: #777 1px solid; BORDER-LEFT: #777 1px solid;
	 WIDTH: 479px; OVERFLOW: hidden; BORDER-TOP: #777 1px solid; BORDER-RIGHT: #777 1px solid
}
#slideshow UL {
	PADDING-LEFT: 225px; WIDTH: 3900px
}
#slideshow LI {
	MARGIN: 0px 16px; FLOAT: left; CURSOR: pointer
}


.clear {
	WIDTH: 0px; HEIGHT: 0px; CLEAR: both
}











 
/***___________________________________________ SiteMap Start ***********************/

#SiteMap div
{
    text-align:left;
    
}

#SiteMap div a
{
   
    color:#545454;
    text-decoration:none;
    
}
#SiteMap div a:Hover
{
   
    color:#5A88BA;
    
    text-decoration:underline;
    
}
.MMenu
{
    width:680px;
    clear:both;
    padding: 0 0 20px 0px;
    
}
.MMenu div a
{
    font-size:14px;
    text-align:left;
}
.SMenu
{
     width:170px;
    float:left;
     padding: 5px 0 10px 0px;
     position:relative;
    
}
.SMenu div a
{
    /* font-size:12.5px;*/
     text-align:left;
    
}
.SSMenu
{
    width:150px;
    float:left;
    position:relative;
    clear:left;
    padding: 0 0 0 20px;
    
}

.SSMenu div a
{
     font-size:11px;
     text-align:left;
    
}

/*#SiteMap div div
{
    width:162px;
}

#SiteMap div div a
{
    
    font-size:12px;
    color:#658654;
}

#SiteMap div div div a
{
    width:162px;
    font-size:11px;
    color:#878168;
}*/

/***___________________________________________ SiteMap End ***********************/














.ToolTipBox {
	MARGIN-TOP: 20px; Z-INDEX: 10000; BACKGROUND: #fff; MARGIN-LEFT: 22px; WIDTH: 280px; POSITION: absolute
}

.ToolTipLinkArrow {
	MARGIN-TOP: -5px; BACKGROUND-IMAGE: url(../../Images/GUI/newsBox_top.gif); MARGIN-LEFT: 5px; WIDTH: 17px; BACKGROUND-REPEAT: no-repeat; POSITION: absolute; HEIGHT: 10px
}
.ToolTipBoxBody {
	BORDER-RIGHT: #cfcfcf 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cfcfcf 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; BORDER-LEFT: #cfcfcf 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #cfcfcf 1px solid; BACKGROUND-COLOR: #fcfefe
}

/* Home Page style right tooltip start here*/

.tTip { cursor: pointer; color: #666; font-weight: bold;}
	.tip {color: #333;}
	
		#cloud1 {top: 93px; left: 230px;}
		#cloud2 {top: 168px; left: 440px;}
		#cloud3 {top: 228px; left: 100px;}
		#cloud4 {top: 350px; left: 370px;}
		#cloud5 {top: 370px; left: 60px;}
	.tip {
	width: 312px;
	padding-top: 20px;
	overflow: hidden;
	display: none;
	position: absolute;
	z-index: 500;
	background: transparent url(../../Images/GUI/Tooltip/tipTop.png) no-repeat top;}
	
.tipMid {background: transparent url(../../Images/GUI/Tooltip/tipMid.png) repeat-y; padding: 0 25px 20px 25px;}
.tipBtm {background: transparent url(../../Images/GUI/Tooltip/tipBtm.png) no-repeat bottom; height: 32px;}

/* Home Page style right tooltip end here*/



.balloonstyle{
position:absolute;
top: -500px;
left: 0;
padding: 2px;
visibility: hidden;
border:1px solid #666666;
font:normal 12px Trebuchet MS;
line-height: 18px;
z-index: 100;
background-color:#f8f8f8;  /* #5ac3e5;*/
color:black;
width: 200px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5);
}

#arrowhead{
z-index: 99;
position:absolute;
top: -500px;
left: 0;
visibility: hidden;
}


.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.clearfix {display: inline-block;}  /* for IE/Mac */

<!--[if IE]>

  .clearfix {
    zoom: 1;     /* triggers hasLayout */
    display: block;     /* resets display for IE/Win */
    }  /* Only IE can see inside the conditional comment
    and read this CSS rule. Don't ever use a normal HTML
    comment inside the CC or it will close prematurely. */

<![endif]-->