html{
color:#000;
background-color:#E0E0E0
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
	margin:0;padding:0;
}
body {
	font:13px/1.231 arial,helvetica,clean,sans-serif;
	*font:12px/1.231 arial,helvetica,clean,sans-serif;
	*font:x-small; 
	background-color:#E0E0E0;
}
fieldset,pre {
	margin-bottom:1em;
}
address,caption,cite,code,dfn,em,strong,th,var{
font-style:normal;
font-weight:normal;
}
table{
border-collapse:collapse;
border-spacing:0;
font-size:inherit;
font:100.01%;
border: none;
}
th,td {
	/*borders and padding to make the table readable*/
	border: none;
	padding:0.3em;
}
th{
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:left;
}

fieldset,img{
border-style: none;
	border-color: inherit;
	border-width: 0;
	height: 284px;
	width: 321px;
	margin-left: 0px;
}
fieldset
{
    border: 1px solid #555555;
    padding: 10px;
}
legend
{
    background: #FFFFFF;
    padding: 5px;
}
caption {
	/*coordinated margin to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
q:before,q:after{
	content:'';
}
abbr,acronym {
border:0;
font-variant:normal;
}
textarea{
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
input, select {
    font:13px/1.231 arial,helvetica,clean,sans-serif;
    *font-size:small;
    *font:x-small;
}
label
{
    padding: 0 5px;
}
/*to enable resizing for IE*/
input,textarea,select{
    *font-size:100.01%;
}
/*because legend doesn't inherit in IE */
legend{
    color:#000;
}
/* to preserve line-height and selector appearance */
sup {
    vertical-align:text-top;
}
sub {
    vertical-align:text-bottom;
}
h1 {
	/*20px*/
	font-size:153.8%;  
}
h2 {
	/*18px*/
	font-size:138.5%; 
}
h3 {
	/*16px*/
	font-size:123.1%;  
}
h1,h2,h3 {
	/* top & bottom margin based on font size */
	margin:1em 0;
}
h1,h2,h3,h4,h5,h6,strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
}
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
blockquote,ul,ol,dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}

ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	margin-left:1.8em;
}
li{list-style:none;}
ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}
ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}
dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}

#body1
{
	margin:0 0px 0px 110px;
}

#leftbar
{
	float:left;
	width: 30px; 
	height:500px;
	background-position: right;
	background-image: url(../Images/leftbar.PNG);
	background-repeat: no-repeat;
	
}

#rightbar 
{
	float:left;
	width:14px;
	height:500px;
	background-position: left;
	background-image:url('../Images/rightbar.PNG');
	background-repeat: no-repeat;
	
}
	
#maincontent
{
	float:left;
	width:871px;
	height:500px;
	background-color:White;
	margin:0px;
}


#footercontent
{
	clear: both;
	background-image: url('../Images/footer2.PNG');
	background-repeat: no-repeat;
	margin-left:19px;
	height:150px;
	width: 933px;
	
}

.top-nav{
	margin:0;padding:0;
}
.top-nav li{
	margin:0;
	padding:0;
	list-style:none;
	float: left;
}
.top-nav li a{
	display:block;
	cursor:pointer; 
	border: none;
	text-decoration:none;
}	

.top-nav li.home a{
	position: absolute;
	top: 108px;
	left: 437px;
	height: 25px;
	width: 58px;
	background-image: url('../Images/homeoff.PNG');
	
}

.home li.home a, .top-nav li.home a:hover{
	position: absolute;
	top: 108px;
	left: 439px;
	height: 25px;
	width: 59px;
	background-image: url('../Images/home.PNG');
}
.top-nav li.aboutkaty a{
	position: absolute;
	top: 108px;
	left: 503px;
	height: 24px;
	width:105px;
	background-image:url('../Images/aboutkatyoff.PNG');
}

.aboutkaty li.aboutkaty a, .top-nav li.aboutkaty a:hover
{
	position: absolute;
	top: 108px;
	left: 502px;
	height: 25px;
	width:106px;
	background-image:url('../Images/aboutkaty.PNG');
}


.top-nav li.parents a{
	 position: absolute;
	 top: 109px;
	 left: 618px;
	 height: 24px;
	 width:72px;
	 background-image:url('../Images/parentsoff.PNG');
}

.parents li.parents a, .top-nav li.parents a:hover
{
	position: absolute;
	 top: 108px;
	 left: 616px;
	 height: 25px;
	 width:76px;
	 background-image:url('../Images/parents.PNG');
}

.top-nav li.teachers a{
	 position: absolute;
	 top: 108px;
	 left: 696px;
	 height: 25px;
	 width:89px;
	 background-image:url('../Images/teachersoff.PNG');
}

.teachers li.teachers a, .top-nav li.teachers a:hover
{
	 position: absolute;
	 top: 108px;
	 left: 699px;
	 height: 25px;
	 width:88px;
	 background-image:url('../Images/teachers.PNG');
}

.top-nav li.presenters a{
	 position: absolute;
	 top: 109px;
	 left: 792px;
	 height: 25px;
	 width:103px;
	 background-image:url('../Images/presentersoff.PNG');
}

.presenters li.presenters a, .top-nav li.presenters a:hover
{
	 position: absolute;
	 top: 109px;
	 left: 791px;
	 height: 25px;
	 width:105px;
	background-image:url('../Images/presenters.PNG');
}

.top-nav li.kidscorner a{
	position: absolute;
	top: 109px;
	left: 917px;
	height: 25px;
	width:128px;
	background-image:url('../Images/kidscorneroff.PNG');
}

.kidscorner li.kidscorner a, .top-nav li.kidscorner a:hover
{
	position: absolute;
	top: 109px;
	left: 918px;
	height: 25px;
	width:127px;
	background-image:url('../Images/kidscorner.PNG');
}

.ptitle
{
	color:#FF0066;
	text-align:center;
	font-size:21px;
	font-weight:600

}

#hovermark a:link
{
    color:#FF0066;
    text-decoration:none;
}

#hovermark a:hover
{
    color:#6B94F1;
    text-decoration:Underline;
}

#lst1, #lst2, #lst3, #lst4, #lst5, #lst6, #lst1 a:link, #lst2 a:link, #lst3 a:link, #lst4 a:link, #lst5 a:link, #lst6 a:link, #lst8 a:link
{
    color:Black;
    list-style-type: disc;
    font-size: 15px;
    text-align: left;
    line-height: 25px;
    text-decoration:none;
}
 #lst1 a:visited, #lst2 a:visited, #lst3 a:visited, #lst4 a:visited, #lst5 a:visited, #lst6 a:visited, #lst8 a:visited
 {
     color:Black;
    list-style-type: disc;
    font-size: 15px;
    text-align: left;
    line-height: 25px;
    text-decoration:none;
 }
 
#lst1 a:hover, #lst2 a:hover, #lst3 a:hover, #lst4 a:hover, #lst5 a:hover, #lst6 a:hover, #lst8 a:hover 
{
    color:Black;
    list-style-type: disc;
    font-size: 15px;
    text-align: left;
    line-height: 25px;
    text-decoration:Underline;
   
   
}
#lst7
{
    color:Black;
    list-style-type: disc;
    font-size: 15px;
    text-align: left;
    line-height: 25px;
    text-decoration:none;
   
   
}