/*
 * local styles for dmc site
 * 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; }
	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; }
	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; }
	table.linkmenu td { font-size: 8pt; }
	.gheader { font-size: 10pt; }
}
/*
 ***************************************
 * Page Structural Area Definitions
 ***************************************
 */

body { padding: 8px; margin: 0px; }

div#pageN { 
   background: white;  
   margin: 0px;
   padding: 0px; 
}
@media screen {
   body { background: #a0a0a0; }
   div#pageN { border: 1px solid black; width: 840px;}
}

div#content {
   padding: 8px;
   margin-top: 5px;
}
                     
/*
 *************************************
 * general color related styles
 *************************************
 */

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

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

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

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

/* 
 ****
 * 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-bottom: 3px;
	border-bottom: 2px solid #9999cc;
}
table.glistb_small th, table.glistb_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.glistb_small td, table.glistb_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.glistb_small, table.glistb_med {
	width: auto;
	margin-left: 8px;
	margin-right: 8px;
	margin-top: 8px;
	margin-bottom: 12px;
	padding: 0px;
	border: 1px solid #9999cc;
}
table.glistb_small th, table.glistb_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.glistb_small th.leftedge, table.glistb_med th.leftedge {
	border-left: 1px solid #9999cc;
}
table.glistb_small td, table.glistb_med td {
	padding: 2px 3px 3px 3px;
	border-top: 1px dotted #9999cc;
	border-left: 1px solid #9999cc;
	white-space: nowrap;
	margin: 0px;
}

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 #9999cc;
}
table.glistnb_small th, table.glistnb_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.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
 *********************************************************
 */
table.news {
	width: auto;
	margin-left: 8px;
	margin-right: 8px;
	margin-top: 8px;
	margin-bottom: 6px;
	padding-bottom: 2px;
	border-bottom: 2px solid #9999cc;
	padding-top: 1px;
	border-top: 2px solid #9999cc;
}
table.news th {
	padding: 2px;
 	font-weight: normal;
	text-align: left;
	vertical-align: text-top;
	white-space: nowrap;
	border-right: 1px dotted #9999cc;
}
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 #404040;
 	background: #f0f0f0;
 	}
 table.menuform th {
 	font-weight: bold;
 	white-space: nowrap;
 	text-align: left;
 	background: #c0c0c0;                  
 	padding: 3px;
 }
 table.menuform td {
 	padding: 3px;
 } 

/*
 *******************************************
 * Table for links menu page
 *******************************************
 */
 
table.linkmenu {
 	margin-right: 12px;
 	margin-top: 8px;
 	margin-bottom: 8px;
	width: 740px;
 	}
table.linkmenu td {
 	padding: 3px;
}
table.linkmenu td.bord {
 	border-right: 1px solid black;
}
table.linkmenu td.shaded {
	background: #f0f0f0;
}

table.linkmenu ul {
   margin-top: 2px;
   margin-bottom: 2px;
   margin-left: 4px;
   margin-right: 0px;
   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: 3px;
}