/*
 * Cascading style sheet for new DC-3 Dreams web sites
 *
 * Copyright © 2002-2004, Robert B. Denny, All Rights Reserved
 *
 * References:
 *		http://msdn.microsoft.com/library/en-us/dnie60/html/cssenhancements.asp
 *		http://www.glish.com/css/
 *		http://www.thenoodleincident.com/tutorials/box_lesson/index.html
 *
 * 21-Mar-02 rbd	From http://www.glish.com/css/ Read there about the 
 *					Voice-Family "}" hack for IE5.x layout bugs.
 * 21-Apr-03 rbd    Improvements, white now body color, removed many
 *                  redundant color:white specs. background now
 *                  more compatible background.
 * 29-Apr-03 rbd	Fixed NS6/Mozilla margins, simplify and clean up
 *					box model hacks and revalidate with IE. Added b/g
 *					image the right way in the body style block. Many
 *					small adjustments for alignment and spacing.
 * 01-May-04 rbd	Base font size to 80%
 * 26-Jun-04 rbd    Back down to 75%
 * 12-Aug-04 rbd    Base font to 8pt, consistent across browsers.
 * 08-Dec-04 rbd    Base font to 7.5pt, add 5px to padding to open up layout a bit
 * 17-Feb-06 rbd	Base again 70%, damn T-Bird vs IE!
 */

/*
 * Hyperlink coloring
 */
a:link		{ color: Aqua; }
a:active	{ color: Aqua; }
a:visited	{ color: Aqua; } 
a:hover		{ color: Yellow; }

/*
 * Body and element defaults.
 */
body { 
	background: url(images/northzen.gif);
	font-size: 70%;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	margin: 10px 10px 0px 10px;
	padding: 0px;
	color:white;
} 

#leftcontent {
	position: absolute;
	left: 10px;
	top: 74px;
	width: 190px;
	background: #000048;
	border: 1px solid MediumBlue;
	padding-left: 10px;
	padding-right: 10px;
}

#centercontent {
	background: black;
	border: 1px solid MediumBlue;
	padding-left: 15px;
	padding-right: 15px;
	/*
	 * This nonsense compensates for "quirky box" mode in IE 4/5/5.5.
	 * We put IE6 into "non-quirk" mode with the strict DOCTYPE def
	 */
    margin-left: 199px;				/* Next 2 for IE 5.5, which barfs on the next stuff */
    margin-right: 200px;
	voice-family: "\"}\"";
	voice-family: inherit;
	margin-left: 211px;				/* For standards-compliant browsers (IE6, Opera) */
	margin-right: 212px;
	}
html>body #centercontent {			/* NS6 and Mozilla pick up standard measurements from this! */
   	margin-left: 211px;
   	margin-right: 211px;
	}

#rightcontent {
	position: absolute;
	right: 10px;
	top: 74px;
	width: 190px;
	background : #500000;
	border: 1px solid MediumBlue;
	padding-left: 10px;
	padding-right: 10px;
	}

#banner {
	border-top: 1px solid MediumBlue;
	border-right: 1px solid MediumBlue;
	border-left: 1px solid MediumBlue;
	text-align : center;
	height: 64px;					/* For IE 5.5, which barfs on the next stuff */
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 63px;					/* For standards-compliant browsers (IE6, Moz 1.2+, Opera) */
	}

p {
	margin-top: 6pt; 
	margin-bottom: 6pt;
} 

h1 {
	font-family: Arial Narrow, Arial, Helvetica, sans-serif; 
    font-size: 200%;
	line-height: 125%;
	color : #CCCC00;
} 

h1.colhead {
	margin-top: 10pt; 
	margin-bottom: 8pt;
	text-align: center;
} 

h2 {
	font-family: Arial Narrow, Arial, Helvetica, sans-serif; 
	font-size: 140%;
	color : #CCCC00;
	margin-top: 12pt;
	margin-bottom: 6pt;
} 

h2.colhead {
	text-align: center;
} 

h3 {
	font-family: Arial Narrow, Arial, Helvetica, sans-serif; 
	font-size: 120%;
	color : LightGreen;
	margin-top: 6pt;
	margin-bottom: 6pt;
} 

h4 {
	font-size: 100%; 
	color: LightGreen; 
	margin-top: 6pt;
	margin-bottom: 6pt;
}

/*
 * List adjustments
 */

ul, ol, ul ul, ol ol, ol ul, ul ol {
	margin-top: 6pt;
	margin-bottom: 6pt;
	margin-left: 18pt;
}
html>body ul, ol, ul ul, ol ol, ol ul, ul ol {			/* NS6 and Mozilla get it from here */
	margin-top: 6pt;
	margin-bottom: 6pt;
	margin-left: -16pt;
} 

li {
	margin-top: 4pt;
} 

dl {
	margin-top: 6pt;
	margin-bottom: 6pt;
}
    
dt {
  	color : yellow;
	margin-top : 6pt;
	font-weight : bold;
}

dd {
	margin-top : 0pt;
    margin-left: 6pt;
}

form {
	margin-top : 0px;
	margin-bottom : 0px;
}

input { 
	font-size: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}
 
select { 
	font-size: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color : Black;
} 

/*
 * All code-like stuff is controlled by the <code> tag. This means
 * you need to use <pre><code> to get preformatted code. 
 */
pre	{
	padding: 3pt;
	margin-top: 9pt;
	margin-bottom: 9pt;
	background: MediumBlue;
	color : Yellow;
} 

code { 
	margin-top: 0em; 
	margin-bottom: 0em; 
	font-family: "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
	color : Yellow;
} 

/*
 * Tables
 */
table { 
	font-size: 100%;
	border-style: solid;
	border-color: #000060;
	border-width: 1px;
	margin-top: 6px;
	margin-bottom: 6px;
}

tr {
	vertical-align: top;
}
	
th { 
	font-weight : normal;
	border-style: solid;
	border-color: #000060;
}
						
td {
	color : PowderBlue;
	border-style: solid;
	border-color: #000060;
	}

/*
 * Quick-class goodies
 */

.indent { 
	margin-left: 24pt; 
} 

.small {
	font-size: 85%;
}

.mini {
	font-size: 80%;
}

.desc {
	padding: 0.25em;
	margin-left: 10px;
	margin-right: 10px;
	background: #2F4F4F;
	/*color : #CCCC00;*/
}

div.note {
	margin-top: 12pt;
	padding: 4pt;
	margin-left: 24pt;
	margin-right:24pt;
	background: Yellow;
	color : Black;
}

div.copyright {
	font-size: 90%;
}

i.y {
    color: yellow;
}