﻿body 
{
    margin:0;
    padding:0;
    
    font-family: Arial, Helvetica, Trebuchet MS;
    font-size: 62.5%;
}

p 
{
    padding: 3px 0 3px 0;
    margin:0;
    font-size: 1.1em;
}

a 
{
    color: #333333;
}
a:hover
{
	color: #FF9900;
}
#locations a 
{
	text-decoration: none;
}

.orangeLarge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: red;
	text-transform: uppercase;
}

h1 
{
    width: 560px;
    height:35px;
    background-position: right;
    background-image: url("../images/bullet.gif");
    background-repeat: no-repeat;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 35px;
    padding: 0.2em 0 0.2em 0;
    margin:0;
    color: red;
    border-bottom: 1px solid gray;
}

h2 
{
    font-size: 1.1em;
    color: #666666;
    font-weight: bold;
    padding: 2px 0 3px 0;
    margin:0;
    background-image: none;
    text-transform: uppercase;
}

.highlight 
{
    color: red;
}

/* LAYOUT DIVS */

#wrapper 
{
    width: 756px;
	margin: 0 auto;
}

#topbit 
{
    height: 180px;
    background-image: url("../images/topbg.gif");
    margin:0;
    padding:0;
}

#middlebit 
{
    height: auto;
	
    background-image: url("../images/pagebg.gif");
    background-repeat: repeat-y;
    min-height: 500px;
}

* html #middlebit {height: 500px;}

#bottombit 
{
    height: 27px;
    
    background-repeat: no-repeat;
}

#bottombit ul 
{
    width: 756px;
    list-style-type: none;
    text-align: center;
    margin:0;
}

#bottombit li 
{
    display: inline;
    text-align: center;
    margin-left: 5%;
    margin-right: 5%;
}

.nospace 
{
    margin:-5px 0 0 0;
    padding: 0 0 0 0;
}

#contentzone 
{
    float: left;
    width: 564px;
    margin: 10px 0 0 10px;
    padding: 0 0 20px 0;
}
    

/*NAVIGATION*/

#nav 
{
    float: left;
    width: 172px;
    margin: 10px 0 0 0;
	}
	
#nav p {
	margin:0;
	padding: 0;
	}

.home_button {
	background-image:url(../images/home_f1.gif);
	background-repeat:no-repeat;
	}	
	
#home {
	width: 172px;
	height: 39px;
	margin:0;
	}
	
#home a:link,
#home a:visited,
#home a:active {
	display:block;
	width: 157px;
	height: 16px;
	padding: 13px 0 10px 15px;
	text-decoration: none;
	color: #666666;
	font-weight: bold;
	}	
	
#home a:hover{
	text-decoration: underline;
	color: #000000;
	font-weight: bold;
	}
	
/* fixes for IE/win \*/
* html #home a:hover {
	height:1%;
}
/* */

.about_button {
	background-image:url(../images/about_f1.gif);
	background-repeat:no-repeat;
	}	
	
#about {
	width: 172px;
	height: 39px;
	margin:0;
	}
	
#about a:link,
#about a:visited,
#about a:active {
	display:block;
	width: 157px;
	height: 16px;
	padding: 13px 0 10px 15px;
	text-decoration: none;
	color: #666666;
	font-weight: bold;
	}	
	
#about a:hover{
	text-decoration: underline;
	color: #000000;
	font-weight: bold;
	}
	
/* fixes for IE/win \*/
* html #about a:hover {
	height:1%;
}
/* */

.nearest_button {
	background-image:url(../images/nearest_f1.gif);
	background-repeat:no-repeat;
	}	
	
#nearest {
	width: 172px;
	height: 39px;
	margin:0;
	}
	
#nearest a:link,
#nearest a:visited,
#nearest a:active {
	display:block;
	width: 157px;
	height: 16px;
	padding: 13px 0 10px 15px;
	text-decoration: none;
	color: #666666;
	font-weight: bold;
	}	
	
#nearest a:hover{
	text-decoration: underline;
	color: #000000;
	font-weight: bold;
	}
	
/* fixes for IE/win \*/
* html #nearest a:hover {
	height:1%;
}
/* */

.class_button {
	background-image:url(../images/class_f1.gif);
	background-repeat:no-repeat;
	}	
	
#class {
	width: 172px;
	height: 39px;
	margin:0;
	}
	
#class a:link,
#class a:visited,
#class a:active {
	display:block;
	width: 157px;
	height: 16px;
	padding: 13px 0 10px 15px;
	text-decoration: none;
	color: #666666;
	font-weight: bold;
	}	
	
#class a:hover{
	text-decoration: underline;
	color: #000000;
	font-weight: bold;
	}
	
/* fixes for IE/win \*/
* html #class a:hover {
	height:1%;
}
/* */

.students_button {
	background-image:url(../images/students_f1.gif);
	background-repeat:no-repeat;
	}	
	
#students {
	width: 172px;
	height: 39px;
	margin:0;
	}
	
#students a:link,
#students a:visited,
#students a:active {
	display:block;
	width: 157px;
	height: 16px;
	padding: 13px 0 10px 15px;
	text-decoration: none;
	color: #666666;
	font-weight: bold;
	}	
	
#students a:hover{
	text-decoration: underline;
	color: #000000;
	font-weight: bold;
	}
	
/* fixes for IE/win \*/
* html #students a:hover {
	height:1%;
}
/* */

.parents_button {
	background-image:url(../images/parents_f1.gif);
	background-repeat:no-repeat;
	}	
	
#parents {
	width: 172px;
	height: 39px;
	margin:0;
	}
	
#parents a:link,
#parents a:visited,
#parents a:active {
	display:block;
	width: 157px;
	height: 16px;
	padding: 13px 0 10px 15px;
	text-decoration: none;
	color: #666666;
	font-weight: bold;
	}	
	
#parents a:hover{
	text-decoration: underline;
	color: #000000;
	font-weight: bold;
	}
	
/* fixes for IE/win \*/
* html #parents a:hover {
	height:1%;
}
/* */

.franchise_button {
	background-image:url(../images/franchise_f1.gif);
	background-repeat:no-repeat;
	}	
	
#franchise {
	width: 172px;
	height: 39px;
	margin:0;
	}
	
#franchise a:link,
#franchise a:visited,
#franchise a:active {
	display:block;
	width: 157px;
	height: 16px;
	padding: 13px 0 10px 15px;
	text-decoration: none;
	color: #666666;
	font-weight: bold;
	}	
	
#franchise a:hover{
	text-decoration: underline;
	color: #000000;
	font-weight: bold;
	}
	
/* fixes for IE/win \*/
* html #franchise a:hover {
	height:1%;
}
/* */

.resources_button {
	background-image:url(../images/resources_f1.gif);
	background-repeat:no-repeat;
	}	
	
#resources {
	width: 172px;
	height: 39px;
	margin:0;
	}
	
#resources a:link,
#resources a:visited,
#resources a:active {
	display:block;
	width: 157px;
	height: 16px;
	padding: 13px 0 10px 15px;
	text-decoration: none;
	color: #666666;
	font-weight: bold;
	}	
	
#resources a:hover{
	text-decoration: underline;
	color: #000000;
	font-weight: bold;
	}
	
/* fixes for IE/win \*/
* html #resources a:hover {
	height:1%;
}
/* */

.message_button {
	background-image:url(../images/message_f1.gif);
	background-repeat:no-repeat;
	}	
	
#message {
	width: 172px;
	height: 39px;
	margin:0;
	}
	
#message a:link,
#message a:visited,
#message a:active {
	display:block;
	width: 157px;
	height: 16px;
	padding: 13px 0 10px 15px;
	text-decoration: none;
	color: #666666;
	font-weight: bold;
	}	
	
#message a:hover{
	text-decoration: underline;
	color: #000000;
	font-weight: bold;
	}
	
/* fixes for IE/win \*/
* html #message a:hover {
	height:1%;
}
/* */

.links_button {
	background-image:url(../images/links_f1.gif);
	background-repeat:no-repeat;
	}	
	
#links {
	width: 172px;
	height: 39px;
	margin:0;
	}
	
#links a:link,
#links a:visited,
#links a:active {
	display:block;
	width: 157px;
	height: 16px;
	padding: 13px 0 10px 15px;
	text-decoration: none;
	color: #666666;
	font-weight: bold;
	}	
	
#links a:hover{
	text-decoration: underline;
	color: #000000;
	font-weight: bold;
	}
	
/* fixes for IE/win \*/
* html #links a:hover {
	height:1%;
}
/* */

.contact_button {
	background-image:url(../images/contact_f1.gif);
	background-repeat:no-repeat;
	}	
	
#contact {
	width: 172px;
	height: 44px;
	margin:10px 0 0 0;
	}
	
	
#contact a:link,
#contact a:visited,
#contact a:active {
	display:block;
	width: 157px;
	height: 22px;
	padding: 13px 0 10px 15px;
	text-decoration: none;
	color: #000000;
	font-weight: bold;
	}	
	
#contact a:hover{
	text-decoration: underline;
	color: #000000;
	font-weight: bold;
	}
	
/* fixes for IE/win \*/
* html #contact a:hover {
	height:1%;
}
/* */