body {
	margin : 0;
	padding : 0;
	font-family : Arial, Helvetica, Sans-serif;
	background-color : #ffff99;
	font-size: small;
}

/******* Splash Page Elements*****/

#splash {
	position : relative;
	width : 755px;
	height : 462px;
	margin : 60px auto 0 auto;
	background-image : url(../images/splash_bk.gif);
	background-repeat : no-repeat;
	z-index : 0;
}

#splashcontent {
	float : right;
	width : 490px;
	margin : 170px 0 0 0;
}

p.welcome {
	font-size : 32px;
	color : #006600;
	margin : 0;
	padding : 0;
}

p.school {
	font-size : 61px;
	color : #006600;
	margin : 0 0 0 137px;
	padding : 0;
	letter-spacing : -2px;
	line-height : 100%;
}

a.click {
	font-family : verdana, arial, helvetica, sans-serif;
	font-size : 20px;
	margin : 12px 0 0 137px;
	display : block;
}

a.click:link {
	text-decoration : none;
	color : #006600;	
}

a.click:visited {
	text-decoration : none;
	color : #006600;	
}

a.click:hover {
	text-decoration : none;
	color : Teal;
}

a.click:active {
	text-decoration : none;
	color : #006600;	
}


/********End Splash Page********/


/*********Cursor Style*********/

.spanstyle {
COLOR: #006600; 
FONT-FAMILY: Verdana, Arial, Helvetica, Sans-serif; 
FONT-SIZE: 8pt; 
FONT-WEIGHT: bold; 
position : relative;
top : -50px;
VISIBILITY: visible;
z-index : 100;
}

/*******Cursor Style End************/

/********Dropdown Menus**********/

#dropmenudiv {
position : absolute;
border-left:1px solid Yellow;
border-right:1px solid Yellow;
border-top:1px solid Yellow;
border-bottom:0px solid #fff; 
line-height:18px; 
font-style:normal; 
font-variant:normal; 
font-weight: bold;
font-size:12px; 
font-family : arial, helvetica, sans-serif;
margin : -35px 0 0 130px;
z-index : 40;
}

#dropmenudiv a {
width: 100%;
display : block;
text-indent: 3px;
border-bottom: 1px solid Yellow;
padding: 0;
text-decoration: none;
color : #fff;
background-color : #006600;
font-weight : bold;
}

/*hover background color*/
#dropmenudiv a:hover {
background-color: Yellow;
color:  #003300;
}



/*******Dropdown Menu End*******/

#container {
	position : relative;
	width : 780px;
	margin : 0 auto 0 auto;
	background-color : #ffff66;
	text-align : left;
	z-index : 0;
}

#header {
	width : 100%;
	background-color : #009933;
	z-index : -1;
}



#navhome {
	float : left;
	width : 173px;
	background-image : url(../images/menu_bk_home.gif);
	background-repeat : no-repeat;
}

#nav {
	float : left;
	width : 173px;
	background-image : url(../images/menu_bk.gif);
	background-repeat : no-repeat;
}

#menu {
	float : left; 
	width : 155px;
	height : 370px;
	margin-top : 10px;
}

#content {
	float : left;
	width : 607px;
}

h1, h2, h3, h4 {
	font-family : Arial, Helvetica, sans-serif;
	padding : 0;
	margin : 0;
}

#content p.text {
	margin : 7px 2px 4px 15px;
	padding : 0;
	display : block;
}


.title {
	font-size : 28px;
	text-align : left;
	color : #006600;
	margin : 5px 0 0 0;
	padding : 0 0 0 38px;
	background-image : url(../images/flower_header.gif);
	background-repeat : no-repeat;
}

# content h2 {
	background-image : none;
}

#kfloat {
	width : 400px;
	text-align : center;
	margin : 15px 0 0 60px;
}

#kfloat img {
	margin : 0 0 0 50px;
}

#content h1.medium {
	font-size : medium;
	text-align : left;
	color : #006600;
	padding : 2px 0;
	margin-top : 4px;
	background-image : none;
}

#introtext {
	font-family : arial, helvetica, sans-serif;
	font-size : 12pt;
	width : 281px;
	color : #006600;
	font-weight : bold;
}

#footer {
	clear : both;
	width : 100%;
	text-align : center;
	background-color : #ffff99;
	padding : 8px 0 0 0;
}

#footer ul {
	color : #031597;
	margin : 0;
	padding : 0 0 3px 0;
	line-height : 16px;
	} 

#footer ul li {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	list-style: none;
	padding : 0;
	margin : 0;
	color : Red;
	font-weight : bold;
	display: inline;
	}
	
#footer ul li a:link {
	text-decoration : none;
	color : #003300;
} 

#footer ul li a:visited {
	text-decoration : none;
	color : Purple;
} 

#footer ul li a:hover  {
text-decoration : underline;
color : #DF0C29;
} 

#footer ul li a:active  {
text-decoration : none;
color : #003300;
} 

#loginh {
	margin : 3px 0 0 30px;
	width : 38px;
	height : 15px;
}

#col1 {
	width : 265px;
	float : left;
	margin : 0 0 0 4px;
}

#col2 {
	width : 300px;
	font-size : small;
	float : left;
	margin : 35px 0 0 4px;
}

#counter {
float:left;
height:32px;
margin:12px 0 0;
position:relative;
top:227px;
width:285px;
}

#row1 {
	float : left;
	width : 440px;
	margin-top : 10px;
	margin-left : 30px;
}

#row2 {
	float : left;
	margin-top : 10px;
	width : 440px;
	margin-left : 30px;
}

#row3 {
	float : left;
	margin-top : 10px;
	width : 480px;
}

#newsbrd {
	float : right;
	font-size : small;
	width : 280px;
	height : 165px;
	background-image :  url(../images/news_bk.gif);
	background-repeat : no-repeat;
}

#photo {
	width : 288px;
	height : 225px;
	margin-top : 10px;
}

#happen {
	float : right;
	width : 262px;
	margin : 0 5px 0 0;
}

#wai {
	float : left;
	width : 88px;
	height : 31px;
	margin : -25px 0 0 0;
}

#wai img {
	border : 0;
}

A:link {
	text-decoration : underline;
	color : #990000;
}

A:visited {
	text-decoration : underline;
	color : Navy;
}

A:hover {
	text-decoration : underline;
	color : #FF3300;
}

A:active {
	text-decoration : underline;
	color : #006400;
}

#newsitems {
font-family:Arial,Helvetica,Sans-serif;
font-size:small;
height:150px;
margin-left:29px;
margin-top:33px;
text-align:center;
width:225px;
}

p.cpagerow {
	float : left;
	margin : 5px 0 0 40px;
}

a.cpage {
	float : left;
	width : 104px;
	height : 138px;
	display : block;
	margin-left : 15px;
	background-image : url(../images/cpage_bk.gif);
	background-repeat : no-repeat;
}

a:link.cpage {
	border : 0;
}

a:visited.cpage {
	border : 0;
}

a:hover.cpage {
	background-image : url(../images/cpage_over.gif);
	background-repeat : no-repeat;
	border : 0;
}

a:active.cpage {
	background-repeat : no-repeat;
	border : 0;
}

#cpage img {
	border : 0;
}

.kzone {
	padding : 3px 0;
}

.kidzone {
	padding : 2px 0;
}

#primarysite {
	clear : both;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	width : 780px;
	font-size : 12px;
	padding-top : 6px;
	color : #000;
	text-align : center;
	}

.sectionheading {
color: #FF0000;
}

a#Webawardsbttn {
display: block;
height: 70px; 
width: 136px;
color: #fff;
text-indent: -5000px;
margin-top: 33px;
margin-left: 30px;}

.MediaFloat{width: 201px;}

	#fadermask{
		position: absolute;
		left: 165px;
		top: 293px;
		width: 293px;
		height: 226px;
		overflow: hidden;
		background: url(../images/mask.png) no-repeat;
		z-index: 10;
		}

	#EditSlideButton {
	left:452px;
	position:absolute;
	top:496px;
	z-index:500;
}

#fader  {
height:226px;
left:165px;
overflow:hidden;
position:relative;
top:293px;
width:293px;
}

	#fader img {height: 100%;}