html {
padding: 0;
margin: 0;
border: 0;
}
body {
margin: 0px 0px 0px 0px;
padding: 0;
font-family: sans-serif, serif, fantasy, monospace;
font-color: black;
font-size:130%;
font-weight: 500;
height: 100%;
}

a:link {color: blue}
a:visited {color: purple}
a:hover {color: red}
a:active {color pink}

.motto {
	color: green;
	font-size: 120%;
	font-weight: 500;
	height: 100%;
}

.bold{
	color: black;
	font-size: 150%;
	font-weight: 500;
	height: 100%;
}

.bold2 {
	color: black;
	font-size: 175%;
	font-weight: 500;
	height: 100%;
}

.verse {
	color: red;
	font-size: 80%;
	font-weight: 800;
	height: 100%
}

.small {
	color: black;
	font-size: 65%;
	font-weight: 100;
	}

.tiny {
	color: black;
	font-size: 60%;
	font-weight: 100;
}



#newwelcome {
	background-image: url("/newimages/banner/newwelcome.jpg");
	background-repeat: no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1005px;
	height: 236px;
}

#legacy {
	background-image: url("/newimages/images/legacy.jpg");
	background-repeat: no-repeat;
	position: absolute;
	top:300px;
	left: 650px;
	width: 400px;
	height: 236px;	
}



#navleft {
	background-repeat: no-repeat;
	background-color: #f8f8f8;
	position: absolute;
	top: 237px;
	left: 0px;
	width: 180px;
	height 60px;
	border-top: 3px double blue;
	border-bottom: 3px double blue;
	
}

#navbars {
	background-repeat: no-rpeat;
	background-color: #f8f8f8;
	position: absolute;
	width: 894px;
	top: 237px;
	left: 110px;
	height: 60px;
	border-top: 3px double blue;
	border-bottom: 3px double blue;
	
}
	

#left{
	background-color: #ffff52;
	background-repeat: no-repeat;
	position: absolute;  
	top: 304px;
	left: 1px;
	width: 305px;
	height: 1200px;
	padding-left: 0px;
	padding-top: 0px;
}

#lefttitle{
	position: absolute;
	left: 55px;
}

#leftscroll{
	background-color:  #8a8bf7;
	border: 3px solid gray;
	position: absolute;
	top: 55px;
	left: 13px;
	width: 240px;
	height: 325px;
	padding-left: 15px;
	padding-right: 15px;
}

#progress{
	padding-left: 15px;
	padding-right: 15px;
}

#buildingscroll{
	background-color:  #8a8bf7;
	border: 3px solid gray;
	position: absolute;
	top: 405px;
	left: 13px;
	width: 850px;
	height: 430px;
	padding-left: 15px;
	padding-right: 15px;
}



#belowscroll{
	position: absolute;
	top: 838px;
	left: 13px;
	width: 850px;
	padding-left: 15px;
	padding-right: 15px;
}

#leftlower{
	position: absolute;
	top: 385px;
	padding-left: 15px;
	padding-right: 15px;
}

#center{
	background-color: #f8f8f8;
	background-repeat: no-repeat;
	position: absolute;
	top: 304px;
	left: 305px;
	width: 687px;
	height: 1200px;	
	padding-left: 12px;
	padding-top: 12px;
}

#centerleftbox{
	position: absolute;
	top: 70px;
	border-top: 1px solid blue;
	border-right: 1px solid blue;
	width: 343px;
	height: 550px;
}

#centerrightbox{
	position: absolute;
	top: 70px;
	left: 356px;
	width: 338px;
	border-top: 1px solid blue;
	padding-left: 6px;
	height: 400px;
}
#centertable{
	position: absolute;
	top: 70px;
	width: 687px;
	border-top: 1px solid blue;
	padding-top: 6px;
	
}


table.one{
	table-layout: automatic;
	border-collapse: separate;
	empty-cells: show;
	border-spacing: 1px;
}


#right{
	background-color: #8a8bf7;
	background-repeat: no-repeat;
	position: absolute;
	top: 304px;
	left: 850px;
	 width: 190px;
	height: 1200px;
}




/*Calendar page: thanks to http://javascript.about.com/library/blcalgen.htm/ for the layout*/

#container { 
position: absolute;
top: 304px;
margin: 3em auto  0 3em; padding-bottom: 3em; background-color: lightgray; }
#month { border-collapse: collapse; margin-left: 2em; }
#month th, #month td { border: 1px solid blue; }
#month thead { background-color: grey; }
#month td { width: 7em; height: 7em; padding: .2em; vertical-align: top; overflow: auto; }
#month tbody .active { background-color: white; }
td .day { width: 7em; height: 6em; overflow: auto; margin-top: 0; }
#month tbody .weekend { background-color: darkgrey; }
#month tbody .next, #month tbody .previous { background-color: white; }
.rtop { display:block; background: lightgrey; }
.rtop * { display: block; height: 1px; overflow: hidden; background: lightgrey; }
.r1{margin: 0 0 0 5px}
.r2{margin: 0 0 0 3px}
.r3{margin: 0 0 0 2px}
.r4{margin: 0 0 0 1px; height: 2px}
#container h1 { margin: 0 0 .5em .5em; font: 2em cursive, sans-serif, serif, fantasy, monospace; color: black; }
#month th { font: 1em  bold cursive, sans-serif, serif, fantasy, monospace; }
p {margin-top: 0; }
.pc {font-size: 80%;}