html,body{height:100%;}

ul, ol, li, h1, h2, h5, h6, pre, form, body, html, p, blockquote, fieldset, img {
    margin:0;
    padding:0;
    border: 0;
}

a {
    outline: none;
}

div#wrap {
    width: 100%;
}

/* Load carthogothic font */
@font-face {
    font-family: 'CartoGothicStdBook';
    src: url('./fonts/CartoGothicStd-Book-webfont.eot');
    src: url('./fonts/CartoGothicStd-Book-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/CartoGothicStd-Book-webfont.woff') format('woff'),
         url('./fonts/CartoGothicStd-Book-webfont.ttf') format('truetype'),
         url('./fonts/CartoGothicStd-Book-webfont.svg#CartoGothicStdBook') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CartoGothicStdBold';
    src: url('./fonts/CartoGothicStd-Bold-webfont.eot');
    src: url('./fonts/CartoGothicStd-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/CartoGothicStd-Bold-webfont.woff') format('woff'),
         url('./fonts/CartoGothicStd-Bold-webfont.ttf') format('truetype'),
         url('./fonts/CartoGothicStd-Bold-webfont.svg#CartoGothicStdBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*HEADER
***********************************************/

div#header {
    height: 90px;
    position: relative;
    z-index: 20;
    background: #000 url('../images/layout/bgHeader.png') center bottom repeat-x;
    padding: 0 30px;
}

div#header h1 {
    height: 27px;
    text-indent: -5000px;
    position: absolute;
    z-index: 11;
    top: 42px;
    left: 30px;
}

div#header h1 span.tagline {
    text-indent: 0px;
    display: block;
    font-weight: normal;
    color: #bbb;
    text-align: left;
    font-size: 15px;
    letter-spacing: 2px;
    padding-top: 0px;
    font-style: italic;
}

div#header h1 span.productTitle {
    width: 340px;
    height: 20px;
    display: block;
    font-weight: normal;
    color: #f9f9f9;
    text-align: right;
    font-size: 20px;
    padding-top: 0px;
    font-family: 'CartoGothicStdBook';
}

div#top {
    height: 25px;
    position: absolute;
    z-index: 2;
    top: 0px;
    left: 0px;
    width: 100%;
}

div#top ul.topNavList {
    height: 32px;
    color: #fff;
    padding: 0 0 0 10px;
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
}

div#top ul#topNavListLeft {
    position: absolute;
    z-index: 10;
    top: 0px;
    left: 0px;
    padding-left: 20px;
}

div#top ul#topNavListRight {
    position: absolute;
    z-index: 10;
    top: 0px;
    right: 0px;
    text-align: right;
    padding-right: 20px;
}

div#top ul.topNavList li {
    float: left;
    padding: 0 0 6px 0;
}

div#top ul.topNavList li a:link, div#top ul.topNavList li a:visited {
    color: #ddd;
    display: block;
    padding: 6px 12px 7px 12px;
}

div#top ul.topNavList li a:hover, div#top ul.topNavList li a:active {
    text-decoration: none;
    color: #fff;
}

div#top ul.topNavList li.onPath, div#top ul.topNavList li.sel {
    background:#f0f8ff;
    height:25px;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    background-image:url('../images/layout/bgTopNavArrowDown.png');
    background-position:center bottom;
    background-repeat:no-repeat;
}

div#top ul.topNavList li.onPath a , div#top ul.topNavList li.sel a{
    color: black;
    text-decoration:none;
}

div#top ul.topNavList li p {
    padding: 6px 10px 0 10px;
}

div#top ul.topNavList li p span {
    color: #f3930a;
}






div#top ul#topNavListRight {
    position: absolute;
    z-index: 10;
    top: 6px;
    right: 0px;
    text-align: right;
    padding-right: 20px;
}

div#top ul#topNavListRight li {
    padding: 0 0 6px 0;
    display:inline;
    color:#EEE;
}

div#top ul#topNavListRight li a:link, div#top ul#topNavListRight li a:visited {
    color: #999;
    display:inline;
    padding: 6px 7px 7px 7px;
    border-right:1px solid #222;
    border-left:1px solid #333;
}

div#top ul#topNavListRight li a:hover, div#top ul#topNavListRight li a:active {
    text-decoration:none;
    color: #fff;
}


/*TABBED NAVIGATION
***********************************************************/



/*** ESSENTIAL STYLES TO CREATE DROPDOWNS ***/

div#mainNav {
    height: 35px;
    position: absolute;
    z-index: 10;
    bottom: 0px;
    right: 30px;
}

*html div#mainNav {
    bottom: -3px;
}

ul#mainNavList {
    float: left;
}

ul#mainNavList li {
    float: left;
    padding: 0 0 0 0;
    margin: 0 0 0 2px;
    background: transparent url('../images/layout/bgMainNavTabRight.png') right top no-repeat;
}

ul#mainNavList li.NoChild {
    float: left;
    padding: 0 0 0 0;
    margin: 0 0 0 2px;
    background: transparent url('../images/layout/bgMainNavTabRight_NoChild.png') right top no-repeat;
}


ul#mainNavList li a:link, ul#mainNavList li a:visited {
    float: left;
    color: #fff;
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding: 11px 30px 13px 15px;
    text-decoration: none;
    background: transparent url('../images/layout/bgMainNavTabLeft.png') left top no-repeat;
}

ul#mainNavList li.NoChild a:hover, ul#mainNavList li.NoChild a:active {
    background: transparent url('../images/layout/bgMainNavTabLeftHover_NoChild.png') left top no-repeat;
}

ul#mainNavList li.NoChild:hover, ul#mainNavList li.NoChild.tabhover {
    background: transparent url('../images/layout/bgMainNavTabRightHover_NoChild.png') right top no-repeat;
}

ul#mainNavList li a:hover, ul#mainNavList li a:active {
    background: transparent url('../images/layout/bgMainNavTabLeftHover.png') left top no-repeat;
}

ul#mainNavList li:hover, ul#mainNavList li.tabhover {
    background: transparent url('../images/layout/bgMainNavTabRightHover.png') right top no-repeat;
}

div#header ul#mainNavList li#NoChild.onPath a, div#header ul#mainNavList li.NoChild.Sel a {
    color: #000;
    background: transparent url('../images/layout/bgMainNavTabLeftOnPath_NoChild.png') left top no-repeat;
}

div#header ul#mainNavList li#NoChild.onPath, div#header ul#mainNavList li.NoChild.Sel {
    background: transparent url('../images/layout/bgMainNavTabRightOnPath_NoChild.png') right top no-repeat;
}

div#header ul#mainNavList li.onPath a, div#header ul#mainNavList li.sel a {
    color: #000;
    background: transparent url('../images/layout/bgMainNavTabLeftOnPath.png') left top no-repeat;
}

div#header ul#mainNavList li.onPath, div#header ul#mainNavList li.sel {
    background: transparent url('../images/layout/bgMainNavTabRightOnPath.png') right top no-repeat;
}




/*BANNER CONTENT
***********************************************************/

div#banner {
    padding: 0 30px;
    position: relative;
    z-index: 1;
}

div#bannerTop {
    padding: 20px 0 0px 0;
    overflow: hidden;
    position: relative;
    z-index: 2;
}

div#bannerTop h3 {
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 26px;
    font-weight: normal;
    position: absolute;
    z-index: 15;
    right: 0px;
    bottom: 14px;
}



/*BIG GREY BUTTONS
************************************************/

ul#bannerBoxes {
    float: right;
    padding: 20px 20px 0 0;
}

table#dashboard ul#bannerBoxes {
    float: none;
    padding: 0px;
}

ul#bannerBoxes li {
    float: left;
    width: 230px;
    height: 60px;
    margin: 0 0 0 10px;
}

table#dashboard ul#bannerBoxes li {
    float: left;
    margin: 10px 0 0 0;
}

ul#bannerBoxes li#moduleCount {
    width:290px;
    background: transparent url('../images/layout/bgModuleCount.gif') 0px 0px no-repeat;
}

ul#bannerBoxes li#moduleCount p {
    text-align: right;
    color: #a3a8aa;
    font-size: 50px;
    font-family: Arial, Helvetica, sans-serif;
    padding: 2px 160px 0 0;
}

ul#bannerBoxes li#moduleCount p span {
    text-align: left;
    display: block;
    text-indent: -5000px;
}

ul#bannerBoxes li#programmeCount {
    width:290px;
    background: transparent url('../images/layout/bgProgrammeCount.gif') 0px 0px no-repeat;
}

ul#bannerBoxes li#programmeCount.moduleCount {
    width:290px;
    background: transparent url('../images/layout/bgModuleCount.gif') 0px 0px no-repeat;
}

ul#bannerBoxes li#programmeCount p {
    text-align: right;
    color: #a3a8aa;
    font-size: 50px;
    font-family: Arial, Helvetica, sans-serif;
    padding: 2px 160px 0 0;
}

ul#bannerBoxes li#programmeCount p span {
    text-align: left;
    display: block;
    text-indent: -5000px;
}

ul#bannerBoxes li a:link, ul#bannerBoxes li a:visited {
    width: 230px;
    height: 60px;
    display: block;
    text-indent: -5000px;
    background-color: transparent;
    background-position: 0px 0px;
    background-repeat: no-repeat;
}

ul#bannerBoxes li a:hover, ul#bannerBoxes li a:active {
    background-position: 0px -60px;
}