/*
 * Cascading style sheet for ShareYourSky Directory
 *
 * 26-Jun-04 rbd    Back down to 75%
 */

/*
 * 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: 75%;
	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;
	/*
	 * 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: 6pt; 
	margin-bottom: 6pt;
} 

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

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

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;
}

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: 4pt;
	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;
}

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

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


/*
 * Quick-class goodies
 */

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

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

i.y {
    color: yellow;
}

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