@charset "UTF-8";
p {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	text-align: justify;
	text-indent: 10px;
	margin-right: 10px;
	margin-left: 10px;
	line-height: 1.6em;
}
img {
	padding-right: 0px;
	padding-left: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
body {
	background-image: url(zbg/bg.jpg);
	background-color: #99ccff;
	background-repeat: no-repeat;
}
h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 36px;
	color: #FFFFFF;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 5px;
	background-color: #003366;
	text-transform: none;
}
h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: italic;
	padding-top: 0px;
	padding-right: 5px;
	padding-left: 5px;
	margin-top: 0px;
	margin-bottom: 5px;
}
h3 {
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 5px;
	font-style: normal;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #003366;
	margin-bottom: 5px;
	text-align: center;
}
h4 {
	margin-right: 5px;
	margin-left: 5px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #FFFFFF;
	margin-bottom: 5px;
	text-align: center;
	margin-top: 5px;
	background-color: #990000;
	text-transform: uppercase;
	line-height: 1.2em;
}
@charset "UTF-8";
h5 {
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 5px;
	font-style: normal;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FE0000;
	margin-bottom: 5px;
	text-align: center;
}
h6 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: italic;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	padding-left: 10px;
}
#bigpage {
	background-image: url(zbg/bgbig.jpg);
}
#bigpage p {
	margin-right: 160px;
	margin-left: 160px;
}
#bigpage #imgright {
	float: right;
	margin-top: 10px;
	margin-right: 50px;
	margin-bottom: 10px;
	margin-left: 10px;
	border: 3px double #333333;
}
#bigpage #imgleft {
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 50px;
	border: 3px double #333333;
	float: left;
}
#bigpage li {
	list-style-position: inherit;
	list-style-type: disc;
	margin: 5px 155px 5px 150px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	font-size: 14px;
}
#bigpage h3 {
	margin-left: 170px;
	text-align: left;
}
#bigpage h4 {
	font-size: 18px;
	margin-left: 155px;
	margin-right: 155px;
}
#bigpage h6 {
	margin-left: 160px;
}
#pagebody {
	background-image: url(zbg/bgpage.jpg);
}
#pagebody #imgright {
	border-top-width: 3px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-top-style: double;
	border-right-style: double;
	border-bottom-style: double;
	border-left-style: double;
	margin-top: 10px;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-left: 15px;
	float: right;
}
#pagebody #imgleft {
	border-top-width: 3px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-top-style: double;
	border-right-style: double;
	border-bottom-style: double;
	border-left-style: double;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
	float: left;
}
#pagebody img {
	margin-right: 10px;
	margin-left: 10px;
}
.whenhead {
	font-size: 16px;
	font-weight: bold;
	color: #000066;
	margin-bottom: 5px;
}
.whenline {
	margin-top: 5px;
}
#rrbanner1 {
	margin: 0px;
	padding: 0px;
	display: block;
	z-index: 5;
}
/* CSS Document */

 

/* for #navigation only */
#navigation {
	margin-top: 0px;
	color: #333333;
	background-color: #993333;
}
#navigation   li a  {
	background-color: #990000;
	color: #FFFFFF;
}
#navigation li a:hover,
#navigation li a:focus {
	background-color: #003366;
	color: #FFFFFF;
}
#navigation li a.MenuBarItemHover,
#navigation li a.MenuBarItemSubmenuHover,
#navigation li a.MenuBarSubmenuVisible {
	background-color: #3399CC;
	color: #FFFFFF;
}
ul.MenuBarHorizontal/* end for #navigation only */

 


 {
	margin-top: 0px;
}
ul.MenuBarHorizontal  li {
	cursor: auto;
	width: 5em;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #333333;
}
ul.MenuBarHorizontal  ul {
}
ul.MenuBarHorizontal /* Menu items are a light gray block with padding and no text decoration */
 a {
	background-color: #993333;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	border-top-color: #FFF;
// if you have no border, why give it the thin property and a colour
    border-right-color: #FFF;// if you have no border, why give it the thin property and a colour
    border-bottom-color: #FFF;// if you have no border, why give it the thin property and a colour
    border-left-color: #FFF;// if you have no border, why give it the thin property and a colour
}
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus {
	background-color: #3399CC;
	color: #FFFFFF;
}
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible {
	background-color: #3399CC;
	color: #FFFFFF;
}
ul.MenuBarHorizontal a.MenuBarItemSubmenu {
	background-image: none;
	background-repeat: repeat-x;
// if there is no image, why assign attributes to it
    background-position: right center;
	background-color: #993333;
	background-attachment: scroll;
}
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover {
    background-position: center 50%; // not sure why this and the following
    text-decoration: none;
    background-attachment: scroll;
    cursor: default;
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
    ul.MenuBarHorizontal li.MenuBarItemIE
    {
	color: #FFFFFF;
// why have this different to other browsers?
    }
}
#navmap     {
	width: 3.5em;
}
#navschool {
	width: 6.5em;
}
#navcharter {
	width: 8.5em;
}
#navpublic {
	width: 7.5em;
}
#navcontact {
	width: 6em;
}
#navabout {
	width: 5.5em;
}
#sidebar {
}
#sidebar h6 {
	margin-top: 0px;
	padding-top: 0px;
}
#sidebar p {
	text-indent: 0px;
	margin-top: 5px;
	margin-bottom: 0px;
	font-size: 12px;
	line-height: 1.3em;
	padding-bottom: 10px;
}
#sidebar img {
	margin-top: 5px;
	margin-bottom: 5px;
}
#footer {
	background-image: url(zbg/footerbrdr.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#footer p {
	text-align: center;
	margin-top: 10px;
}
#footer #imgright {
	float: right;
	margin-right: 15px;
	margin-top: 7px;
	padding: 0px;
	margin-bottom: 5px;
	margin-left: 5px;
}
#footer #imgleft {
	float: left;
	margin-right: 5px;
	margin-top: 10px;
	padding: 0px;
	margin-bottom: 5px;
	margin-left: 15px;
}
.login {
	font-size: 12px;
	text-indent: 10px;
}
.tableeven {
	background-color: #FFFFFF;
}
.tableodd {
	background-color: #FFFFCC;
}
.tableeven p {
	line-height: 1.3em;
	text-indent: 0px;
	padding: 0px;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 10px;
}
.tableodd p {
	line-height: 1.3em;
	text-indent: 0px;
	padding: 0px;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 10px;
}
#pagebody h4 {
	font-size: 14px;
}
#pagebody li {
	line-height: 1.3em;
}
a {
	color: #990000;
}
a:hover {
	text-decoration: none;
}
a:visited {
	color: #990000;
}
#menucell {
	background-color: #990000;
}
#bannercell {
	background-color: #990000;
	height: 141px;
}
#shadowcelll {
	background-repeat: repeat-y;
	background-position: right;
	background-image: url(zbg/shdwl.png);
}
#shadowcellbl {
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url(../assets/zbg/shdwbl.png);
}
#shadowcellb {
	background-repeat: repeat-x;
	background-position: top;
	background-image: url(../assets/zbg/shdwb.png);
}
#shadowcellbr {
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(../assets/zbg/shdwbr.png);
}
#shadowcellr {
	background-repeat: repeat-y;
	background-position: left;
	background-image: url(../assets/zbg/shdwr.png);
}