/*
 * 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; }
	div.dispmulticol_small { font-size: 10px; }
	div.dispmulticol_med { font-size: 12px; }
	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.xlistnb_med td { font-size: 12px; }
	table.glistb_med th, table.xlistnb_med th { font-size: 14px; }
	table.news th, table.news td { font-size: 12px; }
	p.newsmore { font-size: 10px; }
	table.menuform th, table.menuform td { font-size: 12px; }
	table.linkmenu td { font-size: 10px; }
	.gheader { font-size: 12px; }
}
@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; }
	div.dispmulticol_small { font-size: 8pt; }
	div.dispmulticol_med { font-size: 9pt; }
	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: 10pt; }
	p.newsmore { font-size: 8pt; }
	table.menuform th, table.menuform td { font-size: 9pt; }
	table.linkmenu td { font-size: 8pt; }
	.gheader { font-size: 10pt; }
}

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

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

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

/* major characteristics of highlightblock are defined in common_style */
.highlightblock {
	background: #e8e8ff;
	border: 1px solid #9999cc;
}
.insidetitle {
   background: #9999cc;
   border-bottom: 1px solid #9999cc;
   color: white;
}

/* 
 **********************************************
 * multiple column display for lists etc
 **********************************************
 */
div.dispmulticol_med, div.dispmulticol_small {
   float:left;
   padding-right: 12px;
}

/*
 *********************************************************
 * 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: #9999cc;
	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: 24px;
	width: 100%;
	border-top: 1px solid black;
}
table.botborder td {
	color: #808080;
	font-style: normal;
	padding: 3px;
}


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

/* page layout main areas, leftbutton, content, footer */
td#leftbutton {
	width: 140px;
	text-align: right;
	padding-right: 5px;
	background: #ffffff;
	border-right: 1px black solid;	/* added */
	}
@media print {	
	td#leftbutton {display: none } 
}
td#content {
	text-align: left;
	padding-right: 10px;
	padding-left: 5px;
	padding-top: 0px;
	}
table#footer {
	margin-top: 15px;
	margin-right: 10px;
	margin-left: 10px;
	border-top-width: 1px;
	border-top-color: #a0a0a0;
	border-top-style: solid;
	padding-top: 5px;
}
table#footer td {
	color: #b0b0b0;
}

/*
 **************************************************
 * 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: 3px;
 	padding-left: 3px;
}
td#leftbutton ul li {
	list-style-type: none;
	font-weight: bold;
	font-style: normal;
	text-align: right;
	white-space: nowrap;					/* important */
	font-size: 12px;
	height: 16px;
	color: #663300;
	font-family: Arial, Helvetica, sans-serif;
}
td#leftbutton ul li a {
	text-decoration: none;
	display: block;
}
td#leftbutton ul li a:link, td#leftbutton ul li a:visited  {
	color: #663300;
	display: block;
}
td#leftbutton ul li a:hover {
	color: #c0c0c0;
	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.xglistb_small, table.xglistb_med {
	width: auto;
	margin-left: 8px;
	margin-right: 8px;
	margin-top: 8px;
	margin-bottom: 12px;
	padding-bottom: 3px;
	border-bottom: 2px solid #9999cc;
}
table.xglistb_small th, table.xglistb_med th {
	background: #9999cc;
	padding: 1px 3px 2px 3px;
	border: 1px solid #9999cc;
	border-color: #bbb #eee #eee #bbb;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	white-space: nowrap;
	color: #ffffff;
}
table.xglistb_small td, table.xglistb_med td {
	padding: 2px 3px 3px 3px;
	white-space: nowrap;
	border-left: 1px solid #9999cc;
	border-top: 1px dotted #9999cc;
	margin: 0px;
}
td.rightedge {
	border-right: 1px solid #663300;
}
*/

table.xglistb_small, table.xglistb_med {
	width: auto;
	margin-left: 8px;
	margin-right: 8px;
	margin-top: 8px;
	margin-bottom: 12px;
	padding: 0px;
	border: 1px solid #9999cc;
}
table.xglistb_small th, table.xglistb_med th {
	background: #9999cc;
	padding: 1px 3px 2px 3px;
	border-left: 1px solid #ffffcc;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
	color: #ffffff;
	border: 2px solid #9999cc;
}
table.xglistb_small th.leftedge, table.xglistb_med th.leftedge {
	border-left: 1px solid #9999cc;
}
table.xglistb_small td, table.xglistb_med td {
	padding: 2px 3px 3px 3px;
	border-top: 1px dotted #9999cc;
	border-left: 1px solid #9999cc;
	white-space: nowrap;
	margin: 0px;
}

table.xglistnb_small, table.xglistnb_med {
	width: auto;
	margin-left: 8px;
	margin-right: 8px;
	margin-top: 8px;
	margin-bottom: 12px;
	padding-bottom: 3px;
	/* border-bottom: 2px solid #9999cc; */
}
table.xglistnb_small th, table.xglistnb_med th {
	background: #9999cc;
	padding: 1px 3px 2px 3px;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
	color: #ffffff;
	border: 2px solid #9999cc;
}
table.xglistnb_small td, table.xglistnb_med td {
	padding: 3px 3px 3px 3px;
	white-space: nowrap;
}
table.xglistnb_small td.wrapok, table.xglistnb_med td.wrapok, table.xglistb_small td.wrapok, table.xglistb_med td.wrapok {
	white-space: normal;
}
table.xglistnb_small th.wrapok, table.xglistnb_med th.wrapok, table.xglistb_small th.wrapok, table.xglistb_med th.wrapok {
	white-space: normal;
}
/*
 *******************************************************************************
 * 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
 *
 * These tables are typically on standalone pages, not on menu pages
 ****************************************************************************** 
 */
 
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 black;
   -moz-border-radius: 6px;
   -webkit-border-radius: 6px;
   border-radius: 6px; 
}
table.glistb_small th, table.glistb_med th {
	background: #808080;
	padding: 1px 3px 2px 3px;
	border-left: 1px solid #ffffff;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
	color: white;
	border: 2px solid #808080;
}
table.glistb_small td, table.glistb_med td {
	padding: 2px 3px 3px 3px;
	border-top: 1px dotted #808080;
	border-left: 1px solid #808080;
	white-space: nowrap;
	margin: 0px;
}
table.glistb_small th.leftedge, table.glistb_med th.leftedge {
	border-left: 1px solid #808080;
}

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: 2px solid #808080;
}
table.glistnb_small th, table.glistnb_med th {
	background: #808080;
	padding: 1px 3px 2px 3px;
	font-weight: bold;
	text-align: left;
	white-space: nowrap;
	color: #ffffff;
	border: 2px solid #808080;
}
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.glistnb_small td.botnote, table.glistnb_med td.botnote, table.glistb_small td.botnote, table.glistb_med td.botnote, table.skedbox td.botnote {
   white-space: normal; 
   border-top: 8px solid #808080; 
   background: #e0e0e0; 
   font-size: 0.8em; 
   font-style: normal;
   padding: 4px;
}

/*
 *********************************************************
 * Table for News listings
 *********************************************************
 */
table.news {
	width: auto;
	margin-left: 8px;
	margin-right: 8px;
	margin-top: 8px;
	margin-bottom: 6px;
	padding-bottom: 2px;
	border-bottom: 2px solid #808080;
	padding-top: 1px;
	border-top: 2px solid #808080;
}
table.news th {
	padding: 2px;
 	font-weight: normal;
	text-align: left;
	vertical-align: text-top;
	white-space: nowrap;
	border-right: 1px dotted #808080;
}
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: 1px;
 	border: 1px solid #808080;
 	background: #e0e0e0;
 	}
 table.menuform th {
 	font-weight: bold;
 	white-space: nowrap;
 	text-align: left;
 	background: #808080;
 	padding: 3px;
 	margin: 0px;
 	color: white;
 }
 table.menuform td {
 	padding: 3px;
 	margin: 0px;
 }

/*
 *******************************************
 * Table for links menu page
 *******************************************
 */
 
table.linkmenu {
 	margin-right: 4px;
 	margin-top: 4px;
 	margin-bottom: 8px;
	width: 760px;
 	}
table.linkmenu td.topheader {
   border-top: 2px solid black; 
   border-right: 2px solid black; 
   border-left: 2px solid black; 
   padding: 3px; 
   text-align: center;
   background: black;
   color: white;
}
table.linkmenu td {
 	padding: 0px;
}
table.linkmenu td.bord {
 	border-right: 1px solid black;
 	border-bottom: 1px solid black;
 	margin: 0px;
}
table.linkmenu td.shaded {
	background: #f0f0f0;
	border-right: 1px solid #c0c0c0;
	border-bottom: 1px solid black;
}

table.linkmenu ul {
   margin-top: 2px;
   margin-bottom: 8px;
   margin-left: 4px;
   margin-right: 2px;
   padding: 0px;
}

table.linkmenu li {
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
}

table.linkmenu li a {
   font-weight: normal;
   text-decoration: none;
}

div.gheader {
	background: #c0c0c0;
	font-weight: bold;
	padding: 6px;
	margin-top: 0px;
	border: 2px solid #a0a0a0;
	text-align: center;
}