HTML {
	HEIGHT: 100%
}
BODY {
	HEIGHT: 100%
}
BODY {
	FONT-SIZE: 80%; MARGIN: 0em; COLOR: #666666; FONT-FAMILY: Verdana, Helvetica, Geneva, Arial, sans-serif; background-color: #ffffff
}
H1 {
	FONT-WEIGHT: normal; FONT-SIZE: 18px; MARGIN-BOTTOM: 5px;
}
H2 {
	FONT-WEIGHT: normal; FONT-SIZE: 16px
}
H3 {
	FONT-WEIGHT: normal; FONT-SIZE: 14px
}
H4 {
	FONT-WEIGHT: bold; FONT-SIZE: 12px
}
H5 {
	FONT-WEIGHT: bold; FONT-SIZE: 12px
}
H2 {
	MARGIN-BOTTOM: 5px
}
H3 {
	MARGIN-BOTTOM: 5px
}
H4 {
	MARGIN-BOTTOM: 5px
}
H5 {
	MARGIN-BOTTOM: 5px
}
.BasePage {
    WIDTH: 975px; background-color: #ffffff 
}
.MainShadow {
	BACKGROUND: url(/images/mainbg-shadow.png) #ffffff repeat-y;
}
.MainContainer {
	WIDTH: 935px; TEXT-ALIGN: left; background-color:#ffffff;
}
.MainHeader {
    BACKGROUND: url(/images/changecorp.PNG) #ffffff ; WIDTH: 935px; HEIGHT: 85px
}
.MainContent {
    padding-bottom:15px;background-color:#ffffff;
}
.MainFooter {
    padding-top:10px; text-align:center; font-size: 10px; 
}
#Navigation {
    BACKGROUND: url(/images/nav_background.png)  repeat-X ;  height:30px;font-weight:bold;font-size:12px; WIDTH: 935px; text-align:left;
}
.GrayNoticeBoard {
    background-color:#929292; WIDTH: 300PX; background-repeat:no-repeat;
}
.GreenNoticeBoard {
    background-color:#F8F8F8; WIDTH: 290px;
}
.GreenNoticeBoardMain {
    background-color:#F8F8F8; WIDTH: 683PX;
}
.GreenNoticeBoardLandingPage {
    background-color:#F8F8F8; WIDTH: 640PX;
}
.NoticeHeader {
    font-size:14px; color:#99C379; font-weight:bold; padding-top: 5px;
}
.NoticeContent {
    /*font-size: 85%; padding: 5px 10px 5px 10px*/
    font-size: 11px; padding-left: 10px;
}
.GreenFont {
    color:#9CCA33;font-size:11px;font-weight:bold;
}
.ContentWrapper 
{
    padding: 1px 32px 1px 32px ; font-size:11px;
}
.formLabel 
{
    padding:0px 0px 0px 32px ; font-size:11px;
}
.formText 
{
    padding:0px 0px 0px 32px ; font-size:11px;
}
.GreenFontBold, a.GreenFontBold:link:hover, a.GreenFontBold:visited:hover,a.GreenFontBold:link, a.GreenFontBold:visited{
    color:#99C379;  font-weight:bold;font-size: 13px;
}
.ImageBlock {
    border:0px; display:inline;
}
.SearchBox {
    BACKGROUND: url(/images/search_box.png) #ffffff no-repeat;
}
.Divider {
    padding-top: 10px
}
.SideBarHeader {
    font-size: 13px; font-weight: bold; color:White; background-color:#929292; width:214px;padding:0 0 4 12;
}
.SideBarContent, a.SideBarContent:link:hover, a.SideBarContent:visited:hover,a.SideBarContent:link, a.SideBarContent:visited {
    background-color:#F8F8F8; color:#99C379; font-weight:bold; padding: 3 6 3 6; font-size: 11px; line-height:1.5; 
}
.SidebarDate
{color:#666666;font-weight:normal;padding-left:10px; font-size: 13px;}
DIV.SectionDividerSideBar {
	MARGIN: 3px 6px -3px 6px; BORDER-BOTTOM: #b5bbc7 1px solid
}
DIV.SectionDivider {
	MARGIN: 10px 0px 10px; BORDER-BOTTOM: #b5bbc7 1px solid
}
.SideBarHeaderGreen {
    font-size: 13px; font-weight: bold; color:White; background-color:#83BC45; width:206px;
}
.SideBarContentGreen {
    background-color:#CAE5AC; color:#666666; font-weight:bold; padding-top: 10px;padding-left:10px;font-size: 11px;
}
.siteUL {
    margin-left:20px; list-style-image: url(/images/small_chev.png)
}
.siteLI {
    margin-bottom:10px;
}
.Note{
    font-size: 9px;
}

#searchResultList li{ color: #2a5c85; }
		/* List item div */
#searchResultItem{ margin-top: 5px; margin-bottom: 5px; background-color: #f8f8f8; border: 1px solid #d9d9d9; overflow: hidden; padding: 5px 5px 5px 20px; background-repeat: no-repeat; background-position: 6px 10px;}
a.searchResultLink, a.searchResultLink:visited{ color: #2a5c85; text-decoration: none;}
a.searchResultLink:hover, a.searchResultLink:visited:hover{ color: #2a5c85; text-decoration: none;}
		

.DataGridCol1_Green {
    BACKGROUND: url(/images/datagrid_col1_green.png) repeat-Y; height:30px; font-size:13px; /*text-indent:32px; */
}
.DataGridCol2_Green {
    BACKGROUND: url(/images/datagrid_col2_green.png) repeat-Y; height:30px; font-size:13px; /*text-indent:8px;*/
}
.DataGridCol3_Green {
    BACKGROUND: url(/images/datagrid_col3_green.png) repeat-Y; height:30px; font-size:13px; /*text-indent:8px;*/
}
.DataGridCol4_Green {
    BACKGROUND: url(/images/datagrid_col4_green.png) repeat-Y; height:30px; font-size:13px; /*text-indent:16px;*/
}
.DataGridCol1_Grey {
    BACKGROUND: url(/images/datagrid_col1_grey.png) repeat-Y; height:30px; font-size:13px; /*text-indent:32px;*/
}
.DataGridCol2_Grey {
    BACKGROUND: url(/images/datagrid_col2_grey.png) repeat-Y; height:30px; font-size:13px; /*text-indent:8px;*/
}
.DataGridCol3_Grey {
    BACKGROUND: url(/images/datagrid_col3_grey.png) repeat-Y; height:30px; font-size:13px; /*text-indent:8px;*/
}
.DataGridCol4_Grey {
    BACKGROUND: url(/images/datagrid_col4_grey.png) repeat-Y; height:30px; font-size:13px; /*text-indent:16px;*/
}
a, a:link, a:visited, a:link:hover, a:visited:hover
{
	 text-decoration:none;
	 color:#99C379;
	 font-size:11px;
	 font-weight:bold;
}

/* Bread crumb visulization -- zhang */
#breadcrumb,#breadcrumb a:link, #breadcrumb a:visited 
{
	font-size: 9px; COLOR: #B5B5B5; 
}
#breadcrumb
{
	padding:2px 0 2px 32px; 
}
/* End */


/*Dropdown menu*/
#menu { list-style-type:none; margin:0; float:left;padding-left:32px;}
#menu a {font-size:9px;display:block; text-align:center;text-decoration:none;  white-space:nowrap; padding-left:10px;padding-right:20px;margin-top:6px;}
#menu li {float:left; height:30px;}
#menu li.Active {float:left; background-color:#5E605F;height:30px;}
#menu li a, #menu li a:hover{color:#cccdcd; font-weight:bold; }
#menu li ul {left:-999em;width:300px;position:absolute; z-index:2; list-style-type:none; padding:0 0 0 0;margin:7 0 0 0;}
#menu li ul.TwoCol {left:-999em;width:500px;position:absolute; z-index:2; list-style-type:none; padding:0 0 0 0;margin:7 0 0 -200}

#menu li ul li
{ width:100%;
	background-image:url(/images/menubullet.png); 
	background-repeat:no-repeat; 
	background-position: 5px bottom; 
	text-indent:20px;
	background-color:Transparent;
 font-weight:bold;

 height:18px;
}
#menu li ul a{display:block; text-align:left;}
#menu li ul a:link, #menu li ul a:visited,#menu li ul a:hover  {color:#ffffff;font-weight:bold;font-size:9px;}
#menu li:hover ul {left:auto; margin-left:0px;font-weight:bold;}
#menu li.sfhover ul {left:auto;margin-left:0px;font-weight:bold;}
#MenuBox 
{
  position:absolute;display:none;margin-top:30px;width:936px; height:138px; background-image:url(/images/MenuDropDownBox.jpg);filter:alpha(opacity=65);
	-moz-opacity:0.65;
	-khtml-opacity: 0.65;
	opacity: 0.65; z-index:1;
	border:1px;
}
.nav{ background-color:#759FC5; margin-top:5px; filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7; z-index:1;height:118px;}
.MenuItem
{ background-image:url(/images/divider.png); background-repeat:no-repeat; background-position:30px bottom; }
	

/*Events*/
.GreenFontBold {
    color:#99C379; font-weight:bold
}
.SubContentHeaderGreen {
    font-weight: bold; color:White; background-color:#83BC45; width:158px;font-size:12px;
}
/* End */


.SubContentGreen {
    background-color:#CBE3B1; color:#666666; padding: 10px;font-size:13px;
}
.Title
{
	font-weight:bold;
	}
.content
{
	padding:5px 0 10px 10px;background-color:#F8F8F8;height:226px;
	}
.CareersContent
{
	padding:5px 0 10px 10px;background-color:#F8F8F8;height:226px;
	}
.LowIndex
{
	z-index:-100;
}

/* for popup image */
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: Transparent;
border: 0px solid;
visibility: hidden;
color: black;
padding:5px;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
left: -120px; /*position where enlarged image should offset horizontally */
top:-170px;
}
/*End popup CSS section*/