body {
background-color: #FFF;
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#000000;
padding:0px;
margin:0px;
}
a {color: #000000;}
a:visited {color:#000000;}
a:hover {color: #000000;}
a:active { color:#000000;}

h1 {
font-size: 11px;
text-transform:uppercase;
background-color: #FFF;
/*border-top:1px solid #999;*/
border-bottom:1px solid #999;
padding:5px 15px;
margin:0px }
h2 {
font-size:20px;
font-weight: normal;
padding: 5px 10px;
margin:0px;}
h3 {
font-size: 9px;
color: #000000;
font-weight: normal;
text-align: center;
background-color: #FFF;
border-top:1px solid #999;
/*border-bottom:1px solid #CCD1D7;*/
text-decoration:none;
padding:5px 15px;
margin:0px }
h3 a, h3 a:visited, h3 a:active {
color:#000000;
text-decoration:none;
}

h4 {
font-family: Helvetica, SunSans-Regular, Sans-Serif;
font-weight: normal;
font-size:22px;
color:#7e98c3;
padding:30px 0px 0px 30px;
margin:0px;
}/* main content headlines */
h5 {
font-family: Helvetica, SunSans-Regular, Sans-Serif;
font-weight: normal;
font-size:13px;
line-height: 26px;
color:#000000;
text-align:justify;
padding:15px 35px 0px 30px;
margin:0px;
}/* main content callout */

h6 {
font-family: Helvetica, SunSans-Regular, Sans-Serif;
font-weight: normal;
font-size:13px;
line-height: 23px;
color:#7e98c3;
padding:20px 35px 11px 30px;
margin:0px;
}/* subhead */

.contrep {
font-family: Helvetica, SunSans-Regular, Sans-Serif;
font-weight: normal;
float:right;
font-size:13px;
color:#7e98c3;
padding:40px 35px 11px 0px;
margin:0px;

}/* subhead */

.contrep a:link, .contrep a:hover, .contrep a:visited, .contrep a:active {
color:#7e98c3;
text-decoration:none;
}

p {
font-family: Helvetica, SunSans-Regular, Sans-Serif;
font-size:11px;
line-height: 24px;
color:#000000;
text-align:justify;
padding:0px 35px 0px 30px;
margin:0px;
}/* bodycopy */
 
p.drkbody {
color:#00000;
}

img.download {vertical-align:middle;}
img.headline {
float:left;
vertical-align:top;
padding: 27px 0px 0px 27px;
}

/* ----------container to center the layout---------- */
#container {
width: 900px;
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
border: 2px solid #999;
} 

/* ----------banner for logo-------------- */
#banner {
text-align: left;
background-color: #FFF;
background:url(../images/Head_bk.gif) no-repeat top;
padding: 0px;
margin: 0px;
border-bottom: 1px solid #999; }


#banner img {padding:0px;} 


/* ----------outer and inner----------------- */
#outer{ 
border-left: solid 222px #CCD1D7;  /* color of the left column  */ 
background-color: #ffffff; /* color of the content column */
 } 

#inner{ margin:0px; width:100%; } /* The ie/pc pecularity */ 


/* --------------left navi------------- */
#left {
 width:222px; 
 float:left; 
 margin-left:-222px; 
 margin-right:1px;
 
 }
 
 /* hide hack from Mac-IE5 \*/
* html #left { position:relative;
 margin-right: 0px; }
/* end hiding */
 

/* -----------------content--------------------- */
#content{ 
position: relative; 
padding: 0px;
margin: 0px;
border-left: 
1px solid #999; }

/* hide hack from Mac-IE5 \*/
* html #content { height: 1em; }
/* end hiding */


#cont_banner {
text-align: right;
background-color: #304c7b;
padding: 0px 57px 0px 0px;
margin: 0px;
height: 169px;
 }
 
 #cont_date {
text-align: left;
padding: 12px 0px 0px 336px;
margin: 0px;
height: 30px;
font-family: Helvetica, SunSans-Regular, Sans-Serif;
font-size:11px;
color:#7e98c3;
border-bottom: 1px solid #999;
 }

#cont_outer{ 
/*border-left: solid 181px #CCD1D7;   color of the left column  */ 
background-color: #ffffff; /* color of the content column */
position:relative;
 } 

#cont_inner{ margin:0px; width:100%; } /* The ie/pc pecularity */  

#cont_left {
 width:181px; 
 float:left;
 padding-bottom: 30px;
 margin:0px;
 }
 
 /* hide hack from Mac-IE5 \*/
* html #cont_left { margin-right:0px; }
/* end hiding */

#cont_left  h1 {
 color: #7e98c3;
font-size: 14px;
text-align:left;
text-transform:none;
font-weight: normal;
border-bottom:none;
 padding: 16px 12px 0px 12px;
 margin:0px;
 }
 
 #cont_left  h2 {
 color: #898989;
font-size: 11px;
text-align:left;
text-transform:none;
border-top:none;
 padding: 2px 12px 0px 12px;
 margin:0px;
 }
 
#cont_left  h3 {
 color: #7e98c3;
font-size: 10px;
text-align:left;
text-transform:none;
border-top:none;
 padding: 16px 12px 0px 12px;
 margin:0px;
 }
 
 #cont_left  p {
 color: #898989;
font-size: 9px;
line-height: 19px;
 padding: 11px 12px 0px 12px;
 margin:0px;
 }
 
 #cont_left  p a, #cont_left  p a:visited, #cont_left  p a:active {
 color: #afafaf;
 text-decoration:none;
 }

#cont_content{ 
/*position: relative; 
*/
float:left;
margin: 0px;
min-height: 150px;
border-left: 1px solid #999;
height:auto;
width: 495px;
 }
 
 /* hide hack from Mac-IE5 \*/
* html #cont_content { height: 1em; }
/* end hiding */

#cont_content table {
  width:430px;
  border-collapse: collapse; 
  border-spacing:0;
  margin: 0px 0px 40px 30px;
  font-size:9px;
  }
  
  
#cont_content td {
background-color:#ebebe0;
border-bottom: solid 8px #FFFFFF;
  }
  
  #cont_content td a {
color:#000000;
text-decoration:none;
  }


#cont_clients{ 
/*float:left;*/
margin: 0px;
min-height: 150px;
/*border-left: 1px solid #999;*/
height:auto;
/*width: 678px;*/
 }
 
 /* hide hack from Mac-IE5 \*/
* html #cont_clients { height: 1em; }
/* end hiding */

#cont_clients h1 {
font-size: 14px;
text-transform:none;
background-color: none;
/*border-top:1px solid #999;*/
border-bottom:none;
padding:30px 15px 32px 20px;
margin:0px;
font-weight: normal;
color:#7e98c3;
}

#cont_clients h2 {
font-size:12px;
color:#7e98c3;
font-weight: normal;
padding: 5px 10px 16px 87px;
margin:0px;}

#cont_clients table {
  width:510px;
  border-collapse: collapse; 
  border-spacing:0;
  margin: 0px 0px 40px 87px;
  }
  
  
#cont_clients td {
width:170px;
font-size:9px;
color:#000000;
padding: 0px 0px 10px 16px;
  }

/*  ----------------footer---------------------- */ 
#footer {
clear:left;
padding:0px;
margin:0px;
text-align: right; } 

/* @group Navigation */

#nav {
	width: 222px;
	margin: 34px 0;
	padding: 0;
	background-color:#FFFFFF;
	border-top: 1px solid #999;
	position: relative;
}



#nav ul {
	width: 222px;
}

#nav li {
	text-align: left;
	line-height: 29px;
	width: 222px;
	margin: 0;
	padding: 0;
	list-style: none;
}

#nav a {
	color: #4189dd;
	font-size: 11px;
	background: no-repeat right;
	text-decoration: none;
	font-weight: bold;
	display: block;
	padding: 3px 3px 3px 16px;
	margin: 0;
	color:#999;
	height: 29px;
	border-bottom: 1px solid #999;
}

a#nav-selected {
 border-left: 6px solid #304b7a;
	padding: 3px 3px 3px 10px;
	color: #304b7a;
	background: no-repeat url(../images/nav_arrows.gif) right;
}

#nav a:hover {
	background-color: #e5e6e7;
}

#subnav {
	width: 222px;
	margin: 0;
	padding: 0;
	background: #e5e6e7;
} 


#subnav ul {
	width: 222px;
}

#subnav li  {
	text-align: left;
	line-height: 29px;
	list-style: none;
	width: 222px;
	margin: 0;
	padding: 0;
}

#subnav a {
	color:#7e98c3;
	font-size: 9px;
	text-decoration: none;
	font-weight: bold;
	padding-left: 22px;
	border-bottom: 1px solid #999;
}

a#subnav-selected {
	padding-bottom: 3px;
	border-left: 10px solid #7e98c3;
	padding: 3px 3px 3px 13px;
}

a:hover#subnav-selected {
	background-color: #dbdfe3;
}

#subnav a:hover {
background-color: #dbdfe3;
}


/* @end */

.ClearFix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/* WinIE7 only */
*:first-child+html .ClearFix{
	height:1%;
}

/* WinIE6 and below */
/*¥*/
* html .ClearFix{
	height:1%;
}
/**/

/* MacIE only */
/*¥*//*/
.ClearFix{
	display:inline-table;
}
/**/


/* form css */

.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
/*border-top: 1px dashed gray;*/
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 100px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
padding-left:30px;
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
background-color:#ebebe0;
width: 245px;
}

.cssform textarea{
background-color:#ebebe0;
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

/* formcode end */