body {background-image: url("Images/2tonegray.gif")}

/* This section is for the framing element(s) of the site */

#container {
	width: 840px;
	height:1650px;
	margin: 0 auto;
	border-left: 1px solid gray;
	border-right: 1px solid gray;
	background-color: black;
	padding: 0px;
	overflow: visible;
}

#containerschool {
	width: 840px;
	height:3000px;
	margin: 0 auto;
	border-left: 1px solid gray;
	border-right: 1px solid gray;
	background-color: black;
	padding: 0px;
	overflow: visible;
}

body {
	text-align: center;
	height: 100%;
	padding: 0;
}

div.bodybox {
	width: 93%;
	margin: 0 auto;
}


/* This section below is for the top bars or 'headers' of the pages */

#header {
	width: 840px;
	height: 168px;
	background-color: olive;
	border-top: 1px solid gray;
	border-left: 1px solid gray;
	border-right: 1px solid gray;
	margin: 0 auto;
	
}

#navbar {
	width: 840px;
	height: 50px;
	background-image: url('../Images/navbar.gif');
	background-repeat: none;
	border-right: 1px solid gray;
	border-left: 1px solid gray;
	padding: 0;
	position: relative;
}

#navbar li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;
}

#navbar li, #navbar a {height:50px; display: block;}

#home {left: 0; width: 112px;}
#school {left: 112px; width: 88px;}
#tours {left: 200px; width: 115px;}
#movies {left: 315px; width: 77px;}
#sales {left: 392px; width: 113px;}
#other {left: 505px; width: 96px;}
#about {left: 601px; width: 130px;}
#gallery {left: 731px; width: 109px;}

#home a:hover {background: transparent url('../Images/navbar.gif') 0 -50px no-repeat;}
#school a:hover {background: transparent url('../Images/navbar.gif') -112px -50px no-repeat;}
#tours a:hover {background: transparent url('../Images/navbar.gif') -200px -50px no-repeat;}
#movies a:hover {background: transparent url('../Images/navbar.gif') -315px -50px no-repeat;}
#sales a:hover {background: transparent url('../Images/navbar.gif') -392px -50px no-repeat;}
#other a:hover {background: transparent url('../Images/navbar.gif') -505px -50px no-repeat;}
#about a:hover {background: transparent url('../Images/navbar.gif') -601px -50px no-repeat;}
#gallery a:hover {background: transparent url('../Images/navbar.gif') -731px -50px no-repeat;}

.home_navigation {
	margin:0 auto;
	height:50px;
	overflow:hidden;
}

img {
	border: none;
}
	
/* This section below is going to be for the left column */

#leftcolumn {
	width: 231px;
	height: 1650px;
	float: left;
	background: white;
	padding: 0px;
	text-align: center;
}

#leftcolumnschool {
	width: 231px;
	height: 100%;
	float: left;
	background: white;
	padding: 0px;
	text-align: center;
}

#login-box {
	width: 180px; height: 225px;
	border: 2px solid;
	position: absolute;
	bottom: 20px;
	left: 20px;
	color: black;
	background-color: #F0F8FF;
	padding: 10px;
	text-align: center;
	font-family: verdana;
}


/* This section below is for the main content or body of each page */

#rightcolumn {
	width: 609px;
	height: 100%;
	position: relative;
	float: left;
	background: white;
	overflow: visible;
}

#rightcolumnschool {
	width: 609px;
	height: 3000px;
	position: relative;
	float: left;
	background: white;
	overflow: visible;
}

h1 {
font-size: 14pt;
font-style: bold;
color: red;
font-family: verdana, helvetica, arial, sans-serif;
text-align: left;
margin-top: 10px;
}

h1.center {
font-size: 14pt;
font-style: bold;
color: red;
font-family: verdana, helvetica, arial, sans-serif;
text-align: center;
margin: 20px auto;
}

h2 {
font-size: 12pt;
font-style: strong;
color: red;
font-family: verdana, helvetica, arial, sans-serif;
text-align: left;
}

h3 {
font-size: 12pt;
font-style: bold;
color: rgb(0,0,102);
font-family: verdana, helvetica, arial, sans-serif;
text-align: left;
}

h4 {
font-size: 10pt;
font-style: bold;
color: red;
font-family: verdana, helvetica, arial, sans-serif;
text-align: left;
padding-top: 0px;
margin-top: 0px;
margin-left: 30px;
}

h4.center {
font-size: 10pt;
font-style: bold;
color: red;
font-family: verdana, helvetica, arial, sans-serif;
text-align: center;
padding-top: 0px;
margin: 0;
}



h5 {
font-size: 10pt;
font-style: bold;
font-family: verdana, helvetica, arial, sans-serif;
text-align: left;
}

p.body {
color: rgb(0,0,102);
font-family: verdana, helvetica, arial, sans-serif;
font-size: 10pt;
line-height: 150%;
text-align: justify;
margin: 0 auto;
}

p.body9 {
color: rgb(0,0,102);
font-family: verdana, helvetica, arial, sans-serif;
font-size: 9pt;
line-height: 150%;
text-align: justify;
margin: 0 auto;
}

p.bodynote {
	color: rgb(0,0,102);
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 8pt;
	font-style: italic;
	line-height: 150%;
	text-align: justify;
	margin: 0 auto;
}

p.bodyleft {
color: rgb(0,0,102);
font-family: verdana, helvetica, arial, sans-serif;
font-size: 10pt;
line-height: 150%;
text-align: left;
margin: 0 auto;
}

p.fineprint {
color: rgb(0,0,102);
font-family: verdana, helvetica, arial, sans-serif;
font-size: 7pt;
line-height: 110%;
text-align: justify;
margin: 10px 20px;
}



.body {
color: rgb(0,0,102);
font-color: rgb(0,0,102);
font-family: verdana, helvetica, arial, sans-serif;
font-size: 10pt;
line-height: 150%;
text-align: justify;
}

li.bodyleft {
color: rgb(0,0,102);
font-family: verdana, helvetica, arial, sans-serif;
font-size: 10pt;
text-align: left;
margin: 10px 20px;
}

a.header-red:link {color:red}
a.header-red:visited {color:red}
a.header-red:active {color:rgb(0,0,102)}
a.header-red:hover {color:rgb(0,0,102)}


.body a:link {color:blue}
.body a:visited {color:blue}
.body a:active {color:blue}
.body a:hover {color:red}

.pad1 {
	padding: 1em 0;
}

.pad2 {
	padding: 2em 0;
}

.pad3 {
	padding: 3em 0;
}

.aligntop {
	margin-top: 0;
}

.border1 {
	border: 1px solid;
}

.border2 {
	border: 2px solid;
}

.border3 {
	border: 3px solid;
}

img.bodyright {
	float: right;
	margin: 0px 0px 10px 10px;
}

img.bodyleft {
	float: left;
	margin: 0px 10px 10px 0px;
}

.italic {
	font-style: italic;
}

.ul {
	text-decoration: underline;
}


/* This section below is for the bottom bars of the pages */

#bottombar { 
	width: 820px;
	max-height: 80px; 
	margin: 0 auto;
	background: rgb(0, 0, 102); 
	text-align: center; 
	color: rgb(255, 255, 255); 
	font-family: verdana; 
	font-style: strong;
	text-decoration: none;
	font-size: 10pt;
	padding: 10px;
	line-height: 175%;
	border-left: 1px solid gray;
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;
}

a.footer:link {text-decoration: none; color:white}
a.footer:visited {text-decoration: none; color:white}
a.footer:active {text-decoration: none; color:white}
a.footer:hover {text-decoration: none; color:red}

/* This section is for elements that can go anywhere */

a.discreet {
	text-decoration: none;
}

a.discreet:link {color: #6F98E9;}
a.discreet:visited {color: #6F98E9;}
a.discreet:active {color: #6F98E9;}
a.discreet:hover {color:red}