/*General class used to give font to the whole website*/
body
{
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4e4e4f;
}
/*General class used where anchor is given*/
a
{
	text-decoration: underline;
	color: #6AAADD;
}
a:hover
{
	text-decoration: none;
	color: #6AAADD;
}
/* Class used for giving bg and take template in center */
#MainContainer
{
	width: 770px;
	height: auto;
	position: absolute;
	left: 50%;
	margin-left: -400px;
	padding-top: 20px;
	padding-left: 16px;
	padding-right: 13px;
	background-image: url(../Images/Bg.jpg);
	background-repeat: repeat-x;
}
/*Class used to give background image and width area of logo on Master page*/
.Logo
{
	width: 195px;
	height: 74px;
	float: left;
}
/* Class used for giving spacer on the date text */
.SpacerTop
{
	height: 60px;
	width: 770px;
	float: left;
}
/* Class used for giving space from left for datetext class */
.SpacerLeft
{
	width: 465px;
	height: 12px;
	float: left;
}
/* Class used to giving for date */
.DateText
{
	width: 110px;
	height: auto;
	float: right;
	text-align:left;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	padding:18px 0 0 0;
}
/* Class used to giving for date with Map Image*/
.DateTextMap
{
	width: 110px;
	height: auto;
	float: right;
	text-align:left;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	padding:60px 0 0 0;
}
/* Class used for giving space on top image and menu */
.SpacerTopImage
{
	width: 770px;
	height: 4px;
	float: left;
}
/* Class used for giving menu and image */
.GreenContainer
{
	width: 770px;
	height: 252px;
	float: left;
	padding-top: 4px;
}
/* Class used for giving Top Corner Image after logo area on Home page */
.GreenTopCornerHome
{
	width: 770px;
	height: 11px;
	background-image: url(../Images/GreenTopCorner.gif);
	background-repeat: no-repeat;
	float: left;
}
/* Class used for giving green image top corners */
.GreenTopCorner
{
	width: 770px;
	height: 11px;
	background-image: url(../Images/GreenTopCorner.gif);
	background-repeat: no-repeat;
	float: left;
	margin-top:4px;
}
*html .GreenTopCorner
{
	width: 770px;
	height: 11px;
	background-image: url(../Images/GreenTopCorner.gif);
	background-repeat: no-repeat;
	float: left;
	margin-top: -13px;
}
/* Class used for giving brown image */
.BrownImageHome
{
	float: left;
	width: 770px;
	height: 18px;
	background-image: url(../Images/BrownImage.gif);
	background-repeat: no-repeat;
}
.BrownImage
{
	float: left;
	width: 770px;
	height: 19px;
	background-image: url(../Images/BrownImage.gif);
	background-repeat: no-repeat;
}

/* Class used for reduce top margin in IE */
*html .BrownImage
{
	width: 770px;
	height: 18px;
	background-image: url(../Images/BrownImage.gif);
	background-repeat: no-repeat;
	margin-top: -2px;
}
/*Class used to give the Top Image on home page */
.ImageHome
{
	width: 770px;
	height: 211px;
	background-image: url(../Images/ImageHome_new.jpg);
	background-repeat: no-repeat;
	float: left;
}
/* Class used for giving green image bottom corners */
.GreenBottomCorner
{
	width: 770px;
	height: 11px;
	background-image: url(../Images/GreenBottomCorner.gif);
	background-repeat: no-repeat;
	float: left;
}
/* Class used for giving space to left side of menu */
.SpacerLeftMenu
{
	width: 103px;
	height: 19px;
	float: left;
}
/* Class used for giving area for menus */
.NavigationBar
{
	width: 654px;
	height: 21px;
	float: left;
}
/* Class used for giving for menus */
.NavigationBar ul
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
/* Class used for giving for menus */
.NavigationBar ul li
{
	display: inline;
	float: left;
}
/* Class used for giving about menu */
a.About
{
	width: 74px;
	height: 19px;
	background-image: url(../Images/About.gif);
	background-repeat: no-repeat;
	float: left;
}
/* Class used for giving about hover menu */
a.About:hover
{
	width: 74px;
	height: 19px;
	background-image: url(../Images/AboutHover.gif);
	background-repeat: no-repeat;
	float: left;
}
/* Class used for giving team menu */
a.Team
{
	width: 79px;
	height: 19px;
	background-image: url(../Images/Team.gif);
	background-repeat: no-repeat;
	float: left;
}
/* Class used for giving team hover menu */
a.Team:hover
{
	width: 79px;
	height: 19px;
	background-image: url(../Images/TeamHover.gif);
	background-repeat: no-repeat;
	float: left;
}
/* Class used for giving Projects menu */
a.Projects
{
	width: 105px;
	height: 19px;
	background-image: url(../Images/Projects.gif);
	background-repeat: no-repeat;
	float: left;
}
/* Class used for giving Projects hover menu */
a.Projects:hover
{
	width: 105px;
	height: 19px;
	background-image: url(../Images/ProjectsHover.gif);
	background-repeat: no-repeat;
	float: left;
}
/* Class used for giving highlights menu */
a.Highlights
{
	width: 120px;
	height: 19px;
	background-image: url(../Images/Highlight.gif);
	background-repeat: no-repeat;
	float: left;
}
/* Class used for giving highlights hover menu */
a.Highlights:hover
{
	width: 120px;
	height: 19px;
	background-image: url(../Images/HighlightHover.gif);
	background-repeat: no-repeat;
	float: left;
}
/* Class used for giving news menu */
a.News
{
	width: 82px;
	height: 19px;
	background-image: url(../Images/News.gif);
	background-repeat: no-repeat;
	float: left;
}
/* Class used for giving news hover menu */
a.News:hover
{
	width: 82px;
	height: 19px;
	background-image: url(../Images/NewsHover.gif);
	background-repeat: no-repeat;
	float: left;
}
/* Class used for giving contactus menu */
a.ContactUs
{
	width: 94px;
	height: 19px;
	background-image: url(../Images/ContactUs.gif);
	background-repeat: no-repeat;
	float: left;
}
/* Class used for giving contactus hover menu */
a.ContactUs:hover
{
	width: 94px;
	height: 19px;
	background-image: url(../Images/ContactUsHover.gif);
	background-repeat: no-repeat;
	float: left;
}
/*Class used to give the middle content area on Home page*/
.MiddleContainerHome
{
	width: 770px;
	height: auto;
	float: left;
	margin-top: 5px;
	background-image: url(../Images/GreenBgHome1.jpg);
	background-repeat: repeat-y;
}
/* Class used for giving middle area of the template */
.MiddleContainer
{
	width: 770px;
	height: auto;
	float: left;
}
*html .MiddleContainer
{
	width: 770px;
	height: auto;
	float: left;
	margin-top: -3px;
}

/* Class used for giving left image of middle part */
.LeftPannelMiddle
{
	width: 251px;
	height: 304px;
	background-image: url(../Images/LeftImageMiddle.jpg);
	background-repeat: no-repeat;
	float: left;
}
/* Class used for giving left panel heading on green image of Home page */
.LeftPanelHeading
{
	color: #904D34;
	font-size: 15px;
	padding-left: 25px;
	padding-top: 15px;
	font-weight: bold;
	padding-bottom: 10px;
}
/* Class used for giving left panel text on green image of Home page */
.LeftPannelText
{
	float: left;
	padding-left: 25px;
	padding-right: 25px;
	line-height: 18px;
	text-align:justify;
}
/*Class ued to give the position to the top image on Home page*/
.HomePosition
{
	float: left;
	margin-left: 30px;
	margin-top: 60px;
	width: 160px;
}
/* Class used for giving text in the middle area. */
.TextAreaMiddle
{
	width: 259px;
	height: auto;
	float: left;
	padding-top: 10px;
	padding-left: 18px;
	word-spacing: -1px;
	line-height: 13px;
	padding-right: 15px;
	text-align:justify;
	
}
/* Class used for giving brown colour in the middle text area. */
.TextcolourBrown
{
	color: #7a1b15;
	line-height: 15px;
	word-spacing: -1px;
}
/* Class used for giving right pannel in the middle area. */
.RightPannelMiddle
{
	width: 223px;
	min-height: 370px;
	float: right;
	background-image: url(../Images/NewLineBg.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
*html .RightPannelMiddle
{
	width: 223px;
	height: 370px;
	float: right;
	background-image: url(../Images/NewLineBg.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

/* Class used for giving highlight image in the top of right pannel */
.HighLightImage
{
	width: 223px;
	height: 20px;
	background-image: url(../Images/ImageHighLight1.gif);
	background-repeat: no-repeat;
	float: left;
}
/*Class used to give the Highlights area on Right Side of Home page*/
.RightTextAreaHighlight
{
	width: 201px;
	height: 195px;
	float: left;
	padding-top: 10px;
	padding-left: 12px;
	padding-right: 12px;
	padding-bottom: 10px;
	line-height: 13px;
}

.RightTextAreaNews
{
	width: 201px;
	height: 151px;
	float: left;
	padding-top: 10px;
	padding-left: 12px;
	padding-right: 12px;
	padding-bottom: 10px;
	line-height: 13px;
}

/*Class used to give the News image area on Home page*/
.NewsImage
{
	width: 223px;
	height: 20px;
	background-image: url(../Images/NewsImage1.gif);
	background-repeat: no-repeat;
	float: left;
}

/* Class used for giving style to the description area */
.NewsText
{
	width: 201px;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 10px;
	float: left;
}
/* Class used for giving style to the caption on Highlights page*/
.HighlightsCaption
{
	width: 360px;
	height: auto;
	padding-left: 8px;
	padding-top: 9px;
	float: left;
	white-space: -1px;
	line-height: 11px;
	font-size: 9px;
}
.More1
{
	width: 50px;
	height: 11px;
	float: left;
	padding-top: 6px;
	padding-left: 8px;
}
/*Class used to give the footer background on the footer area of master page*/
.Footer
{
	width: 770px;
	height: 16px;
	background-image: url(../Images/FooterBg.gif);
	background-repeat: repeat-x;
	float: left;
}
/* Class used for giving space in footer on the template */
.SpacerFooter
{
	width: 335px;
	height: 16px;
	float: left;
}
/* Class used for giving ul li style of footer Menu on the template */
.FooterMenu
{
	width: 360px;
	height: 16px;
	float: left;
}
.FooterMenu ul
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.FooterMenu ul li
{
	display: inline;
	float: left;
	font-size: 8px;
	padding-top: 2px;
	padding-left: 3px;
	padding-right: 3px;
}
/* Class used for giving ul li style of footer Menu on the template */
a.Home
{
	width: 43px;
	height: 16px;
	background-image: url(../Images/Home.gif);
	background-repeat: no-repeat;
	float: left;
}
a.Home:hover
{
	width: 43px;
	height: 16px;
	background-image: url(../Images/HomeHover.gif);
	background-repeat: no-repeat;
	float: left;
}
/* Class used for giving linking style of Resources on the template */
a.Resources
{
	width: 60px;
	height: 16px;
	background-image: url(../Images/Resources.gif);
	background-repeat: no-repeat;
	float: left;
}
a.Resources:hover
{
	width: 60px;
	height: 16px;
	background-image: url(../Images/ResourcesHover.gif);
	background-repeat: no-repeat;
	float: left;
}
/* Class used for giving style of copyright text on the template */
.CopyRight
{
	width: 220px;
	height: 16px;
	float: left;
	color: #868686;
	font-size: 9px;
	font-weight: bold;
}
/* Class used for giving menu and image */
MainGreenContainer
{
	width: 770px;
	float: left;
}
/*Class used to give the Team container area on Team page*/
.ContainerMiddle
{
	width: 770px;
	height: auto;
	float: left;
	margin-top: -8px;
}
*html .ContainerMiddle
{
	width: 770px;
	height: auto;
	float: left;
}
/*Class used to give the left panel area of Team Page*/
.LeftPannelTeam
{
	width: 528px;
	height: auto;
	background-image: url(../Images/BgTeamPage.gif);
	background-position: top left;
	background-repeat: repeat-y;
	float: left;
	margin-top: 8px;
}
*html .LeftPannelTeam
{
	width: 528px;
	height: auto;
	background-image: url(../Images/BgTeamPage.gif);
	background-position: top left;
	background-repeat: repeat-y;
	float: left;
	margin-top: 9px;
}
/*Class used to give the SeniorManagementPannel area on Team page */
.SeniorManagementPannel
{
	width: 163px;
	height: auto;
	float: left;
	font-size: 11px;
}

/*Class used to give the SeniorManagement Image on Team page */
.SeniorManagement
{
	width: 163px;
	height: 32px;
	float: left;
	background-image: url(../Images/ImageSeniorManagment.gif);
	background-repeat: no-repeat;
	margin-top: -2px;
}
*html .SeniorManagement
{
	width: 163px;
	height: 32px;
	float: left;
	background-image: url(../Images/ImageSeniorManagment.gif);
	background-repeat: no-repeat;
}

/*Class used to give the Dotted line on Team page */
.DottedLine
{
	width: 159px;
	height: 2px;
	background-image: url(../Images/DottedLine.gif);
	background-repeat: no-repeat;
	float: left;
}
* html .DottedLine
{
	width: 159px;
	height: 2px;
	background-image: url(../Images/DottedLine.gif);
	background-repeat: no-repeat;
	float: left;
	margin-bottom: -9px;
}
.DottedLine1
{
	width: 159px;
	height: 2px;
	background-image: url(../Images/DottedLine1.gif);
	background-repeat: no-repeat;
	float: left;
}
* html .DottedLine1
{
	width: 159px;
	height: 2px;
	background-image: url(../Images/DottedLine1.gif);
	background-repeat: no-repeat;
	float: left;
	margin-bottom: -9px;
}
.DottedLineSearch
{
	width: 679px;
	height: 2px;
	background-image: url(../Images/DottedLine1.gif);
	background-repeat: repeat-x;
	float: left;
}
* html .DottedLineSearch
{
	width: 679px;
	height: 2px;
	background-image: url(../Images/DottedLine1.gif);
	background-repeat: repeat-x;
	float: left;
	margin-bottom: -9px;
}
/*Class used to give the green Heading on left panel on Team page */
.HeadingGreen
{
	width: 151px;
	height: 18px;
	background-color: #b3c46a;
	float: left;
	padding-top: 8px;
	padding-left: 12px;
}
/*Class used to give the Middle panel area on Team page */
.MiddlePanelTeam
{
	width: 347px;
	height: auto;
	float: left;
	margin-top: 15px;
	padding-left: 16px;
}
/*Class used to give the Top Image area in middle panel on Team page */
.ImageTeam
{
	width: 335px;
	height: 194px;
	float: left;
}
/*Class used to give the text area in middle panel on Team page */
.TextAreaTeam
{
	width: 330px;
	height: auto;
	float: left;
	padding-top: 15px;
	padding-left: 1px;
	padding-right:4px;
	line-height: 18px;
	text-align:justify;
}
/*Class used to give style to the Link text on Team page */
a.LinkText
{
	width: 130px;
	padding-left: 28px;
	float: left;
	padding-top: 5px;
	clear: both;
	color: #4E4E4E;
	text-decoration: none;
}
a.LinkText:hover
{
	width: 130px;
	padding-left: 28px;
	float: left;
	padding-top: 5px;
	clear: both;
	color: #7A1B15;
	text-decoration: none;
}

a.LinkTextHover
{
	width: 130px;
	padding-left: 28px;
	float: left;
	padding-top: 5px;
	clear: both;
	color: #7A1B15;
	text-decoration: none;
}
/*Class used to give the About container on about page*/
.ContainerAbout
{
	width: 724px;
	min-height: 420px;
	float: left;
	padding-left: 23px;
	padding-right: 23px;
	padding-top: 11px;
	background-image: url(../Images/MainBg.gif);
	background-position: top left;
	background-repeat: repeat-y;
	text-align:justify;
	
}
/*Class used to give the Heading on About page*/
.ColorAbout
{
	color: #791c15;
	font-size: 18px;
}

.ImageAbout
{
	width: 343px;
	height: 306px;
	float: left;
	background-image: url(../Images/ImageAbout.gif);
	background-repeat: no-repeat;
}

.TextAboutImage
{
	width: 335px;
	height: 15px;
	float: left;
	padding-left: 9px;
	font-size: 11px;
	color: #343333;
	font-weight: bold;
}
/*Class used to give the main container on Highlights page*/
.ContainerHighLight
{
	width: 749px;
	height: auto;
	float: left;
	background-image: url(../Images/MainBg1.gif);
	background-position: left top;
	background-repeat: repeat-y;
	padding-top: 7px;
	padding-left: 21px;
}
*html .ContainerHighLight
{
	width: 749px;
	height: auto;
	float: left;
	background-image: url(../Images/MainBg1.gif);
	background-position: left top;
	background-repeat: repeat-y;
	padding-top: 7px;
	padding-left: 21px;
	margin-top: 1px;
}
/*Class used to give the main container on Projects page*/
.ContainerHighLight1
{
	width: 770px;
	height: auto;
	float: left;
	background-image: url(../Images/MainBg1.gif);
	background-position: left top;
	background-repeat: repeat-y;
	padding-top: 7px;
}
*html .ContainerHighLight1
{
	width: 770px;
	height: auto;
	float: left;
	background-image: url(../Images/MainBg1.gif);
	background-position: left top;
	background-repeat: repeat-y;
	padding-top: 7px;
	margin-top: 1px;
}
/*Class used to give the left panel area on Project page*/
.LeftPannelHighLight
{
	width: 350px; /*height: auto;*/
	min-height: 400px;
	float: left;
	padding-top: 22px;
	padding-left: 12px;
}
/*Class used to give the area of left panel on Highlights page*/
.LeftPannelHighLight1
{
	width: 515px;
	height: auto;
	float: left;
	padding-top: 4px;
}
/*Class used to give the font and padding style of title and subtitle area on Highlights page*/
.Title
{
	width: 500px;
	height: auto;
	float: left;
	font-size: 11px;
	padding-top: 20px;
	padding-bottom: 9px;
}
/*Class used to give thecolor to the title on Highlights page*/
.TitleBrown
{
	color: #771611;
}

/*Class used to give the background image on highlights page*/
.RightPannelHighLight
{
	width: 223px;
	min-height: 470px;
	float: left;
	background-image: url(../Images/BgArchive.gif);
	background-repeat: repeat-y;
}
*html .RightPannelHighLight
{
	width: 223px;
	height: 470px;
	float: left;
	background-image: url(../Images/BgArchive.gif);
	background-repeat: repeat-y;
}
/*Class used to give the resources container*/
.ContainerResources
{
	width: 749px;
	min-height: 470px;
	float: left;
	background-image: url(../Images/MainBg.gif);
	background-position: left top;
	background-repeat: repeat-y;
	padding-top: 7px;
	padding-left: 21px;
	text-align:justify;
}
*html .ContainerResources
{
	width: 749px;
	height: 470px;
	float: left;
	background-image: url(../Images/MainBg.gif);
	background-position: left top;
	background-repeat: repeat-y;
	padding-top: 7px;
	padding-left: 21px;
	text-align:justify;
}
/*Class used to give the Inner Content area on the Content page*/
.InnerContainer
{
	width: 735px;
	height: auto;
	float: left;
}
.LeftPannelResources
{
	width: 452px;
	height: auto;
	font-size: 11px;
	line-height: 15px;
	float: left;
	padding-top: 7px;

}
.LeftPannelResourcesWithoutImage
{
	width: 732px;
	height: auto;
	font-size: 11px;
	line-height: 15px;
	float: left;
	padding-top: 7px;

}
/*Class used to give the color to the heading on highlights page*/
.BrownColourResources
{
	color: #771611;
	font-size: 18px;
}
.BrownColourResources1
{
	color: #771611;
	font-size: 12px;
}
.TextAreaResources
{
	width: 430px;
	height: auto;
	float: left;
	font-size: 11px;
	line-height: 13px;
}
.BulletResources
{
	width: 5px;
	height: 15px;
	float: left;
	background-image: url(../Images/Bullet.gif);
	background-repeat: no-repeat;
}
.BulletText
{
	width: 420px;
	height: 25px;
	float: left;
}
.BulletLink
{
	width: 420px;
	height: 25px;
	float: left;
	padding-left: 10px;
	color: #6AAADD;
	text-decoration: underline;
}
.BulletLink:hover
{
	width: 420px;
	height: 25px;
	float: left;
	padding-left: 10px;
	color: #6AAADD;
	text-decoration: none;
}
.BulletBottomLink
{
	width: 410px;
	height: 25px;
	float: left;
	color: #6AAADD;
	text-decoration: underline;
}
.BulletBottomLink:hover
{
	width: 410px;
	height: 25px;
	float: left;
	color: #6AAADD;
	text-decoration: none;
}
.ResourcesLink
{
	color: #4e4e4f;
	text-decoration: none;
}
.ResourcesLink:hover
{
	color: #4e4e4f;
	text-decoration: underline;
}
.BulletSpacer
{
	width: 18px;
	height: 15px;
	float: left;
}

.RightPannelResources
{
	width: 280px;
	height: auto;
	float: left;
}
.ImageResources
{
	width: 234px;
	height: 352px;
}
.SpacerBottomResources
{
	width: 600px;
	height: 25px;
	float: left;
}
.ContainerContactUs
{
	width: 749px;
	height: auto;
	float: left;
	background-image: url(../Images/MainBg.gif);
	background-position: left top;
	background-repeat: repeat-y;
	padding-top: 7px;
	padding-left: 21px;
}
.InnerContainerContactUs
{
	width: 735px;
	height: auto;
	background-repeat: repeat-y;
	float: left;
}

.LeftPannelContactUs
{
	width: 724px;
	height: auto;
	float: left;
	padding-top: 6px;
}
.HeadingCurrentLocation
{
	width: 200px;
	height: 42px;
	float: left;
	color: #771611;
	font-size: 18px;
}

/*Class used to give the news main Container*/
.ContainerNews
{
	width: 749px;
	height: auto;
	float: left;
	background-image: url(../Images/MainBgNews.gif);
	background-position: left top;
	background-repeat: repeat-y;
	padding-top: 7px;
	padding-left: 21px;
}
*html .ContainerNews
{
	width: 749px;
	height: auto;
	float: left;
	background-image: url(../Images/MainBgNews.gif);
	background-position: left top;
	background-repeat: repeat-y;
	padding-top: 7px;
	padding-left: 21px;
	margin-top: 1px;
}
/*Class used to give the news container on news page*/
.InnerContainerNews
{
	width: 735px;
	height: auto;
	background-image: url(../Images/NewsBgRight.gif);
	background-repeat: repeat-y;
	float: left;
	padding-top: 5px;
}
/*Class used to give the left panel news area on News page*/
.LeftPannelNews
{
	width: 369px;
	height: auto;
	float: left;
}
/*Class used to give style to the GGE heading on News Page*/
a.HeadingNews
{
	width: 180px;
	height: 42px;
	float: left;
	color: #849D11;
	font-size: 18px;
	text-decoration: none;
}
a.HeadingNews:hover
{
	width: 180px;
	height: 42px;
	float: left;
	color: #771611;
	font-size: 18px;
	text-decoration: none;
}
a.HeadingNewsHover
{
	width: 180px;
	height: 42px;
	float: left;
	color: #771611;
	font-size: 18px;
	text-decoration: none;
}
/*Class used to give style to the Press heading on News Page*/
a.HeadingNewsPress
{
	width: 130px;
	height: 42px;
	float: left;
	color: #849D11;
	font-size: 18px;
	text-decoration: none;
}
a.HeadingNewsPress:hover
{
	width: 130px;
	height: 42px;
	float: left;
	color: #771611;
	font-size: 18px;
	text-decoration: none;
}
a.HeadingNewsPressHover
{
	width: 130px;
	height: 42px;
	float: left;
	color: #771611;
	font-size: 18px;
	text-decoration: none;
}
/*Class used to give style to the seprator on News Page*/
.HeadingSeprator
{
	float: left;
	color: #771611;
	font-size: 18px;
	width: 20px;
	text-align: center;
}
/*Class used to give the left panel text area on News page*/
.TextAreaNews
{
	width: 350px;
	height: auto;
	float: left;
	font-size: 11px;
	line-height: 15px;
	text-align:justify;
}
/*Class used to give the Right panelnews area on News page*/
.RightPannelNews
{
	width: 366px;
	height: auto;
	float: left;
}
/*Class used to give the Image area on the right panel on News page*/
.ImageNews1
{
	width: 359px;
	float: left;
	padding-left: 5px;
	padding-bottom: 10px;
}
/*Class used to give the Press Release News Heading on the Right panel of the news page*/
.PressReleaseNews
{
	width: 366px;
	height: 16px;
	background-image: url(../Images/PressReleaseNews.gif);
	background-repeat: no-repeat;
	float: left;
}
/*Class used to give the GGE News Heading on the Right panel of the news page*/
.GgcImage
{
	width: 366px;
	height: 16px;
	background-image: url(../Images/GGCImage.gif);
	background-repeat: no-repeat;
	float: left;
}
/*Class used to give the News text area on the right panel of the news page*/
.TextAreaPressRelease
{
	width: 333px;
	min-height: 180px;
	padding-top: 14px;
	padding-left: 23px;
	float: left;
	font-size: 11px;
	padding-right: 10px;
	line-height: 13px;
}
*html .TextAreaPressRelease
{
	width: 333px;
	height: 180px;
	padding-top: 14px;
	padding-left: 23px;
	float: left;
	font-size: 11px;
	padding-right: 10px;
	line-height: 13px;
}
/*Class used to give the heading on the projects page*/
.HeadingProject
{
	width: 340px;
	background-repeat: no-repeat;
	float: left;
}
/*Class used to give the style to the text area of the left panel on projects page*/
.TextAreaProject
{
	width: 350px;
	height: auto;
	float: left;
	font-size: 11px;
	padding-top: 14px;
	line-height: 15px;
	padding-bottom: 10px;
	padding-right:12px;
	text-align:justify;}

.RightPannelProject
{
	width: 223px;
	float: right;
	background-image: url(../Images/BgArchive.gif);
	background-repeat: repeat-y;
	padding-right: 10px;
}

*html .RightPannelProject
{
	width: 223px;
	float: right;
	background-image: url(../Images/BgArchive.gif);
	background-repeat: repeat-y;
	margin-right: -10px;
}
/*Class used to give the video image of videocontainer on right panel of Projects page*/
.VideoArchive
{
	width: 223px;
	height: 17px;
	background-image: url(../Images/VideoArchive.gif);
	background-repeat: no-repeat;
	float: left;
}
/*Class used to give the video container on right panel of Projects page*/
.VideoContainer
{
	width: 218px;
	min-height: 132px;
	float: left;
	padding-bottom: 5px;
	padding-left: 8px;
}
*html .VideoContainer
{
	width: 218px;
	height: 132px;
	float: left;
	padding-bottom: 5px;
	padding-left: 8px;
}
/*Class used to give the video container on right panel of Projects page*/
.PhotoContainer
{
	width: 218px;
	min-height: 90px;
	float: left;
	padding-bottom: 5px;
	padding-left: 8px;
}
*html .PhotoContainer
{
	width: 218px;
	height: 90px;
	float: left;
	padding-bottom: 5px;
	padding-left: 8px;
}
/*Class used to give the Location container on right panel of Projects page*/
.LocationContainer
{
	width: 218px;
	min-height: 150px;
	float: left;
	padding-left: 8px;
}
*html .LocationContainer
{
	width: 218px;
	height: 150px;
	float: left;
	padding-left: 8px;
}
.Photos
{
	width: 223px;
	height: 17px;
	background-image: url(../Images/Photos.gif);
	background-repeat: no-repeat;
	float: left;
}
.PhotosText
{
	width: 223px;
	height: auto;
	float: left;
}
.PhotosTextArea
{
	width: 201px;
	padding-left: 8px;
	padding-right: 12px;
	padding-top: 10px;
	float: left;
	font-size: 11px;
	line-height: 13px;
	padding-bottom: 12px;
}
/*Class used to News title of News Container on projects page*/
.NewsImageProject
{
	width: 223px;
	height: 17px;
	float: left;
	background-image: url(../Images/NewsImageProject.gif);
	background-repeat: no-repeat;
}

/*Class used to give the location heading of location area on Projects page*/
.ImageTolhuaca
{
	width: 223px;
	height: 17px;
	float: left;
	background-image: url(../Images/ImageTolhuaca.gif);
	background-repeat: no-repeat;
}
/*Class used to give the text area of location area on Projects page*/
.TextAreaTolhuaca
{
	width: 187px;
	float: left;
	padding-top: 10px;
	padding-left: 12px;
	padding-right: 12px;
	font-size: 11px;
	line-height: 13px;
}
/*Class used to give anchor style to the More Link*/
.ViewLink
{
	color: #1072B9;
	text-decoration: underline;
	font-weight: bold;
}
.ViewLink:hover
{
	color: #1072B9;
	text-decoration: none;
	font-weight: bold;
}
.ViewProjectLink
{
	color: #1072B9;
	text-decoration: underline;
	font-weight: bold;
}
.ViewProjectLink:hover
{
	color: #1072B9;
	text-decoration: none;
	font-weight: bold;
}
/*Class used to give the color to the > symbol on Project page*/
.Arrow
{
	color: #1072B9;
	text-decoration: none;
	font-weight: bold;
	font-size: 9px;
}

/*Class used to give the left panel area of Photogallery section of Project page*/
.LeftPannelGallery
{
	width: 522px;
	height: auto;
	float: left;
	margin-left: -12px;
}
*html .LeftPannelGallery
{
	width: 522px;
	height: auto;
	float: left;
	margin-left: -8px;
}

/*Class used to give the top line image of Photogallery section of Project page*/
.TopLine
{
	width: 522px;
	height: 2px;
	background-image: url(../Images/BgX.jpg);
	background-repeat: repeat-x;
	float: left;
}
*html .TopLine
{
	width: 522px;
	height: 2px;
	background-image: url(../Images/BgX.jpg);
	background-repeat: repeat-x;
	float: left;
	margin-bottom: -10px;
}
/*Class used to give the backgound image of Photogallery section of Project page*/
.MiddleGallery
{
	width: 522px;
	height: 571px;
	background-image: url(../Images/GalleryBg.gif);
	background-repeat: repeat-y;
	clear: both;
	float: left;
}
/*Class used to give the Image area of Photogallery section of Project page*/
.PhotoBigContainer
{
	width: 510px;
	height: auto;
	padding-top: 6px;
	padding-left: 6px;
	padding-right: 6px;
}
*html .PhotoBigContainer
{
	width: 510px;
	height: auto;
	padding-top: 4px;
	padding-left: 6px;
	padding-right: 6px;
}
/*Class used to give the area of lagre image of Photogallery section of Project page*/
.BigPhoto
{
	width: 510px;
	height: 400px;
	float: left;
}
/*Class used to give the space after thumbnail images area of Photogallery section of Project page*/
.SpacerBottomeBigPhoto
{
	width: 510px;
	height: 38px;
	float: left;
}
/*Class used to give the thumbnail images area of Photogallery section of Project page*/
.ContainerSmallPhoto
{
	width: 510px;
	height: auto;
	float: left;
}

/*Class used to give the left arrow area of Photogallery section of Project page*/
.LeftArrow
{
	width: 23px;
	padding-top: 25px;
	float: left;
}
/*Class used to give the space between arrows of Photogallery section of Project page*/
.SpacerArrow
{
	width: 5px;
	height: 30px;
	float: left;
}
/*Class used to give the area to the thumbnail image of Photogallery section of Project page*/
.SmallPhoto1
{
	width: 104px;
	height: 69px;
	float: left;
}
/*Class used to give the right arrow area on the Photogallery section of Project page*/
.RightArrow
{
	width: 18px;
	height: 44px;
	padding-top: 25px;
	float: right;
	padding-right: 5px;
}
*html .RightArrow
{
	width: 18px;
	margin-top: -25px;
	float: right;
	padding-right: 5px;
}

/*Class used to give the width area on the Highlights page*/
.BlankContainer
{
	width: auto;
	height: auto;
	float: left;
}
/*Class used to give the font style on the Highlights page*/
.HighlightCaption
{
	font-size: 9px;
	padding-top: 5px;
}
/*Class used to give the left green image area on Home page*/
.GreenImageContainer
{
	width: 251px;
	height: auto;
	float: left;
	background-image: url(../Images/GreenBgHome1.jpg);
	background-repeat: repeat-y;
}
/*Class used to give the top area of left green image on Home page*/
.TopGreenImage
{
	width: 251px;
	height: 10px;
	background-image: url(../Images/TopGreenImage.jpg);
	background-repeat: no-repeat;
	float: left;
}
/*Class used to give the text area of left green image on Home page*/
.TextAreaGreenImage
{
	width: 251px;
	height: 265px;
	line-height: 18px;
	float: left;
}

/*Class used to give the bottom area of left green image on Home page*/
.BottomGreenImage
{
	width: 251px;
	height: 147px;
	background-image: url(../Images/BottomGreenImage.jpg);
	background-repeat: no-repeat;
	float: left;
	background-position: bottom left;
}
/*Class used to give the bottom area of left image on Team page*/
.BottomPartTeam
{
	width: 528px;
	height: 100px;
	background-image: url(../Images/BottomPartTeam.gif);
	background-repeat: no-repeat;
	float: left;
}

/*Class used to give the video area including video and video caption on left panel on project page*/
.VideoContainer1
{
	width: auto;
	height: auto;
	float: left;
	border: 2px solid #dfded6;
}
/*Class used to give the video area on left panel on project page*/
.Video1
{
	width: 328px;
	height: 234px;
	float: left;
}
/*Class used to give the video caption area on left panel on project page*/
.VideoText1
{
	width: auto;
	height: auto;
	float: left;
	padding-top: 10px;
	padding-left: 8px;
	padding-bottom: 10px;
	font-size: 11px;
	background-color: #fbf9f1;
}
.DivAboutText
{
	line-height: 15px;
	}
/*Class ued to give the video titles on rightpanel in video container*/
a.VideoLinkText
{
	width: 192px;
	padding-left: 10px;
	float: left;
	padding-top: 5px;
	clear: both;
	color: #4E4E4E;
	text-decoration: none;
}
a.VideoLinkText:hover
{
	width: 192px;
	padding-left: 10px;
	float: left;
	padding-top: 5px;
	clear: both;
	color: #7A1B15;
	text-decoration: none;
}
a.VideoLinkTextHover
{
	width: 192px;
	padding-left: 10px;
	float: left;
	padding-top: 5px;
	clear: both;
	color: #7A1B15;
	text-decoration: none;
}
/*Class used to give the image container on the Resources page*/
.ImageResourcesContainer
{
	width: 220px;
	min-height: 250px;
	border: 1px solid #d7d7d7;
	padding-top: 4px;
	padding-left: 6px;
	padding-right: 6px;
	padding-bottom: 4px;
	float: left;
}
*html .ImageResourcesContainer
{
	width: 220px;
	height: 250px;
	border: 1px solid #d7d7d7;
	padding-top: 4px;
	padding-left: 6px;
	padding-right: 6px;
	float: left;
}
/*Class used to give the image container on the Contact us page*/
.ImageContactUsContainer
{
	width: 354px;
	min-height: 210px;
	border: 1px solid #d7d7d7;
	float: left;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
}
*html .ImageContactUsContainer
{
	width: 354px;
	height: 210px;
	border: 1px solid #d7d7d7;
	float: left;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
}
/*Class used to give the red color to the messages used in the website*/
.Msg
{
	color: Red;
}
/*Class used to give the linking style of News Title on the News Page*/
.Link
{
	color: #4E4E4E;
	text-decoration: none;
}
.Link:hover
{
	color: #7A1B15;
	text-decoration: none;
}
.LinkHover
{
	color: #7A1B15;
	text-decoration: none;
}
/*Class used to give the Content area on the Content and Resources page*/
.ContentText
{
	padding-right: 18px;
}
/*Class used to make the left panel flow and sets its min-height */
.TeamLeftPanel
{
	width: 145px;
	min-height: 70px;
	float: left;
}
*html .TeamLeftPanel
{
	width: 145px;
	min-height: 70px;
	float: left;
}
.TextcolourBrown1
{
	color: #7a1b15;
	line-height: 13px;
	font-size: 13px;
	font-weight: bold;
}
/*Class used to give the dotted line on grid of Highlights page*/
.GridDottedLine
{
	width: 206px;
	height: 11px;
	float: left;
	background-image: url(../Images/Dot.gif);
	background-repeat: repeat-x;
}
/*Class used to give the dotted line on grid of News page*/
.NewsGridDottedLine
{
	width: 312px;
	height: 11px;
	float: left;
	background-image: url(../Images/Dot.gif);
	background-repeat: repeat-x;
}
/*Class used to give the dotted line on grid of Highlights page*/
.GridDottedLineNews
{
	width: 204px;
	height: 11px;
	float: left;
	background-image: url(../Images/Dot.gif);
	background-repeat: repeat-x;
}
/*Class used to give the underline none on the date used in header*/
a.DateLink
{
	text-decoration: none;
}
a.DateLink:hover
{
	text-decoration: none;
}
/*ID's used for the DropDown Menu's on Project page*/
#sddm
{
	margin: 0;
	padding: 0;
	z-index: 30;
}

#sddm div
{
	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
}

#sddm div a
{
	position: relative;
	display: block;
	margin: 0;
	padding: 5px 10px;
	width: auto;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	background: #5A4A42;
	color: #fff;
}

#sddm div a:hover
{
	color: #ADBC67;
}

*:first-child + html .ProjectSpacer
{
	margin-top: 20px;
	float: left;
}
.ProjectSpacerHome
{
	width: 200px;
	height: 20px;
	float: left;
}

/*Class used to give the Brown color to the text from editor in contactus page*/
.BrownColourContactUs
{
	color: #771611;
}
.TextAreaContactUs
{
	width: 520px;
	height: auto;
	float: left;
	padding-left: 30px;
	font-size: 11px;
	line-height: 15px;
	padding-top: 20px;
	text-align: left;
}
.ColorAbout1
{
	color: #791c15;
	font-weight: bold;
}
.AboutImageContainer
{
	width: 343px;
	height: auto;
	float: right;
	margin-top: -22px;
	margin-left: 20px;
}
.NewsTextHome
{
	width: 210px;
	height: auto;
	margin-left: -4px;
	margin-top: 3px;
	float: left;
	white-space: -1px;
	line-height: 11px;
	font-size: 9px;
}
.ResourcesText
{
	width: 420px;
	float: left;
	border: 0px;
	margin: 0px;
	padding: 0px;
}
.HomeContainer
{
	float: left;
	background-image: url(../Images/GreenBgHome1.jpg);
	background-repeat: repeat-y;
	min-height: 400px;
}
*html .HomeContainer
{
	float: left;
	background-image: url(../Images/GreenBgHome1.jpg);
	background-repeat: repeat-y;
	height: 400px;
}








/*Class used to give the left panel area of Team Page*/
.NewLeftPannelTeam
{
	width: 770px;
	height: auto;
	background-image: url(../Images/NewBgTeamPage.gif);
	background-position: top left;
	background-repeat: repeat-y;
	float: left;
	margin-top: 8px;
}
*html .NewLeftPannelTeam
{
	width: 770px;
	height: auto;
	background-image: url(../Images/NewBgTeamPage.gif);
	background-position: top left;
	background-repeat: repeat-y;
	float: left;
	margin-top: 9px;
}
/*Class used to give the left panel area of Team Page*/
.NewLeftPannelTeam1
{
	width: 770px;
	min-height: 420px;
	background-image: url(../Images/BgTeamPage.gif);
	background-position: top left;
	background-repeat: repeat-y;
	float: left;
	margin-top: 8px;
}
*html .NewLeftPannelTeam1
{
	width: 770px;
	height: 420px;
	background-image: url(../Images/BgTeamPage.gif);
	background-position: top left;
	background-repeat: repeat-y;
	float: left;
	margin-top: 9px;
}
/*Class used to give the Middle panel area on Team page */
.NewMiddlePanelTeam
{
	width: 580px;
	height: auto;
	float: left;
	margin-top: 5px;
	padding-left: 16px;
}
/*Class used to give the Top Image area in middle panel on Team page */
.NewImageTeam
{
	width: 564px;
	height: 194px;
	float: left;
	padding-left: 15px;
}
/*Class used to give the Top Image area in middle panel on Team page */
.NewImageTeam1
{
	width: 220px;
	height: 194px;
	float: right;
}
/*Class used to give the text area in middle panel on Team page */
.NewTextAreaTeam
{
	width: 585px;
	height: auto;
	float: left;
	padding-top: 22px;
	padding-left: 1px;
	line-height: 18px;
}
/*Class used to give the text area in middle panel on Team page */
.NewTextAreaTeam1
{
	width: 585px;
	height: auto;
	float: left;
	padding-top: 22px;
	padding-left: 1px;
	line-height: 18px;
}
/*Class used to give the bottom area of left image on Team page*/
.NewBottomPartTeam
{
	width: 700px;
	height: 100px;
	background-image: url(../Images/NewBottomPartTeam.gif);
	background-repeat: no-repeat;
	float: left;
}
.ContactMapArea
{
	width: 400px;
	float: left;
	height: auto;
}
/*Class used for the middle panel in Contact page*/
.MiddlePanelContactTeam
{
	width: 598px;
	float: right;
	margin-top: 20px;
}
/*Class used to give the left panel area of Contact Page with its ul and li style*/
.LeftPannelContact
{
	width: 163px;
	min-height: 500px;
	background-image: url(../Images/BgLeftTeam.gif);
	background-position: top left;
	background-repeat: repeat-y;
	float: left;
	margin-top: 8px;
}

.LeftPannelContact ul
{
	margin: 0;
	padding: 0;
	float: left;
}
.LeftPannelContact li
{
	list-style-type: none;
	width: 149px;
	border-bottom: dotted 1px #fff;
	line-height: 25px;
	margin-left: 10px;
	float: left;
}
.LeftPannelContact li a
{
	text-decoration: none;
}
.LeftPannelContact li a:hover
{
	color: #7A1B15;
	text-decoration: none;
}
/*Class used ti give the selected style on the contact left panel in contact page*/
.LeftPannelContactSelected
{
	color: #7A1B15;
	text-decoration: none;
}
.LeftPannelContact1
{
	color: #4E4E4E;
	text-decoration: none;
}
.FooterHomeText
{
	height: 16px;
	color: #868686;
	font-size: 9px;
	font-weight: bold;
	text-decoration: none;
	float: left;
}
.FooterHomeText:hover
{
	height: 16px;
	color: #7A1B15;
	font-size: 9px;
	font-weight: bold;
	text-decoration: none;
	float: left;
}
a.FooterSelected
{
	color: #7A1B15;
	text-decoration: none;
	font-size: 9px;
	font-weight: bold;
	float: left;
	text-decoration: none;
}
a.FooterResourcesText
{
	height: 16px;
	color: #868686;
	font-size: 9px;
	font-weight: bold;
	float: left;
	text-decoration: none;
}
a.FooterResourcesText:hover
{
	height: 16px;
	color: #7A1B15;
	font-size: 9px;
	font-weight: bold;
	float: left;
	text-decoration: none;
}
.Slash
{
	color: #868686;
}
.Effect
{
	font-size: 19.68px;
	color: #fff;
	margin-top: 55px;
	margin-left: 40px;
	float: left;
	font-weight: bold;
}
/*Class used to give the left panel area of Project Page with its ul and li style*/
.LeftPannelProject
{
	width: 163px;
	min-height: 500px;
	float: left;
}
.ProjectContainer
{
	width: 770px;
	height: auto;
	background-image: url(../Images/BgLeftTeam.gif);
	background-position: top left;
	background-repeat: repeat-y;
	float: left;
	margin-top: -7px;
}
.ProjectContainerPhotoAlbum
{
	width: 770px;
	height: auto;
	float: left;
	
}
/*Class used For right side Header Image with Map On Master Page*/
#HeaderRightMap
{
	float: left;
	width: 575px;
	height: 74px;
	background-image: url(../Images/LogoRight.gif);
	background-repeat: no-repeat;
}
/*Class used For right side Header  Image  without Map On Master Page*/
#HeaderRight
{
	float: left;
	width: 575px;
	height: 74px;
	background-image: url(../Images/LogoRight1.gif);
	background-repeat: no-repeat;
}
/* Class used for Search Container on Home page*/
.SearchContainer
{
	width: 244px;
	float: right;
	padding: 20px 0px 0px 0px;
	margin: 0 0px 0 0px;
}
/* Class used for Search Container with map on Home page*/
.SearchContainerMap
{
	width: 300px;
	float: left;
	padding: 45px 0px 0px 110px;
	margin: 0 0px 0 0px;
	
}
/* Class used for Search Text on Home page*/
.SearchText
{
	float: left;
	width: 60px;
	height: auto;
	color: #75130D;
	font-weight: bold;
	font-size: 12px;
	padding: 4px 0px 0 0px;
}
/* Class used for Search button on Master Page*/
.ButtonSearch
{
	color: #fff;
	background-color: #5A4A42;
	padding: 0px 0px 0px 0px;
	border: solid 0px black;
}
/* Class used for Search button on Master Page*/
.ButtonContainer
{
	float: left;
	width: 20px;
	height: auto;
	padding: 0px 0px 0px 8px;
}
/* Class used for Search Textbox on Master Page*/
.SearchTextBox
{
	float: left;
}
/* Class used for Search box on the the Master page left panel pages .*/
.SearchBox
{
	float: left;
	width: 221px;
	height: auto;
}
/*Class used to give the  container on Site Map page*/
.ContainerSitemap
{
	width: 724px;
	height: auto;
	float: left;
	line-height: 18px;
}
.ContainerSitemap ul
{
	width: 700px;
	height: auto;
	float: left;
	padding: 0 0 0 24px;
	margin:0px;
	
		}
.ContainerSitemap ul li
{
	width: 700px;
	float:left;
	list-style-type: disc;
	font-weight: bold;
	
}
.ContainerSitemap ul li a
{
	color: #6AAADD;
	text-decoration: none;
}
.ContainerSitemap ul li a:hover
{
	color: #6AAADD;
	text-decoration: underline;
}
.ContainerSitemap ul li a.SiteMapLinkProject
{
	color:#000;
	text-decoration: underline;
}
.ContainerSitemap ul li a:hover.SiteMapLinkProject
{
	color:#000;
	text-decoration: none;
}
.ContainerSitemap ul li ul
{
	float: left;
	width: 680px;
	height: auto;
	padding: 0 0 0 15px;
	margin:0px;
}
.ContainerSitemap ul li ul li
{	
	width: 680px;
	float: left;
	list-style-type: disc;
}
.ContainerSitemap ul li ul li ul
{
	float: left;
	width: 650px;
	height: auto;
	padding: 0 0 0 10px;
	margin:0px;
}
.ContainerSitemap ul li ul li ul li
{
	width: 650px;
	float: left;
	list-style-type: none;
}
.ContainerSitemap ul li ul li ul li ul li
{
	float: left;
	width: 650px;
	height: auto;
	padding: 0 0 0 0px;
}
.ContainerSitemap ul li ul li ul li ul li
{
	width: 650px;
	float: left;
	list-style-type: circle;
}
/* Class used to giv estyle to members on the about page*/
.AboutMemberLink
{
	font-weight: bold;
	color: #791c15;
}
/*Class used to give the linking style of Serach text on the Search Page*/
.SearchLinkText
{
	color: #4E4E4E;
	text-decoration:underline;
}
.SearchLinkText:hover
{
	color: #7A1B15;
	text-decoration:none;
}
/*Class used to give the linking style of Serach title text on the Search Page*/
.SearchLinkTitle
{
	color: #4E4E4E;
	text-decoration: none;
	font-size:12px;
}
.SearchLinkTitle:hover
{
	color: #7A1B15;
	text-decoration:underline;
	font-size:12px;
}
.TextNewsnHighlight
{
	font-size: 12px;
}
/*Class used to give the style to the text area of the left panel on Highlights page*/
.TextAreaHighlights
{
	width: 497px;
	height: auto;
	float: left;
	font-size: 11px;
	padding-top: 14px;
	line-height: 15px;
	padding-bottom: 10px;
	text-align:justify;
}
.DivImageAreaPhotoAlbum
{
	float:left;
	width:506px;
}