body { 
	margin: 0; 
	padding: 0; 
	background:#0d0d0d url(images/star-bg.gif) top left fixed repeat-x;
	font-family: 'Helvetica Neue', Arial, Helvetica, Verdana, sans-serif;
	}

a:link {
	font-weight: bold;
	color: #0F3170;
	}
	
a:visited {
	color: #3B4E70;
	}
	
a:hover {
	color: #1C5DD6;
	}

#container {
	width: 746px;
	background: #cfcfcf url(images/container-bg.gif);
	margin: 1.5em auto 0;
	position: relative;
	}

#nav {
	width: 220px;
	float: left;
	font-size: 0.75em;
	line-height: 1.2em;
	}
	
	#nav p {
		padding: 0px 7px 5px 10px;
		font-size: 0.95em;
		line-height: 1.3em;
		text-align: justify;
		width: 190px
		}

	#nav ul {
		margin-left: 0;
		padding-left: 0;
		background: url(images/ul-bg.gif) repeat-y 0 0;
		}
		
		#nav li {
			list-style: none;
			border-bottom: 1px solid #bfbfbf;
			padding: 2px 0px 2px 10px;
			}
			
		#nav li#l-intro {
			border-top: 1px solid #bfbfbf;
			}


			#nav li li {
				display: none;
				}
			
		#prep #nav li li, #vis #nav li li, #ccd #nav li li, #film #nav li li {
			display: list-item;
			list-style: none;
			border-top: 1px solid #bfbfbf;
			border-bottom: none;
			padding: 2px 0px 2px 10px;
			}
		
		
			
		#nav li a {
			display: block;
			width: 210px;
			font-weight: normal;
			}

		html>body #nav li a {
			width: 210px;
			}

		#nav li li a {
			display: block;
			width: 200px;
			}

		#nav li a:link {
			background: url(images/check-box-2.gif) no-repeat 197px 50%;
			color: #333;
			text-decoration: none;
			}
			
		#nav li a:visited {
			background: url(images/check-box-2.gif) no-repeat -33px 50%;
			color: #666;
			text-decoration: none;
			}
			
		#nav li a:hover {
			background: url(images/check-box-2.gif) no-repeat -493px 50%;
			color: #006;
			text-decoration: underline;
			}

		body#prep #nav li#l-vis a:link, body#prep #nav li#l-ccd a:link, 
		body#prep #nav li#l-film a:link, #nav li li a:link {
			background: url(images/check-box-2.gif) no-repeat 187px 50%;
			color: #333;
			text-decoration: none;
			font-weight: normal;
			text-shadow: none;
			}
			
		body#prep #nav li#l-vis a:visited, body#prep #nav li#l-ccd a:visited, 
		body#prep #nav li#l-film a:visited, #nav li li a:visited {
			background: url(images/check-box-2.gif) no-repeat -43px 50%;
			color: #666;
			text-decoration: none;
			font-weight: normal;
			text-shadow: none;
			}
			
		body#prep #nav li#l-vis a:hover, body#prep #nav li#l-ccd a:hover, 
		body#prep #nav li#l-film a:hover, #nav li li a:hover {
			background: url(images/check-box-2.gif) no-repeat -503px 50%;
			color: #006;
			text-decoration: underline;
			font-weight: normal;
			text-shadow: none;
			cursor: auto;
			}

		body#intro li#l-intro a, body#info li#l-info a, body#faq li#l-faq a, 
		body#resources li#l-resources a, body#dates li#l-dates a, 
		body#prep li#l-prep a, body#remote li#l-remote a, 
		body#contrib li#l-contrib a, body#webcam li#l-webcam a,
		body#staff li#l-staff a, body#ainfo li#l-ainfo a {
			background: url(images/check-box-2.gif) no-repeat -263px 50%;
			font-weight: bold;
			text-decoration: none;
			color: #333;
			text-shadow: 1px 1px 2px #666;
			cursor: default;
			}
			
		body#vis li#l-vis a, body#ccd li#l-ccd a, body#film li#l-film a {
			background: url(images/check-box-2.gif) no-repeat -273px 50%;
			font-weight: bold;
			text-decoration: none;
			color: #333;
			text-shadow: 1px 1px 2px #666;
			cursor: default;
			}

	#nav dl {
		margin-left: 10px;
		}

	#nav dt {
		font-size: 1em;
		font-weight: bold;
		padding-bottom: 0;
		margin-bottom: 0.2em;
		}
		
	#nav dd {
		margin-left: 0.3em;
		padding-left: 0;
		padding-top: 0;
		margin-top: 0.2em;
		}
		
		#nav dd li {
			border: none;
			font-size: 0.95em;
			}


		#nav dd ul {
			background: #cfcfcf;
			margin-left: 0;
			padding-left: 0;
			padding-top: 0;
			margin-top: 0;
			}
	
#content {
	width: 516px;
	background: url(images/content-bg2.gif) top left repeat-x;
	margin: 0 0 10px 224px;
	}
	
	html>body #content {
		margin: 0 0 10px 227px;
		width: 517px;
		}

	
	#content h2 {
		margin: 0px 20px 0px 20px;
		color: #0F3170;
		font-weight: normal;
		}
 
	#content h3, #content h4 {
		margin: 10px 20px 0px 20px;
		color: #0F3170;
		font-weight: normal;
		}
 
	#content h2+h3, #content h3+h4 {
		margin: 0px 20px 0px 20px;
		}
		
	 #rates td {
		margin: 0px 20px 0px 20px;
		padding: 1em;
		font-size: 0.85em;
		line-height: 1.3em;
		vertical-align: top;
		}
		
	#rates table {
		margin-left: 20px;
		}
	 
	 table#st7 td, table#st8 td {
		padding: 0.5em;
		font-size: 0.80em;
		line-height: 1.3em;
		vertical-align: top;
		text-align: center;
	 	}

	 table#st7 th, table#st8 th {
		padding: 0.25em 0.75em;
		font-size: 0.9em;
		line-height: 1.3em;
		vertical-align: top;
	 	}
	 
	 table#st7, table#st8 {
	 	margin: 0.75em 2em;
	 	}
	 
	 #content p {
		margin: 0px 20px 0px 20px;
		padding-top: 0.5em;
		font-size: 0.85em;
		line-height: 1.3em;
		text-align: justify;
		text-indent: 1.5em;
		}
		
	#content li {
		font-size: 0.85em;
		line-height: 1.3em;
		padding-bottom: 0.3em;
		text-align: justify;
		margin-right: 30px;
		margin-left: 20px;
		padding-left: 0;
		}
		
		#content li li {
			font-size: 1em;
			margin-left: 0;
			padding-left: 0;
			}
		
		#faq #content ol li {
		margin-top: 1em;
		text-indent: -0.5em;
		}

		#content li p {
			margin-left: 0;
			text-indent: 0;
			}

		#content li p+p {
			margin-left: 0;
			text-indent: 1.5em;
			}


	#content img {
		width: 150px;
		float: right;
		border: 1px solid #666;
		margin: 20px 20px 10px 20px;
		padding: 5px;
		background-color: #fff;
		clear: right;
		}
		
		#content img#sharp {
			float: none;
			margin: 5px auto;
			display: block;
			}
			
			#content img#aop-map {
				float: none;
				width: 500px;
				margin: 5px auto;
				display: block;
				border: none;
				background: #f1f1f1;
				}
				

	#content dl {
		margin-top: 0.35em;
		margin-left: 25px;
		}
	
	#content dt {
		color: #0F3170;
		margin-top: 1em;
		margin-bottom: 0;
		}

	#content dd {
		margin-top: 0.35em;
		margin-left: 0;
		padding-left: 0;
		line-height: 1.5em;
		}

		#content dd p {
			text-indent: 0;
			margin-top: 0.35em;
			}
		
		#content dd ul {
			margin-top: 0;
			}
			
	#content table#rgb {
		width: 510px;
		margin: 1em auto;
		text-align: center;
		font-size: 0.8em;
		}
		
		#content table#rgb img {
			width: 120px;
			float: none;
			margin: 5px auto;
			}
	
	#webcam #content img#saturn {
		width: 320px;
		margin: 15px auto 5px;
		float: none;
		display: block;
		}
		
	body#webcam #content h3 {
		text-align: center;
		margin-bottom: 2em;
		}
		
	#d-saturn, #mars, #jupiter {
		clear: right;
		}
			
			#webcam img {
				margin-top: -5px;
				margin-bottom: 20px;
				}
			
	em.red, em.green, em.blue {
		font-style: normal;
		font-weight: bold;
		}
		
	em.red {
		color: #900;
		}

	em.green {
		color: #090;
		}

	em.blue {
		color: #009;
		}

	
#footer {
	clear: both;
	padding: 20px 5px 10px 0px;
	font-size: 0.8em;
	}
	
#footer p {
	margin-left: 250px;
	margin-right: 20px;
	text-align: justify;
	font-size: 0.95em;
	}

#logos {
	margin: 10px 0px 0px 0px;
	width: 220px;
	padding: 4px;
	float: left;
	color: white;
	}

html>body #logos {
	margin: 10px 0px 0px 0px;
	}

#logos img {
	margin-right: 5px;
	}
 
 #bread {
	color: #ccc;
	padding: 0px;
	position: absolute;
	width: 746px;
	top: -1.5em;
	margin: 0 auto;
	font-size: 10px;
	font-weight: bold;
	}

#bread ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
	} 

#bread ul li {
	margin-left: 0;
	padding-left: 2px;
	border: none;
	list-style: none;
	display: inline;
	}

#bread a {
	color: #ccc;
	text-decoration: none;
	}
	
#bread a:hover {
	color: #fff;
	text-decoration: underline;
	}


#ccd #content table {
	border-collapse: collapse;
	border-top: 1px solid #0F3170;
	border-left: 1px solid #0F3170;
	border-bottom: 2px solid #0F3170;
	border-spacing: 0;
	font: 11px/13px Verdana, Lucida, Arial, sans-serif;
	margin: 1em;
	width: 450px;
	}
	
#ccd #content td {
	border-bottom: 1px dotted #0F3170;
	border-right: 1px solid #0F3170;
	padding: 3px;
	}
	
#ccd #content th {
	border-bottom: 1px solid #0F3170;
	border-right: 1px solid #0F3170;
	background: #dfdfdf;
	padding: 5px;
	color: #0F3170;
	}

#ccd #content sup {
	color: #0F3170;
	font-size: 0.8em;
	}
	
#notes {
	font-size: 0.8em;
	color: #3F5A8C;
	}
	
	#notes p {
		margin-bottom: 2px;
		padding: 0;
		}
		
	#notes ol {
		margin-top: 0;
		padding-top: 0;
		}