body {
    background-color: #ffffff;
    /* color: #8c8e90; */
    color: #686868;  
    font-family: arial, helvetica, sans-serif;
    font-size: 11pt;
    background-image: url("/images/bg_site_top.png");
    background-repeat: repeat-x;
}

a, a:visited {
    color: #f89520;
    text-decoration: none;
}

a:hover {
    color: #ff6600;
    /* text-shadow: 1px 1px 2px #999999; */
}

p {
    padding-bottom: 4px;
}

h1 {
    font-size: 230%;
    letter-spacing: -1px;
    font-weight: bold;
    font-family: arial, helvetica, sans-serif;
    text-shadow: 2px 2px 1px #cccccc;
    margin-bottom: 3px;
    color: #8b8d90;
}

h2 {
    font-family: georgia, times, serif;
    font-size: 118%;
    color: #8b8d90;    
}

h3 {
    font-family: georgia, times, serif;
    min-height: 22px; 
    line-height: 22px; 
    vertical-align: middle;
    text-transform: uppercase;
    margin-bottom: 5px;
}

h2.inPage, h3.inPage {
    font-family: arial, helvetica, sans-serif;
    font-size: 145%;
    font-weight: bold;
    margin-bottom: 10px;
    text-transform: none;
    color: #8b8d90;
}



h3 a {
    text-transform: none;    
}

h3.spaced {
    margin-bottom: 6px;
}

p {
    margin: 4px 0px;
}

.textTiny  { font-size: 75%; }
.textSmall { font-size: 80%; }
.textLarge { font-size: 120%; }
.textHuge  { font-size: 140%; }   

.textSans  { font-family: arial, helvetica, sans-serif; }
.textBold  { font-weight: bold; }

.textRight { text-align: right; }
.textLeft  { text-align: left; }
.textJustify { text-align: justify; }


ul.bullet {
    list-style-image: url("/images/icon_list_item_1.png");  
    list-style-position: outside;    
    margin: 10px 0px;
    font-family: arial, helvetica, sans-serif;
    font-weight: bold;
}

ul.bullet li {
    line-height: 20px;
    vertical-align: middle;        
}

ul.arrow {
    list-style-image: url("/images/icon_list_item_2.png");  
    list-style-position: outside;    
    margin: 10px 0px;
    font-family: arial, helvetica, sans-serif;
    font-weight: bold;    
}

ul.arrow li {
    line-height: 20px;
    vertical-align: middle;        
}

hr {
    display: block;
    overflow: hidden;    
    height: 15px;
    border: 0px;
    background-image: url("/images/bg_dots_horizontal.png");
    background-repeat: repeat-x;
    background-position: 0px 6px;
    margin: 0px auto;
    padding: 0px;
}

hr.thin {
    height: 8px;
    background-position: 0px 3px;
}

hr.undercrumb {
    margin-bottom: 5px;
}

.container {
    width: 100%;
    overflow: hidden;
}

.sWrapper {
    width: 890px;
    overflow: hidden;
    margin: 0px auto;
}

#sTopBar {
    width: 100%;
    overflow: hidden;
}

#sTopBar #menu {
    position: relative;
    top: 52px;
}

#sTopBar #menu ul {
    margin: 0px;
    padding: 0px;
    overflow: hidden;   
    font-size: 75%;
}

#sTopBar #menu ul li {
    font-family: georgia, times, serif;
    display: inline;
    float: left;
    height: 22px;
    line-height: 22px;
    padding-right: 15px;
    margin-right: 12px;
}

#sTopBar #menu ul li a {
    text-decoration: none;
    color: inherit;    
}

#sTopBar #menu ul li a:hover {
    text-decoration: underline;
    color: #ff6600;
    
}

#sTopBar #logo {
    float: right;
}

#sFeatureSlider {
    width:890px;
    float: left;
    margin: 0px auto;
    overflow: hidden; 
}

#sFeatureSlider #slideTray {
    position: relative;
    overflow: hidden;
}

#sFeatureSlider #slideTray .slide {    
    width: 890px;
    overflow: hidden;
    float: left;
}

#sFeatureSlideControlLeft, #sFeatureSlideControlRight {
    position: relative;
    width: 34px;
    height: 24px;
    overflow: hidden;
    top: 150px;
}

#sFeatureSlideControlLeft { float: left; text-align: left; }
#sFeatureSlideControlRight { float: right; text-align: right; }

/* mosaic is made of diff size squares from a base unit */
/* which is 200px in height and 150px in width */

#mosaic {
    min-height: 200px;
    min-width: 295px;    
}

.mosaicVerticalBar { 
    float: left;
    overflow: hidden;
    background-image: url("/images/bg_dots_vertical.png");
    background-repeat: repeat-y;
    background-position: 12px 0px;
    padding-left: 24px;
}

#mosaic .mosaicWidth1 { width: 280px; float: left; overflow: hidden; }
#mosaic .mosaicWidth2 { width: 560px; float: left; overflow: hidden; }

#mosaic .mosaicHeight0 { height: auto; }
#mosaic .mosaicHeight1 { height: 200px; }
#mosaic .mosaicHeight2 { height: 400px; }
#mosaic .mosaicHeight3 { height: 600px; }

#mosaic .borderRight  { padding-right: 17px; margin-right: 8px; background-image: url("/images/bg_dots_vertical.png"); background-repeat: repeat-y; background-position: right top; }
#mosaic .borderBottom {}

.mosaicVerticalBar.mosaicHeight0 { height: auto; }
.mosaicVerticalBar.mosaicHeight1 { height: 200px }
.mosaicVerticalBar.mosaicHeight2 { height: 415px }
.mosaicVerticalBar.mosaicHeight3 { height: 630px }

.mosaicText { float: left; width: 160px; }
.mosaicLongText { width: 100%; }
.mosaicTestimonial { width: 100%; padding-bottom: 15px; font-family: georgia, times, serif; }
.mosaicImage { float: right; width: 115px; }
.mosaicLink { width: 185px; font-size: 90%; font-weight: bold; }

#mosaic hr { width: 100%; }                        

#sLogoSliderOuter {
    float: left; 
    width: 739px; 
    height: 74px;
    overflow: hidden;    
}

#sLogoSliderInner {
    position: relative;
    width: 1000px;
    height: 74px;
    overflow: none;
}

.sLogoSliderImage {
    width: 185px;
    float: left; 
    padding-right: 3px;
    text-align: center; 
}

#sFooterBackground {
    overflow: hidden; 
    background-image: url("/images/bg_site_bottom.png");
    background-repeat: repeat-x;
}


#sFooterBar {
    margin-top: 5px;
    background-color: #8b8d90;
    font-size: 75%;
    color: white;
    padding: 10px;
    overflow: hidden;
}

#sFooterLinks {
    float: left;
    width: 550px;
    overflow: hidden;
}

.sFooterLinkSet {
    width: 110px;
    float: left;
    overflow: hidden;
    border-right: 1px solid white;
    margin-right: 13px;
}

.sFooterLinkSet ul {
    margin: 0px;
    padding: 0px;
}

.sFooterLinkSet ul li a, sFooterLinkSet ul li a:visited {
    color: white;
}

.sFooterLinkSet ul li a:hover {
    color: orange;
}

#sFooterRight {
    float: right;
    width: 300px;
    text-align: right;
}

#sSocialBar {
    width: 100%;
    overflow: hidden;
    margin-top: 3px;
    margin-bottom: 30px;
}

#sSocialBar #sSocialIcons {
    float: left; 
    width: 600px;
}

#sSocialBar #sCopyright {
    float: right; 
    width: 290px;
    text-align: right; 
}


.separatorVertical {
    background-image: url("/images/bg_dots_vertical.png");
    background-repeat: repeat-y;
    background-position: top right;
}

.searchButton {
    border: 1px solid white;
    outline: 0px;
    background: #333333;
    color: white;
    font-weight: bold;
    font-variant: small-caps;
    letter-spacing: 1px;
    border-radius: 1px;
    height: 22px;
    line-height: 18px;
    vertical-align: bottom;
    text-align: center;
}

.form_major_error {
    width: 90%;
    overflow: hidden;
    margin: 0px auto 10px auto;
    padding: 5px 10px;
    border: 2px solid darkred;
    background: red;
    color: white;
    font-weight: bold;
    border-radius: 4px;
    box-shadow: 1px 1px 1px #000000;
}

.form_text_error {
    color: red;
}

.form_input_error {
    border-width: 1px;
    border-color: #F7E4AA;
    background: #F7E4AA;
    color: black;    
}

.standout {
    background-color: #e9e9e9;
    color: #444444;    
    padding: 10px;
    margin: 10px 0px 5px 0px;
    font-size: 125%;
}

.standout a, .standout a:visited {
    font-weight: bold;
}

.callToAction {
    width: 540px;
    background-color: #e9e9e9;
    border-top: 2px solid orange;
    border-bottom: 2px solid orange;
    color: #444444; 
    padding: 10px;
    margin: 10px 0px 5px 0px;
    font-size: 95%;
    font-weight: bold;    
}

.callToAction .ctaText {
    text-align: left; 
    width: 420px; 
    float: left; 
    overflow: hidden;
}

.callToAction .ctaButton {
    text-align: right; 
    float: right; 
    overflow: hidden; 
    width: 110px;
}

.case_study_feature {
    display: inline-block;
    vertical-align: top; 
    width: 268px; 
    min-height: 150px;
    margin: 0px 10px 10px 0px;   
    font-size: 120%;
    font-weight: bold;
    text-align: right; 
}

.breadcrumb {
    font-size: 70%;
}

.byline {
    font-size: 80%;
    background: #eeeeee;
    padding: 3px 1px;
    margin: 2px 0px 10px 0px;
}

#blogArticle p, #blogArticle h1, #blogArticle h2, #blogArticle h3 {
    font-family: arial, helvetica, sans-serif;
    text-transform: none;    
}

#blogArticle h1 {
    font-size: 200%;
    font-weight: bold;
    margin: 5px 0px;
    font-family: arial;
}

#blogArticle h2 {
    font-size: 130%;    
    font-weight: bold;
    margin: 5px 0px;
}

#blogArticle h3 {
    font-size: 110%;    
    font-weight: bold;
    margin: 5px 0px;
}

#blogArticle p {
    margin-bottom: 8px;
}

#blogArticle p.firstParagraph {
    font-weight: bold;
    font-size: 105%;
}
                    
#blogArticle ul {
    list-style-type: disc;    
}
#blogArticle ol {
    list-style-type: decimal;
}

#blogArticle ul li {

}

#blogArticle table {
    border: 1px solid gray;
    margin: 0px auto;
}

#blogArticle table thead {
    background: gray;
    color: black;
    font-weight: bold;
}

#blogArticle table tr td, #blogArticle table tr th {
    padding: 5px;
}

#blogArticle p.tip {
    background: #efefef;
    padding: 5px;
    font-style: italic;
}