a {
    color: white;
}

a.star:link { color:#1F1A56; font-weight: bold; text-decoration: underline }
a.star:visited { color: #006699; text-decoration: underline }
a.star:hover { color: red; text-decoration: underline }

p.starHead {

	font-size: 16px;
	
}

body {
	background-image: url(/images/mcgruff/subpage/background_star.gif);
	background-repeat: no-repeat;
	background-color: #211c5d;
	margin: 0px;
	padding: 0px;
}
td.headshz {
	background:   url(/images/mcgruff/homepage_css2/heads_hz.gif) #CC6600 repeat-x;
}
td.sideColumn,td.bottomSideColumn{
	background: url(/images/mcgruff/subpage/side_bg.gif) #419BC4 repeat-y right;
	padding:0px 6px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
	td.sideColumn p,td.sideColumnChopped p {
		margin:0px;
		padding: 0px 4px 0px 4px;
		font-size: 10px;
		font-weight: bold;
		color: white;
	}
	td.sideColumn a,td.sideColumnChopped a {
		color:#211C5D;
	}
td.sideColumnChopped {
	background-color: #419BC4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*background: url(/images/mcgruff/subpage/side_bg_chopped.gif) #419BC4 repeat-y ;*/
}
td.bottomSideColumn {
	padding:0px;
}
ul.relatedLinks {
	list-style: none;
	margin:0px 0px 0px 0px;
	padding:0px;
}
body>table ul.relatedLinks{ /* hack for mozilla */
	margin-top: 3px;
}	
	ul.relatedLinks li {
		background-color:#2C88B1;
		margin-bottom:3px;
		padding:3px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
	}
	ul.relatedLinks a {
		color:black;
		text-decoration: none;
	}
	ul.relatedLinks a:hover {
		color:black;
		text-decoration:underline;
	}


td.leftColumn {
	background: url(/images/mcgruff/subpage/side_bg2.gif) #419BC4 repeat-y;
}
td.mainLeftColumn {
	background: #E4670A url(/images/mcgruff/homepage_css2/heads_vt.gif) repeat-y 0px 36px;
}
td.tmpLeftColumn {
	/*background: #E4670A url(/images/mcgruff/homepage_css2/heads_vt.gif) repeat-y 0px 18px;*/
	width:53px;;
	padding:none;
	margin:none;
}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.beBlock {
	display: block;
}

/* Multipage template styles*/

.multipagelink {
    background-color:#2C88B1;
    margin:3px 0px 3px 0px;
    padding:3px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.minititle {
	background-color: #211C5D;	
	font: bold 10px verdana, helvetica, sans-serif;
	color: white;
	padding: 3px;
}	 
	 
/* Side Menu styles */
table.sideMenu {
	
}

td.content p,td.content h1,td.content h2,td.content ul,td.content img.divider {
	margin-left: 0px;
	margin-right: 0px;
}
table.sideMenu p{
	padding: 0px 5px 0px 5px;
	margin: 0px 0px 3px 0px;
	font-size: 10px;
	font-weight: bold;
	color:black;
}
table.sideMenu p.noPad {
	padding: 0px;
	margin:3px 0px 3px 0px;
}
ul.sideMenu {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
ul.sideMenu a {
	color: black;
	text-decoration: none;
}
ul.sideMenu a:hover {
	text-decoration: underline;
}
ul.sideMenu li {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: black;
	border-bottom: 1px dotted #E56A0A;
	padding: 0px 5px 3px 5px;
	margin: 0px 0px 0px 0px;
} 

ul.sideMenu li.active {
	background-color: #E35E01;
	padding: 0px 5px 3px 5px;
}

ul.sideMenu li.active a{
	color:white;
}

	ul.sideMenu ul {
		border-top: 1px solid #FDA01D;
		border-bottom: 1px solid #FDA01D;
		list-style: none;
		margin: 0px 0px 0px 0px;
		padding: 1px 0px 0px 0px;
		background-color: transparent;
	}

	ul.sideMenu ul li{
		background-color: #EE7E0E;
		border-top: 1px solid #E56A0A;
		border-bottom: none;
		padding: 0px 5px 3px 5px;
		margin: 0px 0px 0px 0px;
		
	}

	ul.sideMenu ul li.active{
		background-color: #EE7E0E;
		padding: 0px 5px 3px 5px;
		margin: 0px 0px 0px 0px;
	}

	ul.sideMenu li.active ul li a{
		color: #F8FF00;
		font-weight: normal;
	}

	ul.sideMenu li.active ul li.active a{
		font-weight: bold;
		color: white;
	}
	ul.sideMenu li.active ul li.active a:hover{
		border-bottom: 1px solid #F8FF00;
		text-decoration: none;
	}		


/* Body Content */

.breadcrumbs, .breadcrumbs a{
    color:white;
}

.breadcrumbON {
    color:#1F1A56;
    font-weight:bold;
}
table.generalBody{
}

td.content {
	padding: 0px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: url(/images/mcgruff/subpage/main_body_bg.gif) #419BC4 bottom right no-repeat;
}
	table.generalBody td.content {
		background-image: none;
		padding:0px;
	}
.lightBlue {
	background-color: #419BC4;
}
td.lightBlueHeader {
	background:url(/images/mcgruff/subpage/blueside_bg.gif) repeat-y #419BC4;
}
.darkBlue {
	background-color: #203385;
}
td.content ul {
	padding:0px;
	margin-left: 18px;
}
td.content p {
	margin: 3px 0px 12px 0px;
	font-size: 11px;
}

td.content td {
	font: normal 11px verdana, helvetica, sans-serif;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color:black;
	font-weight:bold;
	margin: 0px 0px 0px 0px;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:black;
	font-weight:bold;
	margin: 0px 0px 0px 0px;
}
/* Footer styles*/
table.footer{
	color:white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-left: 125px;
	margin-top:15px;
}
p.footer {
	color:white;
}
/* these are for subpage footers */
td.subFooter {
	background: url(/images/mcgruff/subpage/tmp_footer5.gif) repeat-x;
}
td.footLinks {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	background-color: #419BC4;
	color: #211C5D;
	padding-left: 63px;
}
	td.footLinks a {
		color: #211C5D;
	}
	td.footLinks a.active {
			}
td.footCopyright {
	background-color: #419BC4;
		color:white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
}
/* Random subpage styles */
#comics {
	padding:0px;
}
	.announcement {
		color: #1F1A56;
		font-weight:bold;	
	}
	#comics .thumbDescription{
		padding-top:3px;
	}
	.comicSummary {
		color:white;
		font: bold 12px verdana, arial, helvetica, sans-serif;
	}
		.comicSummary p,comicArticles p{
			font-size:10px;
		}
		comicSummary h1{
			color:white;
		}
		.comicArticles {
			padding: 0px 0px 0px 20px;
			font-weight:bold;
			color: #211C5D;
		}
			.comicArticles a {
				color: #FFC406;
				font: bold 12px verdana, arial, helvetica, sans-serif;
			}
			.comicArticles ul {
				margin-top:5px;
			}
			.comicArticles li {
				margin-bottom:5px;
				font-size:10px;
			}
	.pageCount {
	    font: bold 10px verdana, helvetica, sans-serif;
	    color: white;
	}
	
#problems {
}
	table.problems{
		width:442px;
	}
	table.problems h2 {
		font-size: 14px;
		color: #130F44;
	}

		table.problems td.border {
			background-color:#0C4F6E;
			padding:0px;
			margin:0px;
			width:3px;
		}
		table.problems td.padding {
			background: #8CD4F5;
		}	
		table.problems td.main {
			background:url(/images/mcgruff/subpage/prob_tableBG.gif) no-repeat #8CD4F5;
			padding:0px 10px 0px 0px;
			width:419px;
		}
		table.problems td.article {
			background:url(/images/mcgruff/subpage/probArt_tableBG.gif) no-repeat #8CD4F5;
			padding:0px 10px 0px 0px;
			width:441px;
		}
			table.problems td.article img.right{
				margin-left:10px;
			}
		table.problems p.read {
			margin:0px;
			padding:0px;
		}
		table.problems div.article {
			padding: 5px 0px 3px 0px;
		}

			table.problems .article li {
				font-size: 10px;
			}

			table.problems .article img {
				margin-top:3px;
			}
/* COMIC */
td.cartoonHeader {
	background:url(/images/mcgruff/subpage/header_comicbar.gif) no-repeat #419BC4;
}
.cartoonTitle {
		color: #FFF500;
		font-size:24px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		text-align:center;
		width:450px;
		font-weight:bold;
		margin:0px;
/*		position:absolute;*/
	}
#cartoon,#game {
	text-align:center;
	margin-top:15px;
	margin-bottom:10px;
}	
	#cartoon p {
		color:white;
	}
/* FUN STUFF */
#activities {
	padding-bottom:20px;
}
	#activities p {
		font-weight: bold;
		color: #F8E100;
		text-align:center;
	}
/* GAMES */
#game {
}

/* SCRUFF */
#scruff, #scruff p{
	font: normal 10px verdana, helvetica, sans-serif;	
}

#scruff .error {
	font: bold 10px verdana, helvetica, sans-serif;
	color: red;
}

#scruff td.sceneitem {
	background: url(/images/mcgruff/subpage/sceneitembg.jpg) repeat-y #211C5D;
}

#scruff td.sceneitem  a, #scruff td.sceneitem  a:visited{
	font: bold 12px verdana, helvetica, sans-serif;	
	color: white;
}

#scruff .whatson {
	background: url(/images/mcgruff/subpage/wwsdWhatsOnbg.gif) repeat-y #FCE9B5;
	font: normal 10px verdana, helvetica, sans-serif;
	color: black;
	padding-left: 15px;
	padding-right: 15px;
}

#scruff .whatscruff {
	background: url(/images/mcgruff/subpage/wwsdWhatScruffbg.gif) repeat-y #6EC4EB;
	font: normal 10px verdana, helvetica, sans-serif;
	color: black;
	padding-left: 15px;
	padding-right: 90px;
}

#scruff td.answertext {
	background-color: #52A5CB;
	font: normal 12px verdana, helvetica, sans-serif;
	color: black;
}

#scruff td.answertitle {
	background-color: #52A5CB;
	font: bold 12px verdana, helvetica, sans-serif;
	color: Yellow;
}

#scruff .instructions {
	font: bold 11px verdana, helvetica, sans-serif;
	color: #211C5D;
}

#scruff .sceneheading {
	font: bold 16px verdana, helvetica, sans-serif;
	color: white;
	padding-left: 14px;
}

#scruff input.username {
	border: 1px solid black;
	width: 160px;
	height: 20px;
}

#scruff input.userage {
	border: 1px solid black;
	width: 60px;
	height: 20px;
}

#scruff textarea.answer {
	border: 1px solid black;
	width: 300px;
	height: 70px;
	font: normal 12px verdana, helvetica, sans-serif;
}


/* SITEMAP */
#sitemap {
	margin-top:15px;
	margin-bottom:10px;
	padding:0px 20px 0px 20px;
}
	#sitemap p {
		
	text-align:center;
	}
	#sitemap .row {
	}
	#sitemap .left {
		float:left;
		width:48%;
		text-align:left;
	}
	#sitemap .right {
		float:right;
		width:48%;
		text-align:left;
	}
	#sitemap h2 {
		margin:0px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:14px;
		border-bottom:2px solid #F2B100;
		color:#419BC4;
	}
		#sitemap h2 a{
			text-decoration:none;
			color:white;
			font-weight:bold;
		}
	#sitemap a {
		color:white;
	}
	#sitemap ul {
		margin-top:0px;
		list-style-image: url(/images/mcgruff/subpage/sitemapbullet.gif);
		padding:0px;
		margin-left:18px;
	}
	#sitemap li {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
	}
		#sitemap li a {
			color: white;
			font-weight:bold;
		}
#links {
	width: 500px;
	margin-left:50px;
}

.kids { font-size: 12px; }
p.kids { font-size: 12px; }
li.kids { font-size: 12px; }