body
{ 
background-image:url('images/bg.jpg');
background-repeat:repeat-x;
background-attachment:fixed;
background-position:top;
background-color:black;
}


   

h1
{
	    color: #990000;
        font: bolder 48px Helvetica, Arial, "Lucida Grande";
        text-align: center;
        margin-top: 60px;
        }

h2
{
   color: white;
   font: 14px Helvetica;
   text-align: center;
   }

h3
{
   color: #990000;
   font: 24px Helvetica;
   text-align: center;
   }
   

p
{
	font-family: Helvetica;
	color: #990000;
	font-size: 130%;
	text-align: left;
	margin: 120px;
	}
	

div.img
{
  margin: 2px;
  border: 0px;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
  margin-left: 30px;
}	
div.img img
{
  display: inline;
  margin: 5px;
  border: 1px solid #ffffff;
}
div.img a:hover img {border: 1px solid #0000ff;}


div.desc
{
  color: white;
  font: 14px Helvetica;
  text-align: center;
  font-weight: normal;
  width: 300px;
  margin-bottom: 20px;
}

div.desc2
{
  color: white;
  font: 14px Helvetica;
  text-align: center;
  font-weight: normal;
  width: 400px;
  margin-bottom: 20px;
}

div.img2
{
  margin: 2px;
  border: 0px;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
  margin-left: 30px;
}	

div.img2 img
{
  display: inline;
  margin: 5px;
  border: 1px solid #ffffff;
}
div.img a:hover img {border: 1px solid #0000ff;}


img.center
{
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  border: 0px;
} 

img.centerz
{
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  border: 0px;
} 


img.right
{
   float:right;
   border: 0px;
}

img.middle
{
   display: block;
  margin-left: auto;
  margin-right: auto;
   border: 0px;
}

img.left
{
   float:left;
   border: 0px;
}


 img.bottom
 {
    float:bottom;
    border: 0px;
  }

img.behind
{
  z-index:-1;
  display: block;
  margin-left: auto;
  margin-right: auto;
  border: 0px;
}  
  
 
 
 table.one
{
  display: block;
  margin-left: auto;
  margin-right: auto;
  border: 0px;
  text-align: center;
  color: white;
  font: 24px Helvetica;
  table-layout: automatic;
}

a.button {
display: block;
  margin-left: auto;
  margin-right: auto;
   border: 0px;
background: url(images/home.gif) no-repeat 0 0;
width: 100px;
height: 50px;
display: block;
text-indent: -5000em;
}

a.button:hover {
background-position: -100px 0;
width: 200px;
height: 100px;
}

a.button2 {
display: block;
  margin-left: auto;
  margin-right: auto;
   border: 0px;
background: url(images/schools.gif) no-repeat 0 0;
width: 100px;
height: 50px;
display: block;
text-indent: -5000em;
}

a.button2:hover {
background-position: -100px 0;
width: 200px;
height: 100px;
}

a.button3 {
display: block;
  margin-left: auto;
  margin-right: auto;
   border: 0px;
background: url(images/biaj.gif) no-repeat 0 0;
width: 100px;
height: 50px;
display: block;
text-indent: -5000em;
}

a.button3:hover {
background-position: -100px 0;
width: 200px;
height: 100px;
}



.hoverbox
{
	cursor: default;
	list-style: none;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: 25px;
	left: -20px;
	z-index: 1;
}

.hoverbox img
{
	background: none;
	border-color: none;
	border-style: none;
	border-width: 0px;
	color: inherit;
	padding: 1px;
	height: 30px;
}

.hoverbox li
{
	background: none;
	border-color: none;
	border-style: solid;
	border-width: 0px;
	color: inherit;
	display: inline;
	float: left;
	margin: 12px;
	padding: 0px;
	position: relative;
}

.hoverbox .preview
{
	border-color: #000;
	height: 40px;
}





.hoverbox2
{
	cursor: default;
	list-style: none;
}

.hoverbox2 a
{
	cursor: default;
}

.hoverbox2 a .preview
{
	display: none;
}

.hoverbox2 a:hover .preview
{
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

.hoverbox2 img
{
	background: none;
	margin-left: 0px;
	border-color: none;
	border-style: none;
	border-width: 0px;
	color: inherit;
	padding: 0px;
	height: 50px;
}

.hoverbox2 li
{
	background: none;
	border-color: none;
	border-style: solid;
	border-width: 0px;
	color: inherit;
	margin: 1px;
	margin-left: 0px;
	padding: 0px;
	position: relative;
	text-decoration: none;
}

.hoverbox2 .preview
{
	border-color: #000;
	height: 51px;
}





.hoverbox3
{
	cursor: default;
	list-style: none;
}

.hoverbox3 a
{
	cursor: default;
}

.hoverbox3 a .preview
{
	display: none;
}

.hoverbox3 a:hover .preview
{
	display: block;
	position: absolute;
	top: -90px;
	left: -45px;
	z-index: 1;
}

.hoverbox3 img
{
	background: none;
	border-color: none;
	border-style: none;
	border-width: 0px;
	color: inherit;
	padding: 30px;
	width: 115px;
	height: 200px;
}

.hoverbox3 li
{
	background: none;
	border-color: none;
	border-style: solid;
	border-width: 0px;
	color: inherit;
	display: inline;
	float: left;
	margin: 40
	px;
	padding: 0px;
	position: relative;
}

.hoverbox3 .preview
{
	border-color: #000;
	width: 230px;
	height: 400px;
}



.hoverbox4
{
	cursor: default;
	list-style: none;
}

.hoverbox4 a
{
	cursor: default;
}

.hoverbox4 a .preview
{
	display: none;
}

.hoverbox4 a:hover .preview
{
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

.hoverbox4 img
{
	background: none;
	margin-left: 0px;
	border-color: none;
	border-style: none;
	border-width: 0px;
	color: inherit;
	padding: 20px;
	height: 50px;
}

.hoverbox4 li
{
	background: none;
	border-color: none;
	border-style: solid;
	border-width: 0px;
	color: inherit;
	margin: 1px;
	margin-left: 0px;
	padding: 0px;
	position: relative;
	text-decoration: none;
}

.hoverbox4 .preview
{
	border-color: #000;
	height: 51px;
}