/* ### CONTEXTUAL NAVIGATION AND QUICK LINKS */
/* ## Contextual navigation */
#context-nav {
padding-top: 6px;
background: transparent url(imgs/context-top.gif) 0 0 no-repeat;
position: relative;
}

#context-nav .context-body {
background: #1085a9 url(imgs/context-body.gif) no-repeat;
}

#context-nav .bottom-corner {
padding-bottom: 4px;
background: transparent url(imgs/context-bot.gif) no-repeat bottom;
}

#context-nav h3, #context-nav h4 {
padding-left: 13px;
color: #FFF;
font-size: 1.1em;
text-transform: uppercase;
}

#context-nav h3 span {
color: #C18888;
display: block;
font-family:"Lucida Grande", Verdana, Arial;
font-size: 0.85em;
text-transform: none;
}

#context-nav h3 {
padding: 5px 13px 8px;
}

#context-nav a {
color: #FFF;
display: block;
text-decoration: none;
}

#context-nav a:hover {
background:#259abb;
color: #FFF;
}

#context-nav ul {
margin: 0 10px 5px 10px;
padding: 8px 9px 8px 10px;
background: #1087ab url(imgs/context-ul-bot.jpg) repeat-x center bottom;
}

#context-nav li {
padding: 4px 0;
background: url(imgs/context-li.gif) bottom repeat-x;
}

#context-nav .hide {
margin: 7px 10px 0 0;
font-size: 0.85em;
position: absolute;
top: 0;
right: 0;
text-align: right;
}

#context-nav .hide a {
padding: 0.25em;
color: #D7C3C3;
}

#page #context-nav .hide a:hover {
background: none;
text-decoration: underline;
}

#context-nav #change-select {
margin-left: 1px;
padding: 9px 8px 8px 9px;
border-top: 1px solid #330000;
background: url(/home/css/imgs/select-top.gif) repeat-x;
}

#context-nav #change-select select {
padding: 2px;
border: 1px solid #330000;
background: #6C1010;
font-family:"Lucida Grande", Verdana, Arial;
font-size: 0.95em;
color: #FFF;
}

/* Contextual Nav in Related Col (smaller width) */
#related #context-nav {
background: url(imgs/context-top-sm.gif) 0 0 no-repeat;
width: 185px;
}

#related #context-nav select {
width: 165px;
}

#related #context-nav .context-body {
background: #1d94bf url(imgs/context-body-sm.gif) no-repeat;
}

#related #context-nav .bottom-corner {
padding: 0 0 4px;
background: url(imgs/context-bot-sm.gif) 0 bottom no-repeat;
}

#related #context-nav a:hover {
text-decoration: none;
}

#related #context-nav li {
margin-bottom: 2px;
}

/* ## Quick Links */
#quick-link {
padding-top: 5px;
background: url(imgs/quicklink-top.gif) no-repeat 0 0;
position: relative;
}

#quick-link .quick-link-body {
background: transparent url(imgs/quicklink-body.gif) no-repeat; 
}

#quick-link .quick-link-corner {
padding-bottom: 6px;
background: url(imgs/quicklink-bot.gif) bottom no-repeat;
}

#quick-link h3, #quick-link h4 {
padding-left: 13px;
color: #FFF;
font-size: 1.2em;
text-transform: uppercase;
}

#quick-link h3 {
padding: 12px 13px 8px;
}

#quick-link a {
color: #FFF;
display: block;
text-decoration: none;
}

#quick-link a:hover {
background: #01573b;
text-decoration: none;
}

#quick-link ul {
margin: 0 10px 0 10px;
padding: 8px 9px 8px 10px;
background: #00472f url(imgs/quicklink-ul-bot.jpg) no-repeat 0 bottom;
}

#quick-link li {
padding: 2px 0;
background: url(imgs/quicklink-li.gif) bottom repeat-x;
}

/* Quicklinks in Related Col (smaller width) */
#related #quick-link {
background: url(imgs/quicklink-top-sm.gif) 0 0 no-repeat;
}

#related #quick-link .quick-link-corner {
background: url(imgs/quicklink-bot-sm.gif) bottom no-repeat;
}

#context-nav li.last, #context-nav li.last a, #quick-link li.last, #quick-link li.last a {
background-image: none;
}

#highlight-box{
background: #E4E4E4;
position: relative;
color: #666666;
padding: 8px 6px 8px 6px;
border: 1px solid #720000;
border-width: 1px 0 1px 5px;
}
#highlight-box img{
float:left;
margin-right:5px;
}
#highlight-box span{
font-weight:bold
}
#highlight-box a{
color:#333;
font-weight:bold;
}
#highlight-box p{
padding:0 0 0 30px;
}

/* ## myVIC and ENROL */
#staff{
padding: 8px 20px 8px 12px;
position:relative;
background: transparent url(imgs/bg-staff.jpg) repeat-x;

}

#enrol, #related #enrol, #section-nav #enrol {
padding: 8px 20px 8px 6px;
border: 1px solid #4E4120;
border-width: 1px 0 0 5px;
background: #D9D5BE;
position: relative;
}

#enrol h3 {
text-transform: none;
font-size: 1.3em;
}

#section-nav #enrol h3 {
color: #000;
}

#enrol a {
color: #666;
font-weight: bold;
}

#staff h4, #enrol h4{
font-size: 1.45em;
font-weight:normal;
color: #fff;
}

#staff p, #staff a {
	color: #fff;
}

#staff a:hover {
	text-decoration: none;
}
#enrol ,#staff{
line-height: 1.4;
font-family:"Lucida Grande", Verdana, Arial; 
}

#staff img.arrow, #enrol img.arrow {
position: absolute;
right: -9px;
bottom: 5px; 
}

#related #enrol {
padding-left: 9px;
background: #D9D5BE;
}