/**-- GENERAL --**/
/* HTML code needs first line of: <?xml version="1.0" encoding="UTF-8"?> */
/*  This is valid (X)HTML and will not affect other browsers, but will have the effect of switching Internet Explorer into 'quirks' mode. */
/*  In 'quirks' mode, IE uses a faulty box model where the padding and borders are included within the height and width of the body */
/*--- IE cannot interpret position:fixed ---*/

/* The following rules give an html & body size of 100% x 100% with no scroll bars */
/* since the body size is set to 100% high (by 100% wide) (whole browser window), position:absolute will have the same effect as position:fixed; */
/* a header and footer (or any element) can be placed using position:absolute */
/* The header and footer will stay fixed because the body cannot scroll. */

/* works in Firefox; 2nd level menu items are separated in IE /*


html {
height:100%; 		/* fix height to 100% for IE */
max-height:100%; 	/* fix height to height of window for other browsers */
padding:0; 		/*remove padding */
margin:0; 		/* remove margins */
border:0; 		/* remove borders */		
background:#fff; 
font-size:90%; 
font-family:georgia, palatino linotype, times new roman, serif;
/* hide overflow:hidden from IE5/Mac  */ 
/* \*/ 
overflow: hidden; 	/*get rid of scroll bars in IE */
/* */ 
}


/* Color Scheme: Hue 50  Sat 70  Lum 32 Hue angle 45 */


body {height:100%; max-height:100%; overflow:hidden; padding:0; margin:0; border:0;}	/* same as html rules */

/*-----Header Stuff------*/
 
#translucent1 {		 
		position: absolute;
		top:0;left:0; 
		height: 148px;     	/* to match DIVs size          */ 
		width: 100%; 
   		background: #f00 url(../images/cornfieldtile.jpg) repeat;  /* the background */ 
		z-index: 3; 
} 


#opaquetext {				/* If within DIV with opacity, will inherit parent opacity */ 
	        			/* so need separate dIV layer   */ 
   background-color: transparent;   /* transparent background      */ 
   
	font-family:Georgia, Times, serif; 
	position: absolute;
	font-weight: bold; 									/* header text */
												color:	#2e2708;
	width: 100%;
	margin:auto;	/*center this div in Mozilla*/	
	font-size: 1em;
	height: 2em;
	text-align: center;
	line-height:120px;
	vertical-align: center;
	z-index: 5;                      /* over the other DIVs */ 
} 


#bannerword1	{position: relative;	left: -3.7em; top: 0.4em;} 
#bannerword2	{position: relative;	left:  0.0em; top: 0.5em;} 
#bannerword3	{position: relative;	left:  4.0em; top: 0.6em;}

/*-----Header and Footer layout-----*/

/*--#head height should be the same as #opaquetext---*/
#head {position:absolute; margin:0; top:0;    left:0; display:block; width:100%; height:150px; 	/* just a line at header base */
												background: #a33c14;
font-size:  3em; z-index:5;  									color:#fff;}
#foot {position:absolute; margin:0; bottom:0; left:0; display:block; width:100%; height: 30px; 	/* footer */
												background: #3f188b; 
font-size:0.8em; z-index:5; text-align:right; 							color:#eee09d;}

/*----- Menus -----*/

#menu {
text-align:left; font-family: verdana, sans-serif; 
position:absolute;	/*  change from position:relative	*/
top:122px;left:10px;z-index:100;	/* add */
font-size:0.8em;	/*change from 0.9em */
margin:0 padding:0; list-style-type:none;
width:98%;	/*added - allow ul border to show past menubar*/
}

*html #menu	{top:123px;}

#menu ul {
padding:0; margin:0; list-style-type:none; /* for Firefox */			/*the line at the bottom of the menu bar */
											border:solid #171304; 
border-width:0 0 1px 0;	
height:2em;
}

#menu li {			/* top menubar items */
float:left; position:relative;
background:transparent; 	/*color of top menubar */
height:2.5em; /* allows mouse access to dropdown in firefox but spaces out dropdown items */
margin-bottom:-10px;
}
#menu li a, #menu li a:visited {
display:block; text-decoration:none; 
width:auto;
float:left; 
padding: 0px 6px;	/* change from padding-right 1em */
margin: 0;		/*add*/
height:2em; line-height:2em; 	/*initially 3em 3em - top of dropdown has to overlap */		/* unselected menu items */
												color:#a33c14;
						/* Also is color for next level down*/ 
												background:#e5d16c;
}
												/* active menu item */
#menu li a#active	{									color: #e5d16c; 
												background:#a33c14;}	/* active added 07.01.15 */

#menu li:hover a,	/* line style for IE7 and non-IE browsers */
#menu li a:hover {	/* for IE5.5 and IE6 */							/* selected (hovered) menu item */
border:0; 											color: #2e2708; 
												background: #dcc13a;
}


/* second level menu stuff */

#menu li a.drop, #menu li a.drop:visited {
font-weight:bold;
}
#menu li ul {
visibility:hidden; position:absolute; top:2em; left:0; height:10em; overflow:hidden;
}
#menu table {
margin:-1px -2px; border:2px;border-collapse:collapse;font-size:1em; /* font size for IE5.5 */

}


#menu li:hover ul,
#menu li a:hover ul {
visibility:visible; height:auto; width:10em; 
background:#e6f4c3; 
border:1px solid #40ac87; left:2px; 
top:2em; 	/* change from 2.5 em - see #menu li a */
overflow:visible;padding:0;
width:8.5em
}

#menu li:hover ul li,
#menu li a:hover ul li	{padding-left:4px;}


#menu li:hover ul li a,
#menu li a:hover ul li a {
display:block; font-weight:normal; background:transparent; text-decoration:none; 
height:1.5em; margin-right:20px;
line-height:1.5em; padding:0em; width:8em; margin:1px 1px;
background:#e6f4c3;	/* was transparent */
color: #006252;		/* was inherited from #menu li a */
}

#menu li:hover ul li ul,
#menu li a:hover ul li a ul {
visibility:hidden; position:absolute; top:0; left:9.5em; height:0; overflow:hidden;
}
#menu li:hover ul li a:hover,
#menu li a:hover ul li a:hover {
background:#26a07e;	/*selected dropdown item*/
color:#fffffc;
}

#menu ul li a span {display: none;}

#menu ul li a:hover span,
#menu ul a#active:hover span {
display: block; position: absolute; top: 30px; left: 10px; 
line-height: 30px;width:10em;	height: 8em; z-index: 100;				/* dropdown comment box */
padding: 5px; margin: 0px; 								border: solid #e5d16c 1px;  
											color: #e5d16c; 
											background: #a33c14;
font: 1em Verdana, sans-serif; text-align: center;}


/*-----Columns layout-----*/
/*--- (top) and (bottom) positions should match #head and #foot heights---*/
/*--- could use position:fixed for non-IE ---*/
#leftcol 	{position:absolute; left:0; top:150px; bottom:30px; width:10%; font-size:1em; 	z-index:4; overflow:auto;}
#ctrcol		{position:absolute; left:0; top:150px; bottom:30px; width:62%; 			z-index:4; overflow:auto;}
#rightcol       {position:absolute; left:0; top:150px; bottom:30px; width:38%; font-size:1em; 	z-index:4; overflow:auto;}


/**** This stuff for IE, which seems to ignore the universal selector (*) when it precedes "html" or "body" */
/***  Because of this peculiarity we can effectively hide an entire rule from all browsers except IE. */
* html #leftcol, * html #ctrcol,  * html #rightcol {
height:100%; 								/* full screen height */
top:0; bottom:0; 							/* place the content at the top of the body */
border-top:150px solid #fff; 						/* add borders to miss #head and #foot */
border-bottom:32px solid #fff;}						/* alternatively, could add padding to (100%x100%) * html body */


/*----- Columns -----*/
/*inside each column DIV */
.inner {display:block; padding:0 10px 10px 10px;}


/*--(left) of #ctrcol = (width) of #leftcol--*/
/*--(left) of #rightcol = (left)+(width) of #ctrcol--*/
/*--(width) of #rightcol = 100-(left) of #rightcol--*/

#leftcol  {left:0;background:#cc3;}
									/* main content area */					
#ctrcol   {	left:0;   line-height: 130%; 				background:#dcc13a; 		
		font: 105% Georgia, Times, serif; 			color: #171304;}
									/* right column */
#rightcol {	left:62%; line-height: 120%;				background:#a33c14;  	/* split complement @45 */	
		font:  95% Georgia, Times, serif; 			color: #e5d16c;}
#leftcol  {padding-left:0px;}


.bold {font-size:1.5em; font-weight:bold;}

 
#rightheader	{ 								/* box at top of right column */
										background: #3f188b;
										border: double #f6f0ce 4px; 
										color: #f6f0ce; 
font-family:Georgia, Times, serif; font-size: 120%; font-weight: bold; 
line-height: 150%; 
margin: 10px 0 10px auto; 
padding: 8px 8px; 
text-align: center; 
}    
 
#ctrcol H1, 									/* ctr H1 */
#rightcol H1	{ 								background: #5c4f10;
										color: #eee09d; 
	font-size: 130%; margin: 8px auto; padding: 4px; text-align: center; } 
										/* R H1 */
#rightcol H1	{								background: #5c4f10;
										color: #e5d16c;}

 
#rightcol H2	{text-align: center; font-weight: bold; font-size: 105%; margin: 0px;border: solid}
.date	{font-size: 90%; font-style: oblique;}
.headline	{display: block;text-align: center; font-size: 110%; font-weight: bold;}


#ctrcol H5	{ 									/* ctr H5 */
											border: solid #2e2708; 
	font-size: 105%; 
	margin: 10px 0 5px 0; 
	padding: 5px 0 5px 0; 
	text-align:center;
	clear: both; 		/* to clear faq */
	 
}

.dropcap	{ 
float:left;height:44px;							/* drop cap */
									background: #8b7819; 
									color:#453b0c;
									border-color: #453b0c;  
font-size:40px; 
line-height:50px;
padding: 0px 6px 6px 8px; 
margin:  0px 6px -6px 0; 
border-style: solid; 
									
border-width: 0 6px 6px 0; 
font-family: Georgia, serif; 
}


/*----- Tables -----*/
#ctrcol div.tablewrapper	{					/* the main table color */
	width: 90%; 							background: #bca221; 
	padding:10px;
}

#ctrcol table	{							/* the text in the table */
									background: #bca221; 
									color: #5c4f10;
}
#ctrcol table a	{							/* the links in the table */
									color: #3f188b;}
#ctrcol table a:hover	{
									background: #3f188b; 
									color: #f6f0ce; 
}

#ctrcol table td	{
	padding:2px;
}
/*----- Links on page -----*/ 
.faqblock		{float: left;}	/* for multicolumn */
.faq			{display: block;} 
.faq			{font-size: 90%;}
.faq li			{list-style: none; padding: 4px 6px;}
.faq li a		{						color: #3f188b; } 
.faq li a:visited	{						color: #8b7819; } 
.faq li a:hover		{color: red; } 
.faq li a:active	{background: yellow; } 
 
a.backnav	{ 
									color: #439cfc; 
	display:block; 
	font-size: 80%; 
	text-align: center;
	padding-top: 0.5em; 
} 
 
a:hover.backnav		{color:red; } 
a:active.backnav	{background: #9f9;} 
 
 
a.inline	{text-decoration:none; color:#3f188b;}
a:visited.inline	{color: green;}
a:hover.inline	{ color:red; } 
a:active.inline	{background: #ff0;} 

/*  comments form */

input	{									background:#3a6388;color:#fef7fa;
	margin:0.5em;padding:0.5em;}
form	{text-align:center;}
textarea	{								background:#fbfcf9;
										border:outset 4px #264159;
	margin-bottom:0.5em;}
#postedcomments	{height:200px;margin: 1em 0;overflow:auto;}
.txt		{height:2em;padding:2px;vertical-align:middle;			background:#fef7fa;
										color:#3a6388;}