body {
margin-top: 15px;
}
body, #maincontent td {
font-family: verdana;
font-size: 11px;
line-height: 15px;

}
body {
/* background-color:#E5E5E5; */
background-color:#f0f0e0;
}

button {
/* background-color:#E5E5E5; */
height:20px;
font-family: verdana;
font-size: 11px;
vertical-align:top;
line-height: 15px;
}
.button {
/* background-color:#E5E5E5; */
height:20px;
font-family: verdana;
font-size: 11px;
vertical-align:top;
line-height: 15px;
}

#maincontent {
background-color: #FFF;
width: 902px;
border: solid 1px black;
background-image: url(images/topheader900-5.gif); 
background-repeat:no-repeat;
}

#maincontent img {
border: 0px;
padding: 0px;
margin: 0px;
}

#maincontent h2,#maincontent p {
margin: 0;
}

#mininav {
	height: 18px;
	font-size: 10px;
	padding-right: 5px;
	color: white;
	text-align: right;
}

#mininav a {
	color: white;
	text-decoration:none;
}
#mininav a:hover {
	text-decoration:underline;
}

#textBody td.textBodyTD
{
	color: Black;
	line-height: 16px;
	padding:20px;
	text-align: left;
}

#mainbody {
	height: 100%;
}

.feature {
padding: 10px 15px;
}

.feature h2 {
font-family: arial;
font-weight: bold;
font-size: 16px;
line-height: 18px;
width: 260px;
}

.feature h2 a {
color: black;
text-decoration: none;
}
.feature h2 a:visited {
color: black;
text-decoration: none;
}

.feature h2 a:hover {
text-decoration: underline;
}

/*why didn't this work on the .feature class? (MANI: class styles cant have subgroups that overwrite standard tags, only id styles can. #something can have #something (html tag) but .something has no control over .something (html tag) *note this is fixed in CSS3 but not available is most browsers now.) */
#feature1 p, #feature2 p, #feature3 p, #feature4 p 
{
    margin-bottom: 10px;
}

#feature1, #feature2, #feature3,#feature4 {
border: 1px solid #000;
border-right: none;
border-bottom: none;
}

#feature1 {
border-left: none;
}
.learnmore {
	font-family: arial;
	font-weight: bold;
	font-size:12px;
}

.learnmore a {
	color:Black;
	text-decoration:none;
}
.learnmore a:visited {
	color:black;
	text-decoration:none;
}
.learnmore a:hover {
	color:navy;
	text-decoration:underline;
}



* html a:hover {
visibility:visible;
}

#networkfooter {
text-align: center;
margin-top: 5px;
font-size: 10px;
}

#networkfooter a {
color: #000;
text-decoration: none;
}

#networkfooter a:hover {
text-decoration: underline;
}

span.menuHeader
{
	font-size: 14px;
	color:	black;
	/*font-weight: bold;*/
}

A.menuHeader	
{
	font-size: 12px;
	text-decoration:	none;
	color:	black;
	font-weight: bold; 
	}	
		
A.menuHeader:visited	{	
	text-decoration:	none;
	color:	black;
	font-weight: bold;
	}	
		
A.menuHeader:active	{	
	text-decoration:	none;
	color:	black;
	font-weight: bold;
	}	
		
A.menuHeader:hover	{	
	text-decoration:	none;
	color:	black;
	font-weight: bold;
	}

h3.Header
{
	color:Black;
	padding-bottom: 5px;
}	

#catlanding 
{
    margin-top:50px;
    background-image: url(images/catlandingbg.jpg);
    background-position:bottom left;
    background-repeat:no-repeat;
    height:500px;
}
#catlandingtext
{
    width:610px;
    display:block;
    padding-left:250px;
}