/* created: August 2009 by Sylvia Ann Meadows or S A Meadows also known as m3cats www.sameadows.com */


body {
   margin: 0 auto;
   background-color: #9bc5e7;
   background-image: url(../images/bckgrnd/body_m3cats2009.png);
   background-position: top;
   background-repeat: repeat-x;
   font-family: Arial, Helvetica, sans-serif;
   color: black;
   font: 100%;
   line-height: 130%;
}

/*  hold all divs on webpage  */
#wrapper {
   margin: 0px auto 0px auto;
   width: 798px;
   background-color: #e6f4fd;
   background-image: url(../images/bckgrnd/container_m3cats.png);
   background-position: left top;
   background-repeat: repeat-y;
}
/*  hold logo - website top   */
#pageHeader {
   width: 795px;
   height: 140px;
   background-color: #dff3fe;
   background-image: url(../images/bckgrnd/m3cats.jpg);
   background-repeat: no-repeat;
   background-position: top;
}

/*  hold all divs on webpage except header */
#container {
   position: relative;
   width: 798px;
   background-color: #9ac5e7;
}


/* --  Main Content -- */
#mainContent {
   position: relative;
   top: 0px;
   left: 0px;
   bottom: 10px;
   width: 515px;
   padding: 40px 20px 40px 15px;
   background-color: #9ac5e7;
   background-image: url(../images/bckgrnd/container_550.jpg);
   background-position: top;
   background-repeat: repeat-y;
}

/* --  TOP NAVIGATION right column main nav -- */
#mainNav {
   position: absolute;
   top: 0px;
   right: 124px;
   width: 120px;
   height: 750px;
   background-color: #9bc5e7;
   background-image: url(../images/bckgrnd/highlight_nav.jpg);
   background-repeat: repeat-x;
   background-position: top;
}
      		
	#mainNav a, #mainNav a:link, #mainNav a:visited  {
   color: black;
   background-color: transparent;  
   text-decoration: none;
   
}
      		
	#mainNav a:hover, #mainNav a:active, #mainNav a:focus  {
   text-decoration: none;
   color: white;
   background-color: black;
}	
	#mainNav ul  {
   margin: 30px 0px 0px 0px;
   padding: 4px 4px 4px 4px;
}
	#mainNav li {
   font-size: 90%;
   list-style: none;
   padding-bottom: 6px;
}

/* --  END  TOP NAVIGATION right column -- */
/* Google AdSense */
 #googleAd {
   position: absolute;
   top: -136px;
   right: 0px;
   height: 750px;
   width: 125px;
   margin: 0px 0px 0px 0px;
   background-color: #e6e6e6;
   clear: both;
} 

/* 
footer of plain test links */
html>body #footer {margin-left: 0;}

#footer  {
   position: relative;
   left: 0px;
   height: 270px;
   width: 798px;
   padding-top: 60px;
   background-color: #9bc5e7;
   background-image: url(../images/bckgrnd/reflectionFter.jpg);
   background-repeat: no-repeat;
   background-position: top;
}
#footer p {
text-align: center;
font-size: 9pt; 
line-height: 14pt;
padding: 0px 0px 0px 0px; 
}	
#footer a {
   text-decoration: underline;
   color: black;
   background-color: transparent;
}
#footer a:hover {
   text-decoration: underline;
   color: white;
   background-color: black;
}  
#footer .copyright {  
padding: 0px 0px 0px 0px; 
}
#footer .closing {
   padding: 15px 0px 0px 0px; 
   font-size: 12pt; 
}

 
 



/* TEXT STYLES */

h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, abbr, acronym,  span.abbr {
	color: Black;
}
abbr, acronym,  span.abbr {
	border-bottom: 1px dotted #ccc;
	cursor: help;
	font-weight: normal;
}


h1 {
	font-size: 115%;
	padding-bottom: 10px;
}
h2 { 
	font-size: 100%; 
}
h3 {
	font-size: 95%; 
}
h4 { 
	font-size: 90%;
}
h5 { 
	font-size: 85%; 
}
h6 {
	font-size: 80%;
	padding: 15px 10px 15px 10px;
}


p, dt {
   font-size: 90%;
   margin: 0px 0px 0px 0px;
   padding: 8px 2px 0px 6px;
   text-align: left;
}


ol, dl {
   font-size: 90%;
   margin-left: 20px;
   padding: 6px 2px 10px 10px;
} 
ul {
   font-size: 90%;
	margin: 0px 0px 0px 20px;
   padding: 6px 2px 10px 10px;
}

ul.cats {
	list-style: none outside url(../images/bckgrnd/3catList.gif);
	text-align: left;
	font-size: 90%;
	margin: 10px 1px 25px 20px;
	padding: 4px 8px 4px 25px;
}
ul.one {
	list-style: none outside url(../images/bckgrnd/catbt.jpg);
	text-align: left;
	font-size: 90%;
	margin: 10px 1px 25px 20px;
	padding: 4px 8px 4px 25px;
}

li, dd {
	font-size: 90%;
	margin: 0px 0px 0px 0px;
	padding: 2px 2px 2px 3px;
	text-align: left;
}

a {
	text-decoration: underline;
}
	
a:link {
	color: black;
	background-color: white;
}

a:visited {
	color: Navy;
	background-color: white;
}

.txtsmwhte
{
	text-align: center;
	font-size: 70%;
	background-color: black;
	color: #FFFFCC;
}
/* styles for divs */
.dash
{
	border: 1px dashed #B6B14C;
	text-align: center;
}

#cntr
{
	padding: 15px 5px 15px 5px;
	text-align: center;
	width: 95%;
   background: white;
	clear: both;
}

.chngbck
{
   color: black;
   background-color: #ffffec;
   text-align: center;
   border: 1px solid ActiveBorder;
}
.chngColor
{
   color: GrayText;
   background-color: #ffffec;
}

.whtClr
{
	color: white;
	background-color: #535053;
	text-align: center;
}

/* styles for images */
.imgClr
{ 
border: none;
padding: 0px 0px 0px 0px;
float: none;
clear: both;
}

.btfloat
{
	border: none;
	padding: 0px 0px 0px 0px;
	float: none;
	clear: both;
}

.imgzeroborder
{
	border: none;
	padding: 0px 4px 0px 1px;
	float: none;
	clear: both;
}

fieldset {
padding: 5px 10px 5px 10px;
	
}

.youTubeSize {
height: 350px;
width: 425px;
	
}