/*
  Running MySource Matrix
  Developed by Squiz - http://www.squiz.net
  MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 09 February 2012 13:43:28
*/


/* Sliding Box Navigation
********************************************************
********************************************************/

/*active navigation */
    
div#nav-expander {
    width: 100%;
    background: #DEDEDE;
}
div.activenav {
    margin: 0;
    height: 211px;
    margin: 0 auto;
    position: relative;
    z-index: 10;
    width: 735px;
    }
    
#bd div.activenav a.title { 
    display:block;
    font-size: 11px;
    color: #ffffff;
    padding: 56px 0 2px 5px; 
    font-weight: 200; 
}

a.activeselect {
    position: absolute;
    display: block;
    left: 100%;
    width : 365px;
    height : 15px;
    padding : 5px 0 2px 5px;
    font-weight : 200;
    font-size : 14px
}
#bd a.activeselect {
    color: #fff;
}

div.navlist {
    display: inline;
    float: left;
    font-size: 4px ;
    position: absolute;
    line-height: 150%;
    top: 15%;
    left: 5%;
    width: 40%;
    overflow: hidden;
    z-index: 0;
    }

div.navpromo ul {
    margin: 0 0 0 10%;
}
div.navlist ul {
    margin: 0 0 0 10%;
}
div.navpromo li {
    padding: 0 0 0 4px;
    line-height: 150%;
}
div.navlist li {
    padding: 0 0 0 4px;
    line-height: 150%;
}
div.navpromo {
    float: left;
    font-size: 4px;
    display: inline;
    position: absolute;
    line-height: 150%;
    top: 15%;
    left: 47%;
    width: 45%;
    overflow: hidden;
    z-index: 0;
    }

/* boxes */
div.futurestuds, div.currentstuds, div.currentstaff, div.futurestaff, div.about, div.alumni, div.research, div.variable {
    position: absolute;
    z-index: 1;
    cursor: pointer;
    overflow: hidden;
    
}

div.futurestuds {
    width: 110px;
    height: 75px;
    background: #f02233;
    border: solid 1px #f02233;
    position: absolute;
    top: 20px;
    left: 100px;
    cursor: pointer;
    z-index: 1;
    } 
    
div.currentstuds {
    width: 110px;
    height: 75px;
    background: #4f4489;
    border: solid 1px #4f4489;
    position: absolute;
    top: 20px;
    left: 235px;
    cursor: pointer;
    z-index: 1;
    } 
    
div.currentstaff {
    width: 110px;
    height: 75px;
    background: #ff9a00;
    border: solid 1px #ff9a00;
    position: absolute;
    top: 20px;
    left: 370px;
    cursor: pointer;
    z-index: 1;
    } 

div.futurestaff {
    width: 110px;
    height: 75px;
    background: #00bab9;
    border: solid 1px #00bab9;
    position: absolute;
    top: 20px;
    left: 505px;
    cursor: pointer;
    z-index: 1;
    cursor: pointer;
    } 
    
div.about {
    width: 110px;
    height: 75px;
    background: #25589d;
    border: solid 1px #25589d;
    position: absolute;
    top: 120px;
    cursor: pointer;
    z-index: 1;
    left: 100px;
    cursor: pointer;
    } 
    
div.alumni {
    width: 110px;
    height: 75px;
    background: #8cbe4f;
    border: solid 1px #8cbe4f;
    position: absolute;
    top: 120px;
    left: 235px;
    cursor: pointer;
    z-index: 1;
    cursor: pointer;
    } 
    
div.research {
    width: 110px;
    height: 75px;
    background: #8e9194;
    border: solid 1px #8e9194;
    position: absolute;
    top: 120px;
    left: 370px;
    cursor: pointer;
    cursor: pointer;
    z-index: 1;
    } 
    
div.variable {
    width: 110px;
    height: 75px;
    background: #000000;
    border: solid 1px #000000;
    position: absolute;
    top: 120px;
    left: 505px;
    cursor: pointer;
    z-index: 1;
    cursor: pointer;
    } 


/*active nav ends*/



/* Feature Boxes - News Events
********************************************************/
#bd div.news h3, 
#bd div.events h3 {
  padding: 9px 0 2px 7px;
    margin: 0 -4px;
    font-weight:bold;
    color: #ffffff;
}
#bd div.news h3 a:link,
#bd div.news h3 a:visited,
#bd div.news h3 a:active,
#bd div.events h3 a:link,
#bd div.events h3 a:visited,
#bd div.events h3 a:active {
   color: #FFF;
}

#bd div.news h3 a:hover,
#bd div.events h3 a:hover {
   color: #ededed;
   text-decoration: underline;
}
#bd div.news a:hover,
#bd div.events a:hover {
   text-decoration: none;
}

div.news, div.events {
    padding: 0 4px;
    line-height: 150%;
    font-size: 85%;
    width:205px;
}

img#life-at-uws {
    margin: 7px 10px 0pt 12px;
}

img#life-img {
    float: left;
}

#social-media-buttons {
    float: right;
    margin: 8px 4px 0 0;
    height: 32px;
}

#bd #social-media-buttons ul, #bd #social-media-buttons ul li {
    list-style:none;
    margin:0;
    padding:0;
    float: left;
}

#social-media-buttons a {
    float: left;
    width: 32px;
    height: 32px;
    text-indent: -2000em;
    overflow: hidden;
    margin-right: 10px;
}

#social-media-facebook:hover {
    background: url('http://uws.clients.squiz.net/__data/assets/image/0003/107778/fb_f2.jpg') no-repeat top left;
}

#social-media-twitter:hover {
    background: url('http://uws.clients.squiz.net/__data/assets/image/0003/107787/tw_f2.jpg') no-repeat top left;
}

#social-media-youtube:hover {
    background: url('http://uws.clients.squiz.net/__data/assets/image/0008/107792/yt_f2.jpg') no-repeat top left;
}

#social-media-facebook {
    background: url('http://uws.clients.squiz.net/__data/assets/image/0020/107813/fb.jpg') no-repeat top left;
}

#social-media-twitter {
    background: url('http://uws.clients.squiz.net/__data/assets/image/0019/107812/tw.jpg') no-repeat top left;
}

#social-media-youtube {
    background: url('http://uws.clients.squiz.net/__data/assets/image/0017/107810/yt.jpg') no-repeat top left;
}

div.news {
    font-size: 85%;
    color:#222222;
    border: 1px solid #00bab9;
    margin: 0px 0px 15px 15px;
}
    
div.news h3 {
    background: #00bab9;
}
    
a.rss_image { float: right; margin: 5px 5px 0 0 ; }
   
div.events { 
    margin: 0px 3px 15px 11px;
    border: 1px solid #8cbe4f;
}
    
div.events h3 {
    background: #8cbe4f;
}

div.life { 
    margin: 0 15px 15px 0;
    border: 1px solid #ff9a00;
}

div.life p object { float: left; }

#bd div.life div.grey-tray-container {
    margin:  0 0 0;
    padding: 15px 15px 0 15px;
    clear: both;
}
#bd div.life div.grey-tray { 
    display: block;  
    height: 88px; 
    background: #ebebeb; 
    line-height: 1.5;
    font-size: 120%;
    margin: 0 0 15px 0; 
    padding: 0px 10px 0px 0;
}
#bd div.life div.#grey-tray-2 {
    margin-bottom: 0;
}
#bd div.life div.grey-tray p { 
    display: block; 
    margin: 0 0 0 130px; 
    padding: 15px 0 0 0;
    font-size:85%;  
}   

div.news, div.events {
    height: 348px;
    overflow: hidden;
}

div.life {
    height:260px;
    width:450px;
}

div#contentWrapper dl {
    font-size:110%;
    margin: 0 0 10px 0;
}
div#contentWrapper dt {
    margin: 8px 0 0 0;
}
div#contentWrapper dd {
    margin: 0 0 0 8px;
}
/* Footer container
********************************************************/
#ft p {
  font-size: 85%;
}

/* Column containers
********************************************************
********************************************************/
/* Left Column
********************************************************/
#left-column {

    float: left;
    margin: 0 20px 0 -165px;
    color: #00689A;
}

#left-column-padding {

    height: 1%;

}

#left-column p {

    margin: 0;

}

/* Right Column
********************************************************/
#right-column {

    z-index: 1;
    position: relative;
    float: right;
    margin: 0 -20px 0 0;


}

#right-column-padding {

    position: relative;
    height: 1%;

}

#right-column p {

    margin: 0;

}

/* Containers - BringITdown
********************************************************/
.breadcrumbs, .page-head {display:none;}
#contentWrapper {padding-bottom:0;}
#page-nav { display:none; }

#content-container {

    margin: 0 20px;

}

#right-colour {
    margin-top:15px;

}

#left-colour {

    margin: 0 0 0 0;

}

#middle-colour {

    margin: 0 0 0 145px;

}

/* BodyCopy
********************************************************/
#body-copy {

    color: #333;
    padding: 0 0;
    font-size: 100%;
}


/* life button containers
*********************************************************/
.convenient_button {

    width: 218px;
    height: 29px;
    font-family: helvetica,geneva,verdana,sans;
    font-weight: bold;
    float: left; 
    margin: 0 0 15px;

}
#bd .convenient_button a {

    color: #fff;
    padding:11px 0 0 12px;
    display:block;
    font-size:90%;

}
#bd .convenient_button a:hover {

    text-decoration: underline

}
.l1 { background:#25589D; margin-right: 15px }
.r1 { background:#ff9a00 }
.l2 { background:#60599c; margin-right: 15px }
.r2 { background:#f53c3a url(http://uws.clients.squiz.net/__data/assets/image/0010/89533/tvs.jpg) no-repeat 188px 2px }