body {
	margin : 0;
	padding : 0;
	font-family : "Comic Sans MS", Arial, Helvetica, Sans-serif;
	background-color : #FDEC31;
}

#container {
	width : 780px;
	margin : 0 auto;
	background-color : #F9CC4B;
	text-align : left;
}

#header {
	width : 100%;
}

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

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

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


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

#content h1 {
	font-size : 24px;
	text-align : left;
	color : #B1071E;
	margin-top : 5px;
	padding : 0;
}

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

#footer {
	clear : both;
	width : 100%;
	text-align : center;
	background-color : #FDEC31;
	border-top : 2px solid #FDEC31;
}

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

#footer ul li {
	font-family : Verdana, 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 : underline;
	color : #B1071E;
} 

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

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

#footer ul li a:active  {
text-decoration : underline;
color : #B1071E;
} 

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

#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 {
	clear : right;
	float : left;
	width : 200px;
	height : 32px;
	margin-left : 20px;
}

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

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

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

#classbot {
position:relative;
top:200px;
left:0px;
width:500px;
height:200px;
}

.cyberspace a {
position:absolute;
left:135px;
top:5px;
background-image:url(../images/cyber.jpg);
background-repeat:no-repeat;
width:136px;
height:134px;
text-indent:-5000px;
}

.cyberspace a:hover {
background-position:-136px 0;
}

.gifted a {
position:absolute;
left:245px;
top:0px;
background-image:url(../images/gifted.jpg);
background-repeat:no-repeat;
width:136px;
height:134px;
text-indent:-5000px;
}

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

#kenttv {
position:relative;
top: -30px;
left:50px;
}

#photo {
	width : 313px;
	height : 213px;
	margin-top : 12px;
	background-image :  url(../images/photo_border.gif);
	background-repeat : no-repeat;
}

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

#wai img {
	border : 0;
}

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

#xhtml 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 : 103px;
	height : 87px;
	display : block;
	margin-left : 5px;
}

a:link.cpage {
	border : 0;
}

a:visited.cpage {
	border : 0;
}

a:hover.cpage {
	background-image : url(../images/cpage_bk.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: #009966;
}

#botlink a {
display:block;
position:relative;
top:3px;
margin:0 auto;
background-image:url(../images/botlink.gif);
background-repeat:no-repeat;
width:468px;
height:60px;
text-indent:-5000px;
}