/* ======General Rules====== */

.text {
	font-weight:normal;
	font-size:13px;
	font-family:"Arial", "Helvetica", "sans-serif";
	color:#000000;
	}
	
.context {
	font-weight:normal;
	font-size:16px;
	font-family:"Arial", "Helvetica", "sans-serif";
	color:#000000;
	}

.footer {
	font-weight:normal;
	font-size:11px;
	font-family:"Arial", "Helvetica", "sans-serif";
	color:#000000;
	}
	
.cen {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	}
	
.little {
	font-weight:normal;
	font-size:9px;
	font-family:"Arial", "Helvetica", "sans-serif";
	color:#000000;
	}
	
.bigish {
	font-weight:bold;
	font-size:18px;
	font-family:"Arial Black", "Arial", "Helvetica", "sans-serif";
	color:#000000;
	}

.big {
	font-weight:bold;
	font-size:24px;
	font-family:"Arial Black", "Arial", "Helvetica", "sans-serif";
	color:#000000;
	}

.blu {
	color:#0a039e;
	}
	
.red {
	color:#ff0000;
	}
	
.fun {
	color:#e70a91;
	}
	
.faq {
	color:#146210;
	}

.recipe {
	padding-left:15px
	}

.content {
	background-color:#0ad9e7;
	background-image:url(images/splotches.gif);
	background-repeat:repeat;
	padding:0 0 0 0;
	margin:0 0 0 0;
	}

.formcontent {
	background-color:#ffffff;
	padding:0 0 0 0;
	margin:10px 10px 10px 10px;
	border: solid 1px #000000;
	font-weight:normal;
	font-size:13px;font-family:"Arial", "Helvetica", "sans-serif";
	color:#000000;
	width:95%;
	}

#contentstuff {
	position:absolute;
	left:165px;
	top:40px;
	width:675px;
	background-color:#0ad9e7;
	}

.mar{
	margin:10px;
	}	

li {
	list-style:outside disc;
	margin-top:5px;
}

li.num {
	list-style:outside decimal;
	margin-top:5px;
}

li.let {
	list-style:outside lower-alpha;
	margin-top:5px;
}

.fl {
	float:left;
	margin-right:10px;
	margin-bottom:5px;
	}
	
.fr {
	float:right;
	margin-left:10px;
	margin-bottom:5px;
	}

hr {
	width:85%;
	color:#000000;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:10px;
	text-align:center;
	height:2px;
	}
	
.booklist {	
	vertical-align:text-top;
	margin-right:10px;
	margin-bottom:15px;
	float:left;
	border-style:none
	}
	
.balltab {	
	vertical-align:middle;
	margin-right:7px;
	margin-top:7px
	margin-bottom:7px;
	border-style:none
	}


dt {
	margin-top:15px;
	}
	
/* =======Popup Rules======= */

.popcontent {
	background-color:#0ad9e7;
	background-image:url(images/rainbow_side.gif);
	background-repeat:repeat-y;
	padding:0 0 0 0;
	margin:0 0 0 0;
	}

#popheader {
	position:absolute;
	background-color:#0ad9e7;
	background-image:url(images/splotches.gif);
	background-repeat:repeat;
	width:100%;
	height:50px;
	left:50px;
	top:0px;
	padding:0 0 0 0;
	margin:0 0 0 0;
	z-index:2;
	border-bottom:solid 1px #0a039e;
	}

#poptitle {
	position:absolute;
	left:0px;
	top:7px;
	width:100%;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	z-index:4;
	}
	
.popcontentstuff {
	margin-left:60px;
	margin-right:10px;
	margin-top:75px;
	text-align:left;
	}

/* =======Navigation Rules====== */

.navtabs {
	padding-top:2px;
	}
	
.homenavtabs {
	padding:1px;
	}

a.textnav:link {
	color:#000000;
	text-decoration:underline;
	}

a.textnav:visited {
	color:#000000;
	text-decoration:underline;
	}

a.textnav:active {
	color:#000000;
	text-decoration:none;
	}

a.textnav:hover {
	color:#E31A19;
	text-decoration:none;
	}

a.redtextnav:link {
	color:#ff0000;
	text-decoration:underline;
	}

a.redtextnav:visited {
	color:#ff0000;
	text-decoration:underline;
	}

a.redtextnav:active {
	color:#ff0000;
	text-decoration:none;
	}

a.redtextnav:hover {
	color:#000000;
	text-decoration:none;
	}


a.footnav:link {
	color:#000000;
	text-decoration:none;
	border:none;
	}

a.footnav:visited {
	color:#000000;
	text-decoration:none;
	border:none;
	}

a.footnav:active {
	color:#000000;
	text-decoration:none;
	border:none;
	}

a.footnav:hover {
	color:#E31A19;
	text-decoration:underline;
	border:none;
	}

a.questnav:link  {
	color:#000000;
	text-decoration:none;
	
	}
	
a.questnav:hover  {
	color:#000000;
	text-decoration:none;
	
	}	
	
	
a.questnav:active  {
	color:#000000;
	text-decoration:none;
	
	}	
	
a.questnav:visited  {
	color:#000000;
	text-decoration:none;
	
	}		
	
	

/* ======Table Rules======= */

.stdcen{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	background-color:#0ad9e7;
	width:100%;
	font-weight:normal;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	border:none;
	border-spacing:0px;
	}
	
	
table.stdcen td {
	padding:3px;
	text-align:left;
	vertical-align:top;
	}	
	
	
	
.funstuff {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	background-color:#0ad9e7;
	width:100%;
	font-weight:normal;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	border: solid 2px #0a039e;
	border-spacing:0px;
	border-collapse:collapse;
	}
	
	
table.funstuff td {
	padding-left:3px;
	padding-right:3px;
	padding-top:9px;
	padding-bottom:9px;
	text-align:left;
	vertical-align:top;
	border-bottom: solid 1px #0a039e;
	}
	
table.funstuff th {
	padding:5px;
	text-align:center;
	vertical-align:top;
	border-bottom: solid 2px #0a039e;
	}	
		
.cal {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	background-color:#0ad9e7;
	width:600px;
	font-weight:normal;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	border: solid 2px #0a039e;
	border-spacing:0px;
	border-collapse:collapse;
	}
	
table.cal td {
	padding:5px;
	text-align:left;
	vertical-align:top;
	border: solid 1px #0a039e;
	}	

table.cal th {
	padding:5px;
	text-align:center;
	vertical-align:top;
	border-bottom: solid 2px #0a039e;
	}	

.quest {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	background-color:#0ad9e7;
	width:648px;
	font-weight:normal;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	border: solid 2px #0a039e;
	border-spacing:0px;
	border-collapse:collapse;
	}
	
table.quest td {
	text-align:center;
	vertical-align:middle;
	border:solid 1px #0a039e;
	}	

table.quest th {
	padding:5px;
	text-align:center;
	vertical-align:top;
	border-bottom: solid 2px #0a039e;
	}	
	
.cellw {
	background-color:#ffffff;
	}

/* ======Modern Browser Fixed Position Rules======= */

#navbar {
	position:fixed;
	left:5px;
	top:5px;
	width:165px;
	z-index:3;
	}
	
#titlebar{
	position:fixed;
	left:415px;
	top:5px;
	z-index:3;
	}
	
#titlebox{
	position:fixed;
	left:165px;
	top:0px;
	width:675px;
	height:40px;
	background-color:#0ad9e7;
	background-image:url(images/splotches.gif);
	background-repeat:repeat;
	padding:0 0 0 0;
	margin:0 0 0 0;
	z-index:2;
	}
	