﻿/*  Common Tags  */
BODY {
    font-family: Verdana,Tahoma,Verdana,serif;
    background: #FFFFFF url("../images/bgbody.jpg") repeat-x left top;
    margin: 10px 0;
    text-align: center;
}
A {
    text-decoration: none;
    color: #5e94c7;
}
A:HOVER { text-decoration: underline; }

/*  Core classes  */
#root {
    margin: auto;
    width: 1100px;
    text-align: left;
}

/*  Logo  */
#logo {
    margin-left: 28px;
    margin-bottom: 18px;
}

#search {
	float: right;
	margin: 0 100px 0 0;	
}

/*  level2 left nav menu  */

.leftNav {
	BACKGROUND-POSITION: left top; FONT-SIZE: 12px; BACKGROUND-IMAGE: url(../images/sep_horz_dot.gif); PADDING-BOTTOM: 7px; BORDER-LEFT: 0px; COLOR: #165EA1; LINE-HEIGHT: normal; PADDING-TOP: 5px; BACKGROUND-REPEAT: repeat-x; 
}
a.leftNav {
	BACKGROUND-POSITION: left top;FONT-SIZE: 12px; BACKGROUND-IMAGE: url(../images/sep_horz_dot.gif); PADDING-BOTTOM: 7px; BORDER-LEFT: 0px; COLOR: #165EA1; LINE-HEIGHT: normal; PADDING-TOP: 5px; BACKGROUND-REPEAT: repeat-x; text-decoration: none; 
}
a.leftNav:hover {
	BACKGROUND-POSITION: left top;FONT-SIZE: 12px; BACKGROUND-IMAGE: url(../images/sep_horz_dot.gif); PADDING-BOTTOM: 7px; BORDER-LEFT: 0px; COLOR: #165EA1; LINE-HEIGHT: normal; PADDING-TOP: 5px; BACKGROUND-REPEAT: repeat-x; text-decoration: underline; 
}
a.leftNav:visited {
	BACKGROUND-POSITION: left top;FONT-SIZE: 12px; BACKGROUND-IMAGE: url(../images/sep_horz_dot.gif); PADDING-BOTTOM: 7px; BORDER-LEFT: 0px; COLOR: #165EA1; LINE-HEIGHT: normal; PADDING-TOP: 5px; BACKGROUND-REPEAT: repeat-x; 
}

/*  Main menu  */
.menu {
    font-family: Arial,Tahoma,Verdana,serif;
    font-size: 12px;
    height: 28px;
    background-color: #165EA1;
    padding-right: 195px;
}

/*  Splash  */
.splash {
    font-family: Arial,Tahoma,Verdana,serif;
    background: #3876B0 url("../images/bgsplash.jpg") repeat-x left top;
}
.splash .sin {
    height: 238px;
    background: url("../images/sin.jpg") no-repeat left bottom;
    padding-left: 90px;
}

.bluetext {
    font-family: "Verdana, Arial, Helvetica, sans-serif";
    font-size: 11px;
    font-weight: bold;
    line-height:normal;
    padding:0px;
    margin: 0px;
    color: #165EA1;
      
}

H3 {
    font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #666;
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
}

H3 {
    font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #165EA1;
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
}


H2 {
    font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
    font-size: 32px;
    font-weight: normal;
    color: #165EA1;
    margin: 0;
    padding: 0;
    margin-bottom: 17px;
}
.splash H1 {
    font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
    font-size: 32px;
    font-weight: normal;
    color: #165EA1;
    margin: 0;
    padding: 0;
    margin-bottom: 17px;
}
.splash H2 {
    color: #FFFFFF;
    float: right;
    margin-right: 21px;
}
.splash P {
    font-size: 13px;
    color: white;
    margin: 0;
    padding: 0;
    margin-right: 83px;
    line-height: 150%;
}
.splash .illustration {
    float: left;
    width: 348px;
    height: 238px;
    border-left: 1px dotted #FFFFFF;
    border-right: 1px dotted #FFFFFF;
}
.splash .text {
    width: 46%;
    float: left;
    padding-top: 37px;
}

/*  Gray Horizontal Line  */
.gray-hr {
    height: 27px;
    background-color: #ABA4A1;
	color: #fff;
	font-size: 11px;
	font-family: Verdana, Helvetica, sans-serif;	
}

#keywords {
	padding: 6px 0 0 95px;
	}

/*  Content  */
.content {
    font-family: Verdana, Helvetica, sans-serif;
    color: #666666;
    font-size: 11px;
    margin-left: 11%;
}

.content .column {
    float: left;
    width: 24%;
    line-height: 133%;
    border-right: 1px dotted #CCCCCC;
    padding-left: 5px;
    padding-right: 10px;
    padding-bottom: 10px;
    min-height: 140px;
}

.content .columnL2 {
    float: left;
    width: 51%;
    line-height: 133%;
    padding-left: 15px;
    padding-right: 10px;
    padding-bottom: 10px;
    min-height: 140px;
}
.content .left {
    border-left: 1px dotted #CCCCCC;
}
.content .column H1 {
    margin: 0;
    padding: 0;
    margin-top: 12px;
}
.content .column P {
    margin: 0;
    padding: 0;
    margin-top: 6px;
}
.content .column .employee-owned P IMG {
    margin-left: 27px;
}
.content .column .employee-owned P A {
    margin-top: -6px;
    font-size: 9px;
    text-align: right;
    display: block;
    margin-right: 62px;
}
.content .column H2 {
    font-family: Verdana, Helvetica, sans-serif;
    font-weight: bold;
    margin: 0;
    padding: 0;
    color: #5E94C7;
    font-size: 11px;
    margin-top: 10px;
}
.content .column SPAN {
    display: block;
    padding-bottom: 15px;
    color: #2F2F2F;
}

/*  crumbs */
.crumb {
    margin-right: 17.5%;
    padding-top: 10px;
    clear: both;
    text-align: left;
    font-size: 9px;
    color: #B4B3B3;
    line-height: 160%;
}
.crumb A {
    color: #B4B3B3;
    text-decoration: none;
}
.crumb SPAN {
    padding-left: 3px;
    padding-right: 3px;
}
.crumb A:HOVER {
    text-decoration: underline;
}


/*  Footer  */
.footer {
    margin-left: 8.5%;
    margin-top: 15px;
    clear: both;
    text-align: left;
    font-size: 9px;
    color: #6e6e6e;
    line-height: 160%;
}
.footer A {
    color: #6e6e6e;
    text-decoration: none;
}
.footer SPAN {
    padding-left: 3px;
    padding-right: 3px;
}
.footer A:HOVER {
    text-decoration: underline;
}
.sectionHead {
	font-family: Arial;
	font-size: 12px;
	font-weight: 800;
	color: #165EA1;
	line-height: normal;
	padding: 2px;
}

.casStudyTitle {
	font-family: Arial;
	font-size: 14px;
	font-weight: 800;
	color: #666;
	line-height: 150%;
	padding: 2px;
}

.content .columnL2 strong {
	color:#165ea1;
	font-weight: bold;
	font-size: 12px;
}

.content .columnL2 {
 	font-size: 12px;
}

