/* STYLES FOR 3-COLUMN PAGE LAYOUT: */
.header{
   width: 100%;
   left: 0%
}
.colmask{
   width: 100%;
   left: 0%
}
.colmid{ right: 20% }/*was 25 pct, offset to the left edge*/
.colleft{ right: 55% }/*was 50 pct,  pushes all content to the Left */
.col1{
   width: 60%; /*mid column, was 48 pct */
   left: 95% /*was 101 pct*/
}
.col2{ 
   width: 18%; /*L. column, was 23 pct */
   left: 16% /*was 28 pct*/
}
.col3{
   width: 18%; /*R. column, was 23 pct */
   left: 78% /*was 80 pct */
}
.footer{
   width: 100%;
   left: 0%
}
.header{
   clear: both;
   float: none;
   position: relative;
}
.colmask{ /*behind all 3 columns*/
   clear: both;
   float: left;
   overflow: hidden;
   position: relative;
   /* background-color: orange */ /*Shows in L & R columns.*/
}
.colmid{ /*behind l and middle col */
   float: left;
   width: 100%;
   position: relative;
   /*background-color: pink */ /*behind L and Mid columns.*/
}
.colleft{ /*behind left panel*/
   float: left;
   width: 100%;
   position: relative;
   /*background-color: #b4d2f7*/
}
.col1{ /* middle col */
   padding: 0px 0px 1em 0px;
   overflow: hidden;
   float: left;
   position: relative;
   /*background-color: blue*/ /*Behind middle column*/
}
.col2{ /* narrow, left panel */
   padding: 0px 0px 1em 0px;
   overflow: hidden;
   float: left;
   position: relative;
   /*background-color: #99ccff*/
}
.col3{ /* narrow, right panel */
   padding: 0px 0px 1em 0px;
   overflow: hidden;
   float: left;
   position: relative;
   /*background-color: #99ccff*/
}
.footer{
   clear: both;
   float: left;
   position: relative;
   border-top: 3px solid black;
   color: black;
   border-bottom: #000 1px solid;
   background-color: #D07D37;
}
.bottom{ /*background*/
   clear: both;
   width: 100%;
   float: left;
   position: relative;   /*was: relative */
   margin-top: 140px;
   /*   background-color: red; */  /*shows up in L & R columns */
}
body {
   border-width: 0px;
   padding: 0px;
   margin: 0px;
   font-size: 90%;
   width: 100%;
   min-width: 600px;
   background-color: #D0D037; /* overall backgrnd */
}
/* END OF PAGE LAYOUT STYLES */

/* TAB MENU STYLES: */
#banner {position: absolute;
	top: 0;
	left: 0;
	height:90px;
	width: 100%;
	padding-left: 10px;
	margin: 0;
	border-bottom: 3px solid black;
	color: black;
   	background-color: #D07D37;
	/* (header color above the tabs)*/
	z-index: 5;}		
body>#banner {position: fixed;}
.logo {
  position: fixed;
  left: 50%;
  margin-left: -200px;
}
#tabmenu {color: #000;
	/*(that color invisible)*/
	position: absolute;
	top: 93px;
	padding: 0;
	margin: 0;
	z-index: 10;
	left: 15px;}
body>#tabmenu {position: fixed;} /*Opera and Mozilla*/
	
#tabmenu li {display: inline;
	overflow: hidden;
	margin:0; 
	border: 0;
	list-style-type: none;}
		
#tabmenu a, a.active {/*text color on all tabs: #DEDECF*/
	color: #DEDECF;
	background: #2CA7A7;
	/* (color of inactive tabs) */
	font-size: 12px;
	font-weight: bold;
	border: 3px solid black;
	padding: 2px;
	margin: 0 2px;
	text-decoration: none;}
		
#tabmenu a.active {/*(color of ACTIVE tab*/
	background-color: #d07d37;
	border-top: 4px solid #D07D37; z-index: 30;
		/*(should match active tab and header above tab)*/}
		
#tabmenu a:hover {/*(inactive tab text color on hover:)*/
	color: #FFF;
	background: #ADC09F;
	/* inactive tab background color on hover */}	
		
#tabmenu a:visited {color: #E8E9BE; /* visited tab text color */}
		
#tabmenu a.active:hover {/* active tab background on hover: */
	background: #ABAD85;
	color: #D3DBCB;
	/* text color on hover */}
/* END OF TAB MENU STYLES. */

/* KILGOREAN STYLES: */
.borderedBox{
-moz-border-radius: 20px;
border-radius: 20px;
border: 2px solid #2CA7A7;
background-color: #FFFFFF;
padding: 10px;
}

p {font-family: Georgia, Century Gothic, Tahoma, Arial, Helvetica, Sans-Serif; color: #666666; }
p.left { clear: left;}
p.right { clear: right;}
p.center { text-align: center;}
table.center {margin-left:auto; margin-right: auto;}
/* END KILGOREAN */


/* LINK STYLES FOR COLUMNS BUT NOT FOR NAV BAR*/
a:link { 
	color: #2CA7A7; font-size: medium; font-weight: bolder; 
	}     /* teal link color */
a:active { color: #FFCC33; font-size: small; font-weight: normal;}
a:hover { color: #33FF99; font-size: large; font-weight: normal;}
a:visited { 
         color: #993300; /* rust */ font-size: medium; font-weight: normal 
	text-decoration:none;
        } 
a.b:link { 
	color: #2CA7A7; font-size: medium; font-weight: bolder; text-decoration:none; 
	}     /*  no underline */
a.b:visited { 
         color: #993300; /* rust */ font-size: medium; font-weight: normal;
        } 
a.c:link { 
	text-decoration:none;border:none;
	}     /*  no underline or border facebook linked icon*/
a.c:visited { 
 	text-decoration:none;border:none;
        } 
/* END OF LINK STYLES*/

/* STYLES FOR IMAGE LINKS padding on image-* was 20px*/
img{ float: none; }
.image-left{float: left; vertical-align: text-top; padding-right: 0px; border: 2px solid #C0C0C0;}
.image-right{float: right; vertical-align: text-top; padding-left: 0px; border: 2px solid #C0C0C0;}

div.wrapContainer{width:80%; float: left; border: 1px solid #C0C0C0; background-color: #FFFFCC; padding: 20px; margin: 20px; margin-left: 7%;}
div.pageInfo{width:80%; float: none; border: 1px solid #993300; background-color: #FFFFFF; padding: 20px; margin: 20px; margin-left: 7%; clear: both;}
/* END OF IMAGE STYLES*/