/* @override 
	http://www.impactfactory.com/extracted-impactfactory.css
	http://www.impactfactory.com/impactfactory.css
	http://www.impactfactory.com/impactfactory.css
	http://www.impactfactory.com/extracted-v2-impactfactory.css
	http://www.impactfactory.com/extracted-v3-impactfactory.css
	http://www.impactfactory.com/extracted-v4-impactfactory.css
	http://www.impactfactory.com/extracted-v5-impactfactory.css
*/

body
{
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #19355E;
    width: 970px;
    margin: 0 auto;
}

.main
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000033;
}

.topspace
{
    padding-top: 60px;
}

#maincol ul
{
    line-height: 2;
}
.mainhome
{
    font-size: 12px;
    color: #000033;
    background-color: #FFFFFF;
    padding-bottom: 10px;
}


a:link
{
    color: #CC0066;
    font-weight: bold;
    text-decoration: none;
}
a:visited
{
    color: #660066;
    font-weight: bold;
    text-decoration: none;
}
a:hover, a:focus, a:active
{
    color: #ff0099;
    font-weight: bold;
    text-decoration: none;
}




.subhead
{
    font-size: 15px;
    color: #336;
    font-weight: bolder;
}


h1, h2
{
    font-size: 22px;
    color: #003;
    line-height: 26px;
    font-weight: bold;
    padding-bottom: 0px;
    margin-bottom: 10px;
}

h3
{
    font-size: 16px;
    color: #336;
    line-height: 20px;
    font-weight: bolder;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

#top h1
{
    font-size: 10px;
    line-height: 12px;
    height: 14px;
    color: #fff;
    background: #003;
    padding: 0;
    margin: 0;
    width: auto;
    padding-left: 10px;
    font-weight: normal;
    text-overflow: ellipsis;
    overflow: visible; /* REAL . Hide from IE-mac \*/
    overflow: hidden; /* End hide from IE-mac */
}



#kw h1, #kw h2
{
    font-size: 11px;
    color: #336;
    background: #fff;
    padding: 10px 0 10px 0;
    font-weight: normal;
}




.mainplus
{
    font-size: small;
    background-color: #FFFFFF;
}


.sidebar
{
    font-size: 10px;
    color: #336;
    font-weight: normal;
    padding-right: 15px;
}


.sidebar20
{
    font-size: 10px;
    color: #336;
    font-weight: normal;
    padding-left: 15px;
    padding-right: 15px;
}


.free
{
    color: #33cc33;
}


.fun
{
    color: #33cc33;
}


.registered
{
    color: #ff6600;
}


.clients
{
    color: #cc0066;
}


.article
{
    position: absolute;
    visibility: hidden;
}


.revmain
{
    font-size: 12px;
    background-color: #FFFFFF;
}


a:hover.revmain
{
    color: #ffffff;
    background-color: #cc0066;
}

/*
.in20 { padding-left: 20px}


.in40 { padding-left: 40px}


.in60 { padding-left: 60px}


.in80 { padding-left: 80px}

*/


.back20
{
    padding-left: -20px;
}


.cr
{
    display: none;
}



.sidebar
{
    font-size: 10px;
    color: #336;
    font-weight: normal;
    padding-right: 15px;
}


.toolbox
{
    font-size: 10px;
    color: #fff;
    font-weight: normal;
    background: #cc0066;
}



a.tools
{
    color: #fff;
    background: #cc0066;
}

a.tools:visited
{
    color: #fff;
    background: #cc0066;
}

a.tools:hover
{
    text-decoration: underline;
}

a.tools:active
{
    color: #cc0066;
    background: #fff;
}


.newtoolbox
{
    font-size: 11px;
    color: #fff;
    font-weight: normal;
    background: #cc0066;
}

.newtoolbox a:link, .newtoolbox a:visited
{
    clear: both;
    float: left;
    padding: 5px 3px;
    margin: 0;
    width: 100%;
    display: block;
    border-bottom: 1px dotted #fff;
    text-decoration: none;
    color: #fff;
}

.newtoolbox a:hover, .newtoolbox a:active
{
    background: #df006f;
    color: #fff;
    text-decoration: none;
}

.newtoolbox a#firsttool
{
    border-top: 1px dotted #fff;
}

.crumb a
{
    text-decoration: none;
    font-weight: bold;
}


.navbar
{
    background: #003 url("images/nav/bg.gif");
    height: 32px;
}

.p7tbsub
{
    background-color: #fff;
    border-left: 5px solid #fff;
    border-right: 5px solid #fff;
    border-bottom: 15px solid #fff;
    border-top: 1px solid #003;
    padding-top: 0px;
    font-size: 10px;
    layer-background-color: #fff;
}
.p7tbsub p
{
    margin: 0px;
    padding: 0px;
}
.p7tbsub a:link
{
    color: #003;
    display: block;
    width: 100%;
    margin: 0px;
    padding: 4px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #CC0066;
    background-color: #fee2ed;
}
.p7tbsub a:visited
{
    color: #003;
    display: block;
    width: 100%;
    margin: 0px;
    padding: 4px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #CC0066;
    background-color: #fee2ed;
}
.p7tbsub a:hover
{
    color: #003;
    display: block;
    width: 100%;
    margin: 0px;
    padding: 4px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #CC0066;
    background-color: #dde0e7;
}
.p7tbsub a:active
{
    color: #fff;
    display: block;
    width: 100%;
    margin: 0px;
    padding: 4px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #CC0066;
    background-color: #003;
}
.p7tbdn
{
    color: #FF9900 !important;
    font-weight: bold;
}

.p7tbsub p.menulabel
{
    color: #fff;
    background: #c06 url("images/menulabel_arrow.gif") no-repeat;
    background-position: 4px 12px;
    padding: 8px 4px 4px 20px;
    font-weight: bold;
    width: 134px;
}



#slidemenubar, #slidemenubar2
{
    position: absolute;
    left: -432px;
    width: 479px;
    top: 144px;
    border: 1.5px solid white;
    background-color: white;
    layer-background-color: white;
    font: bold 12px Verdana;
    line-height: 20px;
}


#searchterms
{
    font-size: 10px;
    color: #336;
    background-color: #fff;
}



#getintouchbutton
{
    border: 0;
    margin: -5px 15px 0 20px;
    float: left;
}


/* nopcart */
.checkout
{
    font-size: 12px;
    color: #000000;
}
.checkoutinput
{
    font-size: 12px;
    color: #000000;
}
.nopcart
{
    background: #fff;
    border: 0;
    font-size: 11px;
    color: #336;
    width: 600px;
}

.nopcart td
{
    border-bottom: 1px solid #336;
    border-right: 1px solid #336;
    padding: 2px;
    margin: 0;
}

.nopheader
{
    background: #003;
    font-size: 11px;
    color: #FFFFFF;
}
.nopentry
{
    background: #FFFFFF;
    font-size: 12px;
    color: #336;
}
.noptotal
{
    background: #dde0e7;
    font-size: 12px;
    color: #336;
}
.nopbutton
{
    background: #CC0066 !important;
    font-size: 10px;
    color: #fff !important;
    font-weight: bold;
}



.cartform em, form em
{
    color: #f00;
}
.openbookform input, .openbookform select
{
    background: #fff;
    font-size: 10px;
    color: #336;
}

table.openbookform
{
    margin-bottom: 20px;
    border: 1px solid #CC0066;
}
.openbookform td
{
    border-top: 1px solid #CC0066;
    padding: 5px;
    font-size: 10px;
    color: #336;
}

.openbookform td h3
{
    font-size: 12px;
    margin: 0;
    padding: 0;
}
.openbookform td.toolbox
{
    color: #fff;
}



.coursediscount td
{
    background-color: #ffc;
}
.coursediscount strong
{
    color: #f00;
}





div.ad
{
    position: absolute;
    left: 100%;
    top: 0px;
    overflow: visible;
    height: 180px;
    width: 180px;
    background-image: url(images/fhfh.png);
    background-repeat: no-repeat;
    background-position: -180px -180px;
    background-color: transparent;
    margin: 0 0 0 -180px;
    padding: 0;
    color: #000;
    font-family: helvetica,verdana,arial,tahoma,sans-serif;
    z-index: 1000000000;
    border: none;
    float: none;
}







.main-accordion
{
    width: 100%; /*width of accordion menu*/
}

.main-accordion img
{
    margin: 0 15px 0 10px;
    float: left;
    padding-top: 5px;
}
.main-accordion h3
{
    font-size: 14px;
    margin: 2px 0 0 0 !important;
    color: #c06;
}

.main-accordion .menuheader
{
    color: #c06;
    background: #efefef url(images/accordion-header2.gif) repeat-x bottom left;
    padding: 4px 0 4px 10px;
    cursor: hand;
    cursor: pointer;
    margin-top: 5px;
}

.main-accordion .openheader
{
    /*CSS class to apply to expandable header when it's expanded*/
    color: #fff;
    background: #c06 url(images/accordion-header-pink2.gif) repeat-x bottom left;
}

.categoryitems
{
    padding: 0;
    border-top: 1px solid #fff;
    margin: 0;
    background: #fff url(images/accordion-cat-bg.gif) repeat-x top left;
}

.main-accordion p
{
    padding: 0 10px 0 20px;
}

.main-accordion p a
{
    padding: 2px 0;
}

p.categorykeywords
{
    color: #336;
    margin: 0 0 3px 17px;
    font-size: 11px;
}
.main-accordion .openheader p.categorykeywords
{
    color: #ffe;
}
.main-accordion .openheader h3
{
    color: #fff;
}

/* sidebar accordion */


.sidebar-expander
{
    font-size: 10px;
    line-height: 1.5;
    cursor: hand;
    cursor: pointer;
    padding: 5px 10px 5px 0;
    background: #efefef url(images/accordion-header.gif) repeat-x bottom left;
}
.sidebar-expander img
{
    margin: 0 10px;
    float: left;
    padding-bottom: 10px;
    padding-top: 3px;
}

h3.sidebar-expander
{
    margin: 5px 0;
}

.sidebar-open
{
    background: #ddd url(images/accordion-header-dark.gif) repeat-x bottom left;
}

.sidebar-content
{
    background: #fff url(images/accordion-sidebar-bg.gif) repeat-x bottom left;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #dedede;
}

.sidebar-content img.full
{
    margin-bottom: 5px;
}

.sidebar-content p
{
    margin: 5px;
    line-height: 1.5;
}



table#newsflash
{
    float: right;
    margin: 0 10px 20px 30px;
    width: 240px;
    border: 1PX SOLID #ccc;
}
table#newsflash th
{
    font-size: 10px;
    padding: 5px 10px !important;
    background: #efefef url(images/accordion-header.gif) repeat-x bottom left;
    text-align: left;
    line-height: 1.2;
}
table#newsflash td
{
    background: #fff url(images/accordion-cat-bg.gif) repeat-x top left;
    padding: 10px;
    line-height: 1.5;
    border-top: 1px solid #fff;
}








a#csbutton:link, a#csbutton:visited
{
    position: absolute;
    left: 100%;
    top: 0px;
    overflow: visible;
    height: 84px;
    width: 84px;
    background-image: url(images/customer-service-corner.png);
    background-repeat: no-repeat;
    background-color: transparent;
    margin: 0 0 0 -84px;
    padding: 0;
    color: #000;
    text-indent: -9999em;
    z-index: 1000000000;
    border: none;
    float: none;
}


.download
{
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
}
.download h3
{
    font-size: 14px;
    margin: 20px 0 0 0;
    padding-bottom: 0 !important;
}
.download p
{
    margin-top: 0;
    padding: 0 40px;
}
.download h3 a
{
    display: block;
    height: 40px;
    background: url(images/pdficon.gif) no-repeat;
    padding: 5px 40px 0 40px;
}


a.player
{
    display: block;
    width: 480px;
    height: 272px;
    background: url(player/wide_splash.jpg) no-repeat 0 20px;
}


a.podcast
{
    display: block;
    width: 480px;
    height: 20px;
    background: url(player/wide_splash.jpg) no-repeat 0 20px;
}


#servingup
{
    background: url(images/serving_up_customer_service.png) no-repeat;
    width: 600px;
    margin-top: 24px;
}

#trayvideo
{
    padding-right: 0px;
    padding-left: 0px;
    float: left;
    padding-bottom: 0px;
    margin-left: 180px;
    padding-top: 60px;
}

#traytext
{
    padding: 80px 0 0 200px;
}

/* @group p7 */

/* 
  -----------------------------------
  PopMenu Magic Style Sheet
  by Project Seven Development
  www.projectseven.com
  Menu Type: Horizontal
  Style Theme:0 -Basic Style
  -----------------------------------
  Adapted for root-level Background Images
*/
/*Font-size is set for all menu items here*/
#p7PMnav
{
    margin: -3px 0 0 0;
    padding: 0;
    font-size: 10px;
    width: 900px;
    position: relative;
}


#p7PMnav li
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
/*border top is set to zero to allow the top of the first dropdown to abut the bottom of our buttons*/
#p7PMnav ul
{
    margin: 0;
    padding: 1px 0 0 0;
    position: absolute;
    left: -9000px;
    z-index: 10000;
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
}
/*top border is put back on for flyouts*/
#p7PMnav ul li ul
{
    border-top: 1px solid #CC0066;
    border-left: 2px solid #CC0066;
}
/*this is all we need for top-level links*/
#p7PMnav a
{
    display: block;
    text-decoration: none;
}
/*This rule styles the sub-menu links*/
#p7PMnav ul a, #p7PMnav ul a:visited
{
    padding: 4px 10px 4px 10px;
    background-color: #fee2ed;
    color: #003;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #CC0066;
}
/*This is top-level only and is the rule that shifts the background image so that we now
see the bottom one. It is deployed via multiple selectors for hovering, tab key access,
and so it stays persistent when its associated sub-menu is open*/
#p7PMnav a:hover, #p7PMnav a:active, #p7PMnav a:focus, #p7PMnav .p7PMon, #p7PMnav .p7PMmark
{
    background-position: left bottom;
}
/*the sub-menu hovers*/
#p7PMnav ul a:hover, #p7PMnav ul a:focus
{
    background-color: #dde0e7;
    color: #003;
    letter-spacing: 0.01px;
}

#p7PMnav ul a:active
{
    background-color: #fee2ed;
    color: #003;
    letter-spacing: 0.01px;
}



/* ------ the current page marker style ------ */
#p7PMnav ul .p7PMmark
{
    color: #003;
}
/* ------ the trigger link styles ------- */

/*the normal trigger links */
#p7PMnav ul .p7PMtrg
{    
    background-repeat: no-repeat;
    background-position: right center !important;
}





/* the active trigger link style 
NO! We turn the background image off to ensure that our top-level images do not
inherit down.*/
#p7PMnav ul .p7PMon
{
    background-color: #c06;
    color: #fee2ed;    
    background-repeat: no-repeat;
    background-position: right center !important;
}
/*the submenu classes */
/*The top property here and in the show class serves to fix a minor bug introduced
by the good folks at Apple in their Safari browser for Panther OS*/
#p7PMnav .p7PMhide
{
    left: -9000px;
    border: 0;
    top: 0;
}
#p7PMnav .p7PMshow
{
    top: auto;
    left: auto;
    z-index: 20000 !important;
}
/* Top level menu width
We set width to auto because we are using top-level bg images and the width is
assigned directly via the IDs assigned to the links.*/
#p7PMnav li
{
    float: left;
    width: auto;
}
#p7PMnav ul li
{
    float: none;
}
/* 2nd and subsequent Submenu widths */
#p7PMnav ul, #p7PMnav ul li
{
    width: 220px;
}
#pmmcrumb
{
    font-weight: bold;
    margin-bottom: 16px;
    color: #333333;
}
#pmmcrumb a, #pmmcrumb a:visited
{
    font-weight: normal;
    color: #535FAC;
}
#pmmcrumb a:hover, #pmmcrumb a:active, #pmmcrumb a:focus
{
    font-weight: normal;
    color: #333333;
}

/* images for top level links*/


#b1, #b2, #b3, #b4, #b5, #b51, #b6, #b7, #b8, #b9, #b10
{
    height: 23px !important;
    background-repeat: no-repeat;
    text-indent: -3000px;
}


#b1
{
    width: 75px;
    background-image: url(nav/newtabs/home.gif);
}
#b2
{
    width: 72px;
    background-image: url(nav/newtabs/about.gif);
}
#b3
{
    width: 60px;
    background-image: url(nav/newtabs/clients.gif);
}
#b4
{
    width: 73px;
    background-image: url(nav/newtabs/training.gif);
}


#b5
{
    width: 96px;
    background-image: url(nav/newtabs/open.gif);
}

#b51
{
    width: 154px;
    background-image: url(nav/newtabs/drama.gif);
}


#b6
{
    width: 89px;
    background-image: url(nav/newtabs/library.gif);
}


#b7
{
    width: 87px;
    background-image: url(nav/newtabs/contact.gif);
}

#b8
{
    width: 118px;
    background-image: url(nav/newtabs/beyond.gif);
}



#b9
{
    width: 142px;
    background-image: url(nav/newtabs/training_and_beyond.gif);
}

#b10
{
    width: 82px;
    background-image: url(nav/newtabs/the_issues.gif);
}


/* menu pos*/

ul#p7PMnav
{
    float: left;
    margin-left: 40px;
    clear: left;
}

/*menu labels - not links*/
#p7PMnav li.menulabel
{
    color: #fff;
    background: #c06 url("images/menulabel_arrow.gif") no-repeat;
    background-position: 4px 12px;
    padding: 8px 4px 4px 20px;
    font-weight: bold;
    width: 196px;
}

/* @end */

/* @group 2009 layout */

body
{
}
img
{
    border: 0;
}
#page
{
    text-align: left;
    width: 990px;
    margin: 0 auto;
    background: url(/images/page-bg.gif);
    background-repeat: repeat-y;
    background-position: top center;
}
#header
{
    background: transparent;
    width: 625px;
    float: left;
    clear: none;
}
#tools
{
    background: transparent;
    width: 360px;
    float: left;
}
#tools form
{
    float: left;
    margin-top: 20px;
    margin-left: -20px;
}
#tools form input
{
    float: left;
}


#smallbrochurebadge
{
    width: 200px;
    height: 53px; ;
margin:00050px
}

#srchbtn
{
    margin-left: 2px;
}

#logo
{
    float: left;
    margin-top: 10px;
}
#creativity
{
    display: block;
    width: 109px;
    height: 26px;
    float: right;
    margin-top: 15px;
}

.crumb
{
    width: 450px;
    margin-top: 10px;
    float: left;
    margin-left: 20px;
}


#topbadge
{
    float: right;
    padding: 20px 0 10px 0;
}

#feature
{
    margin-bottom: 20px;
    margin-right: 20px;
}
img#feature1
{
    margin: 0 45px;
}

#maincol
{
    float: left;
    width: 600px;
    margin: 0 0 0 0;
    margin-left: 20px;
    overflow: hidden;
}

#sidecol
{
    float: right;
    width: 320px;
    overflow: hidden;
    margin-right: 5px;
}

/*for partners page:*/
#maincolnarrow
{
    float: left;
    width: 470px;
    margin: 0 50px 0 0;
    overflow: hidden;
}

#sidecolwide
{
    float: left;
    width: 450px;
    overflow: hidden;
}

#maincolwide
{
    float: left;
    width: 970px;
    margin: 0 0 0 0;
    overflow: hidden;
}



.clearfix
{
    clear: both;
}


.innermaincol
{
    float: left;
    width: 600px;
    margin: 20px 0 0 0;
    overflow: hidden;
    border-top: 1px solid #ddd;
}
.innermaincol p
{
    padding-top: 20px;
}
.innersidecol
{
    float: left;
    width: 320px;
    margin: 20px 0 0 0;
    padding-left: 50px; ;overflow:hidden;border-top:1pxsolid#ddd;
}
.innersidecol img
{
    margin-top: 30px;
}

/*ie png fix*/
img
{
    behavior: url(js/iepngfix.htc);
}

/* @end */

/* @group Homepage */

.servicestable
{
    margin: 0;
}

.servicestable td
{
    padding: 5px 10px;
}
td.titlecell
{
    font-size: 12px;
    text-align: right;
}
td.titlecell a:link, td.titlecell a:visited
{
    font-weight: bold;
    color: #CC0066;
    white-space: nowrap;
    border-bottom: 1px dotted #c06;
}
td.titlecell a:hover, td.titlecell a:active
{
    color: #ff0099;
    white-space: nowrap;
    border-bottom: 1px dotted #ff0099;
}
td.datacell
{
    font-size: 12px;
    color: #333;
    background: url(images/rightgrey.gif) no-repeat center left #fff;
    padding-left: 25px;
}




.homeissue
{
    margin: 10px 10px 0 10px;
    font-size: 10px;
    color: #336;
    border-bottom: 1px solid #dedede;
    padding-top: 5px;
    background: #fff;
}

.homecourse
{
    margin: 5px 10px 0 10px;
    font-size: 10px;
    color: #336;
    border-bottom: 1px solid #dedede;
    padding-top: 5px;
    background: #fff;
}




.issuetext
{
    padding: 5px 0;
}
.homeissue a:link, .homeissue a:visited
{
    display: block;
    color: #CC0066;
    font-size: 11px;
}


.homecourse a:link, .homecourse a:visited
{
    display: block;
    color: #CC0066;
    font-size: 11px;
}


.light
{
    font-weight: normal;
}

.issuegroup
{
    background: #fff;
    margin: 0 0 10px 0;
}
.clearfix
{
    clear: both;
    height: 1px;
}

.opencourses
{
    height: 250px;
    margin: 0 10px 20px 0;
    border: 1px solid #ccc;
    float: left;
    background: #fff;
    width: 100%;
    overflow: auto;
    clear: both;
}

.issuescell
{
    background: #eeeeee;
    padding: 0 10px 10px 10px;
    font-size: 11px;
    color: #336;
    border: 1px solid #dedede;
}

.issuesheader
{
    clear: left;
    padding: 15px 0 0 0 !important;
    margin: 0 0 0 10px !important;
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: -1px;
    color: #336;
    border: none;
}

.issuescell p
{
    margin: 10px 0 0 10px;
}




.ethoscell
{
    background: #fff;
    padding: 8px 20px 20px 10px;
    font-size: 11px;
    color: #336;
}

.ethosheader
{
    clear: left;
    padding: 0 0 0 0 !important;
    margin: 0 24px 20px 3px !important;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: -1px;
    color: #336;
    border: none;
    float: left;
    width: 148px;
    text-align: right;
}

.ethoscell p
{
    margin: 0 0 10px 10px;
}




.opencourses h2
{
    font-size: 14px;
    letter-spacing: 0px;
    color: #336;
    margin: 10px 0 0 10px;
}

.firstcol
{
    padding: 0;
    font-size: 10px;
    color: #669;
    width: 190px;
    border-bottom: 3px solid #669;
    border-right: 1px solid #669;
    margin: 10px 20px 0 0 !important;
}

.firstcol p
{
    margin: 0 20px 10px 0;
}

.firstcol p.pheader
{
    font-size: 14px;
    font-weight: bold;
    letter-spacing: -1px;
    color: #fff;
    background: #669;
    border: none;
    margin-top: 10px;
    text-transform: uppercase;
    margin: 0 0 10px 0;
    padding: 3px;
}

.course-pic
{
    float: right;
    margin: 0 30px 0 10px;
}



/*slideshow*/



.contentslide
{
    float: left;
    clear: both;
    width: 210px;
    background: #fff;
}

.contentslide .contentdiv
{
    display: none;
}

/*.pagination{

display:  none; 
}*/

#slider1
{
    background: #fff;
}

#slider1.contentslide
{
    height: 640px;
    overflow: hidden;
}
#slider1.contentslide .contentdiv
{
    height: 640px;
    overflow: hidden;
}




.contentdiv strong
{
    font-size: 11px;
}

a#ttg
{
    display: block;
    width: 361px;
    height: 52px;
    border: 0;
    float: right;
    margin: 60px 0 10px 10px;
    background: url(images/train-to-gain-badge.png) no-repeat;
    text-indent: -1000em;
}

#brochurebutton
{
    display: none;
    float: right;
    padding-top: 5px;
    margin-bottom: 10px;
}

/* @end */

/* @group New HP */
#splash
{
    margin: 0;
    width: 210px;
    height: 490px;
    overflow: hidden;
}

body#homepage #maincol
{
    margin: 0 0 0 0;
    width: 780px;
}

body#homepage #sidecol
{
    width: 190px;
    float: right;
    font-size: 12px; ;
}
body#homepage #sidecol strong
{
    display: block;
    text-transform: uppercase;
    margin-top: 24px;
}
#hpcentre
{
    width: 520px;
    float: right; ;font-size:13px;margin:015px025px;

}
.hpcol
{
    width: 210px;
    float: left; ;
}

.hpcourses
{
    height: 640px;
    margin: 0 0 12px 0;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    float: left;
    background: #fff;
    width: 100%;
    overflow: auto;
}

p.hpheader
{
    font-size: 22px;
    letter-spacing: -1px;
    margin: 12px 0;
}
.topborder
{
    clear: both;
    border-top: 1px solid #003;
    margin-top: 24px;
    padding-top: 18px;
}
p.hptitle
{
    font-weight: bold;
    font-size: 24px;
    letter-spacing: -1px;
    margin: 36px 0 24px 0;
    line-height: 28px;
}





body#homepage .homeissue, body#homepage .homecourse
{
    margin: 0 10px 0 10px;
    font-size: 11px;
    color: #336;
    border-bottom: 1px solid #dedede;
    padding-top: 5px;
    background: #fff;
}


body#homepage .homeissue a
{
    font-size: 12px;
}
body#homepage .sidebar
{
    padding-right: 0;
    padding-top: 24px;
}

body#homepage .pagination
{
    clear: both;
}

body#homepage #bottomcol
{
    margin-top: 0 !important;
    padding-top: 0 !important;
    clear: both;
}

#contents
{
    clear: both;
    padding-top: 18px;
    background: url(images/hpshadow.jpg) repeat-x;
}

#splash.contentslide
{
    height: 458px;
}
.whatifphoto
{
    width: 210px;
    height: 244px;
    background-position: bottom center;
    background-repeat: no-repeat;
}
.whatiftext
{
    background: url(images/whatif/background.jpg) no-repeat center top;
}
p.whatif
{
    font-size: 28px;
    line-height: 24px;
    color: #c06;
    font-weight: bold;
    font-style: italic;
    margin: 0;
    padding-top: 18px;
    letter-spacing: -1px;
}

p.trainerquote
{
    height: 130px;
    font-size: 16px;
    line-height: 24px;
    color: #c06;
    font-weight: bold;
    font-style: italic;
    margin: 12px 0 0 0;
}
p.trainername
{
    margin: 0;
    color: #669;
    font-size: 11px;
}
p.trainername strong
{
    color: #003;
    font-size: 13px;
}

#hpopenheader strong, #hptailoredheader strong
{
    font-size: 16px;
    letter-spacing: -1px;
    text-transform: uppercase;
    font-weight: bold;
}


#hpopenheader
{
    font-size: 11px;
    color: #336;
    background: #eeeeee url(images/home/wall.jpg) no-repeat bottom right;
    padding-right: 0px;
    padding-bottom: 10px;
    margin: 24px 0 0 0;
    padding: 0 0 10px 10px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
}

#hpopenheader p.wrap
{
    margin-right: 345px;
    margin-bottom: 6px !important;
    margin-top: 0 !important;
}
#hptailoredheader
{
    font-size: 11px;
    color: #336;
    background: #eeeeee url(images/home/suits.jpg) no-repeat bottom right;
    margin: 24px 0 0 0;
    padding: 0 0 10px 10px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
}
#hptailoredheader p.wrap
{
    margin-right: 220px;
    margin-bottom: 6px !important;
    margin-top: 0 !important;
}

/* 404 page styles */
#404page
{
    overflow: hidden;
    width: 100%;
    background-image: url(images/404.jpg);
    background-position: right top;
    background-repeat: no-repeat;
}

#404page h2
{
}

#404page p
{
    font-size: 16px;
}

#404page ul
{
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 16px;
}

#404page li
{
}

#404page a
{
}

#404page .pinkText
{
    color: #CC0066;
}



#bottomcol
{
    clear: both;
    margin-top: 20px;
    padding-left: 20px;
    border-bottom: 10px solid #ebebeb;
    padding-bottom: 20px;
    height: 220px;
}

.clearfix
{
    display: none;
    height: 20px;
    clear: both;
    visibility: hidden;
    margin: 0 !important;
    padding: 0 !important;
}

#feature
{
    display: none;
}

#newsflash_iframe
{
    display: none;
}
#newsflash
{
    display: none;
}

#page.double
{
    background: url(/images/page-bg-full.gif) !important;        
}

#page.double #maincolwide 
{    
    width: 970px;
    margin-left:20px;
}
#page.double .topspace 
{
    clear:both;
}