@charset "UTF-8";
html {
  height: 100%;
  margin-bottom: 1px;
}

body {
	margin: 0px;
	padding: 0px;
	background: #FFFFFF url(../images/back2.jpg) repeat-x left top;
	font: 11px Tahoma, Arial, sans-serif;
	color: #003366;
}
.sub_page{
	background: #FFFFFF url(../images/back_sub2.jpg) repeat-x left top;
}

form {
  margin: 0;
  padding: 0;
}

a:link, a:visited {
	text-decoration: none;
	font-weight: normal;
	color: #003366;
}

a:hover {
	text-decoration: underline;
	font-weight: normal;
	color: #CC0000;
}

p {
  margin-top: 0;
  margin-bottom: 5px;
  text-align: left;
}

#div_main {
	background: url(../images/bg_main2.jpg) no-repeat center top;
}
#div_sub {
	background: url(../images/bg_sub2.jpg) no-repeat center top;
}
.main_table{
}
.table_bottom{
	background: url(../images/bottom_back.jpg) repeat-x left top;
}
#div_bottom {
	height: 30px;
	background: no-repeat center bottom;
	border-top: 1px solid #98AABE;
}
#div_bottom_inner {
	width: 960px;
	font-size: 11px;
	color: #5091B8;
	padding-top: 6px;
}
#div_whatsnew_outer {
	width: 280px;
	/*border: 1px solid #8797A9;*/
	background: url(../images/wn2_bottom.gif) no-repeat center bottom;
}
#div_whatsnew_inner {
	background: url(../images/wn2_top.gif) no-repeat center top;
	padding: 25px 10px 8px;
}
#div_whatsnew_inner ul {
	margin: 0px;
	list-style: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
}
#div_whatsnew_inner ul li {
	margin: 0px;
	padding: 0px 0px 2px 8px;
	border-bottom: 1px solid #8797A9;
	background: url(../images/arrow_r.gif) no-repeat -3px 3px;
	white-space: normal;
}
.float_left {
	margin-right: 6px;
}
.float_right {
	margin-left: 6px;
}
.bordered {
	border: 1px solid #8797A9;
}

#div_prj_hl_outer {
	width: 280px;
	/*border: 1px solid #8797A9;*/
	background: url(../images/ph2_bottom.gif) no-repeat center bottom;
}
#div_prj_hl_inner {
	padding: 25px 10px 8px;
	background: url(../images/ph2_top.gif) no-repeat center top;
	color: #FFFFFF;
}
#div_prj_hl_inner ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#div_prj_hl_inner ul li {
	margin: 0px;
	padding: 0px 0px 2px 8px;
	border-bottom: 1px solid #8797A9;
	background: url(../images/arrow_r.gif) no-repeat -3px 3px;
	white-space: normal;
}
#div_pathway_outer {

}
#div_pathway_inner {
	font-size: 10px;
	padding: 2px;
}
#div_pathway_inner a:link, #div_pathway_inner a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #003366;
}

#div_pathway_inner a:hover {
	font-weight: bold;
	color: #006699;
}
#div_content {
	margin-right: 10px;
}
#div_front_outer {
}
#div_front_inner {
	padding: 4px 10px 10px;
}
.header1{
	display:block;
	padding: 2px 2px;
	border-bottom: 1px solid #9EA8AA;
	background: #D8E0E3;
	font-size: 11px;
}
.header2{
	display:block;
	padding: 2px 2px;
	border-bottom: 1px solid #E2E7E7;
	font-size: 11px;
}
.indent1{
	margin-left:30px;
}
.inputField {
	font: 11px Tahoma, Arial, sans-serif;
	border: 1px solid #CCCCCC;
}
.button {
	font: 11px Tahoma, Arial, sans-serif;
	border: 1px solid #CCCCCC;
}
.tjeTables {
	border-top: 1px solid #D8E0E3;
	border-left: 1px solid #D8E0E3;
}
.tjeTables th {
	border-right: 1px solid #D8E0E3;
	border-bottom: 1px solid #D8E0E3;
	background: #EBEFF1;
	font: bold 11px Tahoma, Arial, sans-serif;
	padding: 2px 4px;
}
.tjeTables td {
	border-right: 1px solid #D8E0E3;
	border-bottom: 1px solid #D8E0E3;
	font: 11px Tahoma, Arial, sans-serif;
	background: #FFFFFF;
	padding: 2px 4px;
}
.tjeTables1 {
	border: none;
}
.tjeTables1 th {
	border: none;
	background: #EBEFF1;
	font: bold 11px Tahoma, Arial, sans-serif;
	padding: 0px;
}
.tjeTables1 td {
	border: none;
	font: 11px Tahoma, Arial, sans-serif;
	padding: 0px;
}
ul li {
	padding-left: 2px;
	margin-left: 0px;
}
ol li {
	padding-left: 0px;
	margin-left: 4px;
}
.newsHeader {
	display:block;
	padding: 2px 2px 0px 0px;
	border-bottom: 1px solid #E2E7E7;
	font-size: 11px;
}
.newsHeader a {
	font-size: 11px;
	text-decoration: none;
}
.newsDate {
	display:block;
	font-size: 11px;
	color: #006699;
}
.newsDesc {
	display:block;
	padding: 2px 0px 10px;
	border-bottom: 1px dashed #E2E7E7;
	font-size: 11px;
}

ul.square, ul.disc, ul.circle, ul.nu  {margin-bottom:  1.3em;}
ul.square li  {list-style: square; list-style-position: outside; margin-bottom:  0.4em; margin-left : 15px;}
ul.disc li  {list-style: disc; list-style-position: outside; margin-bottom:  0.4em; margin-left : 15px;}
ul.circle li  {list-style: circle; list-style-position: outside; margin-bottom:  0.4em; margin-left : 15px;}
ul.nu li  {list-style : decimal; list-style-position : inside; margin-bottom:  0.4em; margin-left: 0px;}


/*----------------selctors to specify different type of unordered list (UL) and title for grouping-------------*/
ul.indent, ol.indent {margin-left: 20px; margin-bottom:  1.6em;}
ul.noIndent  {margin-left: 0px; margin-bottom:  1.6em;}
ul.space li  {margin-bottom: 1em;}
ul.noSpace li  {margin-bottom: 3px;}
ul.noSpaceLine li  {margin-bottom: 5px; padding-bottom : 5px; border-bottom: 1px solid #cccccc;}
ul.floatImage li  {overflow:hidden; width:100%;}
ul.noSpaceLine li  {margin-bottom: 5px; padding-bottom : 5px; border-bottom: 1px solid #cccccc;}

.hierarchicalList ul {margin-bottom : 0px;}

.sectionMenu ul, .quickLinks ul, .relatedLinks ul {margin-bottom:  1.2em;}

.newsBox ul {margin-bottom:  5px;}

/*----------------Classes to design horizontal lines to be used within <p> <ul> <ol>-------------*/
.lineMenuLeft {border-bottom: 1px solid #bbbbbb; padding-bottom: 4px; margin-bottom: 3px;}
.lineBottom {border-bottom: 1px solid #cccccc;	margin-bottom : 6px; padding-bottom : 3px;}
.lineTop {border-top: 1px solid #cccccc; margin-top : 5px; padding-top: 5px;}
.lineBottomGray {border-bottom: 3px solid #cccccc; padding-bottom: 3px;}
.lineTopGray {border-top: 3px solid #cccccc; margin-bottom: 8px; padding-top: 2px; margin-top: 3px;}
.line {border-top: 1px solid #cccccc; padding-top : 2px; margin-bottom: 5px; margin-top: 2em;}


/*----------------Classes for aligning contents used within <p> <ul> <ol> -------------*/
.center {text-align : center;}
.right {text-align : right;}

/*----------------selctors to align object on left and right, used for images and text-------------*/
.floatLeft {float : left;	margin : 0px 6px 0px 0px;}
.floatRight {float : right;	margin : 0px 0px 0px 6px;}
.newLine {clear: all;}
img {border : none;}
.borderBox {border: 1px solid #8797A9;}