/*-------------------------------------------------------------------------------------*/
/* undo some default styling of common (X)HTML browsers
/*------------------------------------------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,html,label,table,tr,td {margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,a img,:link img,:visited img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
q:before,q:after {content:'';}


/* global elements
* ------------------------------------------------------------------------- */


/* ----- type selectors ----- */ 
body { 
    background-color:#fff;
    text-align:center; 
    font:12px/20px Verdana, Arial, Helvetica, sans-serif; 
    color:#464646;
    }

h1 { font-size:1.75em; color:#000; }
h2 { font-size:1.38em; color:#69ae28; }
h3 { font-size:1.25em; color:#000; line-height:1.19em; }

.UAie h3 { line-height:1.0em; }

a:link,a:visited { color:#0072bc; text-decoration:underline; outline:none; }
a:hover,a:active { color:#0072bc; text-decoration:none; outline:none; }

ul li {
    background:url(/Images/layout/bullet.jpg) 0 5px no-repeat;
    padding-left:20px;
    margin-bottom:3px;
    }

    ul li ul li {
        background:none;
        list-style-type:circle;
        margin-left:15px;
        margin-bottom:3px;
        padding-left:3px;
        }

p a span {
    background:url(/Images/layout/bullet.jpg) 0 2px no-repeat;
    padding-left:15px;
    }
/* ----- classes ----- */

.header-btm-border {
    border-bottom:1px solid #cdcdcd;
    width:100%;
    display:block;
    margin-bottom:10px;
    }

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }
    
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

#left .header-border-none,
#main .header-border-none {
    background:none;
    border-bottom:none;
    }

.container-left {
    float:left;
    width:330px;
    padding-right:20px;
    }

    #main .container-left p, #main .container-right p {
        margin-bottom:10px;
        }

.container-right {
    width:330px;
    padding-left:20px;
    float:left;
    }

.container-home {
    float:left;
    width:300px;
    min-height:400px;
    background:url(/Images/layout/bg-col-home-repeat.jpg) top left repeat-y;
    margin-right:29px;
    }

    .last .container-home {
        margin-right:0px;
        }

    .container-home-top {
        background:url(/Images/layout/bg-col-home-top.jpg) top left no-repeat;
        width:300px;
        padding-top:20px;
        }

    .container-home-btm {
        background:url(/Images/layout/bg-col-home-btm.jpg) bottom no-repeat;
        width:260px;
        min-height:400px;
        padding:0 20px;
        }

.txt-customsolutions {
    margin-left:80px;
}

/* ----- container ----- */

#container {
    width:967px;
    margin:0 auto;
    text-align:left;
    }

/* ----- banner ----- */

.logo {  float:left; }

#googlesearch {
    float:right;
    margin-right:7px;
    margin-top:68px;
    position:relative;
    }

.btn-search {
    position:absolute;
    right:0;
    top:0;
    }

.GoogleForm input {
    width:210px;
    height:20px;
    padding-top:2px;
    border:1px solid #adadad;
    margin-right:69px;
    }


.nav {
    width: 967px;
    height: 43px;
    background: url(/Images/layout/nav.jpg) no-repeat;
    position: relative;
    top:0px;
    left:0px;
    }

.nav li {
    display: inline;
    background:none;
    }
.nav li a:link, .nav li a:visited {
    position: absolute;
    top: 0;
    height: 43px;
    text-indent: -9000px;
    overflow: hidden;
    z-index: 10;
    }

.nav .nav-01 a:link, .nav .nav-01 a:visited {
    left: 0px;
    width:103px;
    }

.nav .nav-01 a:hover, .nav .nav-01 a:focus {
    background: url(/Images/layout/nav.jpg) no-repeat 0 -43px;
    }

.nav .nav-01 a:active {
    background: url(/Images/layout/nav.jpg) no-repeat 0 -43px;
    }

.current-nav-01 .nav-01 a:link, .current-nav-01 .nav-01 a:visited {
    background: url(/Images/layout/nav.jpg) no-repeat 0 -43px;
    cursor: default;
    }
    
.nav-nav-01, .nav-nav-01-click {
    position: absolute;
    top: 0;
    left: 0px;
    width: 103px;
    height: 43px;
    background: url(/Images/layout/nav.jpg) no-repeat 0 -43px;
    }

.nav-nav-01-click {
    background: url(/Images/layout/nav.jpg) no-repeat 0 -43px;
    }

.nav .nav-02 a:link, .nav .nav-02 a:visited {
    left: 103px;
    width: 126px;
    }

.nav .nav-02 a:hover, .nav .nav-02 a:focus {
    background: url(/Images/layout/nav.jpg) no-repeat -103px -43px;
    }

.nav .nav-02 a:active {
    background: url(/Images/layout/nav.jpg) no-repeat -103px -43px;
    }

.current-nav-02 .nav-02 a:link, .current-nav-02 .nav-02 a:visited {
    background: url(/Images/layout/nav.jpg) no-repeat -103px -43px;
    cursor: default;
    }

.nav-nav-02, .nav-nav-02-click {
    position: absolute;
    top: 0;
    left: 103px;
    width: 126px;
    height: 43px;
    background: url(/Images/layout/nav.jpg) no-repeat -103px -43px;
    }

.nav-nav-02-click {
    background: url(/Images/layout/nav.jpg) no-repeat -103px -43px;
    }

.nav .nav-03 a:link, .nav .nav-03 a:visited {
    left: 229px;
    width: 142px;
    }

.nav .nav-03 a:hover, .nav .nav-03 a:focus {
    background: url(/Images/layout/nav.jpg) no-repeat -229px -43px;
    }

.nav .nav-03 a:active {
    background: url(/Images/layout/nav.jpg) no-repeat -229px -43px;
    }

.current-nav-03 .nav-03 a:link, .current-nav-03 .nav-03 a:visited {
    background: url(/Images/layout/nav.jpg) no-repeat -229px -43px;
    cursor: default;
    }

.nav-nav-03, .nav-nav-03-click {
    position: absolute;
    top: 0;
    left: 229px;
    width: 142px;
    height: 43px;
    background: url(/Images/layout/nav.jpg) no-repeat -229px -43px;
    }

.nav-nav-03-click {
    background: url(/Images/layout/nav.jpg) no-repeat -229px -43px;
    }

.nav .nav-04 a:link, .nav .nav-04 a:visited {
    left: 371px;
    width: 118px;
    }

.nav .nav-04 a:hover, .nav .nav-04 a:focus {
    background: url(/Images/layout/nav.jpg) no-repeat -371px -43px;
    }

.nav .nav-04 a:active {
    background: url(/Images/layout/nav.jpg) no-repeat -371px -43px;
    }

.current-nav-04 .nav-04 a:link, .current-nav-04 .nav-04 a:visited {
    background: url(/Images/layout/nav.jpg) no-repeat -371px -43px;
    cursor: default;
    }

.nav-nav-04, .nav-nav-04-click {
    position: absolute;
    top: 0;
    left: 371px;
    width: 118px;
    height: 43px;
    background: url(/Images/layout/nav.jpg) no-repeat -371px -43px;
    }

.nav-nav-04-click {
    background: url(/Images/layout/nav.jpg) no-repeat -371px -43px;
    }

.nav .nav-05 a:link, .nav .nav-05 a:visited {
    left: 489px;
    width: 132px;
    }

.nav .nav-05 a:hover, .nav .nav-05 a:focus {
    background: url(/Images/layout/nav.jpg) no-repeat -489px -43px;
    }

.nav .nav-05 a:active {
    background: url(/Images/layout/nav.jpg) no-repeat -489px -43px;
    }

.current-nav-05 .nav-05 a:link, .current-nav-05 .nav-05 a:visited {
    background: url(/Images/layout/nav.jpg) no-repeat -489px -43px;
    cursor: default;
    }

.nav-nav-05, .nav-nav-05-click {
    position: absolute;
    top: 0;
    left: 489px;
    width: 132px;
    height: 43px;
    background: url(/Images/layout/nav.jpg) no-repeat -489px -43px;
    }

.nav-nav-05-click {
    background: url(/Images/layout/nav.jpg) no-repeat -489px -43px;
    }
    
.nav .nav-06 a:link, .nav .nav-06 a:visited {
    left: 621px;
    width: 149px;
    }

.nav .nav-06 a:hover, .nav .nav-06 a:focus {
    background: url(/Images/layout/nav.jpg) no-repeat -621px -43px;
    }

.nav .nav-06 a:active {
    background: url(/Images/layout/nav.jpg) no-repeat -621px -43px;
    }

.current-nav-06 .nav-06 a:link, .current-nav-06 .nav-06 a:visited {
    background: url(/Images/layout/nav.jpg) no-repeat -621px -43px;
    cursor: default;
    }

.nav-nav-06, .nav-nav-06-click {
    position: absolute;
    top: 0;
    left: 621px;
    width: 149px;
    height: 43px;
    background: url(/Images/layout/nav.jpg) no-repeat -621px -43px;
    }

.nav-nav-06-click {
    background: url(/Images/layout/nav.jpg) no-repeat -621px -43px;
    } 
    
.nav .nav-07 a:link, .nav .nav-07 a:visited {
    left: 770px;
    width: 197px;
    }

.nav .nav-07 a:hover, .nav .nav-07 a:focus {
    background: url(/Images/layout/nav.jpg) no-repeat -770px -43px;
    }

.nav .nav-07 a:active {
    background: url(/Images/layout/nav.jpg) no-repeat -770px -43px;
    }

.current-nav-07 .nav-07 a:link, .current-nav-07 .nav-07 a:visited {
    background: url(/Images/layout/nav.jpg) no-repeat -770px -43px;
    cursor: default;
    }

.nav-nav-07, .nav-nav-07-click {
    position: absolute;
    top: 0;
    left: 770px;
    width: 197px;
    height: 43px;
    background: url(/Images/layout/nav.jpg) no-repeat -770px -43px;
    }

.nav-nav-07-click {
    background: url(/Images/layout/nav.jpg) no-repeat -770px -43px;
    }       
    
.breadcrumbs {
    background:url("/Images/layout/bg-breadcrumb.jpg") no-repeat;
    height:22px;
    font-size:.88em;
    margin:0 auto;
    width:900px;
    padding:0 30px 0 30px;
    display:block;
    line-height:19px;
    float:left;
    }

.breadcrumbs a:link, .breadcrumbs a:visited { color:#464646; text-decoration:underline; }
.breadcrumbs a:hover, .breadcrumbs a:active { color:#464646; text-decoration:none; }

/* ----- main body ----- */

#main-body {
    background:url("/Images/layout/bg-col-left-sub.jpg") top left no-repeat;
    width:960px;
    }

/* ----- left ----- */

#left {
    float:left;
    width:220px;
    /*min-height:450px;*/
    padding-top:30px;
    font-family:Arial, Helvetica, sans-serif;
    }

#left-nav {
    margin:0;
    padding:0;
    }

.UAie #left-nav {
    position:relative;
    z-index:99;
    }
    
    #left-nav a {
        background:url("/Images/layout/bullet.jpg") 0 5px no-repeat;
        padding-left:20px;
        font:bold 1.0em/1.25em Arial, Helvetica, sans-serif;
        display:block;
        }

    .UAff #left-nav a {
        background:url("/Images/layout/bullet.jpg") 0 3px no-repeat;
        }

    #left-nav a:link, #left-nav a:visited { color:#464646; text-decoration:none; }
    #left-nav a:hover, #left-nav a:active { color:#6bae26; text-decoration:none; } 

    #left-nav li {
        background:url("/Images/layout/left-nav-btm.jpg") top no-repeat;
        padding:10px 0;
        margin-bottom:0;
        }

body.services_default #left-nav li.lnav-01 a,
body.services_sexual-harassment-training-instructors_default #left-nav li.lnav-02 a,
body.pricing_default #left-nav li.lnav-03 a,
body.resources_default #left-nav li.lnav-01 a,
body.resources_why-provide-sexual-harassment-training_default #left-nav li.lnav-02 a,
body.about-us_default #left-nav li.lnav-01 a { color:#6bae26; text-decoration:none; cursor:default; } 


#leftcontent li.active a { color:#6bae26;}

#left h2 {
    margin-bottom:10px;
        }

#left p {
    margin-bottom:20px;
    }


/* ----- main content ----- */

body.default #main {
    width:960px;
    padding:0;
    float:none;
    }

#main {
    width:700px;
    padding:30px 0 0 40px;
    float:left;
    }

#main h1{
    display:block;
    width:690px;
    height:30px;
    padding:90px 0 0 10px;
    text-transform:uppercase;
    font-family:"Gotham Bold", Verdana, Arial, Helvetica, sans-serif;
    margin-bottom:20px;
    }

#header-graphic img { display:none; }

body.default #header-graphic {
    background:url("/Images/layout/header-home.jpg") no-repeat;
    height:312px;
    width:960px;
    display:block;
    }

body.services_default h1{ background:url("/Images/layout/hdr-services.jpg"); }
body.resources_default h1 { background:url("/Images/layout/hdr-law-updates.jpg"); }
body.pricing_default h1 { background:url("/Images/layout/hdr-pricing.jpg"); }
body.about-us_default h1 { background:url("/Images/layout/hdr-about-us.jpg"); }
body.contact-us_default h1 { background:url("/Images/layout/hdr-contact-us.jpg"); }
body.request-a-quote_default h1 { background:url("/Images/layout/header-rqa.jpg"); }
body.resources_why-provide-sexual-harassment-training_default h1 { background:url("/Images/layout/hdr-why-take-training.jpg"); }
body.services_sexual-harassment-training-instructors_default h1 {background:url("/Images/layout/hdr-instructors.jpg");}
body.resources_training-service-pricing_default h1 { background:url("/Images/layout/hdr-pricing.jpg"); }
body.services_default h1 {background:url("/Images/layout/hdr-services.jpg"); }
body.services_2-hour-supervisor-training_default h1 { background:url("/Images/layout/hdr-2-hour-supervisor.jpg"); }
body.services_3-hour-supervisor-training_default h1 { background:url("/Images/layout/hdr-3-hour-supervisor.jpg"); }
body.services_1-or-2-hour-non-supervisory-employee-training_default h1 { background:url("/Images/layout/hdr-non-sup-employee-training.jpg"); }
body.services_diversity-training_default h1 { background:url("/Images/layout/hdr-diversity-training.jpg"); }
body.services_public-speaking_default h1 { background:url("/Images/layout/hdr-public-speaking.jpg"); }
body.services_teamwork_default h1 { background:url("/Images/layout/hdr-teamwork.jpg"); }
body.services_tailor-made-workshops_default h1 { background:url("/Images/layout/hdr-tailor-made-workshops.jpg"); }
body.law-updates_default h1 { background:url("/Images/layout/hdr-law-updates.jpg"); }
body.request-a-quote_default h1 { background:url("/Images/layout/hdr-raq.jpg"); }

h1 span { display:none; }

#main h2 {
    margin-bottom:10px;
    }

#main p {
    margin-bottom:30px;
    }

/* ----- footer ----- */

#footer {
    font-size:.88em;
    border-top:1px solid #e1e1e1;
    color:#898989;
    padding-top:5px;
    margin-top:20px;
    width:960px;
    }

#footer a:link, #footer a:visited { color:#8dc63f; text-decoration:underline; outline:none; }
#footer a:hover, #footer a:active { color:#8dc63f; text-decoration:none; outline:none; }

.copyrightnotice {
    float:left;
    text-align:left;
    width:220px;
    }

#footer-nav {
    text-align:right; 
    float:right;
    }

#sIFR h2 { 
    font-family: gothammedium; 
    color:#6bae26;
    line-height:1.38em;
    background:transparent;
    }

#sIFR h3 { 
    font-family: gothammedium; 
    color:#000000;
    background:transparent;
    }

#footer a:hover, #footer a:active { color:#8dc63f; text-decoration:none; outline:none; }

.copyrightnotice {
    float:left;
    text-align:left;
    width:220px;
    }

#footer-nav {
    text-align:right; 
    float:right;
    }

#sIFR h2 { 
    font-family: gothammedium; 
    color:#6bae26;
    line-height:1.38em;
    }

#sIFR h3 { 
    font-family: gothammedium; 
    color:#000000;
    }ont-family: gothammedium; 
    color:#000000;
    }