/*   Style sheet for new version of Kolapore         */
/*   Nov 14, 2007                                */


body
        {
        font-family: Trebuchet MS, Arial, Tahoma, Verdana, sans-serif;
        color: #292421;  /* ivory black */
        background-image: url(img/background.jpg);
        margin: 0;
        padding: 0;
        font-size: 12;
                }
        
a:link
        {text-decoration: underline; }
a:hover
        {text-decoration: underline; background-color: #EEE8AA; }
a:active
        {text-decoration: underline; }
a:visited
        {text-decoration: underline; }

p       {margin-top: 2px;}

p.centre {
	text-align: center; 
	}

h1      {
        font-size: 150%;
        font-weight: bold;
        color: #8A360F;
        margin-top: 5px;
        margin-bottom: 5px;
        }
        
h2      {
        font-size: 120%;
        font-weight: bold;
        color: #8A360F;
        margin-top: 5px;
        margin-bottom: 5px;
        }
        
h3      {
        font-size: 110%;
        font-weight: bold;
        color: #8A360F;
        }
img.centred	{
		display: block;
		margin-left: auto;
		margin-right: auto;
		}
        
/*  The top banner */
#banner
        {
        height: 80px;
        width: 780px;
        background-color: #9c5454; 
	background-image: url(img/topo.jpg);
	background-repeat: no-repeat;
        }
        
#leaflogo
        {
        position: absolute;
        top: 0px;
        left: 0px;
        }
        
#bannertext
        {
        position: absolute;
        top: 10px;
        left: 66px;
        }
        
/*  Zone navigation area for various activites */
#zonenav
        {
        }

#zoneicons
        {
        position: absolute;
        top: 10px;
        left: 640px;
        }
                
#breadcrumb
        {
        font-size: 65%;
        margin-left: 5px;
        width: 780px;
        margin-bottom: 5px;
        margin-top: 5px;
        }
#fullpage
        {
        margin-left: 5px;
        width: 760px;
        margin-bottom: 5px;
        margin-top: 5px;
        }
#messages
        {
        margin-left: 5px;
        width: 760px;
        margin-bottom: 5px;
        margin-top: 5px;
        }

#content
        {
        line-height: 1.4;
        margin-top: 0px;
        margin-right: 5 px;
        padding-left: 0px;
        padding-bottom: 5px;
        border-color: #C0C0C0;
        border-right: solid 1px;
        border-bottom: solid 1px;
        border-top: none;
        border-left: none;
        border-width: 1px;
        font-size: 75%;
        width: 450px;
        background-color: #f3e9e3;
        }

#frontpage1
        {
        line-height: 1.4;
        margin-top: 0px;
        margin-right: 0px;
        margin-left: 0px;
        border-color: #9c5454;
        border-width: 1px;
        border-style: dotted;
        width: 200px;
        padding-left: 5px;
        padding-right: 5px;
        }
        
#frontpage2
        {
        line-height: 1.4;
        margin-top: 0px;
        margin-right: 0px;
        margin-left: 5px;
        border-color:#9c5454;
        border-width: 1px;
        border-style: dotted;
        width: 200px;
        padding-left: 5px;
        padding-right: 5px;
        }
#textbox
        {
        line-height: 1.4;
        margin-top: 0px;
        margin-right: 0px;
        margin-left: 5px;
        border-color:#9c5454;
        border-width: 1px;
        border-style: dotted;
        width: 400px;
        padding-left: 5px;
        padding-right: 5px;
        }
#textbox3
        {
        line-height: 1.4;
        margin-top: 0px;
        margin-right: 0px;
        margin-left: 5px;
        border-color:#9c5454;
        border-width: 1px;
        border-style: dotted;
        width: 300px;
        padding-left: 5px;
        padding-right: 5px;
        }
#textbox2
        {
        line-height: 1.4;
        margin-top: 0px;
        margin-right: 0px;
        margin-left: 5px;
        border-color:#9c5454;
        border-width: 1px;
        border-style: dotted;
        width: 260px;
        padding-left: 5px;
        padding-right: 5px;
        }
#iwbox
        {
	display:block;
        line-height: 1.0;
        margin-top: 0px;
        margin-right: 0px;
        margin-left: 5px;
        border-color:#9c5454;
        border-width: 1px;
        border-style: dotted;
        width: 60px;
        padding-left: 5px;
        padding-right: 5px;
        }
        
#routeright
        {
        position: absolute;
        top: 120px;
        left: 470px;
        line-height: 1.4;
        margin-top: 0px;
        width: 300px;
        font-size: 75%;
        }
               

#sidebar1
        {
        font-size: 70%;
        padding-right: 5px;
        line-height: 1.4;
        }
        
#sidebar2
        {
        font-size: 70%;
        padding-right: 5px;
        line-height: 1.4;
        }
        
#sidebar3
        {
        font-size: 70%;
        padding-right: 5px;
        line-height: 1.4;
        }
        
#sidebar4
        {
        font-size: 70%;
        padding-right: 5px;
        line-height: 1.4;
        }
        
#advertising
        {
        margin-top: 5px;
        font-size: 70%;
        padding-right: 5px;
        padding-left: 5px;
        text-align: center;
        }
#textbox3
        {
        margin-top: 5px;
        font-size: 75%;
        padding-right: 15px;
        padding-left: 15px;
        text-align: justify;
	width: 330px;
        }
        
#utilities
        {
        margin-top: 5px;
        }
        
#footer
        {
        width: 780px;
        border-top: solid;
        border-width: 0px;
        border-color: #C0C0C0;
        font-size: 65%;
        padding-top: 5px;
        padding-left: 5px;
        }
        
#pollform
        {
        width: 100%;
        }
        
#googleads
        {
        width: 130px;
        font-size: 50%;
        }
#tablehead
        /* highlighted bar to be used in column headings */
        {
        display: block;
        width: 85%;
        background-color: #f3e9e3;
        font-size: 100%;
        font-style: italic;
        color: #795e63;
        border-top: solid 0px;
        border-right: solid 1px;
        border-bottom: solid 1px;
        border-left: solid 0px;
        border-color: #C0C0C0;
        padding-left: 2px;
        margin-bottom: 2px;
        }
        
        
        
.columnheader
        /* highlighted bar to be used in column headings */
        {
        display: block;
        width: 95%;
        background-color: #f3e9e3;
        font-size: 75%;
        font-weight: bold;
        color: #795e63;
        border-top: solid 0px;
        border-right: solid 1px;
        border-bottom: solid 1px;
        border-left: solid 0px;
        border-color: #C0C0C0;
        padding-left: 2px;
        margin-bottom: 2px;
        }
.columnsubheader
        /* highlighted bar to be used in column headings */
        {
        display: block;
        width: 95%;
        background-color: #9c5454;
        font-size: 75%;
        font-style: italic;
        color: #492020;
        border-top: solid 0px;
        border-right: solid 1px;
        border-bottom: solid 1px;
        border-left: solid 0px;
        border-color: #C0C0C0;
        padding-left: 2px;
        margin-bottom: 2px;
        }
.tableheader
        /* highlighted bar to be used in column headings */
        {
        display: block;
        width: 93%;
        background-color: #f3e9e3;
        font-size: 100%;
        font-style: italic;
        color: #795e63;
        border-top: solid 0px;
        border-right: solid 1px;
        border-bottom: solid 1px;
        border-left: solid 0px;
        border-color: #C0C0C0;
        padding-left: 2px;
        margin-bottom: 2px;
        }
        
.columnheaderlarge
        /* highlighted bar to be used in column headings */
        {
        display: block;
        width: 97%;
        background-color: #f3e9e3;
        font-size: 90%;
        font-weight: bold;
        color: #795e63;
        border-top: solid 0px;
        border-right: solid 1px;
        border-bottom: solid 1px;
        border-left: solid 0px;
        border-color: #C0C0C0;
        padding-left: 2px;
        margin-bottom: 2px;
        }
.tableheaderlarge
        /* same as columnheader but no bottom margin */
        {
        display: block;
        width: 97%;
        background-color: #f3e9e3;
        font-size: 90%;
        font-weight: bold;
        color: #795e63;
        border-top: solid 0px;
        border-right: solid 1px;
        border-bottom: solid 0px;
        border-left: solid 0px;
        border-color: #C0C0C0;
        padding-left: 2px;
        margin-bottom: -3px;
        }
        
.imgborder
        {
        border-style: solid;
        border-width: 1px;
        border-color: #999999;
        float: left;
        margin-right: 3px;
        margin-bottom: 3px;
        }
        
.imgnoborder
        {
        border-style: none;
        }
        
.imgadvertiserlogo
        {
        border-style: solid;
        border-width: 1px;
        border-color: #999999;
        float: right;
        margin-right: 15px;
        }
        
        
.formattedlist
        {
        margin-top: 5px;
        margin-left: 5px;
        padding-left: 0px;
        list-style-type: none;
        margin-bottom: 3;
        }

        
.formattedlist li
        {
        padding-bottom: 1px;
        padding-top: 1px;
        }
        
.commentlist
        {
        list-style-type: none;
        margin-left: 0px;
        margin-right: 5px;
        }
        
.commentlist li
        {
        background-color: #fffff0;
        border-style: solid;
        border-width: 1px;
        border-color: #d3d3d3;
        margin-bottom: 10px;
        padding: 5px;
        }
        
.indentedbulletlist
        {
        list-style-type: square;
        margin-top: 5px;
        margin-left: 130px;
        margin-bottom: 3;
        }
        
.flushbulletlist
        {
        list-style-type: square;
        margin-top: 5px;
        margin-left: 15px;
        margin-bottom: 3;
        }
        
.goleft
        {
        float: left;
        }
        
.indent
        {
        margin-left: 20px;
        margin-right: 10px;
        }
                
.main
        {
        align: left;
        }
                
.bannertext
        {
        color: #9c5454;
        font-size: 230%;
        font-weight: bold;
        text-align: top;
	outline-color: #FFFF00;
	outline-width: 1px;       }
        
.bannertext2
        {
        color: #f3e9e3;
        font-size: 220%;
        font-weight: bold;
        text-align: top;
        }
        
.mediumtext
        {
        font-size: 90%;
        color: #888888;
        }
        
.midtext
        {
        font-size: 75%;
        color: black;
        }
.midtext3
        {
        font-size: 100%;
        color: black;
        }
.midtextjustified
        {
        font-size: 75%;
        color: black;
	text-align: justify;
        }
.iwtext
        {
	display: block;
        font-size: 75%;
        color: black;
        }

.centretext
        {
        font-size: 75%;
        color: black;
	text-align: center;
	}
        
.smalltext
        {
        font-size: 65%;
        }
        
.textbox
        {
        margin-top: 0px;
        margin-right: 25px;
        margin-left: 25px;
        width: 300px;
        padding-left: 15px;
        padding-right: 15px;
	font-size: 75%
        }
.formattable
        {
        margin-top: 0px;
        margin-right: 0px;
        margin-left: 5px;
        border-color:#9c5454;
        border-width: 1px;
        border-style: dotted;
        width: 380px;
        padding-left: 5px;
        padding-right: 5px;
	font-size: 75%
        }
.hitstable
        {
        margin-top: 0px;
        margin-right: 0px;
        margin-left: 5px;
        border-color:#9c5454;
        border-width: 1px;
        border-style: dotted;
        width: 200px;
        padding-left: 5px;
        padding-right: 5px;
	font-size: 75%
        }
.snowtable
        {
        margin-top: 0px;
        margin-right: 0px;
        margin-left: 5px;
        border-color:#9c5454;
        border-width: 1px;
        border-style: dotted;
        width: 500px;
        padding-left: 5px;
        padding-right: 5px;
	font-size: 75%
        }
.displaytable     {
                width: 98%;
                font-size: 100%;
                }
                
.displaytable a:hover
                {
                background: clear;
                }
                
.headerrow      {
                color: #FFFFFF;
                background-color: #9c5454;
                font-size: 90%;
                }
                
.routerow
                {
                color: #FFFFFF;
                font-size: 120%;
                text-decoration: none;
                }
                
.reducedsize
                {
                font-size: 75%;
                }
                
.iconclass      {
                margin-left: 5px;
                border-top: solid 0px;
                border-left: solid 0px;
                border-right: solid 1px;
                border-bottom: solid 1px;
                border-color: #2E473B;
                }

.col1           { width: 290px;}
.col2           { width: 80px;}
.col3           { width: 80px; }

.cell650        { width: 650px; }
.cell450        { width: 450px; }
.cell300        { width: 300px; }
.cell250        { width: 250px;
                  text-align="left";
                }
.cell200        { width: 200px; }
.cell130        { width: 130px; }
.cell75         { width: 75px; }