body	{
	background: #ffffff url(/grafix/frontpage/background-grad.png) repeat-x;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	color: #000000; font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	}

a:link    {color: #004488;text-decoration: none}
a:active  {color: #ff0000;text-decoration: none}
a:visited {color: #666666;text-decoration: none}
a:hover   {color: #004488;text-decoration: underline}
#hr { margin-bottom: -4px; margin-top: -4px; }
.alignleft  { float: left; }
.alignright { float: right; }
.locurl { float: right; color: #888888}

.description {font-size: 90%;}
.breadcrumbs {font-size: 80%;}
.contact     {font-size: 80%; font-weight: bold;}
.enquiry     {font-weight: bold;}
.seealso     {font-size: 80%}
.sidemenu    {font-size: 80%}
.disclaimer  {font-size: 60%; color: #888888}
.click       {font-size: 60%; color: #888888}
.thispage    {color: #888888}

table.postit th {font-size: 80%; background-color: #ffffCC; color: #888888}
table.postit td {font-size: 80%; background-color: #ffffCC}

table.stat th {font-size: 60%; color: #888888; background-color: #ffffff}
table.stat td {font-size: 60%; background-color: #ffffff}
table.norm th, table.norm td {font-size: 80%;}

table.options th {font-size: 80%; color: #888888}
table.options td {font-size: 80%; background-color: #ffffff}

.white         {color: white; text-decoration: none}
.white:link    {color: white; text-decoration: none}
.white:visited {color: white; text-decoration: none}
.white:hover   {color: white; text-decoration: underline; background-color: #4C89A4}

.navigation         {font-size: 10pt; color: #0C4964;}
.navigation:link    {font-size: 10pt; color: #0C4964;}
.navigation:visited {font-size: 10pt; color: #0C4964;}
.navigation:hover   {font-size: 10pt; color: #0C4964; text-decoration: underline;}

.prompt         {font-weight: bold; font-size: 12pt; color: #0C4964;}
.prompt:link    {font-weight: bold; font-size: 12pt; color: #0C4964;}
.prompt:visited {font-weight: bold; font-size: 12pt; color: #0C4964;}
.prompt:hover   {font-weight: bold; font-size: 12pt; color: #0C4964; text-decoration: underline;}

table.record th {font-size: 80%; background-color: #ffffff; color: #888888; text-align: left;}
table.record td {font-size: 80%; background-color: #ffffff;}
table.record2 th {font-size: 80%; background-color: #ffffff; color: #888888; text-align: right;}
table.record2 td {font-size: 80%; background-color: #ffffff;}

.bbold {color: #0C4964; font-size: 90%}

.mmenu         {color: #0C4964;}
.mmenu:link    {color: #0C4964; text-decoration: underline;}
.mmenu:visited {color: #0C4964; text-decoration: underline;}
.mmenu:hover   {color: #0C4964; text-decoration: underline;}

.permmenu         {color: #004488; text-decoration: none; }
.permmenu:active  {color: #ff0000; text-decoration: none; }
.permmenu:visited {color: #004488; text-decoration: none; }
.permmenu:hover   {color: #004488; text-decoration: underline; }

.lwvisited         {font-size: 9pt; color: #888888;}                            
.lwvisited:link    {font-size: 9pt; color: #888888;}                            
.lwvisited:visited {font-size: 9pt; color: #888888;}                            
.lwvisited:hover   {font-size: 9pt; color: #0C4964; text-decoration: underline; }

.heading {font-weight: bold;font-size: 110%; color: #0C4964;}
.grey {color: #888888}
.red  {color: #dd0000}
.note {color: #4c89a4}
.backto {font-size: 90%;}
.small {font-size: 9pt;}
.smaller { font-size: 8pt; }
.help {font-size: 9pt; color: #888888}
.underline {text-decoration: underline}

.u {text-decoration: underline}

/* new cat page */
.clicktoseemore  { font-size: 8pt; text-align: right; font-style: italic; }
.catbreadcrumbsA { font-size: 14pt; font-weight: bold; }
.catbreadcrumbsB { font-size: 14pt; }
.catheader       { font-size: 14pt; font-weight: bold; }
.catfooter       { font-size: 8pt; }
.catpar          { font-size: 11pt; }
.catpar2         { font-size: 10pt; } 
.catpointer      { font-size: 13pt; font-style: italic; font-weight: bold; }
.catseealso      { font-size: 9pt; }

/*
    Charges popup
*/

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}


#cboxOverlay{background:#fff;}
#colorbox{outline:0;}
    #cboxContent{margin-top:32px; overflow:visible; background:#000;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:#B5B5B5; padding:1px;}
        #cboxLoadingGraphic{background:url(../../grafix/loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#fff;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}

        these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles 
        #cboxPrevious, #cboxNext, #cboxSlideshow {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(../../grafix/controls.png) no-repeat 0 0;}
        #cboxClose {border:0; padding:0; margin:0,10px; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:5px; left:774px; background:url(../../grafix/controls.png) no-repeat 0 0;}
        
        avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) 
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

      #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious:hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext:hover{background-position:-25px -25px;}   
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose:hover{background-position:-50px -25px;}
       .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}