body  {
	font: 100% Verdana, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	background: #fff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #333;
	font-size: 1em;
}

a img
{
	border-width:0px;
}

A.link2
{
    margin: 0 0 0 0px;
	padding: 0 5px 0 15px;
	background: #fff url(Images/arrow_green_rt.gif) no-repeat left top;
	font-weight: normal;
	color: #164614;
	font-size: 0.9em;
	text-decoration: none;
}

A.link1
{
    margin: 0 0 0 0px;
	padding: 0 5px 0 5px;
	font-weight: normal;
	color: #164614;
	font-size: 1em;
	text-decoration: underline;
}
A.link3
{
    margin: 0 0 0 0px;
	padding: 0 5px 0 0px;  /* 15px for greenbox */
	/* background: #fff url(Images/green_box.gif) no-repeat left top; */
	font-weight: normal;
	color: #164614;
	font-size: 0.9em;
	text-decoration: none;
	text-decoration: underline;
} 
A.link4
{
    margin: 0 0 0 0px;
	padding: 0 35px 0 15px;
	/*background: #fff url(Images/black_box.gif) no-repeat left top;*/
	font-weight: bold;
	color: #A38D0F;
	font-size: 2em;
	text-decoration: none;
}
A.link5
{
    margin: 0 0 0 0px;
	padding: 0 35px 0 15px;
	/*background: #fff url(Images/black_box.gif) no-repeat left top;*/
	font-weight: bold;
	color: #b89e03;
	font-size: 1em;
	text-decoration: none;
	text-transform: uppercase;
	vertical-align:top;
}
A.link6
{
    margin: 0 0 0 0px;
	padding: 0 0px 0 15px;
	/*background: #fff url(Images/black_box.gif) no-repeat left top;*/
	font-weight: bold;
	color: #164614;
	font-size: 1em;
	text-decoration: none;
	text-transform: uppercase;
	vertical-align:top;
}
A.help2
{
    margin: 0 0 0 0px;
	padding: 0 5px 0 5px;
	font-weight: normal;
	color: #164614;
	font-size: 1em;
	text-decoration: underline;
	background: transparent url('Images/icon_help.gif') no-repeat left;
	padding-left: 20px;
}
.twoColFixRtHdr #container { 
	width: 760px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #333; /* Controls the outermost border */
	text-align: left; /* this overrides the text-align: center on the body element. */
	font-size:0.9em;
} 
.twoColFixRtHdr #container2 { 
	width: 500px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #333; /* Controls the outermost border */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.twoColFixRtHdr #header 
{
	background: #fff; 
	padding: 30px 0px 0 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	margin: 0 0 0px -1px; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	border-bottom: solid 5px #b89e03;
	height:41px;
	
} 
.twoColFixRtHdr #header #logo {
	margin: 0 0 -20px 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0px 0 0 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	float: left; 
	width:242px;
	height:100%;	
}

.twoColFixRtHdr #header #logo a image 
{
    border-top: solid 10px #fff; /* hack to align the image to the bottom. valign didn't work */
    background-color: #fff; 
}


image   
{
	border: solid 0px #ccc;
}

.twoColFixRtHdr #header #extra {
    float: right; 
	width:274px;
	margin: 0px 0 0px 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0px 0 0px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	text-align: right;	

	
}

.twoColFixRtHdr #header #extra a{
	margin: 0 0 0 0;
	padding: 0 5px 0 9px;
	background: #fff url(Images/arrow_blk_rt.gif) no-repeat left;
	font-size: 0.6em;
	font-weight: bold;
	color: #666;
	text-decoration: none;
}

.twoColFixRtHdr #header #extra input{
	font-size: 0.6em;
	
}


.twoColFixRtHdr #header #extra2 {
    float: right; 
	width:274px;
	margin: 0px 0 0px 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0px 0 0px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	text-align: right;	

	
}

.twoColFixRtHdr #header #extra2 a{
	margin: 0 0 0 0;
	padding: 0 5px 0 9px;
	font-size: 0.6em;
	font-weight: bold;
	color: #333;
	text-decoration: none;
}

.twoColFixRtHdr #menu { 
	background: #fff; 
	margin-top: 2px;
	margin-left:0px;
	padding: 0px 0px 0 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	float:right;
	width:100%;
	background: #fff url(Images/nav0_bg.jpg) repeat-x;
	color: White;

    
}
.twoColFixRtHdr #menu  #breadcrumb { 
	background: #fff url('Images/bg_graygradient6.jpg') repeat-x;
	border: solid 1px #ccc;
	height: 21px;  /*55px;*/
	color: #005D30;
	font-size: 0.7em;
}
.twoColFixRtHdr #menu  #breadcrumb A{ 
	/*background: #fff url('Images/bg_graygradient.jpg') repeat-x;*/
	/*height: 55px;	*/
	color: #005D30;
	
}  
.twoColFixRtHdr #menu  #breadcrumb #current{ 
	font-size: 1.4em;
}
.breadcrumbCurrent
{
    font-size: 1.4em;
}

.twoColFixRtHdr #sidebars {
	float: right; /* since this element is floated, a width must be given */
	width: 210px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: transparent; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 10px 0 0 0;
 font-size: 0.7em;
 
}

.oneColFixRtHdr #sidebars {
	float: left; /* since this element is floated, a width must be given */
	width: 210px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: transparent; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 10px 0 0 0;
 font-size: 0.7em;
 
}
.oneColFixRtHdr #sidebars2 {
	float: left; /* since this element is floated, a width must be given */
	width: 210px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: transparent; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0 0 0 0;
 font-size: 0.7em;
 
}
.sidebar
{
	background-color: #E5E5E5;
	padding-left: 2px;
	padding-bottom: 10px;
	text-align: left;
	
	
}
.sidebar h3
{
	background: #fff url('Images/bg_darkgraygradient.jpg') repeat-x;
	font-size: 1em;
	font-weight: bold;
	color: #fff;
	padding: 2px;
	margin: 0px;
	text-transform: uppercase;
	
}

.sidebar h4
{
	background-color: #999;
	font-size: 1em;
	font-weight: bold;
	color: #fff;
	padding: 2px;
	margin: 0px;
	text-transform: uppercase;
	
}


.sidebar p
{
	border-bottom: dotted 1px #999;
	font-size: 0.9em;
    list-style: none;
    padding: 2px;
    padding-right:10px; /* added by larry 10-22-08 for upcoming courses*/
    margin: 0 4px 0px 6px;
    background: transparent url('Images/arrow_blk_rt.gif') no-repeat right;
}


.sidebar p.document
{
	background: transparent url('Images/icon_document.gif') no-repeat left;
	padding-left: 20px; 
}

.sidebar p.print
{
	background: transparent url('Images/icon_print.gif') no-repeat left;
	padding-left: 20px;
}
.sidebar p.pdf, a.pdf
{
	background: transparent url('Images/icon_pdf.gif') no-repeat left top;
	padding-left: 20px;

}
.sidebar p.help, a.help
{
	background: transparent url('Images/icon_help.gif') no-repeat left;
	padding-left: 20px;
}
.sidebar p.video
{
	background: transparent url('Images/icon_video.gif') no-repeat left;
	padding-left: 20px;
}
.sidebar p.word
{
	background: transparent url('Images/icon_word.gif') no-repeat left;
	padding-left: 20px;
}



.twoColFixRtHdr #mainContent { 
	margin: 0px 220px 0 0; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	font-size: 0.7em;
	text-align: left;
} 
.twoColFixRtHdr #mainContent #news{ 
	float:left;
	font-weight:bold;
	font-size:1em;
} 

.twoColFixRtHdr #mainContentPopUp { 
	margin: 0px 220px 0 20; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	font-size: 0.7em;
	text-align: left;	
} 

.twoColFixRtHdr #mainContentPopUp .form_content{ 
	font-family:verdana;font-size:11px;color:#164614;font-weight:bold;
} 

.twoColFixRtHdr #mainContentFull { 
	margin:4px 0px 0 0; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	font-size: 0.7em;
	text-align: left;
	background-color: #fff;	
} 

.twoColFixRtHdr #mainContentFull h1 { 
	margin:-20px 0px 0px 0; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	font-size: 0.9em;
	text-align: left;
	border-bottom: solid 1px #ccc;	 
}


.twoColFixRtHdr #mainContentFull h2 
{
    margin: 0px;
    padding: 0px;
	border-top: solid 4px #fff;
	font-size: 0.9em;
}

.twoColFixRtHdr #mainContentFull h1 A { 
	border: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	padding:4px 10px 0px 10px;
     color: #666;
     background: #eee url (Images/bg_graygradient.jpg);
     text-decoration: none; font-size: 1.1em;
}
.twoColFixRtHdr #mainContentFull h1 .subhead { 
	margin-left: 0px;
	margin-right: -4px;
	border: solid 1px #ccc;
	border-bottom: solid 1px #fff;
	padding:4px 10px 0px 10px;
     color: #333;
     background-color: #fff;font-size: 1.1em;
}  

.subhead
{ 
    color: #005D30;
     font-weight: bold;
    font-size: 1.1em;
}

.list
{
    padding-bottom: 8px;
  
}

.list .date
{
    color: #666;
    font-size: 1.1em;
    
}

.list .summary
{
    color: #999;
    font-size: 0.9em;
    
}

.list A
{
    color: #333;
}

.list2
{
    padding-bottom: 0px;
  
}


.list2 .date
{
    color: #666;
    font-size: 1.1em;
    
}

.list2 A
{
    color: #333;
}



.bios td
{
   text-align: center;
 }

.bios td h2
{
    font-size: 1.2em;
    margin: 0px;
    padding: 0px;
    border-top:solid 1px #aaa;
    background-color: #fff;
    text-align: center;
     
}

.bios td h3
{
    font-size: 1em;
    font-weight: normal;
    margin: 0;
    padding:0;
    /* border-bottom: dotted 1px #aaa; */
}

.twoColFixRtHdr #footer { 
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	width: auto;
	
} 


	
.twoColFixRtHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 2px 0px 20px 0px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size: 0.6em;
	font-weight: bold;
	color: #164614;
	text-align: center;
}

.twoColFixRtHdr #footer p a{ 
margin: 0 0 0 0;
	padding: 0 5px 0 9px;
	background: #fff url(Images/arrow_blk_rt.gif) no-repeat left;
	font-weight: bold;
	color: #666;
	text-decoration: none;
	text-align: center;
	}
	
	.twoColFixRtHdr #footer2 { 
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	width: auto;
	
} 

.twoColFixRtHdr #footer2 p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 2px 0px 20px 0px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size: 0.6em;
	font-weight: bold;
	color: #164614;
	text-align: center;
}

.twoColFixRtHdr #footer2 p a{ 
margin: 0 0 0 0;
	padding: 0 5px 0 9px;
	font-weight: bold;
	color: #333;
	text-decoration: none;
	text-align: center;
	}
	
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#highllights
{
	border: solid 1px #000000;
	position:absolute;
	top:
	/*
   border-style :solid; border-color:#b89e03; border-width:1px;*/
}

#highlightLeft
{
	width:550px;
	float:left;
}

#highlightRight
{
	width: 210px;
	float:right;
}

.highlightTable
{
	margin: 0;
	padding: 0px 0px 0px 0px; /*give space between each highlight */ /*originally 2px on all - rizky */
	height:100%; 
}


.highlightTable #smallpane 
{
	margin-top: 2px; padding:5px;
	width:200px;
	color:#164614;
	/*border:1;border-bottom-color:#b89e03;border-bottom-style:double;*/	
}


.highlightTable #reportClaim a 
{
	color:#164614;
	margin-top: 2px; padding:0px 0px 0px 5px ;
	width:200px;
    font-weight:bold;
    text-decoration: none;
}

.highlightTable h1 /* highlight header */
{
	background: #fff url('Images/nav0_bg.jpg') repeat-x; /*url('Images/bg_darkgraygradient.jpg') repeat-x;*//* rizky original: background-color:#fff */
	margin: 0px; padding: 4px; /* need this otherwise a huge gap between h1*/
    font-size:0.7em;
    color: white; /* rizky original: #b89e03*/
    height: 24px;
    vertical-align: bottom;
    text-transform: uppercase;
    height:100%;
    
 
}

/*This is for the NEWSLETTER heading */
.highlightTable h3 h1 /* highlight header */
{
	margin: 0; padding: 0; /* need this otherwise a huge gap between h1*/
    font-size:1em;
    color: #b89e03;
    height: 18px;
    vertical-align: bottom;
    text-transform: uppercase;
    background:#F5F5F5; 
}

.highlightTable h2
{
	margin: 0; padding: 0;
	/*background: #fff url(Images/home_page_highlights_top.jpg) no-repeat left;*/
	
	/*border-bottom:solid 1px #b89e03;*/

}

.highlightTable h3
{
	margin-top: 2px; padding:4px;
	background-color: #F5F5F5; /*original value: #fff - rizky */
	font-size: 0.7em;
	font-weight: normal;
	height: 190px;
	border: solid 1px #F5F5F5;
}

.highlightTable h4 /* hightlight footer */
{
	margin: 0px; 
	padding: 4px 0px 4px 0px;
	background-color: #fff;
    font-size: 0.7em;
    color: #dedede;
    /*border-bottom: solid 1px #b89e03;*/
     /*border-top: solid 2px #b89e03;  -- rizky */
}

.navbar /* Controls the overall navbar. If you want to affect the overall style, change here. */
{
	width: 100%;
	height: 24px;
	background: #fff url('Images/nav0_bg.jpg') repeat-x;
	color: White;
    font-size: 0.7em;
    text-transform:uppercase;
    padding: 0;
    margin: -1px;
    
}


.navbarlevel0 /* Controls the root level navbar*/
{
     /* left padding of the rootlevel menu item */
     width: 400px;
	line-height:23px; /* This is needed so that the level below doesn't overlap the parent level */
	
}

.navbarlevel0 A
{
	color: White;
    font-weight: bold;
   
}

.navbarHover /* Controls the overall navbar. If you want to affect the overall style, change here. */
{
	width: 100%;
	height: 23px;
   /*border-left:dashed 1px #fff;*/
    background:#A38D0F url(Images/nav0_bgon.jpg) ;
    color:  #005D30;
}


.navbarlevel0item
{
	padding: 0px 0px 0px 4px;
	margin-top: 1px;
	/*border-right: solid 1px #fff; */
    width: 140px;  /*border-left:solid 1px #999;*/
    background-image: none;
}

.navbarlevel1
{
	background-color: White;
    width:auto;
    border: solid 1px #A38D0F;
    padding: 2px;
    font-size: 0.6em;
    z-index:100;
}

.navbarlevel1 A
{
	color: #333;
	font-weight: bold;
    
   
}

.navbarlevel1item
{
	border-bottom: dotted 1px #A38D0F;
    padding: 2px 10px 2px 2px;
    /*background: transparent url(Images/arrow_blk_rt.gif) no-repeat right;*/
    
}

.navbarlevel2
{
	background-color: White;
    width:auto;
    border: solid 1px #A38D0F;
    padding: 2px;
    margin: 3px 0 0 1px;
     font-size: 0.6em;
   z-index:100;
}

.navbarlevel2 A
{
	color: #333;
	font-weight: bold;
    background-image: none; 
   
}
.navbarlevel2item
{
	border-bottom: dotted 1px #A38D0F;
    padding: 2px 10px 2px 2px;
    /*background: transparent url(Images/arrow_blk_rt.gif) no-repeat right;*/
    
}

.navbarlevel3
{
	background-color: White;
    width:auto;
    border: solid 1px #A38D0F;
    padding: 2px; font-size: 0.6em;
   z-index:100;
}

.navbarlevel3 A
{
	color: #333;
	font-weight: bold;
    background-image: none;
}
.navbarlevel3item
{
	border-bottom: dotted 1px #A38D0F;
    padding: 2px 10px 2px 2px;
    /*background: transparent url(Images/arrow_blk_rt.gif) no-repeat right;*/
    
}

.navbarlevel4
{
	background-color: White;
    width:auto;
   border-left: solid 1px #A38D0F;
    border-right: solid 1px #A38D0F;
    border-bottom: solid 1px #A38D0F;
    padding: 2px;
    z-index:100;
}

.navbarlevel4 A
{
	color:Green;
	font-weight: bold;
    background-image: none;
}
.navbarlevel4item
{
	border-bottom: dotted 10px #333;
    padding: 2px 10px 2px 2px;
    /*background: transparent url(Images/arrow_blk_rt.gif) no-repeat right;*/
    
}


A.readmore 
{
    	background: #F5F5F5 url(Images/icon_readmore.gif) no-repeat; /* original background #fff - rizky*/
    	padding: 0px 0 0 13px;
    	font-size: 0.9em;
    	text-decoration: none;
    	color: #A38D0F;
}

.button
{
    border: solid 2px #999;
    background: #b89e03 url(Images/arrow_blk_rt.gif) no-repeat right;
    margin-left:3px;
    color: #fff;
    text-transform: uppercase;
    font-size: 0.9em;
    font-weight: bold;
    padding: 0px 2px 0px 8px;
    text-align: left;
}

input
{
    border: solid 1px #aaa;
}

option, select
{
    color: #333;
    font-size: 1em;
}
.pageFinePrint
{
    color: #434343;
    font-size: 10px;
    font-weight: normal;
    line-height: 11px;
}
.subhead2{font-family:verdana;font-size:11px;color:#164614;font-weight:bold;}
.content{font-family:verdana;color:Red;font-size:11px;color:#333333;line-height:15px;}

.btnLogout
{
    color: Green;
    font-size: 11px;
    position:relative;
    top:-5px;

}