body
{
	font-family: "Comic Sans MS", arial, helvetica, serif;
	font-size: 80%;
	background: #313131 no-repeat 6000px 6000px;
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	text-align: center;
}

img {
	border: 0;
}

#contentContainer
{
	width: 690px;
	text-align: left;
	min-width: 500px;
	margin-left: auto;
	margin-right: auto;
	background-color: black;
	padding: 0em 2em 2em 2em;
	z-index: 200;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 690px;
}

.footerP {
	font-size: .75em;
	color: white;
}

/* *****************
 * color corners *
 ***************** */

.contentWrapper
{
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: 30px;
	margin-right: 30px;
	padding: 0px;
	border: 0px;
}

.contentWrapper1
{
	top: 0;
	left: 0;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	padding: 0;
	border: 0;
	text-align: left;
	z-index: 2;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 100%;
}

html>body .contentWrapper1 { width: 100%; }

.contentWrapper2
{
	top: 0;
	left: 0;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	padding: 0;
	border: 0;
	text-align: left;
}

.contentWrapper3
{
	width: 300px;
	margin-top: 120px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	/* Opera 4 doesn't like the 'margin' shorthand when using auto */
	padding: 0px;
	border: 0px;
	text-align: left;
	/* 2nd part of IE5-5.5 centering hack */
}

.contentWrapper4
{
	position: absolute;
	z-index: 99;
	top: 0;
	right: 0;
}

.contentWrapperStore{
	/* without this, IE/win will clip the div's contents at the border of the parent element */
	z-index: 99;
	float: left;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	padding: 0;
	border: 0;

}

.contentWrapper5
{
	float: left;
	width: 100px;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	padding: 0px;
	border: 0px;
}

.contentWrapper6
{
	float: right;
	width: 100px;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	padding: 0px;
	border: 0px;
}

.contentWrapper7
{
	position: relative;
	/* without this, IE/win will clip the div's contents at the border of the parent element */
	z-index: 99;
	float: left;
	width: 100px;
	margin-top: 0px;
	margin-bottom: 14px;
	margin-left: -30px;
	margin-right: 10px;
	padding: 0px;
	border: 0px;
}

.content, .content1, .content2, .content3, .content4, .content5, .content6, .content7, contentKitty
{
	margin: 0px;
	padding: 0px;
}

.content1
{
	border: 1px solid #99CCCC;
	background-color: #99CCCC;
	color: #330000;
}

.content2
{
	border: 1px solid #99CCCC;
	background-color: #99CC99;
}

.content3
{
	border: 1px solid #CC9999;
	background-color: #CC9999;
}

.content4
{
	border: 1px solid #6699CC;
	background-color: #6699CC;
}

.contentKitty
{
	border: 1px solid #339966;
	background-color: #339966;
}


.content1 h1, .content1 h2, .content1 p,
.content2 h1, .content2 h2, .content2 p, .content3 h1, .content3 h2, .content3 p,
.content4 h1, .content4 h2, .content4 p, .content5 h1, .content5 h2, .content5 p,
.content6 h1, .content6 h2, .content6 p, .content7 h1, .content7 h2, .content7 p
{
	margin-left: 5px;
	margin-right: 5px;
}

/* ************************************
 * classes needed for rounded corners *
 ************************************ */

.roundedCornerSpacer
{
	margin: 0px;
	padding: 0px;
	border: 0px;
	clear: both;
	font-size: 1px;
	line-height: 1px;
}

.borderTL, .borderTR, .borderBL, .borderBR
{
	width: 14px;
	height: 14px;
	padding: 0px;
	border: 0px;
	z-index: 99;
}

.borderTL, .borderBL
{
	float: left;
	clear: both;
}

.borderTR, .borderBR
{
	float: right;
	clear: right;
}

.borderTL { margin: -1px 0px 0px -1px; }
.borderTR { margin: -1px -1px 0px 0px; }
.borderBL { margin: -14px 0px 0px 0px; }
.borderBR { margin: -14px 0px 0px 0px; }

/* IE5-5.5/win needs the border scooted to the left or right by an
   additional 3px!   Why?  */

.borderTL
{
	margin-left: -4px;
	ma\rgin-left: -1px;
}

html>body .borderTL { margin-left: -1px; }

.borderTR
{
	margin-right: -4px;
	ma\rgin-right: -1px;
}

html>body .borderTR { margin-right: -1px; }

.borderBL
{
	margin-left: -3px;
	ma\rgin-left: 0px;
}

html>body .borderBL { margin-left: 0px; }

.borderBR
{
	margin-right: -3px;
	ma\rgin-right: 0px;
}

html>body .borderBR { margin-right: 0px; }

/* **********************
 * transparent rounded corners *
 ************************ */

div.ArticleContainer
{
	margin-top: 40px;
	margin-left: auto;
	margin-right: auto;
	right: auto;
	width: 80%;
}

div.ArticleContainerTwo
{
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	right: auto;
	width: 75%;
}

div.Article,
div.Article h3,
div.Article h4,
div.ArticleBody,
div.ArticleFooter,
div.ArticleFooter p,
div.ArticleTwoFooter p
{
	background: url("../images/custom_corners_one.gif");
	z-index: 1;
}

div.Article
{
	background-position: top left;
	position: relative;
}

div.Article h3
{
	position: relative;
	background-position: top right;
	font-size: 1em;
	padding: 15px;
	padding-left: 0;
	padding-bottom: 1px;
	margin: 0;
	right: -8px;
}

div.Article h4
{
	position: relative;
	background-position: top right;
	font-size: .8em;
	padding: 5px;
	padding-left: 0;
	padding-bottom: 1px;
	margin: 0;
	right: -8px;
	text-align: center;
}

div.ArticleBody
{
	background-position: 100% -10px;
	margin: 0;
	padding: 15px;
	padding-top: 1px;
	padding-left: 0;
	padding-bottom: 1px;
	position: relative;
	right: -8px;
}

div.ArticleFooter
{
	background-position: bottom left;
	position: relative;
	top: 7px;
}

div.ArticleFooter p
{
	background-position: bottom right;
	padding: 15px;
	padding-top: 1px;
	padding-left: 0;
	margin: -1em 0 0 0;
	position: relative;
	right: -8px;
	font-size: .80em;
	text-align: center;
}

/* **********************
 * dropDown list set-up *
 ************************ */

#box
{
	font-size: 1.2em !important;
	font-weight: bold;
	margin: auto;
	padding: 0px 0px 10px 0px;
	width: 690px;
	height: 1.5em;
	background-color: transparent;
	text-align: left;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 690px;
	z-index: 900;
}

html>body #box { width: 690px; }

.subs a
{
	display: block;
	height: 23px;
	background-color: black;
	z-index: 800;
}

#menucont
{
	color: green;
	background-color: black;
	width: 690px;
	height: 20px;
	position: absolute;
	z-index: 900;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 690px;
}

html>body #menucont { width: 690px; }

.menublock, .display
{
	float: left;
	width: 6.3em;
	background-color: black;
}

.subs { background-color: black; }
.menublock .subs { display: none; }

a.tl, a.tl:hover, a.tl:active, a.sl, a.sl:hover, a.sl:active
{
	display: block;
	text-decoration: none;
	color: green;
	background-color: black;
	margin: 1px;
	padding: 2px;
	border: none;
	text-align: center;
	font-weight: bold;
	z-index: 900;
}

a.tl:hover, a.tl:active , a.sl:hover, a.sl:active
{
	color: white;
	text-align: center;
	z-index: 900;
}

a.sl, a.sl:hover, a.sl:active { text-align: center; }
* html .display a { background: black; }
* html #menucont { background: none; }

/* page specific css*/

/* begin aboutUs.html styles*/

p.aboutUsPara
{
	padding: .10em 0.5em 0.5em 0.5em;
	margin: 0;
	font-size: 1em;
}
h1 { margin: 0; font-size: 1.3em; font-weight: normal; }
h2 { padding: 0.5em; margin: 0; font-size: 1em; font-weight: bold; }
ul.leftAboutUsList {
	width: 86%;
	padding: 0 5px 5px 15px;
	text-align: left;
	margin-left: -10px;
	margin-bottom: 1em;
	color: #000033;
	list-style: none;
}

li.aboutUsList, a.aboutUsList, a.aboutUsList:active, a.aboutUsList:visited  {
	color: #000033;
	text-decoration: none;
	background-color: #6699CC;
	text-align: left;
	left: -3px;
	font-size: 1em;
}

a.aboutUsList:hover {
	text-decoration: underline;
}

a.aboutUsList:visited {
	color: #000033;
}

.linkLinks {
	color:white;
	text-align: left;
}

/* end aboutUs.html styles*/

/* begin news.html styles*/

p.newsBody
{
	margin: 5px 10px 5px 10px;
	color: #330000;
	text-align: left;
	vertical-align: top;
	padding: .5em;
}

li.newsList, a.newsList, a.newsList:active, a.newsList:visited  {
	color: #330000;
	text-decoration: none;
	background-color: #99CCCC;
	text-align: left;
	left: -3px;
	font-size: 1em;
}

a.newsList:hover {
	text-decoration: underline;
}

a.newsList:visited {
	color: #996;
}

.linkLinks {
	color:white;
	text-align: left;
}

/* end news.html styles*/

/* begin kittyMon.html styles*/

ul.leftKittyList {
	width: 86%;
	padding: 0 5px 5px 30px;
	text-align: left;
	margin-left: -10px;
	margin-bottom: 1em;
	color: #000033;
	list-style: none;
}

li.kittyList, a.kittyList, a.kittyList:active, a.kittyList:visited  {
	color: #000033;
	text-decoration: none;
	background-color: #339966;
	text-align: left;
	left: -3px;
	font-size: 1.1em;
}

a.kittyList:hover {
	text-decoration: underline;
}

a.aboutUsList:visited {
	color: #000033;
}

/* end kittyMon.html styles*/