/*
   Standard KYBERNETES Style Sheet Template
   Copyright (c) Kybernetes, Melbourne 2005 - 2010
*/

/* 
	This Style Sheet is for CLTAV, go with cltav.html
*/

/* DEFAULT VALUES */


* {

	/* makes the white margin in IE6 disappear */

	margin: 0px;
	padding: 0;

}

body
{
	margin: 0;
	padding: 0;
}


a
{
  text-decoration: underline;
  color: blue;
}

span {
    color: inherit;

}



#container {
    width: 999px;
    position: relative;
    margin: -1px auto -13px auto;
    min-height: 100%;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
}


* 
{
  	border: 0;  
  	margin: 0;
  	padding: 0;
  	text-decoration: none;
  	font-family: Arial, Verdana, Geneva, Lucida, Helvetica, sans-serif;
  	color: #000000;  
  	background: none;
 }


p 
{
  padding-bottom: 0.5ex; 
  margin-bottom: 1ex; 
  font-size: 11pt; 
  line-height: 20pt;
}
 
hr
{
	display: block;
	background: #000333;   /* to make the hr line visiable in firefox */
	padding: 1px;
}
 
a:hover {text-decoration: underline} 

label.lastupdate
{
  	display: block; 
  	margin: 5px 0 0 10px;
  	color: #000033; 
  	background: none;
  	font-size: 8pt; 
}
	

/* GLOBALS SCREEN */

@media screen 
{ 

  * {font-size: 100%}

  html {height: 100%} 
  html body {height: 100%}

  #cont{position: absolute; top: 100px;	left: 160px;}
  #note{width: 160px; float: right;}
  #footer{padding: 0; width: 160px;} 
  #side_menu{padding: 0;}
}

/* HEAD */

#header 
{
  	height: 100px; 
  	Margin: 0;
	background: url('/images/cltav-header-bg.jpg');
	
}
 

#header h1
{
	display: inline;
	position: absolute;
	top: 10px;
	left: 10px;
	margin: 0;
	padding: 0px;
	z-index: 25;
	
}

@media print{  
  #header label.abn { color: black}
}
/* Begin CSS Popout Menu */

#header_nav
{
 	width: 100%;
 	height: 22px;
	font-weight: bold;
	font-size: 9pt;
	font-family: Arial;	
	position: absolute;
	top: 100px;
	left: 0px;
	border-top: 3px solid #f9920d;
	border-bottom: 3px solid #f9920d;
	background:none; /*url('/images/cltav-head-nav.gif') repeat-x;*/
	z-index: 1
}

#top_bar a
{
    display: inline;
    float: left;
    position: relative;
    top: 5px;
    left: 70%;
    margin-right: 30px;
}

#top_bar h4
{

}

#main_menu
{
	width:83.9%;
	float:left;
 	margin-left:163px;
	background:none; /*url('/images/cltav-head-nav.gif') repeat-x;*/
}

#main_menu a
{
	display: block;
	color: #6f6352; /*#f9920e;*/	
	border-left: 0.25em solid #FFF7EC;
  	border-bottom: 0.25em solid #DFBF90;
  	border-right: 0.25em solid #DFBF90;
  	border-top: 0.25em solid #FFF7EC;
	white-space:nowrap;
	margin:0;
}



#main_menu ul li a
{
	color: #6f6352;;/*#f9920e;*/	
	background: url("/images/cltav-menu.gif") repeat-x;
  	text-decoration:none;
  	text-align: center;
	text-transform:uppercase;
	padding: 1px 0 1px 0;
}


#main_menu ul
{
	list-style: none;
	float:left;
	width:16.5%;
}

#main_menu ul ul, #main_menu ul ul ul, #main_menu ul ul ul ul
{
	width:100%;
}

#main_menu li
{
	position:relative;
}

#main_menu ul ul
{
	position:absolute;
	top:auto;
	display:none;
}

#main_menu ul ul ul
{
	top:0;
	left:100%;
}


/* Begin non-anchor hover selectors */


/*  Enter the more specific element (div) selector

	on non-anchor hovers for IE5.x to comply with the

	older version of csshover.htc - V1.21.041022. It

	improves IE's performance speed to use the older

	file and this method */


div#main_menu ul li a:hover
{
	background:url('/images/cltav-menu-a.gif') repeat-x;
	margin:0;

}


div#main_menu li:hover
{
	cursor:pointer;
}


div#main_menu li:hover ul ul,
div#main_menu li li:hover ul ul,
div#main_menu li li li:hover ul ul,
div#main_menu li li li li:hover ul ul
{
	display:none;
}



div#main_menu li:hover ul,
div#main_menu li li:hover ul,
div#main_menu li li li:hover ul,
div#main_menu li li li li:hover ul
{

	display:block;
}


/* End of non-anchor hover selectors */


/* Styling for Expand */



#main_menu ul li a.activated, #main_menu ul li a.selected, #main_menu ul li a:hover
{
	font-weight:bold;
	color: #d20300;
  	border-right: 0.05em solid #ffdfb0;
  	border-left: 0.05em solid #ffdfb0;
  	border-top: 0.05em solid #ffdfb0;
  	border-bottom: 0.05em solid #ffdfb0;/*#f9920d;*/  
	background:url('/images/cltav-menu-a.gif') repeat-x;
	margin: 1px;
	padding-top: 3px;
}

#main_menu ul ul li a, 
#main_menu ul ul li a.activated, 
#main_menu ul ul li a.selected, 
#main_menu ul ul li a:active
{
	color:#6f6352;/*#f9920e;*/
	text-decoration:none;
  	font-weight: normal;
	text-transform: none;	
	padding:7px 0 7px 0;
	border-right: 0.18em solid #DFBF90;
  	border-left: 0.18em solid #ffdfb0;
  	border-top: 0.18em solid #ffdfb0;
  	border-bottom: 0.10em solid #f9920d;  
	background: #ffffff;
}

#main_menu ul li.icon
{
    display:none;
}


/* End CSS Popout Menu */


/* SIDE_MENU */

/* Begin CSS Popout Menu */


#side_menu
{
        margin-top: 25px;
  	font-family: Arial;
  	font-size:10pt;
  	width: 145px; 
  	height: auto;
  	background:#ffdfb0;
  	border-top: 3px solid #f9920d; 
  	padding: 0 15px 0 0;
	border-bottom: 1px solid #f9920d;
	z-index: 25;
}

#side_menu b
{ 
  display: inline;
  position:relative;
  top:-1.3ex;
  padding-right: 0.25em;
  margin-left: -0.9em;
  font-weight: bold;
  font-size: 90%;
 }

#side_menu a
{
	display: block;
	padding: 3px 0 3px 0;
	border-right: 0.10em solid #DFBF90;
  	border-left: 0.10em solid #ffdfb0;
  	border-top: 0.10em solid #ffdfb0;
  	border-bottom: 0.08em solid #f9920d; 
	white-space:nowrap
}

#side_menu ul li a
{
	color:#6f6352;
	background:#ffdfb0;
	text-decoration:none;

}

#side_menu ul li a:hover, #side_menu ul ul li a
{
	background:#ffffff;
}
#side_menu ul ul li a:hover
{
	background:#fdecd3;
	text-decoration:underline;
}



/* Requirement: Put the element selector name (div)
onto non anchor hover selectors to force IE5 and
5.5 to correctly apply the csshover file. */

div#side_menu li, div#side_menu li:hover
{
	position:relative;
	color:#887559;
	background:#ffffff;
	list-style-type: none;
}

div#side_menu li ul
{
	position:relative;
	left:0;
	font-size: 98%;
	width: 100%;
}

div#side_menu ul ul li a
{
	padding-left:12.5%;
	background:#ffeacc;	
}

div#side_menu ul ul ul li a 
{
	padding-left:20%;
	
	background:#fff5e6;
}

div#side_menu ul ul ul ul li a 
{
	padding-left:27.5%;	
	background:#ffffff;
}



div#side_menu ul li:hover ul
{
	display:block;
}




/* End non-anchor hover selectors */

/* Styling for Expand */


#side_menu a.activated, #side_menu a.selected, #side_menu a.activated:hover 

{
	color:#887559;
	background:#ffffff;
	font-weight: bold;
}

#side_menu ul li a.selected
{
        background:#ffc166;
	color:#000000;
}

#side_menu ul li a.activated
{

        background:#ffdfb0; 
}

#side_menu ul ul li a.activated
{

        background:#ffeacc; 
}

#side_menu ul ul ul li a.activated
{

        background:#fff5e6; 
}

#side_menu ul ul ul ul li a.activated
{

        background:#ffffff; 
}

#side_menu ul li.icon
{
    display:none;
}

#side_menu a.icon
{
    display:block;
    position:relative;
    line-height: 16px;
    left: 0;
    font-weight: normal;
    white-space:wrap;
    color::#3f3f3f;
    text-align:left;
}



#side_menu a.icon img
{
    display: none;
 
}

#forum
{
        margin: 0;
  	font-family: Arial;
  	width: 160px; 
  	height: auto;
	background:#ffdfb0;
	background: url("/images/cltav-forum.gif") repeat-x;
	border-bottom: 1px solid #f9920d;
	padding:4px 0 4px 0;
	font-size: 11px;
	font-weight: bold;
	display: block;

}

#forum a
{
    	color:#3f3f3f;
	text-decoration:none;
	display: inline;
 
}


#forum img
{
    padding: 0 5px 0 15px;
    display: inline;
}


#forum a:hover, a.activated, a.selected
{
    color:#D20300;
    font-weight: bold;
}

@media print{#side_nav {display: none}}



/* CONTENT */

#cont 
{ 
    padding: 40px 10px 20px 30px;
    width: 78.95%;
    margin:0;
    background: url("/images/cltav-cont-bg.gif") repeat;    
    z-index: 0;
    min-height: 80%;
}

#note
{ 
  	padding: 15px 10px 15px 10px;
  	margin: -15px 0 5px 0px;
  	position: relative; left: 20px;
  	background: url('/images/cltav-note-bg.gif') repeat-y;
  	/*border-top: solid 1px #f9920d;*/
  	border-left: solid 1px #f9920d;
  	border-bottom: solid 1px #f9920d;
  }




@media print { #note {border-left: solid 4px #29166f} }



#cont h1 {font-size: 14pt; margin-bottom: 1ex; line-height: 40px; text-decoration: underline;}
#cont h2 {font-size: 105%; margin-top: 1ex; margin-bottom: 2ex; line-height: 30px; font-weight:bold;}
#cont h3 {font-size: 100%; margin-left:25px; margin-top: 1.5ex; margin-bottom: 1ex; }
#cont h4 {font-size: 90%; margin-top: 1.5ex; margin-bottom: 1ex; font-weight: bold; font-style: italic; margin-left:15px;}
#cont h5 {font-size: 90%; margin-top: 1.5ex; margin-bottom: 1ex; font-weight: normal; margin-left:45px;}



* {margin:0;padding:0;} /*Override defaults for all tags. */
#cont p {padding-bottom: .65ex; font-size: 11pt; line-height: 20px; margin-bottom: 1ex;}
/*
.overall {float:left; width:75%; margin:0; clear: left;}
.imgoverall {float:left; width:auto; margin:0; clear: left;}
.col {width:38%; padding-right:5px; float:left;}
.imgcol {width:auto; padding-right:5px; float:left;}*/

#cont table p
{
    font-size: 9pt;
}

#cont table td
{
    min-width: 90px;
}

#cont table tr
{
    line-height: 30px;
}


li.ooli
{
    margin-left: 30px;
    padding: 2px 0 2px 15px;
    font-weight: normal;
    list-style-type: circle;
}

img.nav {
	border: 1px solid #3f3f3f;
	margin-bottom: 5px;
}

.panel .panel-overlay h2{
    padding: 0 0 -20px 10px;
    margin: 0 0 -25px 20px;
    color:#FFF;

}

.panel .panel-overlay p{
    padding:0 0 -20px 10px;
    margin: -20px 0 0 20px;
    color:#FFF;

}


#note h1 
{
    font-size: 90%; 
    margin-top: 1.5ex; 
    line-height:10px; 
    text-align:center; 
    text-decoration:none;
}


#note p {padding-bottom: 0.5ex; margin-bottom: 1ex; font-size: 10pt; line-height: 12pt}



/* FOOT */


#footer 
{ 
	display: block;
	position: relative;
	top:0;
	left:0;
        border-top: 0.1em solid #f9920d; 
        padding: 25px 0 220px 0;
        background: url('/images/cltav-foot-bg.gif') repeat-x;
}


#footer label
{
  	display: block; 
  	margin: 0 auto 0 10px;
  	color: #000033; 
  	background: none;
  	font-size: 8pt;
  }
#footer a{
    margin-left:0;

}

/*
#srcref{display:none;}

#srcref a{
    color:#ffdfb0;
    padding:0 20px 0 20px;
}
#srcref a:hover{
    text-decoration: underline;
} 
*/

#lastupdate
{
    display: block;
    position: relative;
    top: 15px;
}

#lastupdate p
{
    margin-left:10px;
    font-size:8pt;
    color: #000033;
    line-height:15px;
}
  

@media print {#footer {display: none}}
/*

/* treeview on sidemenu*/
.treeview, .treeview ul { 
	list-style: none;	
}

.treeview ul {
	background-color: transparent;
	margin-left: -15px;
}

.treeview .hitarea {
	/*background: url('/style/treeview-default.gif') -65px -25px no-repeat;*/
	height: 16px;
	width: 16px;
	margin-left: 0px;
	float: left;
	cursor: pointer;
	z-index: 20;
}

/* fix for IE6 */
* html .hitarea {
	display: inline;
	float:none;
}



.treeview li { 
	margin-right: -15px;
	padding: 0 0 0 15px;
}


#treecontrol { margin: 1em 0; display: none; }

/*
.treeview li { background: url('/style/treeview-default-line.gif') 0 0 no-repeat; }

.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }
*/
.treeview .expandable-hitarea{ 
    background: url('/style/plus.gif') no-repeat;
    background-position: 7px 5px;
    z-index: 30;
}
.treeview .collapsable-hitarea {
    background: url('/style/minus.gif') no-repeat;
    background-position: 7px 5px;
    z-index:30;
}

/*
.treeview li.last { background-position: -70px -25px; }

.treeview li.lastCollapsable, .treeview li.lastExpandable { background: url('/style/treeview-default.gif') -76px -4px no-repeat; }  

.treeview li.lastCollapsable { background-position: -82px -4px; }
.treeview li.lastExpandable { background-position: -32px -67px; }
*/

.treeview div.lastExpandable-hitarea 
{ 
    background: url('/style/plus.gif') no-repeat;
    background-position: 2px 5px; 
}
.treeview div.lastCollapsable-hitarea
{ 
    background: url('/style/minus.gif') no-repeat;
    background-position: 2px 5px;
}


/* END of treeview on sidemenu*/