/*
 * Cascading style sheet for ShareYourSKy - This may be the start of 
 * something new!!
 *
 * Copyright © 2002, Robert B. Denny, All Rights Reserved
 *
 * 21-Mar-02 rbd	From http://www.glish.com/css/ Read there about the 
 *					Voice-Family "}" hack for IE5.x layout bugs.
 * 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
 * 16-Mar-05 rbd	New look 2005
 * 10-Feb-06 rbd	.underline, smaller text (70%) wider para spacing
 * 13-Feb-07 rbd	Larger type, 80%
 *
 */

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

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

#content {
	padding: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto; 	/* opera does not like 'margin:20px auto' */
	background: #000030;
	border: 1px solid MediumBlue;
	text-align:left;
	line-height: 140%;
	/*
	 * 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
	 */
	width: 600px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 586px;
	}
html>body #content {
	width: 600px; /* ie5win fudge ends */
	}


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

h1 {
	font-family: Arial, Helvetica, sans-serif; 
    font-size: 180%;
	line-height: 125%;
	color : #CCCC00;
	margin-top: 6pt;
	margin-bottom: 6pt;
} 

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

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

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

hr {
	color: white;
	height: 0.1em;
}
/*
 * List adjustments
 */

ul, ol, ul ul, ol ol, ol ul, ul ol {
	margin-top: 6pt;
	margin-bottom: 6pt;
	margin-left: 2em;
} 

li {
	margin-top: 12pt;
	color : White;
} 

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

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

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

input { 
	color: black;
	font-size: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}
 
input.formbutton {
	color: black;
	font-size: 100%;
	width: 60%;
}

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: Navy;
	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: MediumBlue;
	border-width: 1px;
	margin-top: 6px;
	margin-bottom: 6px;
    background: #000030;
}
*/

table { 
	font-size: 100%;
/*	border-style: solid;*/
	border-color: MediumBlue;
	margin-top: 6px;
	margin-bottom: 6px;
    background: #000030;
}

tr {
	vertical-align: center;
}
	
th, td{ 
/*	border-style: solid;*/
	border-color: MediumBlue;
}
						
table.price { 
	font-size: 100%;
	border-style: solid;
	border-color: MediumBlue;
	border-width: 1px;
	margin-top: 6px;
	margin-bottom: 6px;
    background: #000030;
}

tr.price {
	vertical-align: top;
    background: #000030;
}
	
th.price {
	vertical-align: top;
	font-weight : normal;
	border-style: solid;
	color: yellow;
	border-color: MediumBlue;
	background: #000030;
	border-width: 1px;
}
						
td.price {
	vertical-align: top;
	color : PowderBlue;
	border-style: solid;
	border-color: MediumBlue;
	background: #000030;
	border-width: 1px;
}

/*
 * Quick-class goodies
 */

.formlabel {
	color: white;
	font-size: 100%;
	line-height: 100%;
}

.copyright {
	color: White;
	font-size: 80%;
}

.y {
    color: yellow;
}

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

.underline {
	text-decoration: underline;
}