/*
 * local styles for korteweb sites
 * this local stylesheet is used in conjunction with common common_style.css
 */

/*
 ****************************************
 * font sizes for local elements
 ****************************************
 */
@media screen {
	table.topborder td { font-size: 14px; }
	div.topbnav, table.botborder td { font-size: 10px; }
	p.butlinks { font-size: 10px; }
	p.butheader { font-size: 14px; }
	p.butsubheader { font-size: 10px; }
	table#footer td { font-size: 10px; }
	table.glistb_small td, table.glistnb_small td { font-size: 10px; }
	table.glistb_small th, table.glistnb_small th { font-size: 12px; }
	table.glistb_med td, table.glistnb_med td { font-size: 12px; }
	table.glistb_med th, table.glistnb_med th { font-size: 14px; }
	table.news th, table.news td { font-size: 10px; }
	p.newsmore { font-size: 10px; }
	table.menuform th, table.menuform td { font-size: 12px; }
	body { background: #fff0b0; }
}
@media print {
	table.topborder td { font-size: 10pt; }
	div.topbnav, table.botborder td { font-size: 8pt; }
	p.butlinks { font-size: 8pt; }
	p.butheader { font-size: 10pt; }
	p.butsubheader { font-size: 8pt; }
	table#footer td { font-size: 8pt; }
	table.glistb_small td, table.glistnb_small td { font-size: 8pt; }
	table.glistb_small th, table.glistnb_small th { font-size: 9pt; }
	table.glistb_med td, table.glistnb_med td { font-size: 9pt; }
	table.glistb_med th, table.glistnb_med th { font-size: 10pt; }
	table.news th, table.news td { font-size: 8pt; }
	p.newsmore { font-size: 8pt; }
	table.menuform th, table.menuform td { font-size: 9pt; }
}

/*
 *************************************
 * general color related styles
 *************************************
 */

a:link {color: #990000;}
a:visited {color: #990099;}


td.shaded, tr.shaded {
	background: #fadf97;
}

/* major characteristics of highlightblock are defined in common_style */
.highlightblock {
	background: #fadf97;
	border: 1px solid #842a12;
	}

/*
 *********************************************************
 * style for top and bottom pageborders
 * these typically are "included" into generic pages
 *********************************************************
 */

/* applied to table that encloses colored area */
table.topborder {
	margin-bottom: 6px;
	margin-top: 3px;
	width: 100%;
	border: 1px solid black;
}
table.topborder td {
	background: #d3e5ee;
	color: black;
	font-style: italic;
	font-weight: bold;
	padding: 2px;
}

/* applied to a div with for navigation links */
.topbnav {
	margin-bottom: 12px;
	margin-top: 0px;
	font-style: normal;
	text-align: center;
}

/* applied to table that encloses bottom footer area */
table.botborder {
	margin-top: 12px;
	width: 100%;
	border-top: 1px solid black;
}
table.botborder td {
	background: #d3e5ee;
	color: black;
	font-style: normal;
	padding: 3px;
}


/*
 ******************************************
 * page structural areas
 ******************************************
 */

/* page layout main areas, leftbutton, content, footer */
td#leftbutton {
	text-align: right;
	white-space: nowrap;
	padding-right: 6px;
	background: #fff0b0;
	border-right: 2px	solid #fadb80;
	margin-right: 3px;
}
@media print {	
	td#leftbutton {display: none } 
}
td#content {
	text-align: left;
	padding-right: 10px;
	padding-left: 5px;
	padding-top: 6px;
	}
table#footer {
	margin-top: 15px;
	margin-right: 10px;
	margin-left: 10px;
	border-top-width: 2px;
	border-top-color: #fadb80;
	border-top-style: solid;
	padding-top: 5px;
}
table#footer td {
	color: #825f00;
}

/*
 **************************************************
 * buttons in leftbutton area
 * font sizes are defined HERE because they are
 *    so strongly tied to button sizes
 **************************************************
 */

td#leftbutton ul {
 	margin-bottom: 20px;
 	margin-top: 30px;
 	margin-left: 16px;					/* wider so color buttons are inset */
 	padding-left: 3px;
}
td#leftbutton ul li {
	list-style-type: none;
	font-weight: bold;
	font-style: italic;
	text-align: right;
	white-space: nowrap;					/* important */
	font-size: 16px;
	height: 33px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px;							
	margin: 0px;				
}
td#leftbutton ul li a {
	text-decoration: none;
	color: #111111;
	display: block;
}
td#leftbutton ul li a:link, td#leftbutton ul li a:visited  {
	color: #111111;
	display: block;
}
td#leftbutton ul li a:hover {
	color: #c90b0b;
	display: block;
}

/*
 * butlinks for small links near bottom of buttonbar area (non-buttons)
 * font sizes are defined in media section at top of file
 */
p.butlinks {
	text-align: right;
	font-style: normal;
	margin-bottom: 20px;
}

/*
 * butheader and butsubheader are for site logo
 * and smaller text at top of buttonbar
 * font sizes are defined in media section at top of file
 */
p.butheader {
	font-weight: bold;
	font-style: italic;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 2px;
	color: #663300;
}
p.butsubheader {
	font-style: italic;
	text-align: center;
	margin-top: 2px;
	margin-bottom: 0px;
	color: #663300;
}

/* 
 ****
 * tables for general list data. headers are colored and are assumed on top of list, centered
 * all cells are no-wrap by default but any td or th can have class="wrapok" added
 * the glistb flavor of tables have borders, the glistnb have no borders
 * the _small and _med refer to text size
 **** */
table.glistb_small, table.glistb_med {
	width: auto;
	margin-left: 8px;
	margin-right: 8px;
	margin-top: 8px;
	margin-bottom: 12px;
	padding: 0px;
	border: 1px solid #842a12;
}
table.glistb_small th, table.glistb_med th {
	background: #842a12;
	padding: 1px 3px 2px 3px;
	border-left: 1px solid #ffffff;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
	color: #ffffff;
	border: 2px solid #842a12;
}
table.glistb_small td, table.glistb_med td {
	padding: 2px 3px 3px 3px;
	border-top: 1px dotted #8aa6b3;
	border-left: 1px solid #8aa6b3;
	white-space: nowrap;
	margin: 0px;
}
table.glistb_small th.leftedge, table.glistb_med th.leftedge {
	border-left: 1px solid #842a12;
}

table.glistnb_small, table.glistnb_med {
	width: auto;
	margin-left: 8px;
	margin-right: 8px;
	margin-top: 8px;
	margin-bottom: 12px;
	padding-bottom: 3px;
	border-bottom: 3px solid #842a12;
}
table.glistnb_small th, table.glistnb_med th {
	background: #842a12;
	padding: 4px 3px 4px 3px;
	font-weight: bold;
	text-align: left;
	white-space: nowrap;
	color: #ffffff;
	border: 2px solid #842a12;
}
table.glistnb_small td, table.glistnb_med td {
	padding: 3px 3px 3px 3px;
	white-space: nowrap;
}
table.glistnb_small td.wrapok, table.glistnb_med td.wrapok, table.glistb_small td.wrapok, table.glistb_med td.wrapok {
	white-space: normal;
}
table.glistnb_small th.wrapok, table.glistnb_med th.wrapok, table.glistb_small th.wrapok, table.glistb_med th.wrapok {
	white-space: normal;
}

/*
 *********************************************************
 * Table for News listings (added for Tri-States)
 *********************************************************
 */
table.news {
	width: auto;
	margin-left: 8px;
	margin-right: 8px;
	margin-top: 8px;
	margin-bottom: 6px;
	padding-bottom: 2px;
	border-bottom: 3px solid #842a12;
	padding-top: 1px;
	border-top: 3px solid #842a12;
}
table.news th {
	padding: 2px;
 	font-weight: normal;
	text-align: left;
	vertical-align: text-top;
	white-space: nowrap;
	border-right: 1px dotted #842a12;
}
table.news td {
	padding: 2px;
	text-align: left;
	vertical-align: text-top;
}
p.newsmore {
	font-style: italic;
	margin-top: 0px;
	margin-right: 8px;
	margin-bottom: 12px;
	margin-left: 18px;
	text-align: left;
}
/*
 *******************************************
 * Table for Menu / Forms
 *******************************************
 */
 
 table.menuform {
 	margin-left: 12px;
 	margin-right: 12px;
 	margin-top: 8px;
 	margin-bottom: 8px;
 	padding: 4px;
 	border: 1px solid #842a12;
 	background: #fadf97;
 	}
 table.menuform th {
	color: white;
	font-weight: bold;
 	white-space: nowrap;
 	text-align: left;
 	background: #842a12;
 	padding: 3px;
 }
 table.menuform td {
 	padding: 3px;
 }

/*
 ******************************
 * Unique to SEGL
 ******************************
 */
div.statesbox {
	margin: 0px 4px 8px 0px;
	padding: 3px 0px 3px 0px;
	border-top: 5px solid #c90b0b;
	border-bottom: 5px solid #c90b0b;
	text-align: center;
font-size: 10px;
}