body
{
margin:0px;
padding:0px;
background-image:url(../Images/Main.jpg);
background-repeat:no-repeat;
font-family: Helvetica,Arial, sans-serif;
font-size:12px;
color:#333;
background-color:#ffffff;
}
/* Id used for take site in center */
#MainContainer
{
width:981px;
height:auto;
float:left;
position:absolute;
margin-left:-490px;
left:50%;
}
/* Id used for take header content */
#Header
{
width:981px;
height:auto;
padding-top:20px;
float:left;
}
/* Class used for takeing logo and top navigation */
.LogoContainer
{
width:941px;
height:71px;
float:left;
padding-left:20px;
padding-right:20px;
}
/* Class used for take logo */
.Logo
{
width:281px;
height:57px;
float:left;
}
/* Class used for giving top navigation and text */
.TopNaviContainer
{
width:650px;
height:auto;
float:left;
}
/* Class used for giving top navigation and text */
.TopNaviContainer1
{
width:510px;
height:auto;
float:left;
}
/* Class used for giving top navigation */
.TopNavi
{
width:110px;
height:auto;
float:right;
}
/* Class used for giving listing */
.TopNavi ul
{
list-style:none;
margin:0px;
padding:0px;
}
.TopNavi ul li
{
display:inline;
float:left;
}
.TopNavi ul li a
{
text-decoration:none;
float:left;
color:#0483b3;
font-size:11px;
float:left;

}
/* Class used for giving spacer between the text and pipe sign of top navigation */
.TextSpacer
{
margin-left:5px;
margin-right:5px;
}
/* Class used for giving width to last link of top navigation */
.TextWigth
{
width:65px;
}
/* Class used for giving Navigation text under the top navigation */
.TopNaviText
{
width:500px;
height:auto;
float:right;
margin-top:53px;
font-size:14px;
color:#8f8e8e;
text-align:right;
font-weight:bold;

}
/* Class used for giving Main Navigation */
.MainNaviContainer
{
width:961px;
height:47px;
float:left;
padding-left:20px;
}
.MainNaviContainer2
{
width:640px;
height:47px;
float:left;
}
/* Class used for giving Main Navigation listing */
.MainNaviContainer2 ul
{
list-style:none;
padding:0px;
margin:0px;
}
/* Class used for giving Main Navigation listing */
.MainNaviContainer2 ul li
{
float:left;
display:inline;
}
/* Class used for giving about menu image */
a.About
{
width:120px;
height:47px;
float:left;
background-image:url(../Images/AboutUs.gif);
background-repeat:no-repeat;
}
/* Class used for giving about hover menu image */
a.About:hover
{
width:120px;
height:47px;
float:left;
background-image:url(../Images/AboutUsHover.gif);
background-repeat:no-repeat;
}
/* Class used for giving energy menu image */
a.Energy
{
width:129px;
height:47px;
float:left;
background-image:url(../Images/Energy.gif);
background-repeat:no-repeat;
}
/* Class used for giving energy hover menu image */
a.Energy:hover
{
width:129px;
height:47px;
float:left;
background-image:url(../Images/EnergyHover.gif);
background-repeat:no-repeat;
}
/* Class used for giving life science menu image */
a.LifeSciences
{
width:127px;
height:47px;
float:left;
background-image:url(../Images/LifeSciences.gif);
background-repeat:no-repeat;
}
/* Class used for giving life science hover menu image */
a.LifeSciences:hover
{
width:127px;
height:47px;
float:left;
background-image:url(../Images/LifeSciencesHover.gif);
background-repeat:no-repeat;
}
/* Class used for giving Security menu image */
a.Security
{
width:125px;
height:47px;
float:left;
background-image:url(../Images/Security.gif);
background-repeat:no-repeat;
}
/* Class used for giving Security hover menu image */
a.Security:hover
{
width:125px;
height:47px;
float:left;
background-image:url(../Images/SecurityHover.gif);
background-repeat:no-repeat;
}
/* Class used for giving Get Involved menu image */
a.Get
{
width:127px;
height:47px;
float:left;
background-image:url(../Images/GetInvolved.gif);
background-repeat:no-repeat;
}
/* Class used for giving Get Involved hover menu image */
a.Get:hover
{
width:127px;
height:47px;
float:left;
background-image:url(../Images/GetInvolvedHover.gif);
background-repeat:no-repeat;
}
.SpaceLi
{
width:3px;
}
/* Class used for giving Middle container */
#MiddleContainer
{
width:941px;
height:auto;
float:left;
background-image:url(../Images/GrayBg1.jpg);
background-repeat:repeat-y;
padding-left:20px;
padding-right:20px;
padding-bottom:5px;
}
/* Class used for giving top image under top Navigation */
.TopImageEnergy
{
width:940px;
height:263px;
float:left;
background-image:url(../Images/TopImageEnergy.jpg);
background-repeat:no-repeat;
}
/* Class used for giving left and right pannel */
.ContantAreaEnergy
{
width:941px;
height:300px;
float:left;
overflow:scroll;
}
/* Class used for giving the space beween top image and main text area */
.TopSpace
{
width:640px;
height:24px;
float:left;
}
/* Class used for giving left image and right boxes */
.ImageContainer
{
width:941px;
height:auto;
float:left;
}
/* Class used for giving left pannel */
.LeftPannel
{
width:640px;
height:auto;
float:left;
}
/* Class used for giving right pannel */
.RightPannel
{
width:280px;
height:auto;
float:right;
}
/* Class used for giving Blue Gradient under the Video image */
.BlueArea
{
width:640px;
height:263px;
float:left;
background-image:url(../Images/BlueBgAbout.jpg);
background-repeat:repeat-x;
}
/* class used to change the color to orange for heading for security tab*/
.OrangeArea
{
width:640px;
height:263px;
float:left;
background-image:url(../Images/SecurityImageBg.jpg);
background-repeat:repeat-x;
}
/* class used to change the color to purple for heading for LifeSciences tab*/
.PurpleArea
{
width:640px;
height:263px;
float:left;
background-image:url(../Images/LifeSciencesImageBg.jpg);
background-repeat:repeat-x;
}
/* class used to change the color to Green for heading for Energy tab*/
.GreenArea
{
width:640px;
height:263px;
float:left;
background-image:url(../Images/EnergyImageBg.jpg);
background-repeat:repeat-x;
}

/* Class used for giving the video image */
.VideoContainer
{
width:630px;
height:253px;
float:left;
padding-top:5px;
padding-left:5px;
}
/* Class used for giving the text right side of video image */
.videoText
{
width:258px;
height:238px;
float:left;
padding-left:15px;
padding-right:25px;
padding-top:20px;
}
/* Class used for giving the Heading */
.HeadingText
{
width:258px;
height:auto;
float:left;
font-size:20px;
color:#ffffff;
}
/* Class used for giving the desh image under the heading */
.DeshImage
{
width:258px;
height:10px;
float:left;
background-image:url(../Images/DeshImage.jpg);
background-repeat:repeat-x;
}
/* Class used for giving the text under the heading */
.TextAreaHeadingText
{
width:258px;
height:auto;
float:left;
color:#f0f0f0;
padding-top:6px;
line-height:15px;
}
/* Class used for giving the big size text undert the heading */
.BigSizeText
{
font-size:14px;
color:#f0f0f0;
font-weight:bold;
}
/* Class used for giving hte container to the view mare link*/
.ViewMoreContainer
{
width:258px;
height:auto;
float:left;
padding-top:5px;
}
/* Class used for giving the arrow image in front of view more text */
.ArrowImage
{
width:15px;
height:14px;
float:left;
background-image:url(../Images/Arrow.jpg);
background-repeat:no-repeat;
}
/* Class used for giving the View more text */
.ArrowText
{
width:150px;
height:auto;
float:left;
font-size:14px;
color:#f0f0f0;
padding-left:5px;
font-weight:bold;
}
/* Class used for giving the link color to view more */
.ArrowText a
{
font-size:14px;
color:#f0f0f0;
text-decoration:none;
font-weight:bold;
}
/* Class used for giving the Text area under the top image */
.MainTextArea
{
width:640px;
height:265px;
float:left;
background-color:#fff;
padding-top:10px;
}
/*Class used when there is no image present*/
.MainTextAreaNoImage
{
width:640px;
height:553px;
float:left;
background-color:#fff;
padding-top:10px;
}
.MainLeftArea
{
width:580px;
height:250px;
float:left;
padding-left:10px;
}
.MainLeftAreaNoImage
{
width:580px;
height:510px;
float:left;
padding-left:10px;
}
.MainLeftScrollArea
{
width:40px;
height:250px;
float:left;
}
.MainLeftScrollAreaNoImage
{
width:40px;
height:510px;
float:left;
}
/* Class used for giving the heading in the main text area */
.HeadingMainText
{
width:640px;
height:auto;
float:left;
font-size:16px;
font-weight:bold;
color:#231f20;
}
/* Class used for giving the Desh image under the heading  */
.DeshImageBlue
{
width:590px;
height:10px;
float:left;
background-image:url(../Images/DeshGrayGetInvolved.jpg);
background-repeat:repeat-x;

}
.DeshImageGreen
{
width:590px;
height:10px;
float:left;
background-image:url(../Images/DeshGrayEnergy.jpg);
background-repeat:repeat-x;

}
.DeshImagePurple
{
width:590px;
height:10px;
float:left;
background-image:url(../Images/DeshGrayLifeSciences.jpg);
background-repeat:repeat-x;

}
.DeshImageYellow
{
width:590px;
height:10px;
float:left;
background-image:url(../Images/DeshGraySecurity.jpg);
background-repeat:repeat-x;

}

/* Class used for giving the sub text under the desh image */
.SubText
{
width:590px;
height:auto;
float:left;
}
/* Class used for giving the upcoming event container */
.UpcomminEventContainer
{
width:640px;
height:auto;
float:left;
padding-top:10px;
}
/* Class used for giving the blue colour image in heading */
.upcommingBlueImage
{
width:620px;
height:23px;
float:left;
background-image:url(../Images/BlueBg.jpg);
background-repeat:repeat-x;
padding-top:8px;
padding-left:20px;
}
/* Class used for giving the Orange colour image in heading */
.upcommingOrangeImage
{
width:620px;
height:23px;
float:left;
background-image:url(../Images/SecurityBg.jpg);
background-repeat:repeat-x;
padding-top:8px;
padding-left:20px;
}
/* Class used for giving the Green colour image in heading */
.upcommingGreenImage
{
width:620px;
height:23px;
float:left;
background-image:url(../Images/EnergyBg.jpg);
background-repeat:repeat-x;
padding-top:8px;
padding-left:20px;
}
/* Class used for giving the Purple colour image in heading */
.upcommingPurpleImage
{
width:620px;
height:23px;
float:left;
background-image:url(../Images/LifeSciencesBg.jpg);
background-repeat:repeat-x;
padding-top:8px;
padding-left:20px;
}
/* Class used for giving the heading for upcoming events*/
.HeadingUpcomming
{
width:300px;
height:20px;
float:left;
font-size:14px;
color:#FFFFFF;
font-weight:bold;
}
/* Class used for giving container for view all link in upcoming events*/
.ViewAllContainer
{
width:80px;
height:20px;
float:right;
}
/* Class used for giving the arrow image in front of view all link*/
.SmallArrow
{
width:12px;
height:10px;
float:left;
background-image:url(../Images/ArrowSmallWhiteSecurity.jpg);
background-repeat:no-repeat;
}
/* Class used for giving the arrow image in front of view all link*/
.SmallGreenArrow
{
width:12px;
height:10px;
float:left;
background-image:url(../Images/ArrowSmallWhiteEnergy.jpg);
background-repeat:no-repeat;
}
.SmallPurpleArrow
{
width:12px;
height:10px;
float:left;
background-image:url(../Images/ArrowSmallWhiteLifeSciences.jpg);
background-repeat:no-repeat;
}
.SmallBlueArrow
{
width:12px;
height:10px;
float:left;
background-image:url(../Images/ArrowSmallWhiteGetInvolved.jpg);
background-repeat:no-repeat;
}
/* Class used for giving the view all text in front of arrow*/
.SmallArrowfText
{
width:60px;
height:auto;
float:left;
font-size:11px;
color:#FFFFFF;
padding-left:5PX;
}
/* Class used for giving the link color for view all text */
.SmallArrowfText a
{
font-size:11px;
color:#FFFFFF;
text-decoration:none;
}
/* Class used for giving the upcoming content */
.UpcommingEvents
{
width:580px;
min-height:114px;
float:left;
padding-left:30px;
padding-right:30px;
padding-top:20px;
background-color:#FFFFFF;
padding-bottom:4px;

}

#html.UpcommingEvents
{
width:580px;
height:115px;
float:left;
padding-left:30px;
padding-right:30px;
padding-top:20px;
background-color:#FFFFFF;
padding-bottom:4px;
}
/* Class used for giving the date container for upcoming events */
.DateContainer
{
width:580px;
height:auto;
float:left;
padding-bottom:10px;
}
/* Class used for giving the formatting for date */
.DateUpcomingEventYellow
{
width:70px;
height:auto;
float:left;
font-size:12px;
color:#f99d1c;
}
.DateUpcomingEventBlue
{
width:70px;
height:auto;
float:left;
font-size:12px;
color:#06A3EA;
}
.DateUpcomingEventPurple
{
width:70px;
height:auto;
float:left;
font-size:12px;
color:#8349B0;
}
.DateUpcomingEventGreen
{
width:70px;
height:auto;
float:left;
font-size:12px;
color:#8AAD5B;
}
/* Class used for giving text for upcoming events */
.TextDateUpcoming
{
width:500px;
height:auto;
float:left;

font-size:12px;

}
/* Class used for giving gray colour heading in the upcoming evnets */
.GrayHeadingUpcoming
{
font-size:11px;
color:#8e8e8e;
font-weight:bold;
}
/* Class used for giving the view more container right side of upcoming events */
.ViewContainer
{
width:90px;
height:auto;
float:left;

}
/* Class used for giving Yellow arrow image in front of view more link */
.ArrowYellow
{
width:10px;
height:9px;
float:left;
background-image:url(../Images/ArrowYellow.jpg);
background-repeat:no-repeat;

}
/* Class used for giving Yellow arrow image in front of view more link */
.ArrowGreen
{
width:10px;
height:9px;
float:left;
background-image:url(../Images/ArrowEnergy.jpg);
background-repeat:no-repeat;
}
.ArrowPurle
{
width:10px;
height:9px;
float:left;
background-image:url(../Images/ArrowLifeSciences.jpg);
background-repeat:no-repeat;
}
.ArrowBlue
{
width:10px;
height:9px;
float:left;
background-image:url(../Images/ArrowGetInvolved.jpg);
background-repeat:no-repeat;
}
/* Class used for giving view more text */
.ViewMoreYellow
{
width:70px;
height:auto;
float:left;
font-size:11px;
padding-left:5PX;

}
/* Class used for giving link colour to view more text */
.ViewMoreYellow a
{
font-size:11px;

text-decoration:none;
}
.GetInvolvedContainer
{
width:280px;
height:144px;
float:left;
background-color:#fff;
}
.GetInvolvedContainer2
{
width:280px;
height:144px;
float:left;
padding-top:47px;
}

.GetinVolvedBlueImage
{
width:260px;
height:23px;
float:left;
background-image:url(../Images/BlueBg.jpg);
background-repeat:repeat-x;
padding-top:8px;
padding-left:20px;
}
/* class used to change the color to Orange for heading for Security tab*/
.GetinVolvedOrangeImage
{
width:260px;
height:23px;
float:left;
background-image:url(../Images/SecurityBg.jpg);
background-repeat:repeat-x;
padding-top:8px;
padding-left:20px;
}
/* class used to change the color to Green for heading for Energy tab*/
.GetinVolvedGreenImage
{
width:260px;
height:23px;
float:left;
background-image:url(../Images/EnergyBg.jpg);
background-repeat:repeat-x;
padding-top:8px;
padding-left:20px;
}
/* class used to change the color to Purple for heading for Life Sciences tab*/
.GetinVolvedPurpleImage
{
width:260px;
height:23px;
float:left;
background-image:url(../Images/LifeSciencesBg.jpg);
background-repeat:repeat-x;
padding-top:8px;
padding-left:20px;
}
.HeadingGetInvolved
{
width:200px;
height:20px;
float:left;
font-size:14px;
color:#FFFFFF;
font-weight:bold;
}

.MenuAreaGetinvolved
{
width:240px;
padding-left:20px;
height:105px;
padding-right:20px;
float:left;
padding-top:12px;
background-color:#FFFFFF;
padding-bottom:10px;

}
.SponcerContainer
{
min-height:123px;
width:240px;
padding-left:20px;
padding-right:20px;
float:left;
padding-top:4px;
background-color:#FFFFFF;
padding-bottom:20px;

}

*html.SponcerContainer
{
height:123px;
width:240px;
padding-left:20px;
padding-right:20px;
float:left;
padding-top:4px;
background-color:#FFFFFF;
padding-bottom:10px;
}
.GetInvolvedText
{
width:240px;
height:auto;
float:left;
color:#252525;
font-style:italic;
}
.GrayTextGet
{
font-weight:bold;
color:#8e8e8e;
}
.LinkAreaGet
{
width:240px;
height:auto;
float:left;
color:#0483b3;
font-size:11px;
padding-top:10px;
}
.QuickLink
{
width:240px;
padding-left:20px;
padding-right:20px;
float:left;
padding-top:12px;
background-color:#FFFFFF;
padding-bottom:10px;
min-height:114px;
}
#html.QuickLink
{
width:240px;
padding-left:20px;
padding-right:20px;
float:left;
padding-top:12px;
background-color:#FFFFFF;
padding-bottom:10px;
height:114px;
}
.AboutCCIText
{
width:160px;
min-height:70px;
float:left;

font-size:13px;
padding-top:10px;
}
#html.AboutCCIText
{
width:160px;
height:70px;
float:left;

font-size:13px;
padding-top:10px;
}
.AboutCCIImage
{
	width:80px;
	height:57px;
	float:left;
	padding-top:10px;
}

.LinkContainer
{
width:132px;
height:30px;
float:left;
}
.TwitterIcon
{
width:117px;
height:40px;
float:left;
padding-left:13px;
}
.SponsorHighlightLeft
{
width:122px;
height:auto;
float:left;
font-size:13px;
color:#333;
padding-top:8px;
}
.SponsorHighlightLeftBottom
{
width:245px;
height:auto;
float:left;
font-size:13px;
color:#333;

}
.SponserSpacer
{
	width:245px;
	height:14px;
	float:left;
}

.BulletYellow
{
height:10px;
width:6px;
float:left;
background-image:url(../Images/BuiletYellow.jpg);
background-repeat:no-repeat;
}
.BulletGreen
{
height:10px;
width:6px;
float:left;
background-image:url(../Images/BuiletEnergy.jpg);
background-repeat:no-repeat;
}
.BulletPurple
{
height:10px;
width:6px;
float:left;
background-image:url(../Images/BuiletLifeSciences.jpg);
background-repeat:no-repeat;
}
.BulletBlue
{
height:10px;
width:6px;
float:left;
background-image:url(../Images/BuiletGetInvolved.jpg);
background-repeat:no-repeat;
}
.LinkText
{
width:110px;
height:auto;
float:left;
padding-left:10px;
font-size:13px;
padding-top:0px;
font-style:normal;

}
.LinkTextNetwork
{
width:110px;
height:auto;
float:left;
padding-left:12px;
font-size:13px;
padding-top:0px;
font-style:normal;

}

.LinkContainer2
{
width:100px;
height:30px;
float:left;
}
.LinkText2
{
width:90px;
height:auto;
float:left;
padding-left:10px;
font-size:13px;

padding-top:0px;
font-style:normal;
}

.Group
{
width:90px;
height:40px;
float:left;
padding-left:15px;
padding-top:0px;
}
.Group1
{
width:31px;
height:40px;
float:left;
padding-top:0px;
}
.Group2
{
width:35px;
height:40px;
float:left;
padding-top:0px;
padding-left:20px;
}
.SponcerLogo
{
height:70px;
width:117px;
float:left;
}
.FacebookIcon
{
width:93px;
height:auto;
float:left;
padding-left:15px;
}
.GrayAreaRight
{
width:321px;
height:21px;
float:left;
padding-top:26px;
}
.GrayAreaRightImage
{
width:321px;
height:21px;
background-image:url(../Images/GrayAreaRight.jpg);
background-repeat:no-repeat;
}
.Footer
{
width:981px;
float:left;
height:auto;
padding-top:20px;
}
.FooterImage
{
background-image:url(../Images/Footer.jpg);
background-repeat:no-repeat;
width:390px;
height:124px;
margin:auto;
}
.FooterLink
{
width:200px;
height:auto;
padding-left:110px;
padding-top:38px;
}

.FooterLink ul
{
padding:0px;
margin:0px;
list-style:none;
}
.FooterLink ul li
{
display:inline;
}

.FooterText
{
width:300px;
height:auto;
font-size:11px;
padding-left:80px;
padding-top:15px;
}

/* Class used for giving left pannel */

.LeftLink
{
width:230px;
float:left;
height:auto;

}
.LeftLink ul
{
margin:0px;
padding:0px;
list-style:none;
}
.LeftLink ul li
{
display:inline;
float:left;
margin-right:7px;
color:#00acec;
}
.LeftLink ul li a
{
text-decoration:none;
color:#00acec;
font-size:11px;
float:left;
}
/* Class used for giving Middle container Get Involved page */
.MiddleContainer
{
width:941px;
height:auto;
float:left;
}
/* Class used for links in all html pages */

.Link
{
color:#0483b3;
text-decoration:none;
}

.Link:hover
{
text-decoration:underline;
color:#0483b3;
}
/* Class used for List Style type i.e Bullets of list on pages*/
.ListStyle
{
list-style-type:none;
}

/*Class used for Image on Detail page of Members page*/
.MemberImage
{
width:120px;
height:162px;
float:left;
}

/* Class used for List Style on Get Involved_110609 page*/
.ListDesign
{
margin:0px;
padding:0px;
list-style-type:none;
}


/*Class used for Image on Roger London webiste bio website bio_110609 page*/
.RogerLondonImage
{
width:79px;
height:79px;
float:left;
}

/*	Class used for Back button on Thanks Page*/
.BackButton
{
	float:left;
	width:590px;
	height:30px;
	text-align:right
	}
	
/* Class used for left container on get involved form design page*/
.LeftContainer
{
	width:250px;
	height:auto;
	float:left;
	text-align:right;
}
/* Class used for Right container on get involved form design page*/
.RightContainer
{
	width:300px;
	height:auto;
	float:left;
	text-align:left;
}
/* Class used for Form spacer between Left Container and Right container on get involved form design page*/
.FormSpacer
{
	width:5px;
	height:23px;
	float:left;
}
/* Class used for form content on get involved form design page*/
.FormContent
{
	width:250px;
	height:23px;
}
/* Class used for multiline form content on get involved form design page*/
.MultilineFormContent
{
	width:250px;
	height:86px;
}
/* Class used for input box on all pages of website*/
.InputBox
{
	border:solid 1px gray;
}
/* Class used for buttons on all pages of website*/
.Button
{
	
}
/* Class used for horizontal Control spacer*/
.ControlSpacer
{
	float:left;
	width:250px;
	height:10px;
}
/* class used for label message on Get Involved page*/
.LabelMessage
{
	width:640px;
	height:13px;
	text-align:center;
	float:left;
	padding:0 0 5px 0px
}
/* Class used for Color of all messages on the website*/
.Msg
{
	color:red;
} 
/* Class used for page title or page heading on all pages*/
.PageHeader
{
	width: 590px;
	float: left;
	height: auto;
	font-weight: bold;
	padding: 0px 0px 3px 0px;
	font-size: 16px;
	color: #333;
	margin: 0px 0px 0px 0px;
}
/* Class used for member detail Container on Leadership detail page*/
.MemberDetailContainer
{
	float:left;
	width:580px;
	height:auto;
	
}
/* Class used for Left panel of  member detail Container on Leadership detail page*/
	.MemberLeftPanel
	{
		float:left;
		width:100px;
		height:200px;
		
	}
	/* Class used for right panel of  member detail Container on Leadership detail page*/
	.MemberRightPanel
	{
		float:left;
		width:450px;
		height:auto;

	}
	/* Class used for Spacer between Left and right panel of  member detail Container on Leadership detail page*/
	.MemberSpacer
	{
		float:left;
		width:20px;
		height:100px;
	}
	/* Class used for header of Member detail on Leadership page*/
	.MemberHeader
	{
		font-size:15px;
		font-weight:bold;
	}
	.MemberText
	{
		font-size:12px;
		font-weight:bold;
	}
	/* Class used for color to all links on Energy page */

.EnergyLink
{
color:#668B33;
text-decoration:none;
}

.EnergyLink:hover
{
text-decoration:underline;
color:#668B33;
}
.EnergyText
{
color:#668B33;
text-decoration:none;
width:90px;
height:auto;
float:left;
padding-left:10px;
font-size:13px;
padding-top:0px;
font-style:normal;
}
/* Class used for color to all links on Life Science page */

.LifeScienceLink
{
color:#8349B0;
text-decoration:none;
}

.LifeScienceLink:hover
{
text-decoration:underline;
color:#8349B0;
}
.LifeScienceText
{
color:#8349B0;
text-decoration:none;
width:90px;
height:auto;
float:left;
padding-left:10px;
font-size:13px;
padding-top:0px;
font-style:normal;
}
/* Class used for color to all links on Life Science page */

.SecurityLink
{
color:#E99B34;
text-decoration:none;
}

.SecurityLink:hover
{
text-decoration:underline;
color:#E99B34;
}
.SecurityText
{
color:#E99B34;
text-decoration:none;
width:90px;
height:auto;
float:left;
padding-left:10px;
font-size:13px;
padding-top:0px;
font-style:normal;
}
.AboutLink
{
	color:#06A3EA;
text-decoration:none;
}
.AboutLink:hover
{
	color:#06A3EA;
text-decoration:underline;
}
.AboutText
{
color:#06A3EA;
text-decoration:none;
width:90px;
height:auto;
float:left;
padding-left:10px;
font-size:13px;
padding-top:0px;
font-style:normal;
}
.FooterLinkBlue
{
	color:#0483b3;
font-size:11px;
text-decoration:none;
}
.FooterLinkGreen
{
	color:#95B867;
font-size:11px;
text-decoration:none;
}
.FooterLinkPurple
{
	color:#8349B0;
font-size:11px;
text-decoration:none;
}
.FooterLinkYellow
{
	color:#F9A022;
font-size:11px;
text-decoration:none;
}
/* class used for changing scroll arrow color*/
.UpArrowBlue
{
width:22px;
height:16px;
float:right;
background-image:url(../Images/arrowUpAbout.jpg);
background-repeat:no-repeat;
}
.DownArrowBlue
{
width:22px;
height:16px;
float:right;
background-image:url(../Images/arrowDownAbout.jpg);
background-repeat:no-repeat;
}
.UpArrowGreen
{
width:22px;
height:16px;
float:right;
background-image:url(../Images/arrowUpEnergy.jpg);
background-repeat:no-repeat;
}
.DownArrowGreen
{
width:22px;
height:16px;
float:right;
background-image:url(../Images/arrowDownEnergy.jpg);
background-repeat:no-repeat;
}
.UpArrowPurple
{
width:22px;
height:16px;
float:right;
background-image:url(../Images/arrowUpLifeSciences.jpg);
background-repeat:no-repeat;
}
.DownArrowPurple
{
width:22px;
height:16px;
float:right;
background-image:url(../Images/arrowDownLifeSciences.jpg);
background-repeat:no-repeat;
}
.UpArrowOrange
{
width:22px;
height:16px;
float:right;
background-image:url(../Images/arrowUpSecurity.jpg);
background-repeat:no-repeat;
}
.DownArrowOrange
{
width:22px;
height:16px;
float:right;
background-image:url(../Images/arrowDownSecurity.jpg);
background-repeat:no-repeat;
}



/* Class used forleft side  image in front of text on all pages*/
.FrontLeftImageText
{
width:auto;
height:auto;
float:left;
padding:0px 10px 5px 0px;
}
/* Class used for right side  image in front of text on all pages*/
.FrontRightImageText
{
width:auto;
height:auto;
float:right;
padding:0px 0px 10px 10px;
}
/* Class used for left side  image in front of text on Life sciences  pages*/
.LifeScienceLeftImageText
{
width:auto;
height:auto;
float:left;
padding:10px 5px 5px 0px;
}
/* Class used for Left image on the press release page*/
.PressLeftImage
{
width:595px;
float:left;
height:155px;
text-align:center;

}
.LinkText3 {
    float: left;
    font-size: 13px;
    font-style: normal;
    height: auto;
    padding-left: 10px;
    padding-top: 0;
    width: 90px;
}
.LinkText3:hover
{
    color: #06A3EA;
    text-decoration: none;
    }
    
    .Members
{
color:#668B33;
text-decoration:none;
}

.Members:hover
{
text-decoration:underline;
color:#668B33;
}