*{

}
html{
}
body{
background: #fff url(../assets/images/bg_body.gif) 0 0 repeat-x;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.80em;
line-height: 1.4em;
color: #001c44;
margin: 0;
padding: 0;
}
body.home{
}

/* Main Elements
....................................................................... */
#container_header{ /* 100% width header container */
clear: both;
float: left;
width: 100%;
background: #002555;
border-bottom: 2px solid #dbe6ee;
}
#container_flash { /* 100% main homepage flash container */
clear: both;
float: left;
width: 100%;
}
#container_content{ /* 100% main content container */
clear: both;
float: left;
width: 100%;
}
body.home #container_content{ /* Tiles the green background */
background: url(../assets/images/bg_container_content_home.gif) 0 0 repeat-x;
}
#container_footer{ /* 100% width footer container */
clear: both;
float: left;
width: 100%;
background: #17376a url(../assets/images/bg_footer_container.gif) 0 100% repeat-x;
}
#header{
position: relative;
width: 1000px;
height: 132px;
margin: 0 auto;
}
#flash {
margin: 0 auto;
width: 920px;
height: 320px;
}
.content_wrapper{ /* Centers the main content area */
margin: 0 auto;
width: 1000px;
}
.content{ /* Main content area */
float: left;
width: 900px;
margin: 0 0 0 54px;
padding: 0 0 20px 0;
background: #fff;
min-height: 400px;
display: inline;
}
body.home .content {
min-height: 360px;
}
.wrapper_home{ /* Faux columns for homepage */
float: left;
width: 900px;
min-height: 250px;
background: url(../assets/images/bg_content_home.gif) 0 0 repeat-y;
}
.left{
float: left;
width: 580px;
padding: 0 0px 20px 0;
margin: 0 0 0 30px;
display: inline;
}
body.home .left {
width: 220px;
margin: 0 0 0 20px;
}
.middle{ /* Homepage only */
float: left;
width: 330px;
margin: 0 0 0 35px;
display: inline;
}
.right{
float: right;
width: 240px;
padding: 0 0 20px 0;
margin: 0 30px 0 0;
display: inline;
}
body.home .right {
width: 220px;
}
#footer{
width: 1000px;
background: url(../assets/images/bg_footer.gif) 0 100% no-repeat;
color: #fff;
margin: 0 auto;
padding: 20px 0 20px 0;
font-size: 0.85em;
min-height: 30px;
}
#archive{
width: 150px;
height: 200px;
float: right;
padding: 5px 20px 20px 20px;
border-left: 1px solid #666666;

}

/* Generic
....................................................................... */
p{
font-size: 0.80em;
line-height: 1.4em;
margin: 0 0 12px 0;
}
pageContent img{
margin: 10px;
padding: 10px;
}

a, a:link, a:active, a:visited{
color: #00901d;
text-decoration: underline;
}
a:hover{
color: #001c44;
}
h1{
font-size: 1.7em;
color: #001c44;
margin: 0 0 12px 0;
max-width: 450px;
}
h1 span {
color: #00901d;
}
h2{
font-size: 1.4em;
color: #001c44;
margin: 0 0 12px 0;
}
h2 span {
color: #00901d;
}
h3{
font-size: 1em;
color: #00901d;
margin: 0 0 12px 0;
}
h4{
font-size: 1.2em;
color: #00901d;
margin: 0 0 12px 0;
}
img, img a{
border: 0;
}
img.floatright { /* Right aligned images to appear within paragraphs */
float: right;
margin: 0 0 10px 20px;
}
img.floatleft { /* Left aligned images to appear within paragraphs */
float: left;
margin: 0 20px 10px 0;
}
ul, ol{
margin: 10px 0 10px 25px;
list-style-type: none;
}
li{
margin: auto;
list-style-type: disc;
padding: 0 0 6px 0;
}
li ul{
margin: 10px 0 0 0;
}
.small{
font-size: 0.8em;
}
.clear{
clear: both;
}
.floatleft{
float: left;
}
.floatright{
float: right;
}
.highlighted_link a, .highlighted_link a:link, .highlighted_link a:active, .highlighted_link a:visited{
background: url(../assets/images/bg_link_highlighted.gif) 100% 10px no-repeat;
padding: 4px 10px 4px 0;
height: 2em;
}

.full_link a, .full_link a:link, .full_link a:active, .full_link a:visited{
background: url(../assets/images/bg_link_highlighted.gif) 100% 10px no-repeat;
padding: 6px 10px 4px 0;
height: 2em;
}

.topic{
font-size: 0.85em;
}

/* Header Elements
....................................................................... */
#topmenu {
position: absolute;
top: 10px;
right: 90px;
font-size: 0.9em;
}
#topmenu a, #topmenu a:link, #topmenu a:active, #topmenu a:visited {
color: #fff;
text-decoration: none;
}
#topmenu a:hover {
text-decoration: underline;
}
#topmenu .contact_link {
background: url(../assets/images/topmenu_contact.gif) 0 0 no-repeat;
padding: 0 0 0 28px;
margin: 0 0 0 10px;
}
#topmenu .login_link {
background: url(../assets/images/topmenu_login.gif) 0 0 no-repeat;
padding: 0 0 0 28px;
margin: 0 0 0 10px;
}
#header #logo {
float: left;
width: 320px;
margin: 28px 0 0 40px;
display: inline;
}
#header #navi {
float: right;
width: 520px;
margin: 80px 45px 0 0;
display: inline;
}

/* Main navi Styles
....................................................................... */
#navi ul{
float: right;
margin: 0;
padding: 0;
}
#navi li{
margin: 0;
padding: 0;
display: inline;
list-style: none;
}
#navi li a, #navi li a:link, #navi li a:active, #navi li a:visited{
float: left;
display: block;
height: 36px;
}
#navi li a:hover{
}
#navi li a span {
display: none;
}

/* Topnavi image buttons
........................................................... */
.welcome a, .welcome a:link, .welcome a:visited, .welcome a:active	{
background: url(../assets/images/btn_welcome.gif);
width: 120px;
}
.welcome a:hover	{
background-position: -120px;
}
.welcome_on a { /* Selected state */
background: url(../assets/images/btn_welcome.gif);
background-position: -120px;
width: 120px;
}

.company a, .company a:link, .company a:visited, .company a:active	{
background: url(../assets/images/btn_company.gif);
width: 117px;
}
.company a:hover	{
background-position: -117px;
}
.company_on a { /* Selected state */
background: url(../assets/images/btn_company.gif);
background-position: -117px;
width: 117px;
}

.solutions a, .solutions a:link, .solutions a:visited, .solutions a:active	{
background: url(../assets/images/btn_solutions.gif);
width: 136px;
}
.solutions a:hover	{
background-position: -136px;
}
.solutions_on a { /* Selected state */
background: url(../assets/images/btn_solutions.gif);
background-position: -136px;
width: 136px;
}

.knowledge a, .knowledge a:link, .knowledge a:visited, .knowledge a:active	{
background: url(../assets/images/btn_knowledge.gif);
width: 135px;
}
.knowledge a:hover	{
background-position: -135px;
}
.knowledge_on a { /* Selected state */
background: url(../assets/images/btn_knowledge.gif);
background-position: -135px;
width: 135px;
}

/* Main Content Area Elements
....................................................................... */
.knowledgeTitle{
font-size: 1.4em;
color: #001c44;
margin: 0 0 0px 0;
font-weight:bold;
}

.newsTitle{
font-size: 1.4em;
color: #001c44;
margin: 0 0 12px 0;
}

#content_header { /* Green image background */
float: left;
position: relative;
width: 900px;
min-height: 124px;
background: #00901d url(../assets/images/content_header_pic1.jpg) 0 0 no-repeat;
margin: 0 0 20px 0;
}
#content_header2 { /* Green image background */
float: left;
position: relative;
width: 900px;
min-height: 124px;
background: #00901d url(../assets/images/content_header_pic2.jpg) 0 0 no-repeat;
margin: 0 0 20px 0;
}
#content_header3 { /* Green image background */
float: left;
position: relative;
width: 900px;
min-height: 124px;
background: #00901d url(../assets/images/content_header_pic3.jpg) 0 0 no-repeat;
margin: 0 0 20px 0;
}

body.home #content_header {
min-height: 131px;
background: url(../assets/images/bg_container_content_home.gif) 0 0 repeat-x;
}
#content_header h1, #content_header2 h1, #content_header3 h1 {
color: #fff;
margin: 85px 0 0 30px;
padding: 10px 0 10px 0;
}
#subnavi {
float: right;
min-height: 114px;
background: #002555;
padding: 10px 0 0 12px;
opacity: .85;
filter: alpha(opacity=85);
zoom: 1;
display: inline;
font-weight:bold;
}
.company_list { /* Company section only */
margin-right: 271px;
width: 105px;
}
.solutions_list { /* Solutions section only */
margin-right: 135px;
width: 124px;
}
.knowledge_list { /* Knowledge section only */
margin-right: 0;
width: 124px;
}
#subnavi ul {
margin: 0;
padding: 0;
list-style: none;
}
#subnavi li {
clear: both;
margin: 0;
padding: 0;
list-style: none;
line-height: 1.3em;
font-weight:bold;
font-size: 1.0em;
}
#subnavi a, #subnavi a:link, #subnavi a:active, #subnavi a:visited {
display: block;
color: #FFF;
text-decoration: none;
}
#subnavi a:hover {
color: #00901d;
text-decoration: underline;
}
#subnavi li.selected a, #subnavi li.selected a:link, #subnavi li.selected a:active, #subnavi li.selected a:visited {
color: #00901d;
}

/* Right Column Elements
....................................................................... */
.flex_area {
clear: both;
float: left;
width: 191px;
min-height: 145px;
color: #FFFFFF;
font-weight: bold;
background: #002555;
border: 1px solid #425879;
padding: 10px 20px 10px 20px;
margin: 0 0 10px 0;
}
.flex_area h2 {
background: url(../assets/images/flex_icon.gif) 0 0 no-repeat;
font-size: 1.2em;
color: #001c44;
padding: 0 0 0 60px;
margin: 0 0 5px 0;
}
.flex_area p {
color: #fff;
font-size: 0.9em;
line-height: 1.3em;
}
.flex_area a, .flex_area a:link, .flex_area a:active, .flex_area a:visited {
color: #d6e5ed;
text-decoration:underline;
}
.flex_area a:hover {
color: #d6e5ed;
}

.demo_btn {
clear: both;
float: left;
margin: 0 0 10px 0;
}
.demo_btn span {
display: none;
}
.demo_btn a, .demo_btn a:link, .demo_btn a:active, .demo_btn a:visited {
display: block;
width: 233px;
height: 60px;
background: url(/assets/images/btn_demo.gif) 0 0 no-repeat;
}
.demo_btn a:hover {
background: url(/assets/images/btn_demo.gif) -233px 0 no-repeat;
}

/* Side Navi Styles
....................................................................... */
#sidenavi {
clear: both;
float: left;
width: 232px;
border-left: 1px solid #94aab6;
padding: 0 0 10px 0;
margin: 0 0 20px 0;
}
#sidenavi h2 {
margin-left: 30px;
}
#sidenavi ul {
margin: 0;
padding: 0;
list-style: none;
}
#sidenavi li {
clear: both;
margin: 0;
padding: 0;
list-style: none;
line-height: 1.2em;
}
#sidenavi a, #sidenavi a:link, #sidenavi a:active, #sidenavi a:visited {
display: block;
color: #00901d;
text-decoration: none;
border-left: 20px solid #fff;
padding: 0 0 0 10px;
margin: 0 0 10px 0;
}
#sidenavi a:hover {
border-left: 20px solid #00901d;
}
#sidenavi li.selected a, #sidenavi li.selected a:link, #sidenavi li.selected a:active, #sidenavi li.selected a:visited { /* Selected state */
border-left: 20px solid #00901d;
}
		
/* Footer Styles
....................................................................... */
#footer .floatleft{
}
#footer .floatright{
}
#footer ul{
margin: 0 0 0 60px;
padding: 0;
}
#footer li{
float: left;
list-style: none;
margin: 0 15px 0 0;
padding: 0 0 0 15px;
background: url(../assets/images/footer_divider.gif) 0 4px no-repeat;
}
#footer li.first {
background-image: none;
}
#footer li a, #footer li a:link, #footer li a:active, #footer li a:visited{
color: #fff;
text-decoration: none;
}
#footer li a:hover{
text-decoration: underline;
}

/* Search Form Styles
....................................................................... */
#searchform{
float: left;
display: inline;
}
#searchform form{
}
#searchform label{
display: none;
}
#searchform input{
float: left;
font-size: 1em;
color: #001c44;
border: 1px solid #212121;
width: 180px;
padding: 3px;
background: #fff;
}
#searchform .btn{ /* Submit Button */
background: url(../assets/images/btn_search.gif) 0 0 no-repeat;
vertical-align: top;
border: 0;
width: 25px;
height: 20px;
margin: 0 0 0 5px;
}

/* Homepage Elements
....................................................................... */
.success_story {
}
.success_story p {
font-size: 0.85em;
}
.latest_info {
}
.latest_info ul {
margin: 0;
padding: 0;
list-style: none;
}
.latest_info li {
margin: 0 0 12px 0;
padding: 0;
list-style: none;
font-size: 0.85em;
}
.latest_info li a, .latest_info li a:link, .latest_info li a:active, .latest_info li a:visited {
text-decoration: none;
font-size: 1.25em;
}

.imglinkbox{ /* Image boxes with links */
float: left;
margin: 30px 0 7px 20px;
display: inline;
}
.imglinkbox a, .imglinkbox a:link, .imglinkbox a:active, .imglinkbox a:hover{
display: block;
border: 2px solid #49c487;
}
.imglinkbox a:hover{
border: 2px solid #fff;
}

.demo_btn_home { /* Demo Button */
float: right;
margin: 0 0 10px 0;
}
.demo_btn_home span {
display: none;
}
.demo_btn_home a, .demo_btn_home a:link, .demo_btn_home a:active, .demo_btn_home a:visited {
display: block;
width: 380px;
height: 131px;
background: url(../assets/images/btn_demo_home.jpg) 0 0 no-repeat;
}
.demo_btn_home a:hover {
background: url(../assets/images/btn_demo_home.jpg) -380px 0 no-repeat;
}