/*
* 2009 Corporate Web Style (WAAPA) - Global CSS
* Andrew Dunbar [ECU]
* May 2013
* 
* Modification history:
* 
* 2013-05-01  Andrew Dunbar
*             Cleared history log prior to 05/2013
* 2013-05-01  Andrew Dunbar
*             Updated some styles to be WCAG2.0 AAA compliant, mostly contrast issues.
* 2014-07-10  Mike Young
*             Added extra menu highlight and link colours for artsong and corporate training sections.
*/

/* --------------------------------------------------------------------------------------------- 
START: SKIP LINKS
--------------------------------------------------------------------------------------------- */

#skip-links {
    height: 40px;
    width: 100%;
    background: -moz-linear-gradient(top, #353739, #2a2b2c);
    background: -webkit-gradient(linear, left top, left bottom, from(#353739), to(#2a2b2c));
    -pie-background: linear-gradient(#353739, #2a2b2c); /*PIE*/
    border-bottom: 1px solid #000;
    box-shadow: 0 2px 0 2px rgba(0,0,0,0.1);
    position: absolute;
    left: -99999px;
}

#skip-links-container {
    width: 900px;
    margin: 0 auto;
    padding-top: 10px;
}

#skip-links ul {
    margin: 0;
    padding: 0;
}

#skip-links li { display: inline; }

#skip-links li a {
    float: left;
    padding-right: 2px;
    margin-right: 2px;
    text-decoration: none;
    color: #ffffff;
}

#skip-links li a:hover,
#skip-links li a:focus { text-decoration: underline; }

#skip-links li span {
    float: left;
    padding-right: 4px;
    margin-right: 4px;
    margin-left: 4px;
    color: #ffffff;
}

/* --------------------------------------------------------------------------------------------- 
END: SKIP LINKS
--------------------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------------------- 
START: HEADER
--------------------------------------------------------------------------------------------- */

#header {
    background-color: #0f0f0f;
    height: 251px;
    border-top: 1px solid #000000;
    text-align: center;
    position: relative;
    overflow: hidden;
}

#logos {
    position: relative;
}

#logos span {
    position: absolute;
    top: 10px;
}

#logos span.waapa {
    left: 0;
}

#logos span.ecu {
    right: 0;
    top: 50px;
}

#media {
    height: 251px;
    overflow: hidden;
    margin: 0 auto;
}

#portal-links {
    color: #FFFFFF;
    font-size: 0.8em;
    position: absolute;
    right: 0;
    top: 198px;
    z-index: 9999;
}

#global-nav #portal-links a {
    color: #FFFFFF;
    display: inline;
    float: none;
    font-weight: normal;
    text-decoration: underline;
}

#global-nav #portal-links ul {
    float: right;
    margin-left: 3px;
    padding: 2px 0 0;
    width: auto;
}

#global-nav #portal-links > ul {
    margin: 0;
    clear: both;
    padding: 0;
}

#global-nav #portal-links li {
    margin: 0;
    padding: 0 2px;
    width: auto;
}

#portal-links span {
    clear: both;
    float: right;
    margin-top: 7px;
}

/* --------------------------------------------------------------------------------------------- 
END: HEADER
--------------------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------------------- 
START: GLOBAL SEARCH BOX
--------------------------------------------------------------------------------------------- */

#search-site form {
    margin:0px;
    padding:0px;
    position: absolute;
    top:74px;
    left:718px;
    z-index: 9999;
}

#search-site fieldset{
    border:none;
    padding:0px;
    margin:0 8px 0 0;
    float:right;
}

span.search-input input {
    float:left;
    min-width:160px;
    /*line-height:1.55em;*/
    margin:0px;
    /*padding:1px 0px 0px 4px;*/
    padding:3px 0px 0px 4px;
    border: solid 0px #FF0000;
    color:#5E5E60;
    font-size:0.8em;
    /* start opera and safari fix min height is 20px minus padding */
    min-height:17px;
    height:auto !important;
    height:17px;
    /* end opera and safari fix min height is 20px minus padding */
}

span.search-submit input {
    /*float:left;*/
    position:absolute;
    top:0px;
    margin:0px;
    padding:0px;
    border:none;
}

/* --------------------------------------------------------------------------------------------- 
END: GLOBAL SEARCH BOX
--------------------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------------------- 
START: GLOBAL NAVIGATION
--------------------------------------------------------------------------------------------- */

#global-nav {
    background-color: #000000;
    padding: 0 0 15px 0;
    border-bottom: 1px solid #1a1a1a;
    height: 47px;
}

#global-nav .centre-content {
    position: relative;
}

#global-nav ul {
    margin: 0 0 0 10px;
    padding: 0;
    list-style: none;
    overflow: hidden;
    float: left;
    line-height: 1.3em;
    width: 850px;
}

#global-nav li {
    float: left;
    font-weight: bold;
    padding-top: 15px;
    margin-right: 30px;
}

#global-nav li.current {
    background: url('https://www.waapa.ecu.edu.au/__data/assets/image/0018/15633/global_nav_current_pointer.gif?v=0.2.1') 50% top no-repeat;
}

#global-nav a {
    color: #A0A0A0;
    text-decoration: none;
    float: left;
    display: block;
    padding: 0;
    vertical-align: middle;
}

#global-nav a:hover {
    color: #E4E4E4;
}

#global-nav a:focus {
    text-decoration: underline;    
}

/* courses and addmissions */
#global-nav a#pageid_15662 { width: 66px }

/* performance and events */
#global-nav a#pageid_19273 { width: 82px }

/* friends and sponsors */
#global-nav a#pageid_19274 { width: 59px }

/* research & creative activity */
#global-nav a#pageid_344353 { width: 100px }

/* corporate training and short courses */
#global-nav a#pageid_573593 { width: 122px; }

/* --------------------------------------------------------------------------------------------- 
END: GLOBAL NAVIGATION
--------------------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------------------- 
START: LOCAL NAVIGATION
--------------------------------------------------------------------------------------------- */

#content-left {
    float: left;
}

#nav-local {
    width: 163px;
    margin-right: 25px;
    margin-bottom: 25px;
    line-height: 1.2em;
}

.no-left-column #nav-local {
    position:absolute;
    top:-10000px;
    left:-10000px;
}

/* override search page nav being brought in from remote source */
.no-left-column #nav-local.waapa-search {
    position: static;
    top: auto;
    left: auto;
}

#nav-local ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#nav-local ul a:hover,
#nav-local ul a:focus {
    color: #D9051C;
}

#nav-local li {
    background: url('https://www.waapa.ecu.edu.au/__data/assets/image/0015/23622/dot_line_horiz.gif?v=0.1.1') left bottom repeat-x;
    margin-top: -1px;
}

#nav-local a {
    /* total width = 163px */
    display: block;
    width: 151px;
    padding: 0.9em 0 1em 0;
    text-decoration: none;
    font-weight: bold;
    color: #333333;
    padding-left: 12px;
}

/* Use jQuery to change sub arrow when there is a sub ul present for a top level ul */
#nav-local ul li a.parent-with-subs { background: url('https://www.waapa.ecu.edu.au/__data/assets/image/0013/23620/nav_has_sub_arrow_down.gif?v=0.1.1') left 50% no-repeat; }
#nav-local ul li a.hasSubs { background: url('https://www.waapa.ecu.edu.au/__data/assets/image/0014/23621/nav_has_sub_arrow.gif?v=0.1.1') 0px 50% no-repeat; }

/* news - set a link colour to match section */
#nav-local ul.menu-section-id_19375 a:hover,
#nav-local ul.menu-section-id_19375 .menu-level-2 a:hover,
#nav-local ul.menu-section-id_19375 .menu-level-2 li.current a {
    color: #3F5592; /* WCAG Colour Contrast 7.1, Was #5674C9; */
}

/* about - set a link colour to match section */
#nav-local ul.menu-section-id_19253 a:hover,
#nav-local ul.menu-section-id_19253 .menu-level-2 a:hover,
#nav-local ul.menu-section-id_19253 .menu-level-2 li.current a {
    color: #85339A; /* WCAG Colour Contrast 7.1, Was #8D35A2; */
}

/* courses & admissions - set a link colour to match section */
#nav-local ul.menu-section-id_15662 a:hover,
#nav-local ul.menu-section-id_15662 .menu-level-2 a:hover,
#nav-local ul.menu-section-id_15662 .menu-level-2 li.current a {
    color: #AE0063; /* WCAG Colour Contrast 7.1, Was #AE0063; */
}

/* performances & events, artsong - set a link colour to match section */
#nav-local ul.menu-section-id_19273 a:hover,
#nav-local ul.menu-section-id_19273 .menu-level-2 a:hover,
#nav-local ul.menu-section-id_19273 .menu-level-2 li.current a,
#nav-local ul.menu-section-id_579273 a:hover,
#nav-local ul.menu-section-id_579273 .menu-level-2 a:hover,
#nav-local ul.menu-section-id_579273 .menu-level-2 li.current a {
    color: #A91D52; /* WCAG Colour Contrast 7.1, Was #DE256B; */
}

/* friends & sponsors - set a link colour to match section */
#nav-local ul.menu-section-id_19274 a:hover,
#nav-local ul.menu-section-id_19274 .menu-level-2 a:hover,
#nav-local ul.menu-section-id_19274 .menu-level-2 li.current a {
    color: #804D0E; /* WCAG Colour Contrast 7.1, Was #e28619; */
}

/* alumni - set a link colour to match section */
#nav-local ul.menu-section-id_19275 a:hover,
#nav-local ul.menu-section-id_19275 .menu-level-2 a:hover,
#nav-local ul.menu-section-id_19275 .menu-level-2 li.current a {
    color: #9A380E; /* WCAG Colour Contrast 7.1, Was #E15314; */
}

/* research & creative activity - set a link colour to match section */
#nav-local ul.menu-section-id_344353 a:hover,
#nav-local ul.menu-section-id_344353 .menu-level-2 a:hover,
#nav-local ul.menu-section-id_344353 .menu-level-2 li.current a {
    color: #D9051C; /* WCAG Colour Contrast 7.1, Was #d9051c; */
}

/* corporate training and short courses - set a link colour to match section */
#nav-local ul.menu-section-id_573593 a:hover,
#nav-local ul.menu-section-id_573593 .menu-level-2 a:hover,
#nav-local ul.menu-section-id_573593 .menu-level-2 li.current a {
    color: #3da8de; /* WCAG Colour Contrast 7.1, Was #d9051c; */
}

/* supplemental - set a link colour to match section */
#nav-local ul.menu-section-id_15748 a:hover,
#nav-local ul.menu-section-id_15748.menu-level-2 a:hover,
#nav-local ul.menu-section-id_15748 .menu-level-2 li.current a {
    color: #B30418; /* WCAG Colour Contrast 7.1, Was #26ACE9; */
}

/* Current level-2 item - news */
#nav-local ul.menu-section-id_19375 a.current, #nav-local ul.menu-section-id_19375 a.hierarchy {
    color: #FFFFFF;
    background: #3F5592 url('https://www.waapa.ecu.edu.au/__data/assets/image/0003/23619/nav_current_white_pointer.gif?v=0.1.1') right 50% no-repeat; /* WCAG Colour Contrast 7.1, Was #5674c9; */
}

/* Current level-2 item - about */
#nav-local ul.menu-section-id_19253 li a.current, #nav-local ul.menu-section-id_19253 li a.hierarchy {
    color: #FFFFFF;
    background: #85339A url('https://www.waapa.ecu.edu.au/__data/assets/image/0003/23619/nav_current_white_pointer.gif?v=0.1.1') right 50% no-repeat; /* WCAG Colour Contrast 7.1, Was #8d35a2; */
}

/* Current level-2 item - courses & admissions */
#nav-local ul.menu-section-id_15662 li a.current, #nav-local ul.menu-section-id_15662 li a.hierarchy {
    color: #FFFFFF;
    background: #AE0063 url('https://www.waapa.ecu.edu.au/__data/assets/image/0003/23619/nav_current_white_pointer.gif?v=0.1.1') right 50% no-repeat; /* WCAG Colour Contrast 7.1, Was #c70070; */
}

/* Current level-2 item - performances & events */
#nav-local ul.menu-section-id_19273 li a.current, #nav-local ul.menu-section-id_19273 li a.hierarchy {
    color: #FFFFFF;
    background: #A91D52 url('https://www.waapa.ecu.edu.au/__data/assets/image/0003/23619/nav_current_white_pointer.gif?v=0.1.1') right 50% no-repeat; /* WCAG Colour Contrast 7.1, Was #de256b; */
}

/* Current level-2 item - artsong */
#nav-local ul.menu-section-id_579273 li a.current, #nav-local ul.menu-section-id_579273 li a.hierarchy {
    color: #FFFFFF;
    background: #A91D52 url('https://www.waapa.ecu.edu.au/__data/assets/image/0003/23619/nav_current_white_pointer.gif?v=0.1.1') right 50% no-repeat; /* WCAG Colour Contrast 7.1, Was #de256b; */
}

/* Current level-2 item - friends & sponsors */
#nav-local ul.menu-section-id_19274 li a.current, #nav-local ul.menu-section-id_19274 li a.hierarchy {
    color: #FFFFFF;
    background: #804D0E url('https://www.waapa.ecu.edu.au/__data/assets/image/0003/23619/nav_current_white_pointer.gif?v=0.1.1') right 50% no-repeat; /* WCAG Colour Contrast 7.1, Was #e28619; */
}

/* Current level-2 item - alumni */
#nav-local ul.menu-section-id_19275 li a.current, #nav-local ul.menu-section-id_19275 li a.hierarchy {
    color: #FFFFFF;
    background: #9A380E url('https://www.waapa.ecu.edu.au/__data/assets/image/0003/23619/nav_current_white_pointer.gif?v=0.1.1') right 50% no-repeat; /* WCAG Colour Contrast 7.1, Was #E15314; */
}

/* Current level-2 item - research & creative activity */
#nav-local ul.menu-section-id_344353 li a.current, #nav-local ul.menu-section-id_344353 li a.hierarchy {
    color: #FFFFFF;
    background: #D9051C url('https://www.waapa.ecu.edu.au/__data/assets/image/0003/23619/nav_current_white_pointer.gif?v=0.1.1') right 50% no-repeat;
}

/* Current level-2 item - corporate training and short courses */
#nav-local ul.menu-section-id_573593 li a.current, #nav-local ul.menu-section-id_573593 li a.hierarchy {
    color: #FFFFFF;
    background: #3da8de url('https://www.waapa.ecu.edu.au/__data/assets/image/0003/23619/nav_current_white_pointer.gif?v=0.1.1') right 50% no-repeat;
}

#nav-local .menu-level-2 {
    background: #F0F0F0;
}

#nav-local .menu-level-2 li {
    background: none;
    border-bottom: 1px solid #FFFFFF;
}

#nav-local .menu-level-2 li a.current, #nav-local .menu-level-2 li a.hierarchy {
    background: none !important;
    color: #A10046 !important; /* WCAG Colour Contrast 7.1, Was #ce0059; */
}

#nav-local .menu-level-2 li a.parent-with-subs { 
    background: url('https://www.waapa.ecu.edu.au/__data/assets/image/0014/23621/nav_has_sub_arrow.gif?v=0.1.1') 0px 50% no-repeat !important;
}
#nav-local .menu-level-2 li a.hierarchy { 
    background: url('https://www.waapa.ecu.edu.au/__data/assets/image/0013/23620/nav_has_sub_arrow_down.gif?v=0.1.1') left 50% no-repeat !important;
}

#nav-local .menu-level-2 .menu-level-3 {
    padding: 0.5em 0 0 0;
    color: #333333;
    border-bottom: none;
}

#nav-local .menu-level-3 {
    font-size: 0.9em;
    background: none !important;
}

#nav-local .menu-level-3 li {
    border: none;
}

#nav-local .menu-level-3 li a {
    color: #333333;
    padding-left: 20px;
}

/* --------------------------------------------------------------------------------------------- 
END: LOCAL NAVIGATION
--------------------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------------------- 
START: CONTENT BODY
--------------------------------------------------------------------------------------------- */

#content-main {
    width: 712px;
    padding: 0 0 50px 0;
    min-height: 460px;
    /* start IE6 min height hack */
    height: auto !important;
    height: 460px;
    /* end IE6 min height hack */
}

#content-main.left h3 a {
    padding:0;
    margin:0;
    text-align:left;
}

.no-left-column #content-main {
    width: 900px;
}

#content-with-related {
    width: 527px;
    float: left;
}

#content {
    float: left;
}

#related-content {
    float: right;
    width: 142px;
    margin-top: 2em;
    background:#efefef;
}

#related-content p {
    padding:5px 10px;
    margin:0;
}

#related-content-wrapped {
    clear: both;
    float: right;
    width: 160px;
    padding-top: 2em;
    margin-left: 20px;
}

#related-content a,
#related-content-wrapped a {
    color: #777777;
}

#related-content a:hover,
#related-content-wrapped a:hover,
#related-content a:focus,
#related-content-wrapped a:focus {
    color: #333333;
}

.centre-content {
    width: 900px;
    margin: 0 auto;
}

#breadcrumb {
    margin: 0;
    color: #595959; /* WCAG Colour Contrast 7.1, Was #666666; */
    font-size: 0.9em;
}

#breadcrumb a {
    color: #595959; /* WCAG Colour Contrast 7.1, Was #666666; */
}

#breadcrumb a:hover,
#breadcrumb a:focus {
    color: #000000;
}

#site-tools ul,
#site-tools {
    margin: 0;
    padding: 0;
    list-style: none;
    float: right;
}

#site-tools li {
    display: inline;
}

#site-tools a {
    color: #595959; /* WCAG Colour Contrast 7.1, Was #666666; */
    font-size: 0.9em;
}

#site-tools a:hover,
#site-tools a:focus {
    color: #000000;
}

#site-tools .increase-font-size {
    font-size:1.1em;
    padding-right:2px;
}

#local-nav {
    width: 163px;
    margin-right: 25px;
    margin-bottom: 25px;
    line-height: 1.2em;
}

.no-left-column #local-nav {
    position: absolute;
    top: -10000px;
    left: -10000px;
}


/* override search page nav being brought in from remote source */
.no-left-column #local-nav.waapa-search {
    position: static;
    top: auto;
    left: auto;
}

/* New content container styles for div name changes - Mike */

#content-main {
    float: left;
    width: 712px;
    padding: 0 0 50px 0;
    min-height:460px;
    /* start IE6 min height hack */
    height:auto !important;
    height:460px;
    /* end IE6 min height hack */
}

#content-main.left h3 a{
    padding:0;
    margin:0;
    text-align:left;
}

.no-left-column #content-main {
    width: 900px;
}

#container-content {
    background-color: #FFFFFF;
    width: 100%;
}

#container-content #content {
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    text-align: left;
    width: 900px;
    padding-top: 15px;
    float: none;
}

/* --------------------------------------------------------------------------------------------- 
END: CONTENT BODY
--------------------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------------  
START: FOOTER BODY
--------------------------------------------------------------------------------------------- */

#footer {
    clear: both;
    color: #999999;
    overflow: hidden;
}

#footer ul {
    margin: 0;
    padding: 0 20px 0 0;
    list-style: none;
    font-size: 0.9em;
    float: left;
    width: 205px;
}

#footer li {
    margin-bottom: 0.25em;
}

#footer a {
    text-decoration: underline;
    color: #999999;
}

#footer a:hover,
#footer a:focus {
    color: #E4E4E4;
} 

#container-footer {
    clear: both;
    color: #999999;
    overflow: hidden;
    padding: 20px 0;
    width: 100%;
    background-color: #080808;
}

#container-footer #footer {
    margin: 0 auto;
    width: 900px;
    background: none;
    padding: 0;
}

/* --------------------------------------------------------------------------------------------- 
END: FOOTER BODY
--------------------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------------------- 
START: UTILITIES
--------------------------------------------------------------------------------------------- */

.hidden, .remove-from-view {
    position: absolute;
    left: -999em;
    overflow: hidden;
    height: 1px;
}

.right {
    float: right;
}

.left {
    float: left;
}

/* --------------------------------------------------------------------------------------------- 
END: UTILITIES
--------------------------------------------------------------------------------------------- */

/* END ****************************************************************************************/