body {
	font-family :  "Comic Sans MS", Arial, Helvetica, sans-serif;
	background-color : #6FD6F9;
	margin-top : 0;
	font-size: small;
}

#container {
	width : 757px;
	height : 550px;
	margin-top : 10px;
	background-image : url(../images/grange_bk.gif);
	background-repeat : no-repeat;
	margin: 0px auto;
	position: relative;
}

#menuitems {
	position : relative;
	float : left;
	width : 300px;
	margin : 58px 0 0 0;
	z-index : 100;
}

.h {
	position : relative;
	float : left;
	margin : 0 0 0 9px;
	z-index : 27;

}

.w {
position : relative;
	float: left;
	margin : -17px 0 0 12px;
	z-index : 26;
}

.c {
position : relative;
	float : left;
	margin : -16px 0 0 14px;
	z-index : 25;
}

.k {
position : relative;
	float : left;
	margin : -11px 0 0 15px;
	z-index : 24;
}

.t {
	position : relative;
	float : left;
	margin : -10px 0 0 15px;
	z-index : 23;
}

.l {
position : relative;
	float : left;
	margin : -5px 0 0 15px;
	z-index : 22;
}

.a {
position : relative;
	float : left;
	margin : -6px 0 0 14px;
	z-index : 21;
}

.e {
position : relative;
	float : left;
	margin : -5px 0 0 14px;
	z-index : 20;
}

.n {
position : relative;
	float : left;
	margin : -12px 0 0 15px;
	z-index : 19;
}

.g {
position : relative;
	float : left;
	margin : -12px 0 0 16px;
	z-index : 18;
}

.y {
position : relative;
	float : left;
	margin : -12px  0 0 138px;
	z-index : 17;
}

.p {
position : relative;
	float : left;
	margin : -15px  0 0 131px;
	z-index : 16;
}

#contentpage {
	width : 780px;
	margin : 0;
	background-image : url(../images/grange_bk_int.gif);
	background-repeat : repeat-y;
	border-bottom : 3px solid #FF7F00;
	overflow : auto;
	margin: 0px auto;
	position: relative;
}

#top {
	float : left;
	width : 604px;
	background-image : url(../images/grange_top_bk.gif);
	background-repeat : no-repeat;
	background-color : #B0E9FC;
}

#contentarea {
	float : left;
	width : 602px;
	background-image : url(../images/grange_jnr_header_bk.gif);
	background-repeat : no-repeat;
	margin : 150px 0 0 0;
	text-align : left;
}



p.txt {
	float : left;
	margin-left : 10px;
	margin-bottom : 10px;
}

#txt {
	float : left;
	width : 585px;
	padding-left : 18px;
}

#cal {
	float : left;
	width : 590px;
	text-align : center;
	margin : 0 0 0 3px;
}

#nav {
	float : left;
	width : 176px;
	background-image : url(../images/grange_menu_bk.gif);
	background-repeat : no-repeat;
	margin : 0;
	padding : 0;
}

#menu {
	float : left;
	width : 170px;
	margin : 102px 0 0 0;
	padding : 0;
}

#menu img {
	float : left;
	border : 0;
}

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

#content p {
	text-align : left;
	margin : 0;
}

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

.titles {
	font-size : 24px;
	text-align : left;
	color : Navy;
	margin: 0 0 0 18px;
}



#footer {
	float : left;
	width : 413px;
	margin : -123px 0 0 0;
	overflow : auto;
	z-index : 101;
}

#footerint {
	clear : both;
	width : 780px;
	background-color : #0040FF;
}

#borderbox {
	float : right;
	width : 607px;
	border-top : 3px solid #FF7F00;
	padding : 4px 0 4px 0;
	background-color : #0040FF;
}

#footerbox {
	width : 602px;
	float : right;
	padding : 2px;
	background-color : #fff;
	margin : 6px 0 6px 0;
	border-top : 1px solid #FF7F00;
	border-left : 1px solid #FF7F00;
	border-bottom : 1px solid #FF7F00;
}

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

#footerbox ul li {
	font-family :  "Comic Sans MS", Arial, Helvetica, sans-serif;
	font-size : 13px;
	list-style: none;
	padding : 0;
	margin : 0;
	color : #0040FF;
	font-weight : normal;
	display: inline;
	}
	
#footerbox ul li a:link {
	text-decoration : none;
	color : #0040FF;
} 

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

#footerbox ul li a:hover  {
text-decoration : underline;
color : #000066;
} 

#footerbox ul li a:active  {
text-decoration : none;
color :  #0040FF;
} 

#squirrel {
	float : left;
	width : 170px;
}

#footermenu {
	clear : both;
	width : 757px;
	margin : -25px 0 0 0;
	text-align: center;
}

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

#footermenu ul li {
	font-family :  "Comic Sans MS", Arial, Helvetica, sans-serif;
	font-size : small;
	list-style: none;
	padding : 0;
	margin : 0;
	color : #007FFF;
	font-weight : normal;
	display: inline;
	}
	
#footermenu ul li a:link {
	text-decoration : none;
	color : #000066;
} 

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

#footermenu ul li a:hover  {
text-decoration : none;
color : #DF0C29;
} 

#footermenu ul li a:active  {
text-decoration : none;
color : #000066;
} 

#loginh {
	float : right;
	position : relative;
	width : 38px;
	height : 15px;
	margin : 33px 0 0 167px;
	padding : 0;
}

#col1 {
	width : 319px;
	float : left;
	margin-left : 2px;
	margin-top : 8px;
}

#col2 {
	width : 250px;
	font-size : small;
	float : left;
	margin-left : 4px;
	margin-top : 8px;
}

#counter {
	float : left;
	clear : both;
	width : 300px;
	height : 32px;
	margin-top : -85px;
}

.spbdr img {
	border : 1px solid #6fd6f9;
}

#row1 {
	float : left;
	width : 350px;
	margin-top : 10px;
	margin-left : 40px;
}

#row2 {
	float : left;
	margin-top : 10px;
	width : 350px;
	margin-left : 40px;
}

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

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

#photo {
	width : 410px;
	height : 225px;
	float : left;
	padding : 0;
	margin-left : -159px;
	margin-top : 135px;
	overflow : auto;
}

#news {
	float : left;
	width : 250px;
	height : 180px;
	margin : 42px 0 0 175px;
	font: normal small/120%  "Comic Sans MS", arial, helvetica, sans-serif;
	z-index : 100;
	text-align: center;
}

#wai {
	float : left;
	width : 88px;
	height : 31px;
	z-index : 102;
	padding-left : 30px;
}

#wai img {
	border : 0;
}

A:link {
	text-decoration : underline;
	color : Blue;
}

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

A:hover {
	text-decoration : underline;
	color : Red;
}

A:active {
	text-decoration : underline;
	color : Blue;
}

#newsitems {
	font-family : "Comic Sans MS", Arial, Helvetica, Sans-serif;
	font-size : small;
	width : 250px;
	height : 150px;
	margin-top : 42px;
	margin-left : 6px;
	text-align : center;
}

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

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

a:visited.cpage {
	border : 0;
}

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

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

a.cpage img {
	border : 0;
}

#cpagerow1 {
	width : 350px;
}

#cpagerow2 {
	width : 350px;
}

p.small {
	margin : 0;
	padding : 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;
}