/*clear browser settings*/
/*___________________________________________________________________________*/
html, head, body, title, p, blockquotes, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, form, fieldset {   }

/* this style applies to body  */
body {
	background-attachment: fixed;
	background-color: #000;
	background-image: url(../images/light_tunnel_strip.png);
	background-repeat: repeat;
	} /* background will be a starry night */

/* this style applies to paragraph  */	
p {
	font-family: "comic sans ms", "comic sans ms", cursive;
	color: #40201D;
	font-size: 110%;
	line-height: 200%
	} /* paragraph font is comic sans */

/* these styles apply to level 1, 2 and 3 headings */		
h1 {
	text-transform: uppercase;
	font-family: "comic sans ms", "comic sans ms", cursive;
	color: #F00;
	font-size: 120%;
	font-weight: bolder;
	font-variant: small-caps;
	text-align: left;
	position: relative;
	padding-left: 250px;
	z-index: 40;
	width: 512px;
	height: inherit;
	} /* header font for all levels is comic sans */

h2 {
	font-family: "comic sans ms", "comic sans ms", cursive;
	color: #F12F0F;
	font-size: 140%;
	background-color: #090;
	} /* header font for all levels is comic sans */

h3 {
	font-family: comic sans ms, comic sans ms, cursive;
	color: #FF0;
	font-size: 120%;
	background-color: #06F;
	} /* header font for all levels is comic sans */	

/* this style applies to blockquote */		
blockquote {
	font-family: comic sans ms, comic sans ms, cursive;
	color: #000033;
	font-size: 110%;
	font-style: italic;
	} /* block quotes will be dark blue */

/* these styles apply to definition term and definition */		
dt {
	font-family: comic sans ms, comic sans ms, cursive;
	color: #E10052;
	font-size: 110%;
	font-weight: bold;	
	} /* definition term font is comic sans */

dd {
	font-family: comic sans ms, comic sans ms, cursive;
	color: maroon;
	font-size: 110%;
	font-style: italic;
	} /* definition font is comic sans */	

/* these styles apply to ordered list and list item */	
ol {
	font-family: comic sans ms, comic sans ms, cursive;
	color: #40201D;
	font-size: 110%;
	} /* ordered list font is comic sans */

ol li {
	font-family: comic sans ms, comic sans ms, cursive;
	color: #40201D;
	font-size: 100%;
	} /* ordered list item font is comic sans */	

/* these styles apply to unordered list and list item */	
ul {
	font-family: "comic sans ms", "comic sans ms", cursive;
	color: #40201D;
	font-size: 110%;
	text-align: left;
	} /* unordered list font is comic sans */	

ul li {
	font-family: "comic sans ms", "comic sans ms", cursive;
	color: #FC3;
	font-size: 100%;
	list-style-type: none;
	text-align: left;
	} /* unordered list item font is comic sans */		

/* this style applies to the div named "wrap" */
#wrap {
	margin: 30px;
	background-color: #FF6;
	padding: 10px;
	max-width: 1536px;
	min-width: 1024px;
	}
	
/* this style applies to the div named "screen" */	
#screen {
	background-color: #C2FFF6;
	background-repeat: no-repeat;
	background-attachment: fixed;
	border: 1px solid red;
	margin: 10px;
	padding: 10px;
	}

/* this style applies to the div named "banner" */
#banner {
	margin: 10px;
	position: relative;
	z-index: 20;
	border: 10px ridge #F00;
	background-image: url(../images/stars_v2.jpg);
	background-repeat: repeat;
	}

/* this style applies to images inside of the div named "banner" */
#banner img {
	padding-left: 20px;
	z-index: 30;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	}
	
#banner a {
	}	

/* these styles apply to the div named "nav" */
#nav {
	max-width: 1024px;
	min-width: 768px;
	position: relative;
	padding: 0px;
	margin: 0px 20px 60px 20px;
	font-size: 100%;
	z-index: 20;
	font-family: "Comic Sans MS", cursive;
	}

#nav ul {
	display: block;
	padding: 0px;
	margin: 0px;
	list-style: none;
	}

#nav a {
	display: block;
	width: 20%;
	min-width: 10em;
	text-align: center;
	padding: 0px;
	background: #333DDD;
	}
	
#nav li {
	float: left;
	width: 10%;
	min-width: 10em;
	background: #333DDD;
	list-style: none;
	border: 5px outset #09F;
	}

#nav li ul {
	display: none;
	}
	
#nav li:hover ul {
	position: absolute;
	display: block;
	width: 10%;
	min-width: 10.1em;
	}

#nav li ul li {
	float: none;
	width: 10%;
	min-width: 10em;
	font-size: 80%;
	padding-right: 20px;
	}	

/* this style applies to the div named "content" */
#content {
	margin: 0px 20px;
	}

/* this style applies to paragraphs inside of the div named "content" */
#content p {
	color: #030;
	}

/* this style applies to first letters inside of the div named "content" */
#content p:first-letter{
	color: black;
	font-size: 200%;
	font-weight: bold;
	font-family: comic sans ms, comic sans ms, cursive;
	}
	
/* this style applies to the div named "about" */
#about {
	}

/* this style applies to the div named "overview" */
#overview {
	border: 5px inset #060;
	background-color: #0F9;
	padding: 20px;
	position: relative;
	top: 0px;
	margin-left: 180px;
	min-width: 700px;
	}

/* this style applies to the div named "quicklinks" */
#quicklinks {
	background-color: #0CF;
	border: 5px inset #03F;
	padding: 20px;
	position: relative;
	top: 0px;
	width: 120px;
	float: left;
	}
	
/* this style applies to the span named "bo" and "boch"*/
.bo, .boch {
	font-weight: bold;
	font-style: normal;
	color: aqua;
	}	

/* this style applies to the div named "footer" */
#footer {
	background: #F7941D;
	text-align: center;
	border: 5px outset #630;
	margin: 20px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	position: relative;
	max-width: 1024px;
	min-width: 768px;
	bottom: 0px;
	}

/* this style applies to paragraphs located inside the div named "footer" */	
#footer p {
	color: #630;
	font-family: "comic sans ms", "comic sans ms", cursive;
	font-size: 90%;
	font-style: italic;
	line-height: 10px;
	}


/* these styles apply to the 5 states of a link in general */
a {
	font-family: "Comic Sans MS", cursive;
	font-size: 100%;
	} /* links font is comic sans */
	
a:link {
	color: #CCFF00;
	text-decoration: none;
	} /* new links will appear lime */
	
a:visited {
	color: #CC0;
	text-decoration: none;
	} /* visited links will be olive */

a:focus, a:hover {
	color: #3F0;
	text-decoration: underline;
	} /* focus and lover links will be underlined and have bright green background */

a:active {
	font-size: 110%;
	text-decoration: blink;
	font-style: normal;
	} /* active links will pop out */
#nav3 p, #nav3 a {
	text-align: center;
	color: #9F3;
	font-style: normal;
	font-size: 16px;
}
#nav3 a:hover {
	color: #FF0;
}
#quicklinks ul li {
	text-align: left;
	font-size: 90%;
	list-style-type: square;
}
.leftcol {
	float: none;
}
.rightcol {
	float: right;
}

.fineprints {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	line-height: 0px;
}