body {
	margin: 0px;
	padding: 0px;
	font-family: arial, verdana, sans-serif;
	background-color: #CCCCCC;
	
	overflow: -moz-scrollbars-vertical;
	overflow-y: scroll;
	overflow-x: auto;
}


h1 {
    font-family: CG Times, Serif; 
    font-size:   18
}

h2 {
    font-family: Arial; 
    font-size:   16px;
}

div, p, li, blockquote, h3, h4 {
    font-family: Arial; 
    color:       #252525;
    font-size:   14px;
}

a:link    { color: #0000AA;}
a:visited { color: #0000AA;}
a:active  { color: #0000AA;}
a:hover   { color: red;}

li { margin:8px; }

/* BANNER ********************************************************/
#banner {
    text-align: right; 

    width: 780px;
    padding: 5px;
    margin:  0px;
}

#banner img {
    float: left;
    margin:  0px 5px 5px 5px;
    padding: 0px;

    border: 1px solid black;

    width:  60px;
    height: 60px;
}

#banner h1 {     
    margin:  0px;
    padding: 0px;

    font-size:      40px; 
    font-style:     italic;
    letter-spacing: 0.1em; 
}

#banner h2 {     
    margin:  0px;
    padding: 0px;

    font-size:20px; 
    letter-spacing: 3px;
}

#banner h1 a, #banner h2 a    
    { text-decoration: none; color: #252525; background: none}

.time {    
    font-size:   12px;
    text-align: left;

    margin-left: 5px;
    clear: both;

    border-top:  2px solid black; 
}

/* NAVIGATION BAR ************************************************/
#navbar {
    width: 780px;
    height: 30px;
    margin:  10px 0px 10px 10px; 
}

#navbar a   
    { text-decoration: none; background: none}

#navbar img
    { border: none;}

#abouthead, #foodhead, #commhead, #privhead, #libshead, #helphead {
    margin:  0px;
    padding: 0px;
    
    float: left;
}

.top {
    margin:  0px;
    padding: 0px;
}

.menu {    
    background: #FFFFDD; 
    border: 1px solid #553;

    text-align: center; 
    vertical-align: baseline;
    width:155px 
}

.menu div { 
    border-top:    1px solid #EEEEA8; 
    border-bottom: 1px solid #EEEEA8; 

    margin:  0px;
    padding: 5px;
}

.menu div:hover {
    background: #FFFFA8;
}

.menu div a { 
    text-decoration: none; 
    margin:  0px;
    padding: 5px;
}

.menu div a:hover {
    background: none;
}


#food  { visibility: hidden; position: absolute; }
#comm  { visibility: hidden; position: absolute; }
#priv  { visibility: hidden; position: absolute; }
#libs  { visibility: hidden; position: absolute; }
#help  { visibility: hidden; position: absolute; }

/*#food  { visibility: hidden; position: absolute; left: 105px; }
#comm  { visibility: hidden; position: absolute; left: 275px; }
#priv  { visibility: hidden; position: absolute; left: 445px; }
#libs  { visibility: hidden; position: absolute; left: 590px; }
#help  { visibility: hidden; position: absolute; left: 633px; }*/


/* LEFT COLUMN ***************************************************/
#leftcol {     
    margin:  0px 10px;
    padding: 10px; 

    width: 230px; 
    float: left;

}

.colbox {
    padding: 5px 20px; 
    margin-bottom: 15px;
    background: #FFD; 

    font-family: Arial;
    font-style: bold; 
    text-align: justify;

    border: 1px solid #227;
}

#leftcol h2 {     
    color: #227; 

    text-align:center;
    
    border-top:    1px solid #888; 
    border-bottom: 1px solid #888; 

    border-color:#808080;
    padding: 8px 0px; 
}


#bulletinImg {
    border:  #ccc 1px solid; 
    width: 150px;
}

.copy { 
    text-align: center;
}

/* RIGTH COLUMN **************************************************/
#rightcol {     
    background: #FFF; 
    margin: 0px 0px 0px 270px;
    padding: 10px; 

    width: 490px; 

    border-right: 1px solid #222;

    text-align: justify;
    letter-spacing: 1px 
}

.righthead {    
    color: #D57010; 
    font-weight: 800; 
    font-size: 3.5ex; 
    letter-spacing: 0.5ex;

    border-top:    1px solid #808080; 
    border-bottom: 1px solid #808080; 

    padding-top: 1ex; 
    padding-bottom: 1ex;
    text-transform: capitalize;
    text-align:left;
}

.rightsubhead {    
    color: #D57010; 
    font-weight: 800; 
    font-size: 2.5ex;
    letter-spacing: 1px;
    text-align:left 
}

.rightsubsubhead { 
    color: #000000; 
    font-weight:800; 
    letter-spacing: 1px;
    text-align: left;
}


/* TODO **********************************************************/
.indent  { padding-left:30px }

/********************************************************
 ** Page layout
 ********************************************************/

table.pagetable {
	width: 870px;
	height: 100%;
	margin: 0px; padding: 0px;
}
table.pagetable_inner {
	height: 100%;
	width: 100%;
	margin: 0px; padding: 0px;
}
td.pagetable_left {
	background: url('http://www.foodlegal.com.au/pictures/bg2_left.jpg') repeat-y right;
	width: 28px;
	margin: 0px; padding: 0px;
}
td.pagetable_content {
	background-color: #FFFFFF;
	border-left: solid 1px #585858;
	border-right: solid 1px #585858;
	margin: 0px; padding: 0px;
}
td.pagetable_right {
	background: url('http://www.foodlegal.com.au/pictures/bg2_right.jpg') repeat-y left;
	width: 27px;	
	margin: 0px; padding: 0px;
}

div.page-content {
	float: left;
	width: 764px; /* pagetable.width - pagetable_left/right - page-content.padding_left/right */
	padding: 14px 25px 14px 25px;
	text-align: left;
	margin: 0px; padding: 0px;
}

/********************************************************
 ** Footer
 ********************************************************/

div.footer {
	overflow: hidden;
	clear: both;
	margin: 0px;
	padding: 0px;
	border-top: solid 1px #02229E;
	background-color: #3356AF;
	width: 100%;
	color: #FFFFFF;
}
td.footer {
	vertical-align: bottom;
}
ul.footer {
	margin: 0px;
	padding: 0px;
}
li.footer {
	list-style: none;
	margin: 0px;
	padding: 0px;
	display: block;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 2px 10px 2px 10px;
	border-right: solid 1px #A7CADB;
	color: #FFFFFF;
	font-size: 85%;
}
a.footer {
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
}
a:hover.footer {
	color: #FFEC19;
	text-decoration: none;
}