/* 
** CSS for cvcb 
** 25 April 07
** 06 Dec 07
** 02 Jan 08
** 14 Sep 08
** 18 Sep 08
** 28 Sep 08
** 01 Oct 08
** 15 Oct 08
** 16 Oct 08
** Fran Soddell
** fran@cajid.com
** web@cvcb.org.au
*/

em{
	font-family	: helvetica, arial, verdana, tahoma, sans-serif;
}

body{
	background-color	: #ddddbb;
	color					: #666633;
	font-family			: helvetica, arial, verdana, tahoma, sans-serif;
	margin				: 0px;
	padding				: 0px;
}

img{
	border-top-width			: 0px;
	border-left-width			: 0px;
	border-bottom-width		: 0px;
	border-right-width		: 0px;
}
p.access{
	display	: none;
}
a.access{
	display	: none;
}
#page{
	position				: absolute;
	padding				: 0px;
	margin				: 0px;
	top					: 11px;
	left					: 11px;
	width					: 800px;
	background-color	: #eeeedd;
	/*border				: 1px solid #553300;*/
	border				: 1px solid #aaaa77;
}

#header{
	z-index				: 10;
	background-color	: #cccc99;
	padding				: 5px;
}

#topNav{
	padding				: 5px;
	background-color	: #eeeedd;
}

div#content{
	color		: #553300;
	/*color		: cocoa3;*/
	float		: left;
	clear		: left;
	width		: 550px;
	padding	: 0;
	margin	: 0;
	/*False margin value for all versions of IE Win, including 6.0*/
	margin-left	: 1px;
}

html>body div#content {
	/* Correct value for browsers that don't suffer from IE Win's bugs */
	margin-left	: 2px;
	min-height	: 450px;
}

div#big_content{
	color		: #553300;
	/*color		: cocoa3;*/
	float		: left;
	clear		: left;
	width		: 750px;
	padding	: 0;
	margin	: 0;
	/*False margin value for all versions of IE Win, including 6.0*/
	margin-left	: 1px;
}

html>body div#big_content {
	/* Correct value for browsers that don't suffer from IE Win's bugs */
	margin-left	: 2px;
	min-height	: 450px;
}
#sideRight{
	float					: right;
	clear					: right;
	width					: 235px;
	min-height			: 450px;
	background-color	: #ccddaa;			
	padding				: 0px 0px 30px 0px;
	border-left			: 5px solid #ddddbb;
	border-bottom		: 4px solid #ddddbb;
	border-top			: 4px solid #ddddbb;
	border-right		: 5px solid #ddddbb;
}
#footer{
	clear					: both;
	font-size			: 10pt;
	font-weight			: bold;
	text-align			: center;
	clear					: both;
	color					: #777744;
	border-top			: 1px solid #aaaa77;
	background-color	: #cccc99;
}
h1, h2, h3, h4	{
	font-weight	: bold;
	margin		: 5px 5px 5px 5px;
	color			: #666633;
	font-family	: helvetica, arial, verdana, tahoma, sans-serif;
}
div#content h2	{
	font-size	: 18px;
	margin		: 0px 0px 0px 0px;
}

h2.above_box{
	padding-left	: 15px;
	padding-bottom	: 0px;
	margin-bottom	: 0px;
	padding-top		: 15px;
}
div#content h3	{
	font-size		: 17px;
	margin-top  	: 17px;
	margin-bottom	: 0px;
	margin-left		: 15px;
	margin-right	: 0px;
}

div#content h4	{
	font-size		: 17px;
	margin-top  	: 17px;
	margin-bottom	: 0px;
	margin-left		: 0px;
	margin-right	: 0px;
}
div.stream_off{
	position			: relative;
	margin			: 0.5em 5em 0.5em 0.2em;
	padding			: 0.5em 0.3em 1em 0.5em;
	font-family		: helvetica,arial,sans-serif;
	font-size		: 100%;
	font-weight		: bold;
	display 			: block;
	border-top		: 2px solid #cccc99;
	border-left		: 2px solid #cccc99;
	border-right	: 2px solid #cccc99;
	border-bottom	: 2px solid #cccc99;
	background-color :#eeeedd;
	text-align		: left;
}

.stream_off img{
	vertical-align	: top;
	float				: right;
	margin-right	: 15px;
	margin-bottom	: 15px;
	border-right	: 10px;
}

div.stream_button{
	position			: relative;
	margin			: 0.5em 5em 0.5em 0.2em;
	padding			: 0.3em 0.3em 0.4em 0.5em;
	font-family		: helvetica,arial,sans-serif;
	font-size		: 150%;
	font-weight		: bold;
	display 			: block;
	border-top		: 2px solid #cccc99;
	border-left		: 2px solid #cccc99;
	border-right	: 2px solid #cccc99;
	border-bottom	: 2px solid #cccc99;
	background-color :#ddddbb;
	text-align		: left;
}

.stream_button a:link,
.stream_button a:visited {
  background-color	: #eeeedd;
  color					: #666633;
  text-decoration		: none;
  border-top			: 1px solid #cecece;
  border-bottom		: 2px solid #666633;
  border-left			: 1px solid #cecece;
  border-right			: 2px solid #666633;
  padding-left			: 0.7em;
  padding-right		: 0.7em;
}
.stream_button a:hover {
  background-color: #ccddaa;
  border-bottom	: 1px solid #cccc99;
  border-top		: 2px solid #666633;
  border-right		: 1px solid #cecece;
  border-left		: 2px solid #666633;
}
.stream_button img{
	vertical-align	: top;
	float				: right;
	margin-right	: 15px;
	margin-bottom	: 15px;
	border-right	: 10px;
}

div.small_button{
	position			: relative;
	font-family		: helvetica,arial,sans-serif;
	font-size		: 100%;
	font-weight		: bold;
	margin-top		: 1em;
	margin-left		: 0.5em;
}
.small_button a:link,
.small_button a:visited {
  background-color	: #eeeedd;
  color					: #666633;
  text-decoration		: none;
  border-top			: 1px solid #cecece;
  border-bottom		: 2px solid #666633;
  border-left			: 1px solid #cecece;
  border-right			: 2px solid #666633;
  padding-right		: 1em;
  padding-left			: 0.7em;
}
.small_button a:hover {
  background-color: #ccddaa;
  border-bottom	: 1px solid #cccc99;
  border-top		: 2px solid #666633;
  border-right		: 1px solid #cecece;
  border-left		: 2px solid #666633;
}
p{
	margin		: 0px 0px 1em 0px;
	line-height	: 125%;
}
p.small{
	font-size	: 10pt;
}
p.small_center{
	font-size		: 10pt;
	padding-left	: 9em;
}
p.press{
	font-size	: 10pt;
	background-color : #aabb88;
	margin		: 0em 6em 1em 1em;
	padding-top	: 0.5em;
	padding-bottom : 0.3em;
	padding-left : 1em;
}
div.spacer{
  clear : both;
}
div.guide_spacer{
	background-color	: #ddddbb;
	padding				: 0.1em;
	margin-top			: 0.4em;
	margin-bottom 		: 0.3em;
}
.change{
	padding			: 5px 0px 0px 0px;
	font-size		: 10pt;
	margin			: 0px 11px 0px 11px;
	color				: #553300;
	border-left		: 10px solid #ddddbb;
	border-right	: 1px solid #ddddbb;
	border-top		: 1px solid #ddddbb;
	border-bottom	: 1px solid #ddddbb;
	height			: 3em;
}
.grant{
	margin			: 1px 1px 0px 1px;
	padding			: 5px;
	font-size		: 10pt;
	color				: #553300;
	/*border-left		: 10px solid #ddddbb;
	border-right	: 1px solid #ddddbb;
	border-top		: 1px solid #ddddbb;
	border-bottom	: 1px solid #ddddbb;*/
	padding-left	: 9px;
	height			: 5em;
}
.grant img{
	vertical-align	: top;
	float				: left;
	margin-right	: 15px;
	margin-bottom	: 15px;
	border-right	: 10px;
}

.guide{
	padding			: 6px 0px 12px 0px;
	font-size		: 10pt;
	margin			: 0px 11px 0px 11px;
	color				: #553300;
	border-left		: 10px solid #ddddbb;
	border-right	: 1px solid #ddddbb;
	border-top		: 1px solid #ddddbb;
	height			: 2em;
}
.big_guide{
	padding			: 6px 0px 12px 0px;
	font-size		: 10pt;
	margin			: 0px 11px 0px 11px;
	color				: #553300;
	border-left		: 10px solid #ddddbb;
	border-right	: 1px solid #ddddbb;
	border-top		: 1px solid #ddddbb;
	height			: 3em;
}
.bigger_guide{
	padding			: 6px 0px 12px 0px;
	font-size		: 10pt;
	margin			: 0px 11px 0px 11px;
	color				: #553300;
	border-left		: 10px solid #ddddbb;
	border-right	: 1px solid #ddddbb;
	border-top		: 1px solid #ddddbb;
	height			: 5.5em;
}
.even_bigger_guide{
	padding			: 6px 0px 12px 0px;
	font-size		: 10pt;
	margin			: 0px 11px 0px 11px;
	color				: #553300;
	border-left		: 10px solid #ddddbb;
	border-right	: 1px solid #ddddbb;
	border-top		: 1px solid #ddddbb;
	height			: 7em;
}
.very_big_guide{
	padding			: 6px 0px 12px 0px;
	font-size		: 10pt;
	margin			: 0px 11px 0px 11px;
	color				: #553300;
	border-left		: 10px solid #ddddbb;
	border-right	: 1px solid #ddddbb;
	border-top		: 1px solid #ddddbb;
	height			: 7.5em;
}
.timeslot{
	width 			: 9em;
	float				: left;
	text-align		: left;
	padding-left	: 0.2em;
}

.presenter{
	width 			: 10em;
	float 			: left;
	padding-right	: 0.5em;
}

.description{
	width : 19em;
	float : left;
}

.alt_timeslot{
	width : 8.2em;
	/*border-right 	: 0.2em solid #aabb88;*/
	background-color	: #ddddbb;
	float 				: left;
	height				: 2.5em;
	padding-top			: 0.2em;
	padding-left		: 0.5em;
}

.alt_presenter{
	width : 11em;
	float : left;
	background-color	: #ddddbb;
	height				: 2.5em;
	padding-top			: 0.2em;
	padding-left		: 0.5em;
}

.alt_description{
	width 				: 18em;
	float 				: left;
	background-color	: #ddddbb;
	height				: 2.5em;
	min-height			: 2.5em;
	padding-top			: 0.2em;
	padding-left		: 0.5em;
	/*border-left			: 0.2em solid #aabb88;*/
}
/* table div */
.tablediv{
	display				: table;
	width					: 500px;
	font-size			: 10pt;
	border-collapse	: separate;
}
.rowdiv  {
	display	: table-row;
	width		: auto;
}
.leftcelldiv{
	float				: left; /*fix for buggy browsers*/
	display			: table-cell;
	width				: 22%;
	clear				: left;
}
.middlecelldiv{
	float				: left; /*fix for buggy browsers*/
	display			: table-cell;
	width				: 30%;
	margin-bottom	: 10px;
	margin-right	: 5px;

}
.rightcelldiv{
	float				: left; /*fix for buggy browsers*/	
	display			: table-cell;
	width				: 45%;
	margin-bottom	: 10px;	
}

.celldiv {
	float					: left;/*fix for  buggy browsers*/
	display				: table-cell;
	width					: 50%;
	background-color	: #ccc;
}

/* centre content */
.item{
	margin			: 0px 11px 0px 11px;
	padding			: 5px;
	color				: #553300;
	border-left		: 10px solid #ddddbb;
	border-right	: 1px solid #ddddbb;
	border-top		: 1px solid #ddddbb;
	border-bottom	: 1px solid #ddddbb;
}
.last_item{
	margin			: 30px 11px 15px 11px;
	padding			: 5px;
	
}
.item p:first-letter{
	font-size	: large;
}
.volunteer{
	margin			: 0px 11px 0px 11px;
	padding			: 5px;
	color				: #553300;
	border-left		: 10px solid #ddddbb;
	border-right	: 1px solid #ddddbb;
	border-top		: 1px solid #ddddbb;
	border-bottom	: 1px solid #ddddbb;
	padding-left	: 9px;
}

.volunteer img{
	vertical-align	: top;
	float				: left;
	margin-right	: 15px;
	margin-bottom	: 15px;
	border-right	: 10px;
}
.volunteer p.second{
	margin-top : 15px;
}
.volunteer p.under_link{
	margin	: 0px 0px 15px 0px;
	padding-top	: 0px;
}
div.gap{
   clear       : both;
   padding-top : 0.2em;
}
/* navigation */
a:link, a:visited, a:hover, a:active{
	font-weight	: bold;
}
a:link{
	color					: #666633;
	font-weight			: bold;
	text-decoration	: none;
	background			: transparent;
}
a:visited{
	color					: #888855;
	font-weight			: bold;
	text-decoration	: none;
	background			: transparent;
}
a:hover{
	color					: #778855;
	background-color	: #ccddaa;
	font-weight			: bold;
	text-decoration	: none;
}
a:active{
	color					: #ddddbb;
	font-weight 		: bold; 
	text-decoration 	: none;
	background			: #778822;  
}
div.above_box{
	margin-left	: 15px;
	margin-top	: 15px;
}

#topNav{
	height				: 2em;
	margin				: 0px;
	padding				: 0px;
	padding-top			: 0.1em;
	padding-bottom		: 0.1em;
	border-bottom		: 1px solid #aaaa77;
	border-top			: 1px solid #aaaa77;
}

a.topNavLink{
	padding			: 0px 5px 0px 5px;
	color				: #ccccaa;
}
a.topNavLink:visited{
	color			: #888855;
	font-weight	: bold;
}
a.topNavLink:hover{
	color					: #888855;
	background-color	: #cccc99;
}
a.topNavLink:active{
	color					: #553300;
	background-color	: #888855;
}
	
/* sideRight links navs img */
body #sideRight h2 	{
	text-transform	: uppercase;
	letter-spacing	: 1px;
	margin-top		: 25px;
	background		: transparent;
	color				: #eeeedd;
	padding			: 2px 5px 3px 5px;
	background		: #aabb88;
	font-size		: small;
	font-weight		: normal;
}

/* Prevent gaps appearing in between */
/* navigation items for Netscape and */
/* Firefox.                          */

#sideRight img{
	display			: block;
	vertical-align	: top;
}

#sideRight dl {
	margin	: 0;
	padding	: 0;
	padding-left	: 5px;
}

#sideRight dt, #sideRight dd {
	margin-left		: 0;
	padding-left	: 0;
	line-height		: 18px;
	margin-bottom	: 2px;
	margin-top		: 3px;
}
#sideRight dt{
	color			: #778855;
	font-weight	: bold;
}

#sideRight dd {
	margin-left		: 10px;
	line-height		: 17px;
	margin-bottom	: 5px;
	font-size		: 80%;
}
#sideRight dd {
	margin-left		: 10px;
	line-height		: 17px;
	margin-bottom	: 5px;
	font-size		: 80%;
}
#sideRight a:link, #sideRight a:visited,
#sideRight a:hover, #sideRight a:active{
	font-weight	: bold;
}
#sideRight a:link{
	color			: #778855;
}
#sideRight a:visited{
	color	: #778855;
}
#sideRight a:hover{
	color					: #553300;
	background-color	: #aabb88;
}
#sideRight a:active{
	background-color	: #aabb88;
	color					: #553300;
}

#sideRight ul{
	list-style-type	: none;
	margin				: 0px;
	padding				: 0px;
	letter-spacing		: 0px;
	line-height			: 1.3em;
}
#sideRight li{
	padding-right	: 0px;
	padding-left	: 0px;
	padding-bottom	: 0px;
	padding-top		: 0px;
	margin			: 0px;
}
#sideRight ul li{
	margin-top	: 0px;
}
ul li.first{
	margin-top: 9px;
}

/* interesting and breaking news */

.interesting{
	border-left	: 10px solid #aabb88;
}

.breaking{
	/*border-left	: 10px solid #553300;*/
	border-left		: 10px solid #cccc99;
}


ul#names{
	list-style-type	: none;
	margin-left			: 0px;
	margin-bottom		: 0px;
	margin-top			: 0px;
	margin-left			: 0px;
	padding-left		: 0px;
}

.left_label{
	width					: 190px;
	float					: left;
	font-weight			: bold;
}

.left_label_nobold{
	width					: 190px;
	float					: left;
}

.name{
	font-weight			: bold;
	padding-bottom		: 0px;
	float					: left;
	color					: #666633;
}
.name_nobold{
	padding-bottom		: 0px;
	float					: left;
	color					: #666633;
}

div.row{
	clear				: both;
	width				: 315px;
	border-top		: 1px solid #ddddbb;
	border-right	: 1px solid #ddddbb;
	border-left		: 1px solid #ddddbb;
	min-height		: 20px;
}

div.row#last{
	border-top		: 3px solid #ddddbb;
	border-bottom	: 3px solid #ddddbb;
	min-height		: 20px;
	font-weight		: bold;
}

div.row span.label {
  float				: left;
  width				: 190px;
  text-align		: right;
  padding-right	: 10px;
}

div.row span.amount {
	float				: left;
	width				: 90px;
	text-align		: right;
	border-left		: 1px solid #ddddbb;
} 

div.float_left{
	float	: left;
}
div.float_left p{
	text-align	: center;
}

div.float_right{
	float	: right;
}
div.float_right p{
	text-align	: center;
}

div.container{
	border		: 1px solid #ddddbb;
	border-left : 10px solid #ddddbb;
	margin-left	: 11px;
	margin-top	: 11px;
	height		: 1000px;
	padding		: 10px 10px 10px 10px;
}