@charset "UTF-8";
/* CSS Document */

body{
	font-family:Helvetica Neue, Arial, Helvetica, sans-serif;
	font-size: 69.1%;
	color: #555;
	margin: 0px;
	padding: 0px;
	line-height:2em;
	background-color:#e3e4e9;
	background-image:url(../images/bck.jpg);
	background-repeat:repeat-x;
	
}

img {
border:0;
}

.wrapper {
width:980px;
margin:0px auto;
}

.logo {
	float:left;
	width:255px;
	background-image: url(../images/logo.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding: 5px 0 5px 0px;
	height: 95px;
}

.topmenu {
	float:right;
	width:auto;
	margin-top: 25px;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 0;
}


.topmenu ul li {
float:left;
}

.topmenu ul li a:link, .topmenu ul li a:visited {
	color:#888;
	text-decoration:none;
	padding:5px 9px;
	font-size:1em;
	font-weight:lighter;
}

.topmenu ul li#current a, .topmenu ul li a:hover {
background-color:#00a7dc;
color:#fff;
}

p {
margin:0;
padding:1em 0;
}

a {
color:#00a7dc;
}

.teaser a, .moduletable-hilite a {
color:#fff;
text-decoration:underline;
}

.moduletable-white {
background-color:#FFFFFF;
padding:8px;
margin-bottom:12px;
}

.moduletable-hilite{
background-color:#00a7dc;
color:#fff;
padding:18px;
margin-bottom:12px;
background-image:url(../images/litecorner.jpg);
background-position:top left;
background-repeat:no-repeat;
}

.moduletable-hilite h3 {
color:#fff;
border:none;
}

.moduletable-dark{
background-color:#000;
color:#fff;
padding:18px;
margin-bottom:12px;
background-image:url(../images/darkcorner.jpg);
background-position:top left;
background-repeat:no-repeat;
}

.moduletable-dark h3 {
color:#fff;
border:none;
}

ol, li, ul {
padding:0;
margin:0;
list-style:none;
}

.topcontent {
float:left;
width:100%;
}

.topleft {
float:left;
width:60%;
background-color:#fff;
padding:2%;
margin-bottom:10px;
}




.topright {
float:right;
width:34%;
margin-bottom:10px;
}

ul.article {
float:left;
width:100%;
margin-top:12px;
}

ul.article li {
float:left;
width:46%;
padding:12px 2% 12px 0;
border-top:1px solid #e9e9e9;
margin:1% 2% 0 0;
}

.top, .header, .main, .footer {
float:left;
width:980px;
}

.component {
float:left;
width:100%;
}

.top {
background-color:#000;
}

.main {
padding:0 0 6px 0;
background-color:#fff;
}

.mainint {
background-color:#fff;
width:96%;
float:left;
padding:6px 2% 24px 2%;

}

.header {

}

#pathway {
float:left;
width:100%;
border-bottom:1px solid #e4e4e4;
padding:0 0 2px 0;
margin:0 0 2px 0;
color:#999;
font-size:.9em;
font-weight:lighter;
}

.footer {
background-color:#000;
padding:12px 0;
color:#fff;
margin-bottom:12px;
}

.leftcontent {
float:left;
width:576px;
}

.left, .center {
float:left;
width:240px;
}

.right {
float:right;
width:342px;
}

.bottomcontent {
background-color:#fff;
padding:2%;
float:left;
width:96%;
border-top:1px solid #e4e4e4;
}

.center {
padding:0 28px;
}


h2, .contentheading {
color:#222;
padding:6px 0;
margin:0;
font-size:2.5em;
line-height:1.2em;
}

h3, .componentheading {
color:#222;
padding:6px 0;
margin:0 0 6px 0;
font-size:1.9em;
border-bottom:1px solid #e4e4e4;
}

.footer h3{
color:#fff;
font-size:1.5em;
padding:6px 0;
margin:0;
border-bottom:none;
}

.teaser {
background-color:#00a7dc;
padding:20px 3%;
color:#fff;
width:94%;
float:left;
font-size:1.3em;
text-align:center;
font-family:Geneva, Arial, Helvetica, sans-serif;
border-bottom:1px solid #fff;
}

.teaser h3 {
color:#fff;
}

blockquote {
padding:0;
margin:0;
font-style:italic;
font-family:"Times New Roman", Times, serif;
font-size:1.3em;
}

h5, .small {
color:#999;
font-size:.9em;
font-weight:lighter;
padding:3px 0;
margin:0;
}

strong {
color:#222;
}

.footer strong {
color:#fff;
}

ul.services {
float:left;
width:340px;
background-color:#f8f8f8;
border-top:1px solid #e3e3e3;
border-right:1px solid #e3e3e3;
margin:6px 0;
}

ul.services li {
float:left;
width:154px;
padding:7px;
border-top:1px solid #fff;
border-bottom:1px solid #e3e3e3;
border-left:1px solid #e3e3e3;
background-image:url(../images/arrow.jpg);
background-position:bottom right;
background-repeat:no-repeat;
}

ul.footerlist {
float:left;
width:94%;
margin:2% 3%;
}

ul.footerlist li {
width:23%;
float:left;
padding:1%;
font-size:.88em;
}

.small {
color:#999;
font-size:.88em;
}

img.image {
border:1px solid #e4e4e4;
padding:4px;
margin:0 4px 0 0;
}

.footerbottom {
float:right;
width:auto;
font-size:.88em;
padding:0 12px 12px 0;
}

#lang {
	width: auto;
	height: 20px;
	float: right;
	}

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

.clearfix {display: inline-block;}  /* for IE/Mac */




  .clearfix {
    zoom: 1;     /* triggers hasLayout */
    display: block;     /* resets display for IE/Win */
    }  /* Only IE can see inside the conditional comment
    and read this CSS rule. Don't ever use a normal HTML
    comment inside the CC or it will close prematurely. */
</style>