/* CSS Document */

body{
	background: url(../images/design/fluid.jpg) repeat-x #f6f0d4;
	margin: 0px;
	padding: 0px;
	colour: #000000;
	font-family: SimSun; /*or any other font family you prefer*/
	font-size: 16px;
}

#container {
	position: relative;
	width: 760px;
	margin: auto;
}

div.bottomfluid{
	position: absolute;
	width: 100%;
	height: 100px;
	top: 700px;
	left: 0px;
	
	background:url(../images/design/bottomfluid.jpg) repeat-x;
}

div.bottomtext{
	position:relative;
	width: 705px;
	height: 50px;
	top: 30px;
	margin: auto;
	padding-left: 55px;
	text-align:left;
	color:#CCCCCC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	z-index:10;
	left: 0px;
}

div.fixed{
	position: absolute;
	width: 760px;
	height: 800px;
	left: 0px;
	top: 0px;
}

div.navigation{
	position: absolute;
	width:452px;
	height:36px;
	right:0px;
	top:96px;
	z-index: 5;
}

div.news{
	position: absolute;
	width: 255px;
	height: 436px;
	left: 46px;
	top: 207px;
	z-index: 4;
}

div.newstext1{
	position: absolute;
	width: 196px;
	height: 159px;
	font-family:SimSun;
	top:471px;
	left: 78px;
	z-index:100;
	line-height:20px;
	word-spacing:5px;
	text-align:left;
}

div.newstext2{
	position: absolute;
	width: 159px;
	height: 143px;
	font-family:SimSun;
	top:242px;
	left: 81px;
	z-index:5;
	line-height:20px;
	word-spacing:5px;
	text-align:left;
}

div.separator{
	position:absolute;
	width:357px;
	height:420px;
	top:129px;
	left:387px;
	z-index:4;
}

div.photo{
	position:absolute;
	width:357px;
	height:276px
	top:auto;
	left:335px;
	z-index:5;
	top: 191px;
	height: 220px;
}

div.lowercontent{
	position:absolute;
	width: 426px;
	height:auto;
	top: 536px;
	left: 314px;
	z-index:5;
	
	color:#000000;
	line-height:20px;
	word-spacing:5px;
	text-align:justify;
}

a.rayvolvez:link {
	color: #CCCCCC;
	text-decoration: none;
}
a.rayvolvez:visited {
	text-decoration: none;
	color: #CCCCCC;
}
a.rayvolvez:hover {
	text-decoration: none;
	color: #FFFFFF;
}
a.rayvolvez:active {
	text-decoration: none;
	color: #CCCCCC;
}

div.photoholder{
	position:absolute;
	width:294px;
	height:181px;
	left:364px;
	top:231px;
	z-index:10;
	text-align:center;
}

/*msg board*/
div.msgboardholder{
	position:absolute;
	width:auto;
	height:871px;
	top:219px;
	left:41px;
	z-index:4;
}

div.msgboarddecor{
	position:absolute;
	width:auto;
	height:auto;
	top: 207px;
	left: 19px;
	z-index:5;
}

div.cbox{
	position:absolute;
	width:auto;
	height:auto;
	left:56px;
	top:271px;
	z-index:6;
}

/*subnavi*/
div.subnavi{
	position:absolute;
	width:163px;
	height:114px;
	left: 110px;
	top:237px;
	z-index:10;
	
	font-family:SimSun;
	font-size:17px;
	font-style:bold;
	line-height:25px;
}

a.subnavi:link {
	color: #FF6600;
	text-decoration: none;
}
a.subnavi:visited {
	text-decoration: none;
	color: #FF6600;
}
a.subnavi:hover {
	color:#FFFFFF;
	text-decoration: none;
	background-color: #FF6600;
}
a.subnavi:active {
	color:#FFFFFF;
	text-decoration: none;
	background-color: #FF6600;
}

div.title{
	position:absolute;
	width:321px;
	height:auto;
	top:156px;
	left:440px;
	z-index:7;
	line-height:25px;
	color:#FF9900;
}

div.polaroids{
	position:absolute;
	width:auto;
	height:auto;
	top:413px;
	left:6px;
	z-index:8;
}

div.polaroids2{
	position:absolute;
	width:auto;
	height:auto;
	top:551px;
	left:57px;
	z-index:8;
}

div.display{
	position:absolute;
	width:auto;
	height:auto;
	top:498px;
	left:65px;
	z-index:20;
}

/*years*/

div.yr6{
	position:absolute;
	width:auto;
	height:auto;
	top:221px;
	left:48px;
	z-index:8;
}

div.yr7{
	position:absolute;
	width:auto;
	height:auto;
	top:299px;
	left:16px;
	z-index:8;
}

div.bird{
	position:absolute;
	width:auto;
	height:auto;
	top:363px;
	left:62px;
	z-index:8;
}

div.honourroll{
	position:absolute;
	width:680px;
	height:auto;
	left:56px;
	top:266px;
	z-index:6;
	/*background-color:#FFFFFF;*/
}

div.msgboarddecor2{
	position:absolute;
	width:auto;
	height:auto;
	top: 2804px;
	left: 681px;
	z-index:9;
}

/*Styles from pages*/
div.notepaper{
	position:absolute;
	width:auto;
	height:auto;
	left:26px;
	top:192px;
	z-index:5;
}

div.content{
	position:absolute;
	width:auto;
	height:auto;
	left:254px;
	top:213px;
	z-index:6;
}

div.teachers{
	position:absolute;
	width:469px;
	height:582px;
	left:272px;
	top:242px;
	z-index:7;
}

div.teachers2{
	position:absolute;
	width:153px;
	height:auto;
	left:421px;
	top:443px;
	z-index:7;
}

.style15 {color: #000000; font-family: "Courier New", Courier, monospace; }
.style16 {
	color: #663300;
	font-size: 18px;
}
.style17 {color: #666600}
.style19 {color: #000000; font-family: "Courier New", Courier, monospace; font-weight: bold; }

.style4 {font-size: 12px}
.style5 {font-size: 10px}
.style6 {
	color: #FFFFFF;
	font-size: 14px;
}

.style20 {
	font-size: 18px;
	font-weight: bold;
	color: #FF6600;
}
.style21 {font-size: 14px}