/* commented backslash hack v2 \*/ 
html, body{height:100%;} 
/* end hack */ 

body {
	margin:0;
	padding:0;
	background-color:#EEEEEE;
	color: #000000;
}
html,body {
  border:0;
  margin:-1px 0 0 0;
  padding:0;
  height:100%;
  min-width: 780px;
  width:expression((documentElement.clientWidth < 780) ? "780px" : "100%" );
}

#outerWhite {
  border-left: 20px solid #EEEEEE;
  margin-right:20px;
  background:#FFFFFF url('images/bgRightVerLine.gif') repeat-y right;
}
#outer{
	height:100%;
	min-height:100%;
	margin: 5px 170px -32px 170px;
	color: #000000;
}
 
html>body #outer{height:auto;} /*for mozilla as IE treats height as min-height anyway*/
#header{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:356px;
	background:#EEEEEE;
	overflow:hidden;
	color: #000000;
}
#left {
	position:relative;/*ie needs this to show float */
	width:170px;
	float:left;
	margin-left:-169px;/*must be 1px less than width otherwise won't push footer down */
}
* html #left {padding-bottom:32px ;margin-right:-3px;}/*fix gap in ie next to float and clear footer because we've moved float too far left*/


#right {
	position:relative;/*ie needs this to show float */
	width:170px;
	float:right;
	margin-right:-169px;/*must be 1px less than width otherwise won't push footer down */
}
#rightWrap {
  padding: 10px 10px;
}
* html #right {padding-bottom:32px ;margin-right:-170px;}/* stop float drop in ie */

#footerWrap {
	width:100%;
	clear:both;
	height:30px;
	background-color: #EEEEEE;
	color: #000000;
	position:relative;
}
* html #footerWrap {/*only ie gets this style*/
	\height:32px;/* for ie5 */
	he\ight:30px;/* for ie6 */
}
#clearheader{height:350px;}/*needed to make room for header*/
#clearfooter{clear:both;height:30px;}/*needed to make room for footer*/
* > html #clearfooter {float:left;width:100%;}
div,p  {margin-top:0}/*clear top margin for mozilla*/
* html #centrecontent {height:1%;margin-bottom:12px}/* combat IE's 3 pixel jog */
#centrecontent {float:right;width:100%;position:relative;margin: 0 -0.5%;}
.outerwrap {
  float: left;
  width: 99%;
}

/*main settings*/
BODY {
	font-family: arial, verdana, sans-serif;
	font-size: 11px;
}
H1 {
  font-size: 17px;
  color: #1F5394;
  border-bottom: 1px solid #727272;
}
.csc-header H1 {
  margin: 20px 10px 15px 0px;
}
H1.csc-firstHeader {
  margin: 0px 10px 15px 0px;
}
H1 A {
	text-decoration: none;
}
H2 {
  font-size: 14px;
  COLOR: #1f5394; 
}
H3 {
  font-size: 12px;
}
H3 A {
  COLOR: #000000;
}
H4 {
  font-size: 11px;
}
H5 {
  font-size: 11px;
  font-weight: normal;
  margin-bottom: 0;
  margin-top: 0;
}


A {
  color: #1F5394;
}
A:visited {
  color: #757575;
}
A:hover {
  text-decoration: none;
}

#topShortcuts A:hover, #topMenu A:hover {
  text-decoration: underline;
}

.clear {
	clear: both;
	padding-bottom: 1px;	/* for Gecko-based browsers */
	margin-bottom: -1px;	/* for Gecko-based browsers */
}
.hide {
	display: none !important;
}

/*content styling*/

#logo IMG {
  border:0;
}
#headerContainer {
  margin: 5px 20px 0px 20px;
}
#menuAndLogin, #date {
  float: right;
  text-align: right;
}
#topShortcuts {
  padding-top: 10px;
}
#topShortcuts A {
  color: #404040;
  text-decoration: none;
  text-transform: uppercase;
}
#topShortcuts A:visited {
  color: #404040;
}

#topLogin {
  padding-top: 20px;
}
#topLogin FORM {
  margin:0;
  padding:0;
}
#topLogin .inputText {
  width: 60px;
  height: 13px;
  border: 1px solid #7F7F7F;
}
#topLogin .inputImage {
  width: 45px;
  height: 17px;
}

#langAndDate, #path {
  background-color: #FFFFFF;
  padding: 8px;
}
#lang A {
  color: #404040;
  text-transform: uppercase;
}
#lang A:visited {
  color: #404040;
}
#topMenu, #imageAndHeader {
  margin-right: 10px;
}
#topMenu {
  background-color: #1F5394;
  padding: 8px;
  color: #FFFFFF;
  height: 14px;
  overflow:hidden;

}
#topMenu A {
  color: #FFFFFF;
  text-decoration: none;
}
#topMenu A:visited {
  color: #FFFFFF;
}
.white {
  background-color: #FFFFFF;
}
#imageAndHeader {
  height: 181px;
  background-color: #DEDEDE;
}

#headerImage {
  width: 330px;
  float:left;
}
#headerContent {
  padding: 10px 10px 0 10px;
  overflow:hidden;

}
#headerContent H1 {
  margin-top: 0;
  margin-bottom: 5px;
  border:0;
}
#path A, #path A:visited {
  color:#858585;
}
#path IMG {
  padding:0 5px 2px 0;
}


#menu {
  border-left: 7px solid #1F5394;
  width: 161px;
  background-color: #208DCD;
}

#menu UL 
{
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#menu LI 
{
	list-style-type: none;
}

#menu A
{
	text-decoration: none;
	font-size: 11px;
	display: block;
	padding: 5px 5px 5px 5px;
	font-weight: bold;
	border-right: 5px solid #FFFFFF;
}
#menu A:hover
{
	color: #000000 !important;
}

#menu .menuLevel1 A, #menu .menuLevel1 A.menuNo
{
	padding-left: 5px;
	text-transform: uppercase;
	background-color: #208DCD;
	border-bottom: 1px dotted #E5E5FF;
}
#menu .menuLevel2 A, #menu .menuLevel2 A.menuNo
{
	text-transform: none;
	padding-left: 15px;
	background-color: #207FBF;
}


#menu .menuLevel3 A, #menu .menuLevel3 A.menuNo
{
	text-transform: none;
	padding-left: 25px;
	background-color: #2070B1;
	font-weight: normal;
}

#menu A.menuNo {
    color: #FFFFFF;
}
#menu A.menuSel
{
	color: #000000;
}
#menu A.menuCur
{
  border-right: 5px solid #1F5394;
  background-color: #1F5394;
  color: #FFFFFF;
  font-weight: bold;
}
#content {
  padding: 10px 10px 10px 10px;
}
#bottomMenu {
  float: right;
  padding-right: 20px;
  padding-top: 5px;
}
#footer {
  padding-left: 20px;
  padding-top: 5px;
}

.imgtext-nowrap {
  margin-bottom: 20px;
}


.csc-frame-rulerBefore {
  margin-top: 20px;
}

.contenttable {
	display: table;
	border-left: 1px solid #6699CC;
	border-top: 1px solid #6699CC;
	border-collapse:	collapse;
}

.contenttable td {
	padding: 3px;
	border-right: 1px solid #6699CC;
	border-bottom: 1px solid #6699CC;
	vertical-align:top;
}
.tr-even, .td-even {
	background-color: #f2f2f2;
}
.tr-0 {
	background-color: #2076B6;
}
.tr-0 p {
	color: #ffffff;
	font-weight: bold;
}

.inputText {
	font-family: arial,helvetica;
	font-size: 11px;
	border: 1px solid #727272;
}
.inputButton {
	font-family: arial,helvetica;
	font-size: 11px;	
	border: 1px none white;
	padding: 0px;
	margin:0px;
	height: 20px;	
	color: #35649E;
}
.button50 {
	width: 50px;
	background: url("butt.gif") no-repeat;
}
.button100 {
	width: 100px;	
	background: url("butt2.gif") no-repeat;
}


#content ul,#content ol  {
	list-style-image: url("li.gif");
	padding: 0px;
	margin: 20px;
}

li {
	padding: 0px;
	margin: 0px;
}

#rightWrap .newsTitle {
  font-size: 12px;
  background-color: #1F5394 !important;
  padding: 3px 3px 3px 3px;
  color: #FFFFFF;
  font-weight: bold;
}
.news-latest-item H2 {
  font-size: 11px;
  margin-bottom: 0;
}
.news-more {
  text-align: right;
}
.clearer {
  border: none;
  border-bottom: 1px dotted #1F5394;
}

* html .newsTitle
{
	/* \*/ height: 0.01%; /* hasLayout hack to fix render bugs in IE/Win. 
				 IE/Mac will ignore this rule. */
}