
body 
	{
	background-color: #FAF0E6;
	color: #696969;
	font-size: 17px;
	font-family: Arial, "Times New Roman", Times, serif;
	text-align: left;
	margin: 0px;
	padding: 0px
	}

#big	{
	width:100%
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
	}

#header {
	background-color: #CAD2CC;
	text-align: center;
	visibility: visible;
	position: relative;
	top: 0px;
	left: 0px;
	height: 95px;

	}

.headerpic {
	text-align: center;
	background-color: #B4C0BC;
	background-image: url(pics/Horizon6.jpg);
	background-repeat: no-repeat;
	margin: 0px auto;
	height: 95px;
	width: 709px;
	z-index: 20;
	}

.siteid {
	position:absolute;
	left: 12px;
	top: 35px;
	width: 152px;
	height: 37px;
	}


#navbar {
	color: linen;
	font-size: 11px;
	line-height: 16px;
	background-color: #586764;
	text-align: center;
	letter-spacing: 4px;
	height: 16px
	}

#navbar a
	{
	color: linen;
	text-decoration: none;
	}
#navbar a:hover
	{
	color: #DC9FBD;
	text-decoration: none;
	}



#middle 
	{
	align: center;
	margin: 15px 0px 0px 0px;
	height: auto;
	width: 100%;
	border: 0px brown solid;
	}


.H1	{
	font-size:35pt; 
	color: #696969;
	font-family: Georgia, Arial, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: bold;
	border: 0px red solid;
	}

.H2	{
	font-size:32pt; 
	color: #696969;
	font-family: Georgia, Arial, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: bold;
	border: 0px red solid;
	}

.H3	{
	font-size:24pt; 
	color: #696969;
	font-family: Georgia, Arial, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: bold;
	}

.H4	{
	font-size: 12pt; 
	color: #696969;
	line-height: 23px;
	font-weight: bold;
	}

.H5	{
	font-size: 18pt; 
	color: #696969;
	font-family: Georgia, Arial, "Times New Roman", Times, serif;
	line-height: 23px;
	font-weight: bold;
	font-style: italic;
	}

.notes	{
	font-size: 12px;
	font-style: italic;
	}



.deadlk	{
	color: #CAD2CC;
	font-size: 11px;
	}

.divider {
	color: linen;
	font-size: 11px;
	}


.title	{

	line-height: 30px; 
	font-weight: bold;
	color: #696969;
	font-family: Arial, "Times New Roman", Times, serif;
	}


a 
	{
	color: #006400;
	text-decoration: none;
	}

a:hover 
	{
	color: #CC6633;
	text-decoration: underline;
	}



.leftcol {
	padding-left: 20px;
	padding-right: 10px;
	margin: 25px 0px 0px 0px;
	text-align: right;
	width: 19%;
	height: 100%;
	float: left;
	border: 0px red solid;
	}



.menu	{
	margin: 0px 5% 0px 0px;
	width: 98%;
	position: relative;
	text-align: right;

	}

.menuitem 
	{
	color: #556B2F;
	font-size: 13px;
	margin-top: 20px;
	margin-left: 0px;
	border-top: 0 none;
	border-right: 0 none;
	border-bottom: 3px #ADA6A0 dotted;
	border-left: 0 none;
	}

.menuitem a
	{
	color: #696969;
	text-decoration: none;
	}

.menuitem a:hover 
	{
	color: #CC6633;
	text-decoration: none;
	}

.leftbox {
	margin: 15px 0px 5px 0px;
	padding-left: 10px;
	width: 95%;
	height: 50%;
	position: relative;
	text-align: center;
	}




.midcol 
	{
	padding-left: 20px;
	width: 55%;
	float: left;
	margin: 15px 0px 0px 0px;
	text-align: left;
	border: 0px blue solid;
	}

.midcol a
	{
	color: #006400;
	text-decoration: none;
	}

.midcol a:hover 
	{
	color: #CC6633;
	text-decoration: underline;
	}


.subjects {
	padding: 5px 0px 5px 0px;
	text-align: left;
	width: 95%;
	margin: auto;
	}

.avatartable {
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 0px;
	width: 100%;
	height: auto;
	text-align: left;
	}

.avatartable table {
	text-align: left;
	}

.avatartable td {
	text-align: left;
	padding-top: 10px;
	}



.listbox {
	float: left;
	margin: 5px 5px 5px 5px;
	padding: 0px 0px 0px 0px;
	line-height: 22px; 
	width: 30%;
	height: auto;
	border: 0px green solid;
	text-align: left;
	}


.25box {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 5px 0px;
	line-height: 22px; 
	width: 25%;
	height: 150px;
	border: 0px brown solid;
	text-align: left;
	}

.rightcol 
	{
	padding-left: 5px;
	margin-top: 20px;
	width: 15%;
	height: 100%;
	float: left;
	text-align: left;
	border: 0px green solid;
	}


.rightmenu
	{
	margin: 0px;
	padding: 10px 0px 10px 10px;
	width: 95%;
	position: relative;
	border: 1px white solid;
	text-align: left;
	font-size: 10pt;
	}

.rightbox
	{
	background-color: #DDDDDD;
	font-size: 11px; 
	margin: 100px 0px 70px 0px;
	width: 97%;
	padding: 5px;
	position: relative;
	top: 100%;
	left: 0%;
	border: 0px white solid;
	text-align: left;
	}

.emptyright {
	margin: 20px 0px 0px 0px;
	width: 7%;
	height: auto;
	float: left;
	text-align: left;
	border: 0px green solid;
	}

.rightcolhob 
	{
	padding-left: 5px;
	margin-top: 50px;
	width: 13%;
	height: auto;
	float: left;
	text-align: center;
	border: 0px green solid;

	}

.rightcolhob img
	{
	border: 0px;
	}


#footer 
	{
	color: white;
	font-size: 9px;
	line-height: 16px;
	background-color: #819A96;
	text-align: center;
	letter-spacing: 5px;
	height: 16px;
	clear: both;
	margin: 20px 0px 0px 0px;

	}



.ml1	{
	position: relative;
	top: 0px;
	left: 10px;
	padding: 0px;
	margin: 20px 0px 0px 10px;
	border: 3px linen ridge;
	width: 120px;
	height: 174px;

	}

.T1	{
	position: relative;
	top: 0px;
	left: 0px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	border: 3px linen ridge;
	width: 140px;
	height: 155px;
	}

.mlandt	{
	position: relative;
	top: 0px;
	left: 0px;
	padding: 0px;
	margin: 0px 10px 0px 0px;
	border: 3px linen ridge;
	width: 140px;
	height: 176px;
	}
	

.frame	{
	position: relative;
	border: 4px linen ridge;
	margin: 0px auto;

	text-align: center;
	}


.noframe {
	position: relative;
	border: 0px linen ridge;

	margin: 0px auto;
	text-align: center;
	}


.maya	{
	position: relative;
	top: 0px;
	left: 0px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	border: 0px red solid;
	width: 77px;
	height: 138px;

	}

.school	{
	position:absolute;
	top: 105px;
	left: 30px;
	padding: 0px;
	margin: 0px 20px 0px 0px;
	border: 0px red solid;
	width: 140px;
	height: 177px;

	}

.car	{
	position: relative;
	top: 0px;
	left: 40px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	border: 0px red solid;
	width: auto;
	}

.mlandsam1 {
	position: relative;
	top: 0px;
	left: 10px;
	padding: 30px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
	border: 0px red solid;

	float: left;
	}

.mlandsam2 {
	position: relative;
	top: 0px;
	left: 20px;
	padding: 0px 0px 5px 5px;
	margin: 0px 0px 0px 0px;
	border: 0px red solid;

	float: left;
	}

.break {
	position: relative;
	top: 0px;
	left: 0px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	border: 0px red solid;
	clear: left;
	}

.kids {
	position: relative;
	top: 0px;
	left: 0px;
	padding: 0px;
	margin: 0px 0px 0px 50px;
	border: 0px red solid;

	}