/*--- Folio4me --*/

/* Colour Scheme
   -------------
   1st Colour bright = #E4161D : Usually red, used for live menu backgrounds, clickable text ## Plus Line1 ##
   1st Colour dull   = #69A569 : Used for Calendar weekends
   1st Colour feint  = #C5DCC5 : Used for Calendar weekends
   2nd Colour bright = #006600 : Used for rollover live menus, rollover clickable text, Large headers, current menu text ## Plus table borders and Line2 ##
   2nd Colour dull   = #69A569 : Used for current menu background, current-live menu rollover text text, calendar weekdays
   2nd Colour feint  = #C5DCC5 : Used for Calendar weekdays

*/

.mainbody {
  margin:0;
  padding:0;
  background:#FFFFFF;
  background-size: 100%;
  background-origin: content
}

/* --- Table Menu Styles --- */
td.menuover {
    font-family : Arial;
    font-size : 10pt;
    line-height: 14pt;
    font-weight : bold;
	text-decoration: none;
    background-color : #69A569;     /* 1st Colour dull */
    border: solid 0 #FFFFFF;
    border-bottom-width:1px;
    border-left-width:1px;
    border-right-width:1px;
    border-top-width:1px
    }
td.menulive {
    font-family : Arial;
    font-size : 10pt;
    line-height: 14pt;
    font-weight : bold;
	text-decoration: none;
    background-color : #E4161D;     /* 1st Colour bright */
    border: solid 0 #FFFFFF;
    border-bottom-width:1px;
    border-left-width:1px;
    border-right-width:1px;
    border-top-width:1px
    }
td.menuthis {
    font-family : Arial;
    font-size : 10pt;
    line-height: 14pt;
    font-weight : bold;
	text-decoration: none;
    background-color : #006600;     /* 2nd Colour bright */
    border: solid 0 #FFFFFF;
    border-bottom-width:1px;
    border-left-width:1px;
    border-right-width:1px;
    border-top-width:1px
    }
td.menuline {
    font-family : Arial;
    font-size : 10pt;
    line-height: 14pt;
    font-weight : bold;
	text-decoration: none;
    background-color : #FFFFFF;
    border: solid 0 #FFFFFF;
    border-bottom-width:1px;
    border-left-width:1px;
    border-right-width:1px;
    border-top-width:0px
    }
td.smenuover {
    font-family : Arial;
    font-size : 10pt;
    line-height: 14pt;
    font-weight : bold;
	text-decoration: none;
    background-color : #69A569;     /* 1st Colour dull */
    border: solid 0 #FFFFFF;
    border-bottom-width:1px;
    border-left-width:1px;
    border-right-width:1px;
    border-top-width:4px
    }
td.smenulive {
    font-family : Arial;
    font-size : 10pt;
    line-height: 14pt;
    font-weight : bold;
	text-decoration: none;
    background-color : #E4161D;     /* 1st Colour bright */
    border: solid 0 #FFFFFF;
    border-bottom-width:1px;
    border-left-width:1px;
    border-right-width:1px;
    border-top-width:4px
    }
td.smenuthis {
    font-family : Arial;
    font-size : 10pt;
    line-height: 14pt;
    font-weight : bold;
	text-decoration: none;
    background-color : #006600;     /* 2nd Colour bright */
    border: solid 0 #FFFFFF;
    border-bottom-width:1px;
    border-left-width:1px;
    border-right-width:1px;
    border-top-width:4px
    }
td.smenuline {
    font-family : Arial;
    font-size : 10pt;
    line-height: 14pt;
    font-weight : bold;
	text-decoration: none;
    background-color : #C5DCC5;
    border: solid 0 #FFFFFF;
    border-bottom-width:8px;
    border-left-width:1px;
    border-right-width:1px;
    border-top-width:0px
    }
td.menufill {
    background-color : #C5DCC5;           /* 2nd Colour feint */
}

a.a	{
    font-family : Arial;
    font-size : 9pt;
    line-height: 14pt;
    font-weight : bold;
	text-decoration: none;
	color : #FFFFFF;
	}
a.a:Visited	{
	color : #FFFFFF;
    }
a.a:Hover     {
    color : #FFFFFF;
    }
a.a:Active	{
	color : #FFFFFF;
    }

a.az {
    font-family : Arial;
    font-size : 9pt;
    line-height: 14pt;
    font-weight : bold;
	text-decoration: none;
	color : #FFFFFF;           /* 2nd Colour dull */
	}
a.az:Visited	{
	color : #FFFFFF;           /* 2nd Colour dull */
    }
a.az:Hover     {
    color : #FFFFFF;
    }
a.az:Active	{
	color : #FFFFFF;           /* 2nd Colour dull */
    }

.a	{
    font-family : Arial;
    font-size : 9pt;
    line-height: 14pt;
    font-weight : bold;
	text-decoration: none;
	color : #FFFFFF;
	}
.az	{
    font-family : Arial;
    font-size : 9pt;
    line-height: 14pt;
    font-weight : bold;
	text-decoration: none;
	color : #FFFFFF;               /* 2nd Colour feint */
	}
.ax	{
    font-family : Arial;
    font-size : 9pt;
    line-height: 14pt;
    font-weight : bold;
	text-decoration: none;
	color : #69A569;                /* 2nd Colour dull */
	}

/* --- Table Sub-Menu Styles --*/
td.submenuover {
    font-family : Arial;
    font-size : 9pt;
    line-height: 12pt;
    font-weight : normal;
	text-decoration: none;
    background-color : #006600;     /* 2nd Colour bright */
    border: solid 0 #FFFFFF;
    border-bottom-width:1px;
    border-left-width:10px;
    border-right-width:1px;
    border-top-width:0px
    }
td.submenulive {
    font-family : Arial;
    font-size : 9pt;
    line-height: 12pt;
    font-weight : normal;
	text-decoration: none;
    background-color : #E4161D;     /* 1st Colour bright */
    border: solid 0 #FFFFFF;
    border-bottom-width:1px;
    border-left-width:10px;
    border-right-width:1px;
    border-top-width:0px
    }
td.submenuthis {
    font-family : Arial;
    font-size : 9pt;
    line-height: 12pt;
    font-weight : normal;
	text-decoration: none;
    background-color : #69A569;     /* 2nd Colour dull */
    border: solid 0 #FFFFFF;
    border-bottom-width:1px;
    border-left-width:10px;
    border-right-width:1px;
    border-top-width:0px
    }
a.b	{
    font-family : Arial;
    font-size : 9pt;
    line-height: 12pt;
    font-weight : normal;
	text-decoration: none;
	color : #E4161D;         /* 1st Colour bright */
	}
a.b:Visited	{
	color : #E4161D;         /* 1st Colour bright */
    }
a.b:Hover     {
	color : #006600;           /* 2nd Colour bright */
	text-decoration: underline;
    }
a.b:Active	{
	color : #E4161D;         /* 1st Colour bright */
    }

a.bz {
    font-family : Arial;
    font-size : 9pt;
    line-height: 12pt;
    font-weight : normal;
	text-decoration: none;
	color : #69A569;           /* 2nd Colour dull */
	}
a.bz:Visited	{
	color : #FFFFFF;
    }
a.bz:Hover     {
    color : #69A569;           /* 2nd Colour dull */
    }
a.bz:Active	{
	color : #69A569;           /* 2nd Colour dull */
    }
.b	{
    font-family : Arial;
    font-size : 9pt;
    line-height: 12pt;
    font-weight : normal;
	text-decoration: none;
	color : #FFFFFF;
	}
.bz	{
    font-family : Arial;
    font-size : 9pt;
    line-height: 12pt;
    font-weight : normal;
	text-decoration: none;
	color : #006600;           /* 2nd Colour bright */
	}

/* --- folio4me copyright class --*/
a.c	{
    font-family : Arial;
    font-size : 7pt;
	text-decoration: none;
	color : #69A569;           /* 2nd Colour dull */
	}
a.c:Visited	{
	color : #69A569;           /* 2nd Colour dull */
    }
a.c:Hover     {
    color : #006600;           /* 2nd Colour bright */
    }
a.c:Active	{
	color : #69A569;           /* 2nd Colour dull */
    }
.c  {
    font-family : Arial;
    font-size : 7pt;
	text-decoration: none;
	color : #006600;           /* 2nd Colour bright */
	}

/* -- Roll-over Header--*/
a.h	{
    font-family : Arial;
    font-size : 16pt;
    line-height: 18pt;
    font-weight : normal;
	text-decoration: none;
	color : #E4161D;         /* 1st Colour bright */
	}
a.h:Visited	{
	color : #E4161D;         /* 1st Colour bright */
    }
a.h:Hover     {
    color : #006600;          /* 2nd Colour bright */
    }
a.h:Active	{
	color : #E4161D;         /* 1st Colour bright */
    }
.h	{
    font-family : Arial;
    font-size : 16pt;
    line-height: 18pt;
    font-weight : normal;
	text-decoration: none;
	color : #006600;          /* 2nd Colour bright */
}


/* -- Roll-over --*/
a.g	{
    font-family : Arial;
    font-size : 10pt;
    line-height: 14pt;
    font-weight : bold;
	text-decoration: none;
	color : #E4161D;         /* 1st Colour bright */
	}
a.g:Visited	{
	color : #E4161D;         /* 1st Colour bright */
    }
a.g:Hover     {
    color : #006600;          /* 2nd Colour bright */
	text-decoration: underline;
    }
a.g:Active	{
	color : #E4161D;         /* 1st Colour bright */
    }
.g	{
    font-family : Arial;
    font-size : 10pt;
    line-height: 14pt;
    font-weight : normal;
	text-decoration: none;
	color : #006600;          /* 2nd Colour bright */
}
.butg	{
    font-family : Arial;
    font-size : 10pt;
    line-height: 12pt;
    font-weight : bold;
	text-decoration: none;
    cursor : pointer;
    background-color : #E4161D;     /* 1st Colour bright */
	color : #FFFFFF;
}

/* -- Roll-over small--*/
a.s	{
    font-family : Arial;
    font-size : 8pt;
    line-height: 10pt;
    font-weight : normal;
	text-decoration: none;
	color : #E4161D;         /* 1st Colour bright */
	}
a.s:Visited	{
	color : #E4161D;         /* 1st Colour bright */
    }
a.s:Hover     {
    color : #006600;          /* 2nd Colour bright */
	text-decoration: underline;
    }
a.s:Active	{
	color : #E4161D;         /* 1st Colour bright */
    }
.s	{
    font-family : Arial;
    font-size : 8pt;
    line-height: 10pt;
    font-weight : normal;
	text-decoration: none;
	color : #006600;          /* 2nd Colour bright */
}

/* --- Header font --*/
h1 {
    font-family : Arial;
    font-size : 20pt;
    line-height: 22pt;
    font-weight : bold;
	text-decoration: none;
	color : #006600;           /* 2nd Colour bright */
	margin-top: 0px;	  
	margin-bottom: 0px;
	}

/* --- Small text, table body text --*/
h2 {
    font-family : Arial;
    font-size : 8pt;
    line-height: 12pt;
    font-weight : normal;
	text-decoration: none;
	color : #808080;           /* 2nd Colour bright */
	margin-top: 0px;	  
	margin-bottom: 0px;
	}
/* --- Table Header Text --*/
h3	{
    font-family : Arial;
    font-size : 10pt;
    line-height: 12pt;
    font-weight : bold;
	text-decoration: none;
	color : #FFFFFF;
	margin-top: 0px;	  
	margin-bottom: 0px;
	}

/* --- Title text --*/
a.t1	{
    font-family : Arial;
    font-size : 20pt;
    line-height: 22pt;
    font-weight : normal;
	text-decoration: none;
	color : #E4161D;         /* 1st Colour bright */
	}
a.t1:Visited	{
	color : #E4161D;         /* 1st Colour bright */
    }
a.t1:Hover     {
    color : #006600;         /* 2nd Colour bright */
	text-decoration: underline;
    }
a.t1:Active	{
	color : #E4161D;         /* 1st Colour bright */
    }

.t1	{
    font-family : Arial;
    font-size : 20pt;
    line-height: 22pt;
    font-weight : normal;
	text-decoration: none;
    color : #006600;         /* 2nd Colour bright */
	}

/* -- Normal text --*/
.n, body, p	{
    font-family : Arial;
    font-size : 10pt;
    line-height: 12pt;
    font-weight : normal;
	text-decoration: none;
	color : #000000;  
	margin-top: 0px;	  
	margin-bottom: 0px;
	}

/* --- Calendar Styles --- */
td.calover {
    font-family : Arial;
    font-size : 9pt;
    line-height: 12pt;
    font-weight : normal;
	text-decoration: none;
    background-color : #006600;     /* 2nd Colour bright */
    border: solid 0 #FFFFFF;
    border-bottom-width:1px;
    border-left-width:1px;
    border-right-width:1px;
    border-top-width:0px
    }
td.callive {
    font-family : Arial;
    font-size : 9pt;
    line-height: 12pt;
    font-weight : normal;
	text-decoration: none;
    background-color : #E4161D;     /* 1st Colour bright */
    border: solid 0 #FFFFFF;
    border-bottom-width:1px;
    border-left-width:1px;
    border-right-width:1px;
    border-top-width:0px
    }
td.calw, .calw {
    background-color : #69A569;           /* 2nd Colour dull */
	margin-left: 0px;	  
	margin-right: 0px;
	margin-top: 0px;	  
	margin-bottom: 0px;
    }
td.calwd, .calwd {
    background-color : #C5DCC5;           /* 2nd Colour feint */
	color : #000000;    
    }
.calwdx {
    background-color : #C5DCC5;           /* 2nd Colour feint */
	color : #E4161D;                      /* 1st Colour bright */
    cursor : pointer;
    }
td.cale, .cale {
    background-color : #69A569;           /* 1st Colour dull */
	margin-left: 0px;	  
	margin-right: 0px;
	margin-top: 0px;	  
	margin-bottom: 0px;
    }
td.caled, .caled {
    background-color : #C5DCC5;           /* 1st Colour feint */
	color : #000000;                
    }
.caledx {
    background-color : #C5DCC5;           /* 1st Colour feint */
	color : #E4161D;                      /* 1st Colour bright */
    cursor : pointer;
    }
.calx {
    color : #69A569;                      /* 2nd Colour dull */
    }
td.calx {
    border-color: #E4161D;                /* 1st Colour bright */
   }

/* -- Misc styles -- */
img.floatLeft { 
    float: left; 
	margin-top: 0px;	  
	margin-bottom: 0px;
	margin-left: 0px;	  
	margin-right: 4px;
}

.pwd	{
    font-family : Arial,Helvetica;
    font-size : 10pt;
    line-height: 17pt;
    font-weight : 400;
	text-decoration: none;
	color : #000000;
    border-style: solid;
    border-color: #FFFFFF;
    border-width: 0px 0px 0px 0px;
}

ul {
    font-family : Arial;
    font-size : 10pt;
    line-height: 12pt;
    font-weight : normal;
	text-decoration: none;
	color : #000000;
	margin-top: 0px;	  
	margin-bottom: 0px;
	margin-left: 4px;
	margin-right: 0px;
    padding-left:0pt;
    list-style-position: outside;
    list-style:none;
}
li{
list-style:none;
background:url(graphics/bul.gif) no-repeat 0px .15em;
padding-left:12pt;
}

/* --- Puzzle styles --*/
	#puzzle_container{
		text-align:center;
		vertical-align:center;
		border:10px outset #FFA000;
		position:relative;
		color: #FFFFFF;
		background-color: #FF6000;
	}
	
	#puzzle_container .square{
		overflow:hidden;
		border-left:1px solid #FFF;
		border-top:1px solid #FFF;
		position:absolute;
	}

	.activeImageIndicator{
		border:1px solid #FF0000;
		position:absolute;
		z-index:10000;
	}
	.revealedImage{
		position:absolute;
		left:0px;
		opacity:0;
		filter:alpha(opacity=50);
		top:0px;
		z-index:50000;
	}

.ant {
  height: 16px;
  position: absolute;
  visibility: hidden;
  width: 16px;
}

img.floatRight { 
    float: right; 
	margin-top: 0px;	  
	margin-bottom: 0px;
	margin-left: 4px;	  
	margin-right: 0px;
}

img { 
display:block; 
}