BODY
{
  background-color:#ffffff;  
  <!--color:#000040;-->
  color:#660099
  font-size:11px;
  font-family:tahoma,arial,sans-serif;
  padding: 0 0 0 0;
  margin:10px 10px 10px 10px;
  background-image: url("http://www.kingsforthekids.org/_images/chinook-HT.jpg");
  background-position: 50% 15%;
  background-repeat: no-repeat;
}

H1, H2, H3, H4, H5
{
  font-family:tahoma,arial,sans-serif;
  font-size:12px;
  <!--color: #000040;-->
  color: #660099;
  font-weight:normal;   
  font-weight:bold;  
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}

H1 { font-size: 36px; }
H2 { font-size: 28px; }
H3 { font-size: 16px; }
H4 { font-size: 12px; }
H5 { font-size: 9px; }

P
{ 
  margin-bottom: 1.25em;
}

I
{
  color:red;
}

.txtMini 	{font-size:	8px;}
.txtSmall 	{font-size:	9px;}
.txtNormal 	{font-size:	11px;}
.txtLarge  	{font-size:	20px;}
.txtHuge	{font-size:	36px;}

.txtScript  {font-family:Monotype Corsiva,fantasy;}


input.button, input.button_OV
{
	   background-color:#CC0033;
	   color:#050;
	   filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#FFFFFF,endColorStr=#ffaaaaff);
	   font-family:'trebuchet ms',helvetica,sans-serif;
	   font-size:84%;
	   font-weight:bold;
	   border:1px solid;
	   border-top-color:#696;
	   border-left-color:#696;
	   border-right-color:#363;
	   border-bottom-color:#363;
	   margin-top:2.5px;
	   margin-bottom:2.5px;
	   margin-left:2.5px;
	   margin-right:2.5px;
}

input.button_OV
{
	   color:#FF0000;
}

input.buttonHIGHLIGHT, input.button_OVHIGHLIGHT
{
	   background-color:#CC0033;
	   color:#6600CC;
	   filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#FFFFFF,endColorStr=#CC0033);
	   font-family:'trebuchet ms',helvetica,sans-serif;
	   font-size:84%;
	   font-weight:bold;
	   border:1px solid;
	   border-top-color:#696;
	   border-left-color:#696;
	   border-right-color:#363;
	   border-bottom-color:#363;
	   margin-top:2.5px;
	   margin-bottom:2.5px;
	   margin-left:2.5px;
	   margin-right:2.5px;
}

input.button_OVHIGHLIGHT
{
	   color:#2200DD;
}

img.photo
{
	   border:2px solid;
	   border-top-color:#696;
	   border-left-color:#696;
	   border-right-color:#363;
	   border-bottom-color:#363;	
	   margin-top:2.5px;   
	   margin-bottom:2.5px;
	   margin-left:2.5px;
	   margin-right:2.5px;
}

IMG:iNavigateMenuBox
{
  height:32px;
  width:32px;
}
a:link 		{ color: #000040; }
a:visited	{ color: #000040; }
a:hover		{ color: red; }

<!-- 
a.button:link, a.button:visited
{
  border-style:outset;
  border-width:3px;
  //border-color:grey;

  background-color:#333399;
  color: white;

  font-famliy: arial;
  font-size:12px;
  font-weight:bold;
  font-variant:small-caps;
  
  padding: 10px;
  margin: 0px 5px 0px 5px;

  width:175px;
  height:38px;
  text-align:left;

}
-->

/* table settings */
TABLE
{
  border-style:single;
  border-width:3px;
  empty-cells:show;
}

TH
{
  background-color:#6600FF;
  font-family:tahoma,arial,sans-serif;
  font-size:12px;
  font-weight:bolder;
  /*color: #000040;*/
  color: #FFCC66;
  padding: 4px 4px 4px 4px;
  border: 1px solid #FFFFFF;
}

TD
{
	font-size:12px;
}

TR.oddrow
{
	background-color: #eeeeee;
}
TR.evenrow
{
	background-color: #6699CC;
}

/* table styles for stuff class */
TABLE.stuff
{
  border-style:single;
  border-width:3px;
  empty-cells:show;
}

TH.stuff
{
  background-color: transparent;
  font-family:tahoma,arial,sans-serif;
  font-size:12px;
  font-weight:bolder; 
  color: #050;  
  border-bottom: 2px solid #050;
}

TD.stuff
{
	font-size:12px;
	padding-bottom: 3px;
	border-bottom: 1px solid #CCCCCC;
}

SELECT.stuff
{
	font-size:10px;
	border: 1px solid #EEEEEE;
}

/* tabbed dialog style things*/
.tab1
{
   	border-left: thin solid #DDDDDD; 
	border-top: thin solid #DDDDDD;
	border-right: thin solid #444444;
	border-bottom: thin solid #444444;
	background-color: #AAAAAA;
	/*top right bottom left*/
	height: 95%; 
	width:19%;	
	text-align:center;
    position:absolute; 
	bottom:0; 
	left:4%; 		
}
.tab2
{
   	border-left: thin solid #DDDDDD; 
	border-top: thin solid #DDDDDD;
	border-right: thin solid #444444;
	border-bottom: thin solid #444444;
	background-color: #AAAAAA;
	/*top right bottom left*/
	height: 95%; 
	width:19%;	
	text-align:center;
    position:absolute; 
	bottom:0; 
	left:23%; 		
}
.tab3
{
   	border-left: thin solid #DDDDDD; 
	border-top: thin solid #DDDDDD;
	border-right: thin solid #444444;
	border-bottom: thin solid #444444;
	background-color: #AAAAAA;
	/*top right bottom left*/
	height: 95%; 
	width:19%;	
	text-align:center;
    position:absolute; 
	bottom:0; 
	left:42%; 		
}
.tab4
{
   	border-left: thin solid #DDDDDD; 
	border-top: thin solid #DDDDDD;
	border-right: thin solid #444444;
	border-bottom: thin solid #444444;
	background-color: #AAAAAA;
	/*top right bottom left*/
	height: 95%; 
	width:19%;	
	text-align:center;
    position:absolute; 
	bottom:0; 
	left:61%; 		
}
.tab5
{
   	border-left: thin solid #DDDDDD; 
	border-top: thin solid #DDDDDD;
	border-right: thin solid #444444;
	border-bottom: thin solid #444444;
	background-color: #AAAAAA;
	/*top right bottom left*/
	height: 95%; 
	width:19%;	
	text-align:center;
    position:absolute; 
	bottom:0; 
	left:80%; 		
}

.tabbar
{
  background-color: #666666;
  width: 100%;
  height:100%;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  
    font-family: Comic Sans MS, serif;
    font-size:70%;
    font-weight:bold;
    font-variant:small-caps;
}

.menu
{
  /*background-image:url('/_resources/backgrounds/diamond-light.jpg');*/
  background-color:#44cc88;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

.highlight
{
  color: white;
}

a.tab
{
  text-decoration: none;
}

a.tab:hover {color:white;}

input.txt
{
  border-right-style: ridge;
  border-bottom-style: ridge;
  border-top-style: none;
  border-left-style: none;
  border-color: #0000AA;
  border-width: 1px;
  background-color: #CCCCCC;

  color:#333333;  
  cursor: hand;
  margin-left: 10px ;
  margin-top:0;
  padding-top:0;
}  

INPUT.actionb
{
  border-style: groove;
  border-color: grey;
  background-color: #445566;
  color:white;  
}

a.button:hover
{
  color:white;
  background-color:white;
}


IMG.right
{
 float: right;
 margin-right:  6px;
 margin-top:	6px;
 margin-bottom:	6px;
}

IMG.left
{
 float: left;
 margin:  6px 6px 6px 6px;
 padding: 6px 6px 6px 6px;
}

.message 
{
  font-family: 			arial,sans-serif,tahoma,;
  font-style: 			normal;
  font-weight:			normal;
  font-size:			10pt;    
  color: 				#000040;
  text-align : 			left;
  background-color:		#ffffff;
  filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#ffffff); 
  background-repeat:	no-repeat;
  padding:				6px 6px 6px 6px;
}


.littlelink_rt
{
	text-align:			right;
	width:				100%;
	text-decoration:	underline;
	font-size:			10px;
	cursor: 			hand;
	display:			inline;

}

/* COLUMN LAYOUTS DEFINITIONS FOR A 2 COLUMN LAYOUT */
.column21
{
  position: absolute;
  left: 1.5%;
  width: 47%;
   height: 100%;
  margin: 3px 3px 3px 3px;
  padding: 3px 3px 3px 3px;
  border-left-style:	none; 
  border-right-style:	none; 
  border-width:		1px;
}
.column22
{
  position: absolute;
  left: 51.5%;
  width: 47%;
   height: 100%;
  margin: 3px 3px 3px 3px;
  padding: 3px 3px 3px 3px;
}

/* COLUMN LAYOUTS DEFINITIONS FOR A 3 COLUMN LAYOUT */
.column31
{
  position: absolute;
  left: 1.0%;
  width: 35%;
  height: 95%;
  margin: 0 0 0 0;
  padding: 10px 10px 10px 10px;
  border-left-style:	solid; 
  border-right-style:	solid; 
  border-width:		1px;
}
.column32
{
  position: absolute;
  left: 37%;
  width: 26%;
  height: 95%;
  margin: 0 0 0 0;
  padding: 10px 10px 10px 10px;
  border-left-style:	none; 
  border-right-style:	none; 
  border-width: 1px;
}
.column33
{
  position: absolute;
  left: 65.0%;
  width: 34%;
  height: 95%;
  margin: 0 0 0 0;
  padding: 10px 10px 10px 10px;
  border-left-style:	solid; 
  border-right-style:	solid; 
  border-width:		1px;
}
/* The 3m series of columns has a slightly bigger center column */
._column3m1
{
  position: absolute;
  left: 1.5%;
  width: 25%;
   height: 100%;
  margin: 3px 3px 3px 3px;
  padding: 3px 3px 3px 3px;
  border-left-style:	solid; 
  border-right-style:	solid; 
  border-width:		1px;
}
.column3m2
{
  position: absolute;
  left: 27.0%;
  width: 43%;
   height: 100%;
  margin: 3px 3px 3px 3px;
  padding: 3px 3px 3px 3px;
}
.column3m3
{
  position: absolute;
  left: 70.5%;
  width: 25%;
  height: 100%;
  margin: 3px 3px 3px 3px;
  padding: 3px 3px 3px 3px;
  border-left-style:	solid; 
  border-right-style:	solid; 
  border-width:		1px;
}