BODY {
	BACKGROUND: url(images/bg2.png) repeat-x;
	COLOR: #000000;
	FONT: 1.2em "Lucida Grande", "Trebuchet MS", "Tahoma", "Helvetica", "Arial", sans-serif;
	MARGIN: 0px;
	PADDING-BOTTOM: 4em;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	PADDING-TOP: 0px;
	scrollbar-base-color: #eaeaea;
	scrollbar-face-color: #eaeaea;
	scrollbar-highlight-color: #eaeaea;
	scrollbar-track-color: #F7F9FA;
	scrollbar-darkshadow-color: #F7F9FA;
	scrollbar-3dlight-color: #aeb4b7;
	scrollbar-shadow-color: #aeb4b7;
	scrollbar-arrow-color: #436976;}

h1 { color:#336633; font-size:1.80em;}
h2 { color:#003399; font-size:1.65em;}
h3 { color:#ff6600; /* 339900*/ font-size:1.50em;}
h4 { color:#cc6666; /*0066cc*/ font-size:1.40em;}
h5 { color:#0066cc; font-size:1.25em;}
h6 { color:#0066cc; font-size:1.1em; display:inline;}

h4.red { color:red; font-size:1.40em;}
h4.crimson { color:crimson; font-size:1.40em;}
h4.gary { color:gary; font-size:1.40em;}
h4.green { color:green; font-size:1.40em;}
h4.blue { color:blue; font-size:1.40em;}
h4.black { color:black; font-size:1.40em;}
h5.red { color:red; font-size:1.25em;}
h5.crimson { color:crimson; font-size:1.25em;}
h5.gary { color:gary; font-size:1.25em;}
h5.green { color:green; font-size:1.25em;}
h5.blue { color:blue; font-size:1.25em;}
h5.black { color:black; font-size:1.25em;}

FONT            {FONT-FAMILY: Verdana,Helvetica;
		 FONT-SIZE: 11px;}
		
TD              {FONT-FAMILY: Verdana,Helvetica;
		 FONT-SIZE: 0.75em;}
		
BODY            {FONT-FAMILY: Verdana,Helvetica;
		 FONT-SIZE: 11px;}
		
P               {FONT-FAMILY: Verdana,Helvetica;
		 FONT-SIZE: 11px;}
		
DIV             {FONT-FAMILY: Verdana,Helvetica;
		 FONT-SIZE: 11px;}
		
INPUT           {FONT-FAMILY: Verdana,Helvetica;
		 FONT-SIZE: 11px;}
		
TEXTAREA        {FONT-FAMILY: Verdana,Helvetica;
		 FONT-SIZE: 11px;}
		
FORM            {FONT-FAMILY: Verdana,Helvetica;
		 FONT-SIZE: 11px;}

/* Begin custom CSS by Addy Fung*/

.smallest { font-size: 0.7em;}
.smaller { font-size: 0.8em;}
.small { font-size: 0.9em;}
.normal { font-size: 1.1em;}
.big { font-size: 1.2em;}
.bigger { font-size: 1.3em;}
.biggest { font-size: 1.4em;}
.large { font-size: 1.5em; }

.red {color: red; }
.green {color: green; }
.blue {color: blue; }
.black {color: black; }
.gary {color: gary; }
.lightgrey {color: lightgrey; }
.orange {color: orange; }
.crimson {color: crimson; }

A:link          {BACKGROUND: none;
		 COLOR: #cc6666; /*3399cc /*0099cc*/
		 FONT-SIZE: 1.2em;
		 font-weight: bold;
		 FONT-FAMILY: Verdana, Helvetica;
		 TEXT-DECORATION: none;}
		
A:active        {BACKGROUND: none;
		 COLOR: red; /*#339900;*/
		 FONT-SIZE: 1.2em;
		 font-weight: bold;
		 FONT-FAMILY: Verdana, Helvetica;
		 TEXT-DECORATION: none;}
		
A:visited       {BACKGROUND: none;
		 COLOR: #666666; /*#003366;*/
		 FONT-SIZE: 1.2em;
		 font-weight: bold;
		 FONT-FAMILY: Verdana, Helvetica;
		 TEXT-DECORATION: none;}
		
A:hover         {BACKGROUND: none;
		 COLOR: #ff9900; /*#339900; */
		 FONT-SIZE: 1.2em;
		 font-weight: bold;
		 FONT-FAMILY: Verdana, Helvetica;
		 TEXT-DECORATION: underline;}

A.regular:link          {BACKGROUND: none;
		 COLOR: blue;
		 FONT-SIZE: 1em;
		 font-weight: normal;
		 FONT-FAMILY: Verdana, Helvetica;
		 TEXT-DECORATION: none;}
A.regular:active        {BACKGROUND: none;
		 COLOR: blue;
		 FONT-SIZE: 1em;
		 font-weight: normal;
		 FONT-FAMILY: Verdana, Helvetica;
		 TEXT-DECORATION: none;}
		
A.regular:visited       {BACKGROUND: none;
		 COLOR: navy; 
		 FONT-SIZE: 1em;
		 font-weight: normal;
		 FONT-FAMILY: Verdana, Helvetica;
		 TEXT-DECORATION: none;}
		
A.regular:hover         {BACKGROUND: none;
		 COLOR: red; 
		 FONT-SIZE: 1em;
		 font-weight: normal;
		 FONT-FAMILY: Verdana, Helvetica;
		 TEXT-DECORATION: underline;}

A.bigger:link   {BACKGROUND: none;
		 COLOR: #3399cc; 
		 FONT-SIZE: 1.4em;
		 FONT-FAMILY: Verdana, Helvetica;
		 TEXT-DECORATION: none;}
		
A.bigger:active {BACKGROUND: none;
		 COLOR: #339900;
		 FONT-SIZE: 1.4em;
		 FONT-FAMILY: Verdana, Helvetica;
		 TEXT-DECORATION: none;}
		
A.bigger:visited {BACKGROUND: none;
		 COLOR: #003366;
		 FONT-SIZE: 1.4em;
		 FONT-FAMILY: Verdana, Helvetica;
		 TEXT-DECORATION: none;}
		
A.bigger:hover  {BACKGROUND: none;
		 COLOR: #339900;
		 FONT-SIZE: 1.4em;
		 FONT-FAMILY: Verdana, Helvetica;
		 TEXT-DECORATION: underline;}
		 
		
.title          {BACKGROUND: none;
		 COLOR: #000000;
		 FONT-SIZE: 13px;
		 FONT-WEIGHT: bold;
		 FONT-FAMILY: Verdana, Helvetica;
		 TEXT-DECORATION: none;}
.content        {BACKGROUND: none;
		 COLOR: #000000;
		 FONT-SIZE: 11px;
		 FONT-FAMILY: Verdana, Helvetica;}


		
.storytitle     {BACKGROUND: none;
		 COLOR: #363636;
		 FONT-SIZE: 14px;
		 FONT-WEIGHT: bold;
		 FONT-FAMILY: Verdana, Helvetica;
		 TEXT-DECORATION: none;}
		
.storycat       {BACKGROUND: none;
		 COLOR: #000000;
		 FONT-SIZE: 13px;
		 FONT-WEIGHT: bold;
		 FONT-FAMILY: Verdana, Helvetica;
		 TEXT-DECORATION: underline;}

.boxtitle       {BACKGROUND: url(images/tb_light.jpg) no-repeat top left;
		 COLOR: #363636;
		 padding: 3px 8px 3px 4px;
		 FONT-SIZE: 0.8em;
		 FONT-WEIGHT: bold;
		 FONT-FAMILY: Verdana, Helvetica;
		 TEXT-DECORATION: none;}
		
.boxcontent     {BACKGROUND: none;
		 COLOR: #000000;
		 FONT-SIZE: 12px;
		 FONT-FAMILY: Verdana, Helvetica;}
		
.option         {BACKGROUND: none;
		 COLOR: #000000;
		 FONT-SIZE: 13px;
		 FONT-WEIGHT: bold;
		 FONT-FAMILY: Verdana, Helvetica;
		 TEXT-DECORATION: none;}
		
.tiny           {BACKGROUND: none;
		 COLOR: #000000;
		 FONT-SIZE: 10px;
		 FONT-WEIGHT: normal;
		 FONT-FAMILY: Verdana, Helvetica;
		 TEXT-DECORATION: none;}
		
.footmsg        {BACKGROUND: none;
		 COLOR: #999999;
		 FONT-SIZE: 9px;
		 FONT-WEIGHT: normal;
		 FONT-FAMILY: Verdana, Helvetica;
		 TEXT-DECORATION: none;}
		
.footmsg_l      {BACKGROUND: none;
		 COLOR: #999999;
		 FONT-SIZE: 9px;
		 FONT-WEIGHT: normal;
		 FONT-FAMILY: Verdana, Helvetica;
		 TEXT-DECORATION: underline;}
		
.box            {FONT-FAMILY: Verdana,Helvetica;
		 FONT-SIZE: 11px;
		 border: 1px solid #000000;
		 background-color: #ffffff;}
		
.toplink        {BACKGROUND: none;
		 COLOR: #9A9A9A;
		 FONT-SIZE: 11px;
		 FONT-FAMILY: Verdana, Helvetica;
		 TEXT-DECORATION: none;}
		
.bg-medium	{background-color : #bbbbbb;}
.bg-light 	{background-color : #e2e2e2;}
.bg-dark 	{background-color : #999999;}
.bg-white 	{background-color : white;}
.bg-black 	{background-color : black;}

.errortext 	{font-family : Arial, Helvetica, sans-serif;
                 font-size : .9em;
                 color : red;
                font-weight : bold;}
.smalltext 	{font-family : Arial, Helvetica, sans-serif;
                 font-style : normal;
		 font-variant : normal;
		 font-weight : normal;
		 font-size : .8em;}
.largetext 	{font-family : Arial, Helvetica, sans-serif;
                 font-style : normal;
                 font-variant : normal;
		 font-weight : normal;
		 font-size : 1.2em;}
.niceblue {border-collapse:collapse;}

.niceblueheader {
	margin:5px; 
	padding: 8px;
	border:1px solid #336699;
	background-color:#336699;		
	color:#FFFFFF;	
	font-size: 0.85em;	
	font-weight:bold;
}

.nicebluerow {
	margin:5px; 	
	padding: 5px;
	border:1px solid #336699;	
	background-color:#FFFFFF;	
	color:#000000;	
	font-size: 0.8em;
}

td.medium { FONT-FAMILY: Verdana,Helvetica;
	    FONT-SIZE: 1.2em;}
.bold {font-weight:bold;}
.thin {font-size:0.9em;}
.lightyellow {background-color:#FFFF99;}
.yellowgreen {background-color:yellowgreen;}
.stm th {font-size: 0.65em;}
.stm td {font-size: 0.65em;}


ul.awana  { color:#000000; font-size:1.15em; font-weight:bold;}
ul.awana  li{ color:#C85A17; font-size:1.15em; font-weight:bold;}
ul.awana >a.link{ color:#348781; font-size:1.15em; font-weight:bold;}
ul.awana >a.visited{ color:#5E767E; font-size:1.15em; font-weight:bold;}
ul.awana >a.active{ color:#D4A017; font-size:1.15em; font-weight:bold;}

table.border_bg_white {
  background-color:#FFF;
  width:100%;
  border-collapse:collapse;
}
td.border_black5 {
  background-color:#FFF;
  border:1px solid black;
  padding:5px;
}
td.border_black10 {
  background-color:#FFF;
  border:1px solid black;
  padding:10px;
}

table.black, table.red, table.blue {
  background-color:#FFF;
  border-collapse:collapse;
}

table.black td {
  background-color:#FFF;
  border:1px solid black;
  padding:2px;
}

table.red td{
  background-color:#FFF;
  border:2px solid red;
  padding:3px;
}

table.blue td {
  background-color:#FFF;
  border:2px solid blue;
  padding:3px;
}