/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin-top: 0;
	background-image: url(/img/body-bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-color: #0a102a;
}
h2 {
	font-size: 0.9em;
	background-color: #61237E;
	color: #FFFFFF;
	margin: 0;
	height: 32px;
	line-height: 32px;
	text-indent: 8px;
}
h3 {
	font-size: 0.8em;
	background-color: #E9E4E4;
	margin: 0;
	height: 24px;
	line-height: 24px;
	text-indent: 8px;
}
hr {
	clear: both;
	color: #EFEFEF;
}
p {
	font-size: 0.85em;
}
a:link {
	text-decoration: none;
	color: #9933CC;
}
a:visited {
	text-decoration: none;
	color: #9933CC;
}
a:hover {
	text-decoration: underline;
	color: #9933CC;
}
a:active {
	text-decoration: underline;
	color: #9933CC;
}
form {
	margin: 0;
}

#banner {
	position:absolute;
	left:330px;
	top:20px;
	width:468px;
	height:60px;
	z-index:1;
}
#container {
	width: 822px;
	background-color: #dcdcdc;
	margin: 0 auto;
	border: #dcdcdc solid 20px;
	border-bottom: #dcdcdc solid 1px;
	position: relative;
}
.nav {
	background-image:url(../img/nav-background.png);
	background-repeat:repeat-x;
	width: 100%;
	height: 31px;
	margin: 20px 0;
	color: #fff;
	font-size: 0.8em;
	font-weight: bold;
	padding: 0;
}
.nav li {
	display: inline;
	list-style-type: none;
	line-height: 31px;
	margin: 0 9px;
}
.nav li a:link {
	color: #FFFFFF;
	text-decoration: none;
}	
.nav li a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.nav li a:hover {
	color: #9999CC;
	text-decoration: none;
}
.nav li a:active {
	color: #9999CC;
	text-decoration: none;
}
.TNG-splash {
	float: left;
	width: 542px;
	position: relative;
	background-repeat: no-repeat;
	border-bottom: 20px solid #dcdcdc;
}
.TNG {
	width: 822px;
	background-image: url(/img/TNG-top.jpg);
	background-repeat: no-repeat;
	background-color: #000;
	margin-bottom: 20px;
	overflow: hidden;
}
.TNG p {
	color: #FFF;
	margin-left: 25px;
}
.TNG a {
	color: #9AA1B1;
	font-weight: bold;
}
.boxside {
	width: 260px;
	float: left;
	background-color: #FFF;
	position: relative;
	border-left: 20px solid #dcdcdc;
	border-bottom: 20px solid #dcdcdc;
}
.boxside h2 {
	width: 260px;
}
.boxside h3 {
	background-color: #61237e;
}
.boxside p {
	margin: 0;
	padding: 8px;
}
.boxmiddle {
	width: 262px;
	float: left;
	border-right: #dcdcdc solid 20px;
	border-left: #dcdcdc solid 20px;
	background-color: #FFF;
}
.boxmiddle h2 {
	width: 262px;
}
.boxmiddle p {
	margin: 0;
	padding: 8px;
}
.boxright {
	float: right;
	width: 536px;
	background-color: #FFF;
}
.boxright h2 {
	width: 536px;
}
.boxright p {
	margin: 0;
	padding: 8px;
}
.boxrightside {
	width: 260px;
	float: right;
	background-color: #FFF;
}
.boxrightside h2 {
	width: 260px;
}
.boxrightside p {
	margin: 0;
	padding: 8px;
}
.boxleft {
	float: left;
	width: 536px;
	background-color: #FFF;
}
.boxleft h2 {
	width: 536px;
}
.boxleft p {
	margin: 0;
	padding: 8px;
}
.listingsboxside {
	width: 260px;
	float: left;
	background-color: #FFF;
	clear: left;
	margin-bottom: 20px;
}
.listingsboxside h2 {
	width: 260px;
}
.listingsboxside p {
	margin: 0;
	padding: 8px;
}
.listingsboxright {
	float: right;
	width: 536px;
	background-color: #FFF;
	clear: right;
}
.listingsboxright h2 {
	width: 536px;
}
.listingsboxright p {
	margin: 0;
	padding: 8px;
}
.fullbox {
	width: 782px;
	background-color: #FFF;
	margin-bottom: 20px;
	padding: 10px 20px;
	overflow: hidden;
}
.fullbox img {
	float: right;
	margin-left: 10px;
}

.blogbox {
	width: 220px;
	position: absolute;
	background-color: #191919;
	left: 582px;
	top: 154px;
}
.blogbox h2 {
	width: 220px;
	background-color: #990000;
}
.blogbox p {
	margin: 0;
	padding: 8px;
	color: #fff;
}
.videobox {
	width: 220px;
	position: absolute;
 	right: 20px;
	top: 340px;
	background-color: #191919;
}
.videobox h2 {
	width: 220px;
	background-color: #990000;
}
.videobox p {
	margin: 0;
	padding: 8px;
	color: #fff;
}
.blackboxside {
	width: 260px;
	margin-left: 20px;
	margin-top: 425px;
	float: left;
	background-color: #191919;
}
.blackboxside h2 {
	width: 260px;
	background-color: #990000;
}
.blackboxside p {
	margin: 0;
	padding: 8px;
	color: #fff;
}
.blackboxside a:link {
	text-decoration: none;
	color: #fff;
}
.blackboxside a:visited {
	text-decoration: none;
	color: #fff;
}
.blackboxside a:hover {
	text-decoration: underline;
	color: #fff;
}
.blackboxside a:active {
	text-decoration: underline;
	color: #fff;
}
.vidplaybox {
	margin: 340px 20px 20px 10px;
	position: relative;
	float: left;
	width: 540px;
}
.vidplaybox h2 {
	background-color: #990000;
}
.vidplaybox p {
	margin: 0;
	padding: 8px;
	color: #fff;
}
.blackboxright {
	margin: 340px 20px 20px 10px;
	position: relative;
	float: left;
	width: 500px;
	background-color: #191919;
}
.blackboxright h2 {
	background-color: #990000;
}
.blackboxright p {
	margin: 0;
	padding: 8px;
	color: #fff;
}
.castbox {
	width: 260px;
	position: absolute;
 	right: 20px;
	top: 340px;
	background-color: #191919;
}
.castbox h2 {
	width: 260px;
	background-color: #990000;
}
.castbox p {
	margin: 0;
	padding: 8px;
	color: #fff;
}
.wallpapers img {
	float: left;
	margin-right: 10px;
}
.calendar-box {padding: 15px; border: 1px solid #fff; font-size:smaller;}
.calendar-box form {margin: 0;}
.calendarMonth {text-align: center; font-weight: bold; background-color: #61237E; padding: 4px; color: #FFFFFF;}
.calendarMonth a:link {text-decoration: none; color: #FFFFFF;}
.calendarMonth a:visited {text-decoration: none; color: #FFFFFF;}
.calendarMonth a:hover {text-decoration: underline; color: #FFFFFF;}
.calendarMonth a:active {text-decoration: none; color: #FFFFFF;}
.calendarDays {text-align: center; font-weight: bold; background-color: #FFF; font-size: 0.8em; color: #666666; padding: 2px 0;}
.calendarDates {text-align: center; background-color: #FAF8F8; padding: 2px 0; font-size: 0.8em;}
.calendarDates a:link {text-decoration: none;}
.calendarDates a:visited {text-decoration: none;}
.calendarDates a:hover {text-decoration: underline;}
.calendarDates a:active {text-decoration: none;}
.calendarDateHighlight {text-align: center; background-color: #61237E; color: #fff; border: 1px solid #fff; font-size: 0.8em;}

h3.quiz {
	font-size: 120%;
	padding: 8px;
	display: block;
	background-color: #8200A0;
	color: #FFFFFF;
	font-weight: bold;
}
p.quizQ {
	font-size: 110%;
	font-weight: bold;
}
p.quizA {
	background-image: url(../img/quiz-A.gif);
	background-repeat: no-repeat;
	padding: 8px 10px 8px 70px;
	margin: 0 0 10px 0;
	height: 40px;
	min-height: 40px;
	border: 1px solid #e0e0e0;
}
p.quizB {
	background-image: url(../img/quiz-B.gif);
	background-repeat: no-repeat;
	padding: 8px 10px 8px 70px;
	margin: 0 0 10px 0;
	height: 40px;
	min-height: 40px;
	border: 1px solid #e0e0e0;
}
p.quizC {
	background-image: url(../img/quiz-C.gif);
	background-repeat: no-repeat;
	padding: 8px 10px 8px 70px;
	margin: 0 0 10px 0;
	height: 40px;
	min-height: 40px;
	border: 1px solid #e0e0e0;
}
.results img {
	float: none;
}
.fullbox ol {
	margin: 0 32px;
}
.fullbox li {
	margin: 8px 0;
}