/*CSS-reset*/

* { 
	margin: 0;
	padding: 0;
font: normal 12px Arial, Helvetica, sans-serif;

}



:focus {
outline: 0;
}

img {
	border: 0;
}


body
{
background: #fff;
font: normal 12px Arial, Helvetica, sans-serif;
color: #343434;
}


#container {
margin-right: auto;
margin-left: 	auto;
width:		935px;
text-align: left;
margin-bottom:15px;
margin-top:15px;
}

/* =Header
---------------------------------------------------------------------------------------------------- */

#header {
width:		935px;
text-align: left;
margin-bottom: 20px;
font-size: 11px;
}

#header-logo {
	float:left;
	text-align:left;
	padding-left:15px;
}

#header-right {
	float:right;
	text-align:left;
}

#header-right ul 	
{ 
margin: 0;
padding:0;
list-style: none;
float: right;
} 

#header-right li{
float: left;
list-style: none;
padding-left:15px;
}


ul.header-nav a,
ul.header-nav a:link,
ul.header-nav a:visited {
      text-decoration:none;
		color:#909090;
      }
	  
ul.header-nav li a:hover{
	  color: #20559d;
      text-decoration:none;
}


.header-portal {
	margin-top:10px;
/*	margin-top:11px;
	padding:0;*/
	text-align:center;
}

a.btn-signin-portal,
a.btn-signin-portal:link,
a.btn-signin-portal:visited{
background: #00a188;
color: #fff;
font-size:11px;
width: auto;
height: auto;
padding: 3px 15px 3px 15px;
text-decoration: none;
font-weight: normal;
display:block;
}

a.btn-signin-portal:hover
{
background: #688cbd;
}


.header-search-form {
	margin-top:10px;
	text-align:left;
}





/* =Layouts
---------------------------------------------------------------------------------------------------- */

#three-column-layout
{
	width:		935px;
	text-align: left;
	border-bottom: 1px solid #d6d6d6;
	border-top: 1px solid #d6d6d6;
	padding-bottom:25px;
	padding-top:15px;
	}


		
#content {
	float:left;
	width: 720px;
	margin-left:34px;
}

#page-title {
	width: 720px;
	border-bottom: 1px solid #d6d6d6;
	padding-bottom:10px;
}

#copy {
	width: 495px;
		float:left;
	padding-top:25px;
	padding-right:25px;
}


#sidebar {
	float:left;
	width: 200px;
}

/* =Home Page
---------------------------------------------------------------------------------------------------- */

#home-layout
{
	width:		935px;
	text-align: left;
	border-bottom: 1px solid #d6d6d6;
	font-size:11px;
	}
	
.home-content-block {
width:		935px;
text-align: left;	
}

.home-banner {
width:		455px;
float:left;
}

.home-banner-slideshow {
	height: 180px; 
	width: 454px;
	margin: 0; 
	padding:0;
	display:block;
	overflow: hidden;
}

.home-banner-slideshow img { background-color:#fff; }

.home-intro {
width:		470px;
margin-left: 10px;
border-top: 1px solid #d6d6d6;
float:left;
color: #000;
font-size:13px;
border-bottom: 1px solid #d6d6d6;
}

.home-intro h1 {
text-transform: uppercase;
color: #00a188;
padding-bottom:5px;
padding-top:5px;
border-bottom: 1px solid #d6d6d6;
margin-bottom: 10px;
font-size: 24px;
}

.home-intro p  {
line-height: 18px;
padding-bottom: 8px;
}



/* =Tabs
----------- */

.home-tabs {
width:		935px;
text-align: left;
margin-top:10px;	
}

.tab-blue,
.tab-green{
text-align: left;
width:305px;
margin-bottom:10px;
float:left;
}


.tab-blue-title,
.tab-green-title {
	padding: 0px 0px 0px 9px;
	float: left;
	margin:0;
}

.tab-blue-title{
	background: url(../images/tab-blue-title-left.gif) no-repeat left top; 
}

.tab-green-title{
	background: url(../images/tab-green-title-left.gif) no-repeat left top; 
}

.tab-blue-title h2,
.tab-green-title h2{
		padding: 5px 10px 4px 1px;
		display: block; 
		font-weight: bold; 
		float: left;  
		color: #fff; 
		font-size:13px; 
		margin:0;	
}

.tab-blue-title h2 {
		background: url(../images/tab-blue-title-right.gif) no-repeat right top; 
}

.tab-green-title h2 {
		background: url(../images/tab-green-title-right.gif) no-repeat right top; 
}

.tab-blue-title h2 a,
.tab-green-title h2 a{
		text-decoration: none;
		color: #fff; 
}
.tab-blue-content,
.tab-green-content {
	text-align: left;
	padding: 20px 10px 10px 10px;
	color: #000;
	height:80px;
	min-height: 80px;	
}

.tab-blue-content {
	background: #dae0ed url(../images/tab-blue-content-bg.jpg) no-repeat top left;
	border-bottom:  1px solid #c2c5cb;
	border-left:  1px solid #c2c5cb;
	border-right:  1px solid #c2c5cb;
}

.tab-green-content {
	background: #dae0ed url(../images/tab-green-content-bg.jpg) no-repeat top left;
	border-bottom:  1px solid #94bcb6;
	border-left:  1px solid #94bcb6;
	border-right:  1px solid #94bcb6;
}

.tab-blue-content a,
.tab-blue-content a:link,
.tab-blue-content a:visited,
.tab-green-content a,
.tab-green-content a:link,
.tab-green-content a:visited{
	text-decoration:none;
	color: #20569e;
}

.tab-blue-content a:hover,
.tab-green-content a:hover {
	text-decoration:underline;
	color: #20569e;
}


		
/* =Left Nav
---------------------------------------------------------------------------------------------------- */

/** fix  ie bug with display:block; **/

* html #left-nav li a { height: 1%; } 

/** end fix **/


#left-nav {
		float:left;
		width: 181px;
		font-size: 12px;
        }
		
		
#left-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-bottom:100px;
	border-bottom: 5px solid #00a188;
}
		
#left-nav li {
	border-top: 1px solid #c1c1c1;
}

#left-nav li a,
#left-nav li a:link, 
#left-nav li a:visited {
        color: #fff;
        display: block;
        background: #0087ad url(../images/left-nav-bg-off.jpg) repeat-y top left;
        padding: 8px 0 8px 10px;
		text-decoration: none;
        }


#left-nav li a:hover,
#left-nav li a.activePage,
#left-nav li a.activePage{
        color: #fff;
        background: #00a188;
        padding: 8px 0 8px 10px;
		text-decoration: none;
        }

/* =Sidebar Blocks
---------------------------------------------------------------------------------------------------- */
.sidebar-block {
	width: 200px;
	padding-top:12px;
	padding-bottom:12px;
}

.sidebar-block-title {
        background: url(../images/sidebar-block-title.gif) no-repeat top left;
		color: #fff;
		padding: 5px 10px 5px 10px;
		text-align: left;
}

.sidebar-block-title h3 {
      font-size: 13px;
		font-weight: bold;
		color: #fff;	
		padding-bottom:0px;
}

.sidebar-block-content {
        background: #DAE0ED url(../images/sidebar-block-content.jpg) no-repeat top left;
		padding: 25px 10px 5px 10px;
		border-bottom:  1px solid #c2c5cb;
		border-left:  1px solid #c2c5cb;
		border-right:  1px solid #c2c5cb;
		text-align: left;
		
}


/* =footer
---------------------------------------------------------------------------------------------------- */

#footer
{
width:		935px;
text-align:left;
padding-top:10px;
font-size:10px;
color:#909090;
}

#footer ul 	
{ 
margin: 0;
padding:0;
list-style: none;
} 

#footer li{
float: left;
list-style: none;
padding-right:8px;
}

#footer li.copyright{
	border-left: 1px solid #d6d6d6;
	padding-left:8px;
}







/* =Text Styles
---------------------------------------------------------------------------------------------------- */


h1 {
	font-weight:bold;
	color:#20559d;
	font-size:22px;
	text-transform: none;
}




h2 { 
	font-size: 18px;
	font-weight: bold;
	padding-bottom:12px;
	color: #20559d;	
}


h3 { 
	font-size: 15px;
	font-weight: bold;
	color: #20559d;	
	padding-bottom:12px;	
}


h4 {
	font-size: 13px;
	font-weight: bold;
	color: #20559d;	
	padding-bottom:6px;
}

h5 {
	font-size: 12px;
	font-weight: bold;
	color: #20559d;	
	padding-bottom:6px;
}



p  {
line-height: 16px;
padding-bottom: 12px;
}

#copy p  {
line-height: 18px;
padding-bottom: 12px;
}



ul {
	list-style-type: 	disc;
	font-weight:			normal;
	font-style:				normal;
	margin-left: 			15px;
	padding: 5px 0 10px 15px;
} 

ol {
	font-weight:			normal;
	font-style:				normal;
	margin-left: 			15px;
	padding: 5px 0 10px 15px;
} 



ul.doubleLineSpace li
 {
	list-style-type: 	disc;
	font-weight:			normal;
	font-style:				normal;
	margin-bottom: 			12px;
} 


ol {
	font-weight:			normal;
	font-style:				normal;
	margin-left: 			15px;
	padding: 5px 0 10px 15px;
} 

.padding {
padding: 5px 5px 5px 0px;
}


/* =Link Styles
---------------------------------------------------------------------------------------------------- */

a,
a:link,
a:visited{
	color: #00a188;
	text-decoration:	underline;
outline: none; 
}
	
a:hover {
	color: #20559d;
	text-decoration:	underline;
	outline: none; 
}

a img {
	border: none;
	outline: none;
}




/* =Generic Text/Image Treatments and Alignments
---------------------------------------------------------------------------------------------------- */
	
strong { font-weight: bold; }
b { font-weight: bold;}
i { font-style: italic; }
.bold{ font-weight: bold;}
.italic{ font-style: italic; }
.lowercase {text-transform: lowercase;}
.uppercase {text-transform: uppercase;}
.textalign-left {text-align:left;	}
.textalign-right {text-align:right;	}
.textalign-center {	text-align:center;	}
.float-left {float:left;	}
.float-right {float:right;	}

.image-float-left {float:left; margin: 5px 10px 5px 0px; }
.image-float-right {float:right; margin: 5px 0px 5px 10px;}


.disclaimer,
.footnote,
.text-small,
.copyright,
.image-caption{
	font-size: 10px;
line-height: 12px;
}


.news-date {
	text-align: right;
	font-size: 11px;
}



/* =Lines
---------------------------------------------------------------------------------------------------- */

hr {
	color: #d6d6d6;
	background-color: #d6d6d6;
	border: 0;
	height: 1px;
	margin: 5px 0 10px 0;
} 

div.hr {
width: 100%; 
height: 1px; 
border: 0; 
background-color: #d6d6d6;
margin-top: 12px; 
margin-bottom:12px;
}


.grey-line {
	height:1px;
	min-height:1px;
	background-color: #d6d6d6;

}

/* =Spacing and Clearing Styles
---------------------------------------------------------------------------------------------------- */		

.singleLineBreak {
	margin:0;
	padding:0;
	}
	
.marginZero {
	margin:0;
	padding:0;
	}

.marginLeft {
	margin-left:10px;	
}

	
.marginRight {
	margin-right:10px;	
}

.spacer,
.clear {
	clear: both;
	margin:0;
	padding:0;
}

.padding {
	padding: 5px;
	}
	

/* =Forms
---------------------------------------------------------------------------------------------------- */			




.form-home-portal-login input {
	margin-bottom:6px;
	color: #999;	
}
.form-knowledge-networks-login input {
	margin-bottom:6px;
	color: #999;	
}


input.form-btn-submit {
    border: 1px solid #94bcb6;
    background: #00a188;
	color: #fff;
}



